feat: Refactor old code with delete modal and icons for buttons

src/widgets/MediaViewer/index.tsx

@@ -17,13 +17,11 @@ export function MediaViewer({
   return (
     <Box
       sx={{
-        width: "80%",
+        width: "100%",
         height: "100%",
-        maxWidth: "600px",
         display: "flex",
         flexGrow: 1,
         justifyContent: "center",
-        margin: "0 auto",
       }}
       className={className}
     >
@@ -34,10 +32,9 @@ export function MediaViewer({
           }/download?token=${token}`}
           alt={media?.filename}
           style={{
-            maxWidth: "100%",
-            height: "auto",
-            objectFit: "contain",
-            borderRadius: 8,
+            width: "100%",
+            height: "100%",
+            objectFit: "cover",
           }}
         />
       )}
@@ -48,9 +45,7 @@ export function MediaViewer({
             media?.id
           }/download?token=${token}`}
           style={{
-            margin: "auto 0",
-            height: "fit-content",
-            width: "fit-content",
+            height: "100%",
             objectFit: "contain",
             borderRadius: 30,
           }}
@@ -66,7 +61,7 @@ export function MediaViewer({
           }/download?token=${token}`}
           alt={media?.filename}
           style={{
-            maxWidth: "100%",
+            width: "100%",
             height: "100%",
             objectFit: "contain",
             borderRadius: 8,
@@ -80,7 +75,7 @@ export function MediaViewer({
           }/download?token=${token}`}
           alt={media?.filename}
           style={{
-            maxWidth: "100%",
+            width: "100%",
             height: "100%",
             objectFit: "contain",
             borderRadius: 8,