updte

components/modals/image-viewer-modal.tsx

@@ -1,6 +1,5 @@
 import { Dialog, DialogContent } from "@/components/ui/dialog";
 import { X, ChevronLeft, ChevronRight } from "lucide-react";
-import Image from "next/image";
 import { Button } from "@/components/ui/button";
 
 interface ImageViewerModalProps {
@@ -43,14 +42,12 @@ export function ImageViewerModal({ isOpen, onClose, imageUrl, onNavigate }: Imag
             </>
           )}
           
-          <div className="relative w-full h-full min-h-[60vh]">
+          <div className="relative w-full h-full min-h-[60vh] flex items-center justify-center">
-            <Image
+            <img
               src={imageUrl}
               alt="Full size image"
-              fill
+              className="max-w-full max-h-full object-contain"
-              className="object-contain"
+              loading="eager"
-              priority
-              sizes="90vw"
             />
           </div>
         </div>

next.config.mjs

@@ -4,8 +4,12 @@ const nextConfig = {
         remotePatterns: [
             {
                 protocol: "https",
-                hostname: "**",
+                hostname: "api.telegram.org",
             },
+            {
+                protocol: "https",
+                hostname: "telegram.org",
+            }
         ],
     },
 };