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>

README.md

@@ -1,8 +1,31 @@
 # X-Agents
 
-Vue 3 + Vite + TypeScript + Tailwind CSS 项目
+前后端分离项目，前端使用 Vue 3 + Vite，后端支持 Python/Java
 
-## 技术栈
+## 项目结构
+
+```
+X-Agents/
+├── web/                 # 前端项目 (Vue 3 + Vite + TypeScript + Tailwind CSS)
+│   ├── src/             # 前端源代码
+│   │   ├── components/  # Vue 组件
+│   │   ├── views/      # 页面视图
+│   │   ├── router/     # 路由配置
+│   │   ├── App.vue     # 根组件
+│   │   ├── main.ts     # 入口文件
+│   │   └── style.css   # 全局样式
+│   ├── public/         # 静态资源
+│   ├── index.html      # 入口 HTML
+│   ├── package.json    # 前端依赖
+│   ├── vite.config.ts  # Vite 配置
+│   ├── tailwind.config.js # Tailwind 配置
+│   └── tsconfig.json   # TypeScript 配置
+│
+└── src/                # 后端代码 (Python/Java)
+    └── (待开发)
+```
+
+## 前端技术栈
 
 - Vue 3
 - Vite
@@ -11,8 +34,15 @@ Vue 3 + Vite + TypeScript + Tailwind CSS 项目
 - Pinia (状态管理)
 - Vue Router
 - ECharts
+- Font Awesome
 
-## 基础操作
+## 前端操作
+
+### 进入前端目录
+
+```bash
+cd web
+```
 
 ### 安装依赖
 
@@ -40,13 +70,6 @@ npm run build
 npm run preview
 ```
 
-## 项目结构
+## 后端开发
 
-```
-├── src/              # 源代码
-├── web/              # Web 资源
-├── index.html        # 入口 HTML
-├── vite.config.ts    # Vite 配置
-├── tailwind.config.js # Tailwind 配置
-└── tsconfig.json     # TypeScript 配置
-```
+后端代码请放在 `src/` 目录下，支持 Python 或 Java。