Add Database page with new connection feature

- Reorganize project structure: move frontend to web/ directory
- Add Database page with connection list (name, type, subtables, status, created, actions)
- Integrate Element Plus for UI components with dark theme support
- Add Quicksand font for rounded UI design
- Configure root package.json to run frontend from web/ directory

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

web/src/router/index.ts

@@ -0,0 +1,45 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import Dashboard from '@/views/Dashboard.vue'
+import Login from '@/views/Login.vue'
+import Agents from '@/views/Agents.vue'
+import MCP from '@/views/MCP.vue'
+import ModelAPIs from '@/views/ModelAPIs.vue'
+import Database from '@/views/Database.vue'
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes: [
+    {
+      path: '/',
+      name: 'login',
+      component: Login
+    },
+    {
+      path: '/dashboard',
+      name: 'dashboard',
+      component: Dashboard
+    },
+    {
+      path: '/agents',
+      name: 'agents',
+      component: Agents
+    },
+    {
+      path: '/mcp',
+      name: 'mcp',
+      component: MCP
+    },
+    {
+      path: '/model-apis',
+      name: 'model-apis',
+      component: ModelAPIs
+    },
+    {
+      path: '/database',
+      name: 'database',
+      component: Database
+    }
+  ]
+})
+
+export default router