Create content for docs card grid

Author: JackTench

src/app/docs.tsx

@@ -1,3 +1,32 @@
+const docs = [
+  {
+    title: "Auto Splitters",
+    description:
+      "Documentation and tips for creating auto splitters for LibreSplit.",
+    to: "/docs/auto-splitters.md",
+  },
+  {
+    title: "Settings and Keybinds",
+    description: "Customize controls and behavior.",
+    to: "/docs/settings-keybinds.md",
+  },
+  {
+    title: "Split Files",
+    description: "JSON split file documentation.",
+    to: "/docs/split-files.md",
+  },
+  {
+    title: "Themes",
+    description: "Style the app to your liking.",
+    to: "/docs/themes.md",
+  },
+  {
+    title: "Troubleshooting",
+    description: "Fix common issues and edge cases.",
+    to: "/docs/troubleshooting.md",
+  },
+];
+
 export function Docs() {
   return <p>Placeholder</p>;
 }