feat: integrate SvelteKit for seamless navigation and improved data loading

frontend/vite.config.js

@@ -1,32 +1,19 @@
-import { defineConfig } from 'vite'
-import { svelte } from '@sveltejs/vite-plugin-svelte'
+import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vite';
 
-// https://vite.dev/config/
 export default defineConfig({
-  plugins: [svelte()],
-  server: {
-    proxy: {
-      '/plugins': {
-        target: 'http://localhost:8000',
-        changeOrigin: true,
-      },
-      '/tasks': {
-        target: 'http://localhost:8000',
-        changeOrigin: true,
-      },
-      '/settings': {
-        target: 'http://localhost:8000',
-        changeOrigin: true,
-      },
-      '/api': {
-        target: 'http://localhost:8000',
-        changeOrigin: true,
-        rewrite: (path) => path.replace(/^\/api/, ''),
-      },
-      '/ws': {
-        target: 'ws://localhost:8000',
-        ws: true,
-      },
-    },
-  },
-})
+	plugins: [sveltekit()],
+	server: {
+		proxy: {
+			'/api': {
+				target: 'http://localhost:8000',
+				changeOrigin: true,
+				rewrite: (path) => path.replace(/^\/api/, '')
+			},
+			'/ws': {
+				target: 'ws://localhost:8000',
+				ws: true
+			}
+		}
+	}
+});