feat: typed database with kysely, updated config

src/index.tsx

@@ -1,23 +1,26 @@
 /* @refresh reload */
 import { render } from "solid-js/web";
-
-import "./index.css";
-import App from "./App";
 import { Router } from "@solidjs/router";
 
+import App from "./App";
+
 const root = document.getElementById("root");
 
 if (import.meta.env.DEV && !(root instanceof HTMLElement)) {
   throw new Error(
-    "Root element not found. Did you forget to add it to your index.html? Or maybe the id attribute got misspelled?"
+    "Root element not found. Did you forget to add it to your index.html? Or maybe the id attribute got misspelled?",
   );
 }
 
-render(
-  () => (
-    <Router>
-      <App />
-    </Router>
-  ),
-  root!
-);
+if (root) {
+  render(
+    () => (
+      <div class="mx-auto max-w-screen-2xl">
+        <Router>
+          <App />
+        </Router>
+      </div>
+    ),
+    root,
+  );
+}