style(blog): improve table styling with proper borders and hover

- Add consistent padding and font sizing
- Add responsive table display (block on mobile)
- Add thead border and th background styling
- Add row hover effect
- Add border-radius on corner cells
- Add code cell font size adjustment

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: ppippi-dev

src/styles/global.css

@@ -163,6 +163,56 @@ textarea, input, button {
 table {
 	width: 100%;
 	border-collapse: collapse;
+	margin: 1.5rem 0;
+	font-size: 0.9375rem;
+	overflow-x: auto;
+	display: block;
+}
+
+@media (min-width: 640px) {
+	table {
+		display: table;
+	}
+}
+
+thead {
+	border-bottom: 2px solid var(--border-color);
+}
+
+th {
+	text-align: left;
+	padding: 0.75rem 1rem;
+	font-weight: 600;
+	color: var(--text-primary);
+	background: var(--bg-secondary);
+	white-space: nowrap;
+}
+
+th:first-child {
+	border-radius: var(--radius-sm) 0 0 0;
+}
+
+th:last-child {
+	border-radius: 0 var(--radius-sm) 0 0;
+}
+
+td {
+	padding: 0.75rem 1rem;
+	border-bottom: 1px solid var(--border-color);
+	color: var(--text-secondary);
+}
+
+tr:last-child td {
+	border-bottom: none;
+}
+
+tbody tr:hover {
+	background: var(--bg-secondary);
+}
+
+/* Table with code cells */
+td code {
+	font-size: 0.8125rem;
 }
 
 /* Images */