fix: P0 安全加固 + 前端错误边界 + ESLint 修复

后端:
- 实现登出 API（清除 refresh token）
- 清除 videos.py 中已被 Celery 任务取代的死代码
- 添加速率限制中间件（60次/分钟，登录10次/分钟）
- 添加 SECRET_KEY/ENCRYPTION_KEY 默认值警告
- OSS STS 方法回退到 Policy 签名（不再抛异常）

前端:
- 添加全局 404/error/loading 页面
- 添加三端 error.tsx + loading.tsx 错误边界
- 修复 useId 条件调用违反 Hooks 规则
- 修复未转义引号和 Image 命名冲突
- 添加 ESLint 配置

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/app/creator/appeal-quota/page.tsx

@@ -363,7 +363,7 @@ export default function AppealQuotaPage() {
           <div className="flex flex-col gap-1">
             <span className="text-sm font-medium text-text-primary">申诉次数规则</span>
             <span className="text-[13px] text-text-secondary leading-relaxed">
-              每个任务初始有 1 次申诉机会，不同任务独立计算。如需更多次数，可点击"申请增加"向代理商发送请求，无需填写理由。代理商可增加的次数无上限。
+              每个任务初始有 1 次申诉机会，不同任务独立计算。如需更多次数，可点击&ldquo;申请增加&rdquo;向代理商发送请求，无需填写理由。代理商可增加的次数无上限。
             </span>
           </div>
         </div>

frontend/app/creator/appeals/[id]/page.tsx

@@ -9,7 +9,7 @@ import {
   CheckCircle,
   XCircle,
   FileText,
-  Image,
+  Image as ImageIcon,
   Send,
   AlertTriangle,
   Loader2
@@ -422,7 +422,7 @@ export default function AppealDetailPage() {
                       className="flex items-center gap-3 px-4 py-3 bg-bg-elevated rounded-xl cursor-pointer hover:bg-bg-page transition-colors"
                     >
                       {attachment.type === 'image' ? (
-                        <Image className="w-5 h-5 text-accent-indigo" />
+                        <ImageIcon className="w-5 h-5 text-accent-indigo" />
                       ) : (
                         <FileText className="w-5 h-5 text-accent-indigo" />
                       )}

frontend/app/creator/appeals/new/page.tsx

@@ -7,7 +7,7 @@ import {
   Upload,
   X,
   FileText,
-  Image,
+  Image as ImageIcon,
   AlertTriangle,
   CheckCircle,
   Loader2
@@ -468,7 +468,7 @@ export default function NewAppealPage() {
                     className="flex items-center gap-2 px-3 py-2 bg-bg-elevated rounded-lg"
                   >
                     {file.type === 'image' ? (
-                      <Image className="w-4 h-4 text-accent-indigo" />
+                      <ImageIcon className="w-4 h-4 text-accent-indigo" />
                     ) : (
                       <FileText className="w-4 h-4 text-accent-indigo" />
                     )}

frontend/app/creator/error.tsx

@@ -0,0 +1,44 @@
+'use client'
+
+import { useEffect } from 'react'
+import { AlertTriangle, RefreshCw, Home } from 'lucide-react'
+
+export default function CreatorError({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string }
+  reset: () => void
+}) {
+  useEffect(() => {
+    console.error('Creator section error:', error)
+  }, [error])
+
+  return (
+    <div className="flex flex-col items-center justify-center h-full min-h-[400px] gap-4">
+      <div className="w-14 h-14 bg-accent-coral/15 rounded-2xl flex items-center justify-center">
+        <AlertTriangle className="w-7 h-7 text-accent-coral" />
+      </div>
+      <h2 className="text-xl font-semibold text-text-primary">页面加载失败</h2>
+      <p className="text-text-secondary text-sm max-w-sm text-center">
+        {error.message || '发生未知错误，请重试'}
+      </p>
+      <div className="flex gap-3 mt-2">
+        <button
+          onClick={() => window.location.href = '/creator'}
+          className="flex items-center gap-2 px-4 py-2.5 bg-bg-elevated text-text-secondary rounded-xl text-sm font-medium hover:bg-bg-card transition-colors border border-border-subtle"
+        >
+          <Home className="w-4 h-4" />
+          回到首页
+        </button>
+        <button
+          onClick={reset}
+          className="flex items-center gap-2 px-4 py-2.5 bg-accent-indigo text-white rounded-xl text-sm font-medium hover:bg-accent-indigo/90 transition-colors"
+        >
+          <RefreshCw className="w-4 h-4" />
+          重试
+        </button>
+      </div>
+    </div>
+  )
+}

frontend/app/creator/loading.tsx

@@ -0,0 +1,10 @@
+export default function CreatorLoading() {
+  return (
+    <div className="flex items-center justify-center h-full min-h-[400px]">
+      <div className="flex flex-col items-center gap-4">
+        <div className="w-8 h-8 border-2 border-border-subtle border-t-accent-indigo rounded-full animate-spin" />
+        <p className="text-text-tertiary text-sm">加载中...</p>
+      </div>
+    </div>
+  )
+}