fix docker?

components/forms/image-upload.tsx

@@ -2,6 +2,7 @@
 
 import { ChangeEvent } from "react";
 import { Input } from "@/components/ui/input";
+import Image from "next/image";
 
 interface ImageUploadProps {
   imagePreview: string | null;
@@ -21,9 +22,15 @@ export const ImageUpload = ({
       style={{ width: imageDimensions.width, height: imageDimensions.height }}
     >
       {imagePreview ? (
-        <img
+        <Image
           src={imagePreview}
           alt="Preview"
+          width={imageDimensions.width}
+          height={imageDimensions.height}
+          priority // Load immediately since it's a preview
+          placeholder="blur"
+          blurDataURL="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAwIiBoZWlnaHQ9IjMwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjRjNGNEY2Ii8+PC9zdmc+"
+          quality={85}
           className="object-contain w-full h-full rounded-md"
         />
       ) : (