fix: handle viewer load errors

apps/web/app/components/MediaPanel.tsx

@@ -175,6 +175,7 @@ export function MediaPanel(props: { selectedDayIso: string | null }) {
     setViewerError(null);
     setVideoFallback(null);
 
+    try {
       if (asset.media_type === "video") {
         const playback = await loadVideoPlaybackUrl(asset.id);
         const variantLabel =
@@ -190,6 +191,12 @@ export function MediaPanel(props: { selectedDayIso: string | null }) {
       const url = await loadSignedUrl(asset.id, variant);
       setViewer({ asset, url, variant });
       void loadAdminLists();
+    } catch (err) {
+      setViewer(null);
+      setViewerError(
+        err instanceof Error ? err.message : "viewer_open_failed",
+      );
+    }
   }
 
   async function loadAdminLists() {