fix: resolve TypeScript compile errors and ESLint warnings from PR #1382

PreviewVideoPanel.tsx:
- Remove duplicate showTitlePreview declaration (removed from props
  interface and destructure, kept const assignment)
- Add missing import for TitlePreviewCanvas

Step4TitleSettings.tsx:
- Remove unused TitlePreviewCanvas import (component migrated to
  PreviewVideoPanel)

TitlePreviewCanvas.tsx:
- Fix @typescript-eslint/no-explicit-any on document.fonts.add()
- Fix react-hooks/exhaustive-deps warnings in 3 useEffect hooks
  (draw function uses refs and is stable by design)

apps/web/src/pages/generate/components/PreviewVideoPanel.tsx

@@ -16,6 +16,7 @@ import { PlayCircleOutlined, LoadingOutlined } from "@ant-design/icons"
 import type { PreviewResult, PreviewStatus } from "../hooks/useStep5Preview"
 import type { TitleSettings } from "../types"
 import { drawTitleOnCanvas } from "../utils/drawTitleOnCanvas"
+import TitlePreviewCanvas from "./title/TitlePreviewCanvas"
 
 interface PreviewVideoPanelProps {
   previewStatus: PreviewStatus
@@ -28,8 +29,6 @@ interface PreviewVideoPanelProps {
   titleText?: string
   /** 标题样式设置 */
   titleSettings?: TitleSettings
-  /** Step4 标题预览模式 */
-  showTitlePreview?: boolean
   /** 素材视频 URL（用于 Step4 标题预览背景） */
   sourceVideoUrl?: string
 }
@@ -45,7 +44,6 @@ export const PreviewVideoPanel: React.FC<PreviewVideoPanelProps> = ({
   onRegenerate,
   titleText,
   titleSettings,
-  showTitlePreview,
   sourceVideoUrl,
 }) => {
   const hasPreview = previewStatus === "ready" && previewResult

apps/web/src/pages/generate/components/Step4TitleSettings.tsx

@@ -8,7 +8,6 @@ import type { TitleSettings } from "../types"
 import { useStep4Title } from "../hooks/useStep4Title"
 import AiTitleGenerator from "./title/AiTitleGenerator"
 import TitleStylePanel from "./title/TitleStylePanel"
-import TitlePreviewCanvas from "./title/TitlePreviewCanvas"
 
 interface Step4TitleSettingsProps {
   titleSettings: TitleSettings

apps/web/src/pages/generate/components/title/TitlePreviewCanvas.tsx

@@ -86,6 +86,7 @@ const TitlePreviewCanvas: React.FC<TitlePreviewCanvasProps> = ({
         .load()
         .then(() => {
           if (!cancelled) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any -- FontFaceSet.add() exists at runtime
             ;(document.fonts as any).add(fontFace)
             onFontReady()
           }
@@ -108,11 +109,13 @@ const TitlePreviewCanvas: React.FC<TitlePreviewCanvasProps> = ({
     return () => {
       cancelled = true
     }
+  // eslint-disable-next-line react-hooks/exhaustive-deps -- draw uses refs, stable by design
   }, [titleSettings.font, titleSettings.size, titleSettings.bold, titleSettings.italic])
 
   // props 变化时重绘
   useEffect(() => {
     requestAnimationFrame(draw)
+  // eslint-disable-next-line react-hooks/exhaustive-deps -- draw uses refs, stable by design
   }, [titleText, titleSettings])
 
   // ResizeObserver 监听容器尺寸变化
@@ -126,6 +129,7 @@ const TitlePreviewCanvas: React.FC<TitlePreviewCanvasProps> = ({
     observer.observe(container)
 
     return () => observer.disconnect()
+  // eslint-disable-next-line react-hooks/exhaustive-deps -- draw uses refs, stable by design
   }, [])
 
   return (