feat: integrate SvelteKit for seamless navigation and improved data loading

frontend/src/routes/+error.svelte

@@ -0,0 +1,11 @@
+<script>
+    import { page } from '$app/stores';
+</script>
+
+<div class="container mx-auto p-4 text-center mt-20">
+    <h1 class="text-6xl font-bold text-gray-800 mb-4">{$page.status}</h1>
+    <p class="text-2xl text-gray-600 mb-8">{$page.error?.message || 'Page not found'}</p>
+    <a href="/" class="bg-blue-500 text-white px-6 py-3 rounded-lg hover:bg-blue-600 transition-colors">
+        Back to Dashboard
+    </a>
+</div>