feat: improve image key extraction logic in FeedbackImage component

Author: chiol

apps/web/src/shared/ui/feedback-image.tsx

@@ -40,37 +40,23 @@ const FeedbackImage = ({ url }: Props) => {
   });
 
   const imageKey = useMemo(() => {
-    if (!channelData?.imageConfig?.enablePresignedUrlDownload) return url;
+    if (!channelData?.imageConfig?.enablePresignedUrlDownload) return '';
 
-    let parsed: URL | null = null;
-    try {
-      parsed = new URL(
-        url,
-        typeof window !== 'undefined' ?
-          window.location.href
-        : 'http://localhost',
-      );
-    } catch {
-      return url;
-    }
-    if (!/^https?:$/.test(parsed.protocol)) return url;
+    const s3Pattern = /(s3[.-][a-z0-9-]+\.amazonaws\.com|s3\.amazonaws\.com)/;
+    if (!s3Pattern.test(url)) return '';
 
-    const rawPath = parsed.pathname.replace(/^\/+/, '');
-    let key = rawPath;
-    try {
-      key = decodeURIComponent(rawPath);
-    } catch {
-      /* keep raw */
-    }
+    const parsedUrl = new URL(url);
+    const key = decodeURIComponent(parsedUrl.pathname.replace(/^\/+/, ''));
+    const host = parsedUrl.hostname;
 
-    const host = parsed.hostname;
     const parts = key.split('/', 2);
     if (
       (host === 's3.amazonaws.com' || host.startsWith('s3.')) &&
       parts.length >= 2
     ) {
       return parts.slice(1).join('/');
     }
+
     return key;
   }, [channelData, url]);