add gorm

frontend/src/App.svelte

@@ -1,18 +1,23 @@
 <script lang="ts">
   import "./app.css";
-  import { Router, Route, Link } from "svelte-routing";
+  import { Router, Route, Link, navigate } from "svelte-routing";
   import Home from "./routes/Home.svelte";
   import "./app.css";
-  import { Navbar, NavBrand, DarkMode } from "flowbite-svelte";
-  let url: string = $state();
+  import { Navbar, DarkMode, Heading } from "flowbite-svelte";
+  import { HomeOutline } from "flowbite-svelte-icons";
+  let url: string = $state("/");
 </script>
 
 <main class="flex-col h-screen items-center bg-gray-50 dark:bg-gray-800">
   <Router bind:url>
-    <Navbar>
-      <NavBrand>
-        <Link to="/">HOME</Link>
-      </NavBrand>
+    <Navbar color="form">
+      <button
+        class="grid grid-cols-3 items-center"
+        onclick={() => navigate("/")}
+      >
+        <HomeOutline />
+        <span class="col-span-2">HOME</span>
+      </button>
       <DarkMode />
     </Navbar>
     <Route path="/"><Home /></Route>