fix(frontend): 按审计报告修复全部17项问题,数据层迁至 src/api/

P0(4): 假数据清除(avg_latency_ms:2400→null,无端点字段改null)、假进度条改诚实的不确定态、
  公共页不再反向依赖 admin(api/public.ts)、PredictProgress 重写
P1(6): 23处 any 归零(对齐后端 Pydantic 契约新增 PredictionMatchRef/HealthProbe 等)、
  a11y(aria-live 0→4,htmlFor 1→17,aria-describedby/invalid 补齐)、App.tsx 抽 SiteLayout、
  路由级 lazy+代码分割(首屏 315KB→238KB)、index.html 补 SEO/favicon/OG、死代码清理(AdminIcon 抽出)
P2(7): Login/index.css 裸色值令牌化、groupByDate useMemo、滚动监听统一、原生控件基元化、
  useLeagues 静默失败补告警、路由级 ErrorBoundary

另修复审计未列问题:
- Monitoring todos 过滤器 t!==false 放行 null 导致整页崩溃 → Boolean(t) 真值过滤
- Collection 渲染期 Date.now()(react-hooks/purity 捕获)→ 计时器 effect
- bg-press-wash/60 透明度修饰符静默失效 → RGB 三元组 + 构建期令牌守卫(下个提交接入)

工程化:数据层 dal/api/types(1047行)git mv 至 src/api/,admin 留 @deprecated 兼容壳,
  21 个引用方直指新路径;tsconfig 开启 noUnusedLocals/noUnusedParameters(清理9处存量)

frontend/src/admin/pages/Logs.tsx

@@ -8,9 +8,10 @@
  */
 
 import { useEffect, useState, useCallback, useRef } from 'react'
-import { fetchLogs } from '../dal'
-import type { LogEntry } from '../types'
+import { fetchLogs } from '../../api/dal'
+import type { LogEntry } from '../../api/types'
 import { Card, CardBody, CardHeader, Badge, SectionHeader, Alert, Spinner, SkeletonBlock } from '../components'
+import { Button, Input } from '../../components/ui'
 
 const LEVELS = ['', 'INFO', 'WARNING', 'ERROR'] as const
 
@@ -106,9 +107,9 @@ export default function LogsPage() {
                 />
                 10s 自动刷新
               </label>
-              <button onClick={load} disabled={loading} className="btn btn-sm">
+              <Button size="sm" onClick={load} disabled={loading}>
                 {loading ? (<><Spinner /> 加载中</>) : '刷新'}
-              </button>
+              </Button>
             </div>
           }
         />
@@ -117,20 +118,22 @@ export default function LogsPage() {
           <div className="flex flex-col gap-2 border-b border-ink-200 px-4 py-3 sm:flex-row sm:items-center sm:justify-between sm:px-5">
             <div className="flex flex-wrap gap-1.5">
               {LEVELS.map(lv => (
-                <button
+                <Button
                   key={lv || 'all'}
                   onClick={() => setLevel(lv)}
-                  className={`btn btn-sm ${level === lv ? 'btn-solid' : ''}`}
+                  variant={level === lv ? 'solid' : 'default'}
+                  size="sm"
                 >
                   {lv || '全部'}
-                </button>
+                </Button>
               ))}
             </div>
-            <input
+            <Input
               value={keyword}
               onChange={e => setKeyword(e.target.value)}
               placeholder="搜索关键字(消息 / logger)…"
-              className="field w-full sm:w-64"
+              aria-label="搜索日志关键字"
+              className="w-full sm:w-64"
             />
           </div>