chore: replace insecure randomness and fix alert (#197)

Author: dreamorosi

frontend/src/components/Upload/Upload.helpers.ts

@@ -2,30 +2,6 @@ import axios from 'axios';
 
 import { getPresignedUrl } from '../../helpers/API';
 
-export const generateUUID = (): string => {
-  let d = new Date().getTime(); //Timestamp
-  let d2 =
-    (typeof performance !== 'undefined' &&
-      performance.now &&
-      performance.now() * 1000) ||
-    0; //Time in microseconds since page-load or 0 if unsupported
-
-  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
-    let r = Math.random() * 16; //random number between 0 and 16
-    if (d > 0) {
-      //Use timestamp until depleted
-      r = ((d + r) % 16) | 0;
-      d = Math.floor(d / 16);
-    } else {
-      //Use microseconds since page-load if supported
-      r = ((d2 + r) % 16) | 0;
-      d2 = Math.floor(d2 / 16);
-    }
-
-    return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16);
-  });
-};
-
 export type FileWithUrl = {
   id: string;
   url?: string;
@@ -52,7 +28,7 @@ export const generateUploadUrls = async (
           status: 'ready',
         });
       } else {
-        const localUUID = generateUUID();
+        const localUUID = self.crypto.randomUUID();
         newFileUploadData.set(localUUID, {
           id: localUUID,
           file: acceptedFiles[idx],