feat: apply media proxy to thumbnail URLs in detail and home pages

apps/frontend/src/app/detail/[id]/page.tsx

@@ -4,6 +4,7 @@ import { notFound } from "next/navigation";
 import type { Metadata } from "next";
 import Header from "@/components/header";
 import DetailRawPanel from "@/components/detail-raw-panel";
+import { proxyMediaUrl } from "@/lib/media";
 
 type SourceType = "twitter" | "pixiv";
 
@@ -248,7 +249,7 @@ export default async function DetailPage({ params }: { params: Promise<{ id: str
                             {post.mediaType === "video" ? (
                                 <video
                                     src={post.mediaUrl}
-                                    poster={post.thumbnailUrl}
+                                    poster={proxyMediaUrl(post.thumbnailUrl)}
                                     controls
                                     loop
                                     muted

apps/frontend/src/app/page.tsx

@@ -3,6 +3,7 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { MasonryPhotoAlbum } from "react-photo-album";
 import Header from "../components/header";
+import { proxyMediaUrl } from "../lib/media";
 
 type Upload = {
   _id: string;
@@ -439,7 +440,7 @@ export default function App() {
           (upload) =>
             new Promise<GalleryPhoto | null>((resolve) => {
               const image = new Image();
-              const srcToLoad = (upload.mediaType === "video" && upload.thumbnailUrl) ? upload.thumbnailUrl : upload.mediaUrl;
+              const srcToLoad = (upload.mediaType === "video" && upload.thumbnailUrl) ? proxyMediaUrl(upload.thumbnailUrl) : upload.mediaUrl;
               image.src = srcToLoad;
               image.onload = () => {
                 resolve({
@@ -451,7 +452,7 @@ export default function App() {
                   author: upload.author?.trim() || "unknown",
                   source: upload.tweet?.url || "",
                   mediaType: upload.mediaType,
-                  thumbnailUrl: upload.thumbnailUrl,
+                  thumbnailUrl: proxyMediaUrl(upload.thumbnailUrl),
                 });
               };
               image.onerror = () => {
@@ -464,7 +465,7 @@ export default function App() {
                   author: upload.author?.trim() || "unknown",
                   source: upload.tweet?.url || "",
                   mediaType: upload.mediaType,
-                  thumbnailUrl: upload.thumbnailUrl,
+                  thumbnailUrl: proxyMediaUrl(upload.thumbnailUrl),
                 });
               };
             }),

apps/frontend/src/lib/media.ts

@@ -1,7 +1,3 @@
-/**
- * pbs.twimg.com 등 트위터 미디어 URL을 백엔드 프록시 경로로 변환합니다.
- * 트래킹 보호나 방화벽으로 인해 직접 접근이 막힐 수 있기 때문입니다.
- */
 const PROXIED_HOSTS = [
   "pbs.twimg.com",
   "video.twimg.com",
@@ -18,7 +14,6 @@ export function proxyMediaUrl(url: string | undefined | null): string {
       return `/api/proxy/image?url=${encodeURIComponent(url)}`;
     }
   } catch {
-    // 유효하지 않은 URL이면 그대로 반환
   }
 
   return url;