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>

frontend/src/routes/Home.svelte

@@ -5,7 +5,7 @@
     DeleteThing,
     NewThing,
   } from "../../wailsjs/go/things/Service";
-  import { things } from "../../wailsjs/go/models";
+  import { model } from "../../wailsjs/go/models";
   import {
     Label,
     Input,
@@ -19,7 +19,7 @@
   } from "flowbite-svelte";
 
   let name: string = $state();
-  let thingsList: things.Thing[] = $state([]);
+  let thingsList: model.Thing[] = $state([]);
 
   function update() {
     GetThings().then((ts) => {
@@ -53,7 +53,6 @@
   <TableHead>
     <TableHeadCell>ID</TableHeadCell>
     <TableHeadCell>Name</TableHeadCell>
-
     <TableHeadCell>Delete</TableHeadCell>
   </TableHead>
   <TableBody>