fixed media context, also renambling psw temp to report bug to apple

src/components/MediaItem/MediaItem.tsx

@@ -85,12 +85,9 @@ const MediaItem: React.FC<MediaItemType> = memo(({ file }) => {
 
   return (
     <div
-      className={classNames(
-        "h-[100px] bg-black overflow-hidden cursor-pointer relative",
-        {
-          "border-4 border-[#3c85ee]": elementSelected || elementMultiSelected,
-        }
-      )}
+      className={classNames("h-[100px] bg-black cursor-pointer relative", {
+        "border-4 border-[#3c85ee]": elementSelected || elementMultiSelected,
+      })}
       onClick={mediaItemClick}
       onContextMenu={onContextMenu}
       onTouchStart={onTouchStart}

vite.config.ts

@@ -1,6 +1,7 @@
 import { defineConfig, loadEnv } from "vite";
 import react from "@vitejs/plugin-react";
 import { visualizer } from "rollup-plugin-visualizer";
+import { VitePWA } from "vite-plugin-pwa";
 
 export default defineConfig(({ mode }) => {
   const env = loadEnv(mode, "./src/config/");
@@ -15,12 +16,12 @@ export default defineConfig(({ mode }) => {
       visualizer(),
       // Perhaps will be used in the future, currently lots of issues
       // With downloading files on safari iOS PWA (who would have guessed)
-      // VitePWA({
-      //   registerType: "autoUpdate",
-      //   workbox: {
-      //     navigateFallbackDenylist: [/^\/file-service\/download\//],
-      //   },
-      // }),
+      VitePWA({
+        registerType: "autoUpdate",
+        workbox: {
+          navigateFallbackDenylist: [/^\/file-service\/download\//],
+        },
+      }),
     ],
     build: {
       outDir: "dist-frontend",