fix: use media-player for all video/audio tools that had no-comparison or side-by-side

video-to-webp, video-to-frames, auto-subtitles, extract-subtitles,
video-metadata, and audio-metadata were using display modes that
render via ImageViewer, which can't display video/audio files
(shows "Preview not available"). Changed to media-player so they
get proper video player or waveform visualization.

apps/web/src/lib/tool-display-modes.ts

@@ -103,7 +103,7 @@ export const TOOL_DISPLAY_MODES: Record<string, DisplayMode> = {
   "ai-canvas-expand": "before-after",
   "ocr-pdf": "no-comparison",
   "transcribe-audio": "no-comparison",
-  "auto-subtitles": "no-comparison",
+  "auto-subtitles": "media-player",
   "background-replace": "no-comparison",
   "blur-background": "no-comparison",
 
@@ -126,19 +126,19 @@ export const TOOL_DISPLAY_MODES: Record<string, DisplayMode> = {
   "watermark-video": "media-player",
   "stabilize-video": "media-player",
   "gif-to-video": "media-player",
-  "video-to-webp": "side-by-side",
-  "video-to-frames": "no-comparison",
+  "video-to-webp": "media-player",
+  "video-to-frames": "media-player",
   "merge-videos": "media-player",
   "replace-audio": "media-player",
   "burn-subtitles": "media-player",
   "embed-subtitles": "media-player",
-  "extract-subtitles": "no-comparison",
+  "extract-subtitles": "media-player",
   "images-to-video": "media-player",
-  "video-metadata": "no-comparison",
+  "video-metadata": "media-player",
 
   // Audio tools
   "audio-channels": "media-player",
-  "audio-metadata": "no-comparison",
+  "audio-metadata": "media-player",
   "audio-speed": "media-player",
   "convert-audio": "media-player",
   "extract-audio": "media-player",