🐛 fix(DragUpload): resolve issue with pasting clipboard images in Safari (#7961)

Author: kingsword09

src/components/DragUpload/useDragUpload.tsx

@@ -37,18 +37,22 @@ const getFileListFromDataTransferItems = async (items: DataTransferItem[]) => {
   const filePromises: Promise<File[]>[] = [];
   for (const item of items) {
     if (item.kind === 'file') {
-      const entry = item.webkitGetAsEntry();
-      if (entry) {
-        filePromises.push(processEntry(entry));
+      // Safari browser may throw error when using FileSystemFileEntry.file()
+      // So we prioritize using getAsFile() method first for better browser compatibility
+      const file = item.getAsFile();
+
+      if (file) {
+        filePromises.push(
+          new Promise((resolve) => {
+            resolve([file]);
+          }),
+        );
       } else {
-        const file = item.getAsFile();
-
-        if (file)
-          filePromises.push(
-            new Promise((resolve) => {
-              resolve([file]);
-            }),
-          );
+        const entry = item.webkitGetAsEntry();
+
+        if (entry) {
+          filePromises.push(processEntry(entry));
+        }
       }
     }
   }