feat: 前端对接 Profile/Messages/Settings 页面 API

- 3 消息页 + 2 资料编辑页 + 3 设置页 + 2 资料展示页
- api.ts 新增 Profile/Messages/ChangePassword 等类型和方法
- SSEContext 事件映射修复 + 断线重连修复
- 剩余页面加 USE_MOCK 双模式，52/55 页面已完成

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

frontend/app/brand/reports/page.tsx

@@ -1,7 +1,9 @@
 'use client'
 
-import { useState } from 'react'
+import { useState, useEffect, useCallback } from 'react'
 import { Download, Calendar, Filter } from 'lucide-react'
+import { USE_MOCK } from '@/contexts/AuthContext'
+import { api } from '@/lib/api'
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/Card'
 import { Button } from '@/components/ui/Button'
 import { Select } from '@/components/ui/Select'
@@ -43,9 +45,33 @@ const platformOptions = [
 export default function ReportsPage() {
   const [period, setPeriod] = useState('7d')
   const [platform, setPlatform] = useState('all')
+  const [reportData, setReportData] = useState(mockReportData)
+  const [reviewRecords, setReviewRecords] = useState(mockReviewRecords)
+  const [loading, setLoading] = useState(true)
+
+  const loadData = useCallback(async () => {
+    if (USE_MOCK) {
+      // Mock 模式：直接使用本地 mock 数据
+      setReportData(mockReportData)
+      setReviewRecords(mockReviewRecords)
+      setLoading(false)
+      return
+    }
+    // TODO: 后端报表 API 待实现 (GET /api/v1/reports)，暂时使用 mock 数据
+    try {
+      setReportData(mockReportData)
+      setReviewRecords(mockReviewRecords)
+    } finally {
+      setLoading(false)
+    }
+  }, [])
+
+  useEffect(() => {
+    loadData()
+  }, [loadData])
 
   // 计算汇总数据
-  const summary = mockReportData.reduce(
+  const summary = reportData.reduce(
     (acc, day) => ({
       totalSubmitted: acc.totalSubmitted + day.submitted,
       totalPassed: acc.totalPassed + day.passed,
@@ -53,7 +79,7 @@ export default function ReportsPage() {
     }),
     { totalSubmitted: 0, totalPassed: 0, totalFailed: 0 }
   )
-  const passRate = Math.round((summary.totalPassed / summary.totalSubmitted) * 100)
+  const passRate = summary.totalSubmitted > 0 ? Math.round((summary.totalPassed / summary.totalSubmitted) * 100) : 0
 
   return (
     <div className="space-y-6">
@@ -127,7 +153,7 @@ export default function ReportsPage() {
                 </tr>
               </thead>
               <tbody>
-                {mockReportData.map((row) => (
+                {reportData.map((row) => (
                   <tr key={row.id} className="border-b last:border-0">
                     <td className="py-3 font-medium text-gray-900">{row.date}</td>
                     <td className="py-3 text-gray-600">{row.submitted}</td>
@@ -168,7 +194,7 @@ export default function ReportsPage() {
                 </tr>
               </thead>
               <tbody>
-                {mockReviewRecords.map((record) => (
+                {reviewRecords.map((record) => (
                   <tr key={record.id} className="border-b last:border-0 hover:bg-gray-50">
                     <td className="py-3 font-medium text-gray-900">{record.videoTitle}</td>
                     <td className="py-3 text-gray-600">{record.creator}</td>