feat: 前端 ESLint 规则增强，自动检测 LLM 编码违规

- 启用 TanStack Query flat/recommended（7 条规则）
- 新增 no-console（允许 warn/error）、consistent-type-imports（inline 风格）、no-non-null-assertion 规则
- 新增自定义规则 no-hardcoded-color-in-style，检测 JSX style 中硬编码颜色值
- 将 ESLint 检查集成到 build 命令（tsc -b && eslint . && vite build）
- 修复现有代码中的 lint 违规（import 顺序、type import 风格、unused vars）
- 使用 @typescript-eslint/rule-tester 编写自定义规则集成测试

openspec/specs/frontend/spec.md

@@ -482,6 +482,9 @@ TBD - 提供供应商、模型配置和用量统计的前端管理界面
 - **THEN** TypeScript 配置 SHALL 开启 noUncheckedIndexedAccess
 - **THEN** 所有代码 SHALL NOT 使用 any 类型
 - **THEN** tsconfig SHALL 合并为单文件（不使用 project references）
+- **THEN** type import SHALL 使用内联风格 `import { type Foo }`
+- **THEN** 代码 SHALL NOT 使用非空断言 `foo!`
+- **THEN** 代码 SHALL NOT 使用 `console.log`、`console.info`、`console.debug`（仅允许 `console.warn` 和 `console.error`）
 
 #### Scenario: React 函数组件
 
@@ -505,6 +508,8 @@ TBD - 提供供应商、模型配置和用量统计的前端管理界面
 - **THEN** Vite SHALL 对业务代码执行混淆处理
 - **THEN** 混淆 SHALL 仅应用于 src 目录下的业务代码
 - **THEN** 混淆 SHALL NOT 应用于 node_modules 中的第三方库
+- **THEN** 构建流程 SHALL 在 vite build 之前执行 ESLint 检查
+- **THEN** ESLint 检查失败 SHALL 中断构建
 
 ### Requirement: 与后端 API 通信