Enhance SvelteKit project by adding new API routes for dark mode toggling, updating existing route parameters, and improving type definitions. Refactor component imports and optimize asset handling for better performance and maintainability.

src/routes/+page.svelte

@@ -7,14 +7,14 @@
 
 {#if browser}
   {#await import("./HomeWithDialog.svelte")}
-    <main class="flex min-h-screen flex-col items-center justify-center gap-6 p-6 sm:p-8">
+    <main class="flex min-h-0 flex-1 flex-col items-center justify-center gap-6 p-6">
       <p class="text-muted-foreground">Loading…</p>
     </main>
   {:then { default: HomeWithDialog }}
     <HomeWithDialog data={data} />
   {/await}
 {:else}
-  <main class="flex min-h-screen flex-col items-center justify-center gap-6 p-6 sm:p-8">
+  <main class="flex min-h-0 flex-1 flex-col items-center justify-center gap-6 p-6">
     <h1 class="text-2xl font-semibold">Stackq</h1>
     <div class="flex w-full max-w-xs flex-col gap-3">
       <a href="/items" class="block">
@@ -38,9 +38,6 @@
       <a href="/accounts" class="block">
         <Button class="h-12 min-h-12 w-full" variant="outline">Accounts</Button>
       </a>
-      <a href="/logout" class="block">
-        <Button class="h-12 min-h-12 w-full" variant="outline">Log out</Button>
-      </a>
     </div>
   </main>
 {/if}