feat(frontend): 构建前端 MVP，实现完整 UI 框架与 mock 数据层

- 安装 zustand + react-router-dom 依赖
- 修复 Vite 代理配置，添加 /auth 路由转发
- 实现 API 封装层（client.ts 统一 fetch、auth.ts 真实调用）
- 实现 mock 数据层（mock.ts 模拟 WebSocket 管线进度）
- 实现 4 个 zustand stores（auth/project/task/generation）
- 实现 5 个组件（StyleSelector/PromptEditor/GenerateForm/ProgressBar/AssetPreview）
- 实现 5 个页面（Login/Register/Project/Generate/Result）
- 实现路由含 ProtectedRoute 守卫
- 添加暗色主题全局样式
- 更新前端文档与 API 文档

frontend/src/hooks/useGenerate.ts

@@ -0,0 +1,17 @@
+import { useGenerationStore } from '../stores/generation'
+
+export function useGenerate() {
+  const store = useGenerationStore()
+  return {
+    submit: store.submit,
+    taskId: store.taskId,
+    stage: store.stage,
+    progress: store.progress,
+    status: store.status,
+    retryCount: store.retryCount,
+    rejectReason: store.rejectReason,
+    assets: store.assets,
+    error: store.error,
+    reset: store.reset,
+  }
+}

frontend/src/hooks/useProjectStyle.ts

@@ -0,0 +1,14 @@
+import { useEffect } from 'react'
+import { useProjectStore } from '../stores/project'
+
+export function useProjectStyle(projectId: string) {
+  const { style, loading, loadProject, loadStyle, updateStyle, saveStyle } =
+    useProjectStore()
+
+  useEffect(() => {
+    loadProject(projectId)
+    loadStyle(projectId)
+  }, [projectId, loadProject, loadStyle])
+
+  return { style, loading, updateStyle, saveStyle }
+}