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 变更记录

frontend/src/hooks/useStats.ts

@@ -0,0 +1,14 @@
+import { useQuery } from '@tanstack/react-query';
+import type { StatsQueryParams } from '@/types';
+import * as api from '@/api/stats';
+
+export const statsKeys = {
+  filtered: (params?: StatsQueryParams) => ['stats', params] as const,
+};
+
+export function useStats(params?: StatsQueryParams) {
+  return useQuery({
+    queryKey: statsKeys.filtered(params),
+    queryFn: () => api.getStats(params),
+  });
+}