fix_upload

src/core/components/UploadSystem.jsx

@@ -1,4 +1,4 @@
-import { Box, Button, Typography } from "@mui/material";
+import { Box, Button, Paper, Typography } from "@mui/material";
 import { useTranslations } from "next-intl";
 import Image from "next/image";
 import AddIcon from "@mui/icons-material/Add";
@@ -96,17 +96,24 @@ const UploadSystem = ({
                 borderTopLeftRadius: "10px",
                 borderBottom: "unset",
                 padding: "5px",
+                overflow: "hidden",
               }}
               onClick={handleClick}
             >
-              <Image
-                width={imageSize[0]}
-                height={imageSize[1]}
-                src={selectedImage}
-                priority
-                alt={imageAlt}
-                style={{ padding: 5 }}
-              />
+              <Paper
+                elevation={0}
+                sx={{
+                  width: "100%",
+                  height: "100%",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  backgroundSize: "contain",
+                  backgroundRepeat: "no-repeat",
+                  backgroundPosition: "center",
+                  backgroundImage: `url(${selectedImage})`,
+                }}
+              ></Paper>
             </Box>
           ) : (
             fileType &&