feat: improve markdown rendering (#144)

package.json

@@ -22,6 +22,7 @@
 		"react": "18.3.1",
 		"react-dom": "18.3.1",
 		"react-markdown": "9.0.1",
+		"remark-gfm": "4.0.0",
 		"tailwind-merge": "2.5.4",
 		"tailwindcss-animate": "1.0.7",
 		"zustand": "5.0.0"

src/app/globals.css

@@ -101,27 +101,19 @@
 	}
 
 	.markdown-container h1 {
-		@apply text-6xl;
+		@apply text-3xl py-2;
 	}
 
 	.markdown-container h2 {
-		@apply text-5xl;
+		@apply text-2xl py-2;
 	}
 
 	.markdown-container h3 {
-		@apply text-4xl;
+		@apply text-xl py-2;
 	}
 
 	.markdown-container h4 {
-		@apply text-3xl;
-	}
-
-	.markdown-container h5 {
-		@apply text-2xl;
-	}
-
-	.markdown-container h6 {
-		@apply text-xl;
+		@apply text-lg py-2;
 	}
 
 	.markdown-container pre {
@@ -131,6 +123,21 @@
 	.markdown-container code {
 		@apply font-sans;
 	}
+
+	.markdown-container {
+		tbody,
+		td,
+		tfoot,
+		th,
+		thead,
+		tr {
+			text-align: left;
+			border-color: inherit !important;
+			border-style: solid !important;
+			border-width: 2px !important;
+			padding: 0.5rem;
+		}
+	}
 }
 
 :root {