全自动代码重构

请分析当前项目中所有 React Class Component 文件。

执行以下重构任务：
1. 将每个 class component 转换为函数组件 + Hooks
2. this.state / this.setState → useState
3. componentDidMount / componentWillUnmount → useEffect
4. 提取可复用逻辑为自定义 Hook
5. 保持 props 接口不变，确保父组件不用改
6. 跑一遍现有测试确认没有 break

每个文件的改动单独列出，说明改了什么、为什么这样改。

分析当前项目中所有的错误处理代码。

当前状态审计：
- 找出所有 try-catch 块、.catch() 调用、error callback
- 列出不一致的地方（有的吞掉错误、有的只 console.log、有的往上抛）

统一方案：
1. 创建统一的 AppError 类（包含 code, message, cause）
2. 创建全局错误处理中间件
3. 所有业务层用 AppError 抛出，不直接 throw new Error
4. API 层统一返回 { success: false, error: { code, message } }
5. 给出修改后的文件清单和 diff

我要把这个 JavaScript 项目迁移到 TypeScript。

请按以下步骤执行：
1. 分析项目结构，生成 tsconfig.json（strict 模式）
2. 从入口文件开始，按依赖顺序逐个迁移 .js → .ts/.tsx
3. 为所有函数参数和返回值添加类型注解
4. 将 any 使用降到最低，尽量用具体类型
5. 为第三方库安装对应的 @types 包
6. 创建 types/ 目录存放公共类型定义
7. 确保 tsc --noEmit 通过，没有类型错误

每个文件列出改动摘要。如果某些地方必须用 any，说明原因。