feat: integrate SvelteKit for seamless navigation and improved data loading

frontend/src/components/Navbar.svelte

@@ -0,0 +1,26 @@
+<script>
+    import { page } from '$app/stores';
+</script>
+
+<header class="bg-white shadow-md p-4 flex justify-between items-center">
+    <a
+        href="/"
+        class="text-3xl font-bold text-gray-800 focus:outline-none"
+    >
+        Superset Tools
+    </a>
+    <nav class="space-x-4">
+        <a
+            href="/"
+            class="text-gray-600 hover:text-blue-600 font-medium {$page.url.pathname === '/' ? 'text-blue-600 border-b-2 border-blue-600' : ''}"
+        >
+            Dashboard
+        </a>
+        <a
+            href="/settings"
+            class="text-gray-600 hover:text-blue-600 font-medium {$page.url.pathname === '/settings' ? 'text-blue-600 border-b-2 border-blue-600' : ''}"
+        >
+            Settings
+        </a>
+    </nav>
+</header>