feat: 完成前端重构，采用 Ant Design 5 和完整测试体系

- 采用 Ant Design 5 作为 UI 组件库，替换自定义组件
- 集成 React Router v7 提供路由导航
- 使用 TanStack Query v5 管理数据获取和缓存
- 建立 Vitest + React Testing Library 测试体系
- 添加 Playwright E2E 测试覆盖
- 使用 MSW mock API 响应
- 配置 TypeScript strict 模式
- 采用 SCSS Modules 组织样式
- 更新 OpenSpec 规格以反映前端架构变更
- 归档 frontend-refactor 变更记录

README.md

@@ -19,12 +19,14 @@ nex/
 │
 ├── frontend/         # React 前端界面
 │   ├── src/
-│   │   ├── main.tsx
-│   │   ├── App.tsx
-│   │   ├── pages/
-│   │   ├── components/
-│   │   ├── api/
-│   │   └── styles/
+│   │   ├── api/            # API 层（统一请求封装 + 字段转换）
+│   │   ├── hooks/          # TanStack Query hooks
+│   │   ├── components/     # 通用组件（AppLayout）
+│   │   ├── pages/          # 页面（Providers, Stats, NotFound）
+│   │   ├── routes/         # React Router 路由配置
+│   │   ├── types/          # TypeScript 类型定义
+│   │   └── __tests__/      # 测试（API、Hooks、组件）
+│   ├── e2e/                # Playwright E2E 测试
 │   └── package.json
 │
 └── README.md         # 本文件
@@ -51,9 +53,13 @@ nex/
 ### 前端
 - **Bun** - 运行时
 - **Vite** - 构建工具
-- **TypeScript** - 类型系统
+- **TypeScript** (strict mode) - 类型系统
 - **React** - UI 框架
-- **SCSS** - 样式预处理
+- **Ant Design 5** - UI 组件库
+- **React Router v7** - 路由
+- **TanStack Query v5** - 数据获取
+- **SCSS Modules** - 样式方案
+- **Vitest + Playwright** - 测试
 
 ## 快速开始