refactor: 全面重构前端 Dashboard 为 TDesign + TanStack Query 分组表格布局

- 卡片式布局改为分组 PrimaryTable，Modal 改为 Drawer
- 手写 hooks 替换为 TanStack Query（轮询/缓存/条件查询）
- CSS 607行精简至73行，颜色迁移至 TDesign tokens
- 可用率进度条颜色按 10% 一档红→绿渐变
- 新增纯函数测试 34 项全通过（排序/筛选/色阶阈值）
- 同步更新主 specs 并归档变更文档

src/web/components/StatusDonut.tsx

@@ -5,9 +5,9 @@ interface StatusDonutProps {
   down: number;
 }
 
-const UP_COLOR = "#1fbf75";
-const DOWN_COLOR = "#e5484d";
-const EMPTY_COLOR = "#e2e8f0";
+const UP_COLOR = "var(--td-success-color)";
+const DOWN_COLOR = "var(--td-error-color)";
+const EMPTY_COLOR = "var(--td-bg-color-component-disabled)";
 
 export function StatusDonut({ up, down }: StatusDonutProps) {
   const total = up + down;