Enhance routing and layout in SvelteKit project by adding new routes for accounts and transactions, updating existing routes, and improving layout parameters. Refactor item handling and integrate barcode scanning functionality for better user experience.

src/routes/transactions/+page.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+  import { Button } from "$lib/components/ui/button";
+  import { Card, CardContent } from "$lib/components/ui/card";
+  import { Home } from "@lucide/svelte";
+</script>
+
+<svelte:head>
+  <title>Transactions – Stackq</title>
+</svelte:head>
+
+<main class="container mx-auto flex flex-col gap-6 px-4 py-6 sm:px-6 sm:py-8">
+  <div class="flex items-center gap-3">
+    <a href="/" class="touch-target text-muted-foreground hover:text-foreground shrink-0" title="Back to main">
+      <Home class="size-5" />
+    </a>
+    <h1 class="text-xl font-semibold sm:text-2xl">Transactions</h1>
+  </div>
+
+  <Card>
+    <CardContent class="flex flex-col items-center justify-center gap-4 py-12">
+      <p class="text-muted-foreground text-center text-sm">No transactions yet.</p>
+      <p class="text-muted-foreground text-center text-xs">Transactions will appear here once this feature is available.</p>
+      <a href="/">
+        <Button variant="outline">Back to home</Button>
+      </a>
+    </CardContent>
+  </Card>
+</main>