Add max width to main content, Add bun dev task

Author: NextMerge

.vscode/tasks.json

@@ -0,0 +1,12 @@
+{
+    "version": "2.0.0",
+    "tasks": [
+        {
+            "type": "bun",
+            "script": "dev",
+            "problemMatcher": [],
+            "label": "bun: dev",
+            "detail": "bun --bun vinxi dev"
+        }
+    ]
+}

src/routes/index.tsx

@@ -18,7 +18,7 @@ export default function Home() {
     });
 
     return (
-        <main class="mx-4 mt-4 text-center">
+        <main class="container mx-auto px-4 pt-4 text-center">
             <BirdContext.Provider value={[state, setState]}>
                 <div class="hidden lg:block">
                     <div class="flex flex-col lg:flex-row">