Does some code tidying

package.json

@@ -10,13 +10,13 @@
     "check": "svelte-check --tsconfig ./tsconfig.app.json && tsc -p tsconfig.node.json"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^6.2.1",
+    "@sveltejs/vite-plugin-svelte": "^7.1.2",
     "@tsconfig/svelte": "^5.0.6",
     "@types/node": "^24.10.1",
-    "svelte": "^5.43.8",
+    "svelte": "^5.55.7",
     "svelte-check": "^4.3.4",
     "typescript": "~5.9.3",
-    "vite": "^7.2.4"
+    "vite": "^8.0.0"
   },
   "dependencies": {
     "@tailwindcss/vite": "^4.3.0",

src/App.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import {router} from 'svelte-spa-router'
+    import Router, {router} from 'svelte-spa-router'
     import {auth} from './lib/stores/auth.svelte'
     import TopBar from './lib/components/TopBar.svelte'
     import BottomNav from './lib/components/BottomNav.svelte'

src/lib/components/BottomNav.svelte

@@ -10,7 +10,7 @@
   )
 </script>
 
-<div class="btm-nav btm-nav-sm bg-base-100 border-t border-base-300 fixed bottom-0 left-0 right-0 z-30">
+<nav class="btm-nav btm-nav-sm bg-base-100 border-t border-base-300 fixed bottom-0 left-0 right-0 z-30">
   <button class:active={isActive('/')} onclick={() => push('/')}>
     <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
@@ -29,4 +29,4 @@
       <span class="btm-nav-label text-xs">Scores</span>
     </button>
   {/if}
-</div>
+</nav>

src/lib/components/TopBar.svelte

@@ -15,7 +15,7 @@
   }
 </script>
 
-<div class="navbar bg-primary text-primary-content shadow-sm sticky top-0 z-30">
+<nav class="navbar bg-primary text-primary-content shadow-sm sticky top-0 z-30">
   <div class="navbar-start">
     <span class="text-lg font-bold tracking-tight">{title}</span>
   </div>
@@ -39,4 +39,4 @@
       </div>
     {/if}
   </div>
-</div>
+</nav>

src/routes/admin/HuntCreate.svelte

@@ -42,7 +42,7 @@
 
   <form onsubmit={(e) => { e.preventDefault(); handleCreate() }} class="flex flex-col gap-4">
     <label class="form-control">
-      <div class="label"><span class="label-text font-medium">Hunt Title</span></div>
+      <span class="label"><span class="label-text font-medium">Hunt Title</span></span>
       <input
         type="text"
         placeholder="e.g. Summer Scavenger Hunt 2026"