fix(FR-1501): fix file upload status tracking and error handling (#4412)

Resolves #4316 ([FR-1501](https://lablup.atlassian.net/browse/FR-1501))

## Changes

Fixes file upload status tracking and progress  calculation issues, particularly for concurrent  uploads. Refactored the upload state management to  properly track upload progress using bytes instead of  just file counts.

### Key Changes

1. Enhanced State Management Structure

  2. Fixed Progress Calculation

  - Problem: Progress was only tracked by file count, not actual bytes uploaded
  - Solution:
    - Added completedBytes to track actual upload progress
    - Added totalExpectedSize for accurate percentage calculation
    - Progress now shows: completedBytes /  totalExpectedSize * 100

  3.  Fixed Cumulative Bytes Issue

  - Problem: onProgress callback provides cumulative bytesUploaded, not incremental
  - Solution: Calculate delta bytes for each progress update
```
  let previousBytesUploaded = 0;
  const deltaBytes = bytesUploaded - previousBytesUploaded;
  previousBytesUploaded = bytesUploaded;
```

4. Improved Concurrent Upload Handling

  - Problem: When starting new uploads while others are in progress, total size wasn't properly accumulated
  - Solution:
    - totalExpectedSize accumulates across all upload requests
    - All progress callbacks reference the same total from state
    - Proper reset when all uploads complete

  5. Better Upload Status Notifications

  - Progress notifications now show both file count and byte-based percentage
  - More accurate progress tracking during uploads
  - Proper cleanup of state after completion

  Testing

  - Single file upload progress tracking
  - Multiple files upload (folder) progress tracking
  - Concurrent uploads (starting new upload while another
   is in progress)
  - Upload failure handling
  - Progress percentage accuracy

  Technical Details

  The main issue was that the original implementation only tracked file names without considering actual bytes uploaded. This led to inaccurate progress reporting, especially for files of varying sizes. The new implementation:

  1. Tracks both file counts and bytes for comprehensive progress reporting
  2. Properly handles cumulative vs incremental byte reporting from the TUS upload library
  3. Maintains a single source of truth (totalExpectedSize) for all concurrent uploads
  4. Correctly accumulates sizes when new uploads are added

**Checklist:**

- [ ] Documentation
- [ ] Minimum required manager version
- [ ] Specific setting for review
- [ ] Minimum requirements to check during review
- [x] Test case: Upload multiple files and verify status tracking works correctly

[FR-1501]: https://lablup.atlassian.net/browse/FR-1501?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

Author: ironAiken2

react/src/components/FileUploadManager.tsx

@@ -69,7 +69,7 @@ const FolderExplorerModal: React.FC<FolderExplorerProps> = ({
   const bodyRef = useRef<HTMLDivElement | null>(null);
 
   useEffect(() => {
-    if (uploadStatus && _.isEmpty(uploadStatus.pending)) {
+    if (uploadStatus && _.isEmpty(uploadStatus?.pendingFiles)) {
       updateFetchKey();
     }
   }, [uploadStatus, updateFetchKey]);

react/src/components/FolderExplorerModal.tsx

@@ -652,17 +652,18 @@
     "Title": "Es ist ein Fehler aufgetreten."
   },
   "explorer": {
-    "FileInProgress": "Hochladen von '{{fileName}}' ...",
     "FileUploadCancelled": "Das Datei -Upload wurde durch Benutzeranforderung storniert.",
     "FileUploadFailed": "Es wurden einige Dateien nicht in Ordner '{{folderName}}' hochgeladen.",
+    "Filename": "Dateiname",
     "FolderNotFoundOrNoAccess": "Ordner, der nicht gefunden oder zugänglich ist verweigert",
     "InputTooShort": "EingabeTooShort",
     "NoExplorerSupportForUnmanagedFolder": "Nicht verwaltete Ordner unterstützen den Datei -Explorer nicht.",
     "NoPermissions": "Keine Berechtigungen für den Zugriff auf diesen Ordner",
     "ProcessingUpload": "Ihre Datei wird hochgeladen. \nBitte warten.",
-    "SuccessfullyUploadedToFolder": "Dateien, die erfolgreich in Ordner '{{folderName}}' hochgeladen wurden",
+    "SuccessfullyUploadedToFolder": "Dateien erfolgreich hochgeladen.",
     "UploadFailed": "Upload fehlgeschlagen in '{{folderName}}' '",
-    "UploadToFolder": "Hochladen auf '{{folderName}}'",
+    "UploadingFiles": "Dateien werden hochgeladen...",
+    "VFolder": "Ordner",
     "ValueRequired": "WertErforderlich"
   },
   "general": {

resources/i18n/de.json

@@ -649,17 +649,18 @@
     "Title": "Εμφανίστηκε σφάλμα."
   },
   "explorer": {
-    "FileInProgress": "Μεταφόρτωση '{{fileName}}' ...",
     "FileUploadCancelled": "Η μεταφόρτωση αρχείων ακυρώθηκε με αίτημα χρήστη.",
     "FileUploadFailed": "Απέτυχε να ανεβάσει κάποια αρχεία στο φάκελο '{{folderName}}'.",
+    "Filename": "Όνομα αρχείου",
     "FolderNotFoundOrNoAccess": "Ο φάκελος δεν βρέθηκε ή απορρίφθηκε η πρόσβαση",
     "InputTooShort": "InputTooShort",
     "NoExplorerSupportForUnmanagedFolder": "Οι μη διαχειριζόμενοι φάκελοι δεν υποστηρίζουν τον εξερευνητή αρχείων.",
     "NoPermissions": "Δεν υπάρχουν δικαιώματα πρόσβασης σε αυτόν τον φάκελο",
     "ProcessingUpload": "Το αρχείο σας μεταφορτώνεται. \nΠεριμένετε.",
-    "SuccessfullyUploadedToFolder": "Αρχεία που μεταφορτώθηκαν με επιτυχία στο φάκελο '{{folderName}}'",
+    "SuccessfullyUploadedToFolder": "Τα αρχεία μεταφορτώθηκαν με επιτυχία.",
     "UploadFailed": "Η μεταφόρτωση απέτυχε στο '{{folderName}}'",
-    "UploadToFolder": "Μεταφόρτωση στο '{{folderName}}'",
+    "UploadingFiles": "Μεταφόρτωση αρχείων...",
+    "VFolder": "Ντοσιέ",
     "ValueRequired": "Απαιτούμενη τιμή"
   },
   "general": {

resources/i18n/el.json

@@ -657,17 +657,18 @@
     "Title": "An error has occurred."
   },
   "explorer": {
-    "FileInProgress": "Uploading '{{fileName}}'...",
     "FileUploadCancelled": "The file upload was canceled by user request.",
     "FileUploadFailed": "Failed to upload some files in folder '{{folderName}}'.",
+    "Filename": "File Name",
     "FolderNotFoundOrNoAccess": "Folder not found or access denied",
     "InputTooShort": "InputTooShort",
     "NoExplorerSupportForUnmanagedFolder": "Unmanaged folders do not support the file explorer.",
     "NoPermissions": "No permissions to access this folder",
     "ProcessingUpload": "Your file is being uploaded. Please wait.",
-    "SuccessfullyUploadedToFolder": "Files uploaded successfully in folder '{{folderName}}'",
+    "SuccessfullyUploadedToFolder": "Files uploaded successfully.",
     "UploadFailed": "Upload failed in '{{folderName}}'",
-    "UploadToFolder": "Uploading to '{{folderName}}'",
+    "UploadingFiles": "Uploading files...",
+    "VFolder": "Folder",
     "ValueRequired": "ValueRequired"
   },
   "general": {

resources/i18n/en.json

@@ -652,17 +652,18 @@
     "Title": "Se ha producido un error."
   },
   "explorer": {
-    "FileInProgress": "Cargando '{{fileName}}' ...",
     "FileUploadCancelled": "La carga de archivo fue cancelada por solicitud del usuario.",
     "FileUploadFailed": "No se pudo cargar algunos archivos en la carpeta '{{folderName}}'.",
+    "Filename": "Nombre del archivo",
     "FolderNotFoundOrNoAccess": "Carpeta no encontrada ni de acceso denegada",
     "InputTooShort": "InputTooShort",
     "NoExplorerSupportForUnmanagedFolder": "Las carpetas no administradas no admiten el explorador de archivos.",
     "NoPermissions": "No hay permisos para acceder a esta carpeta",
     "ProcessingUpload": "Se está cargando su archivo. \nEspere por favor.",
-    "SuccessfullyUploadedToFolder": "Archivos cargados correctamente en la carpeta '{{folderName}}'",
+    "SuccessfullyUploadedToFolder": "Archivos cargados exitosamente.",
     "UploadFailed": "La carga falló en '{{folderName}}'",
-    "UploadToFolder": "Cargar a '{{folderName}}'",
+    "UploadingFiles": "Subiendo archivos...",
+    "VFolder": "Carpeta",
     "ValueRequired": "ValorRequerido"
   },
   "general": {

resources/i18n/es.json

@@ -652,17 +652,18 @@
     "Title": "On tapahtunut virhe."
   },
   "explorer": {
-    "FileInProgress": "Lataaminen '{{fileName}}' ...",
     "FileUploadCancelled": "Tiedoston lataus peruutettiin käyttäjäpyynnöllä.",
     "FileUploadFailed": "Joidenkin tiedostojen lähettäminen kansioon '{{folderName}}'.",
+    "Filename": "Tiedoston nimi",
     "FolderNotFoundOrNoAccess": "Kansiota ei löydy tai pääsy kielletty",
     "InputTooShort": "InputTooShort",
     "NoExplorerSupportForUnmanagedFolder": "Hallitsemattomat kansiot eivät tue tiedostotutkijaa.",
     "NoPermissions": "Ei oikeuksia käyttää tätä kansiota",
     "ProcessingUpload": "Tiedostosi ladataan. \nOdota.",
-    "SuccessfullyUploadedToFolder": "Tiedostot ladataan onnistuneesti kansioon '{{folderName}}'",
+    "SuccessfullyUploadedToFolder": "Tiedostot on ladattu onnistuneesti.",
     "UploadFailed": "Lähettäminen epäonnistui '{{folderName}}'",
-    "UploadToFolder": "Lataaminen '{{folderName}}'",
+    "UploadingFiles": "Ladataan tiedostoja...",
+    "VFolder": "Kansio",
     "ValueRequired": "ValueRequired"
   },
   "general": {

resources/i18n/fi.json

@@ -652,17 +652,18 @@
     "Title": "Une erreur s'est produite."
   },
   "explorer": {
-    "FileInProgress": "Téléchargement '{{fileName}}' ...",
     "FileUploadCancelled": "Le téléchargement du fichier a été annulé par demande de l'utilisateur.",
     "FileUploadFailed": "Échec pour télécharger certains fichiers dans le dossier '{{folderName}}'.",
+    "Filename": "Nom de fichier",
     "FolderNotFoundOrNoAccess": "Dossier non trouvé ou accès refusé",
     "InputTooShort": "Entrée Trop Courte",
     "NoExplorerSupportForUnmanagedFolder": "Les dossiers non gérés ne prennent pas en charge l'explorateur de fichiers.",
     "NoPermissions": "Aucune autorisation pour accéder à ce dossier",
     "ProcessingUpload": "Votre fichier est téléchargé. \nS'il vous plaît, attendez.",
-    "SuccessfullyUploadedToFolder": "Fichiers téléchargés avec succès dans le dossier '{{folderName}}'",
+    "SuccessfullyUploadedToFolder": "Fichiers téléchargés avec succès.",
     "UploadFailed": "Le téléchargement a échoué dans '{{folderName}}'",
-    "UploadToFolder": "Téléchargement sur '{{folderName}}'",
+    "UploadingFiles": "Téléchargement de fichiers...",
+    "VFolder": "Dossier",
     "ValueRequired": "ValeurRequis"
   },
   "general": {

resources/i18n/fr.json

@@ -651,17 +651,18 @@
     "Title": "Telah terjadi kesalahan."
   },
   "explorer": {
-    "FileInProgress": "Mengunggah '{{fileName}}' ...",
     "FileUploadCancelled": "Unggah file dibatalkan dengan permintaan pengguna.",
     "FileUploadFailed": "Gagal mengunggah beberapa file di folder '{{folderName}}'.",
+    "Filename": "Nama File",
     "FolderNotFoundOrNoAccess": "Folder tidak ditemukan atau akses ditolak",
     "InputTooShort": "MasukanTerlaluPendek",
     "NoExplorerSupportForUnmanagedFolder": "Folder yang tidak dikelola tidak mendukung file explorer.",
     "NoPermissions": "Tidak ada izin untuk mengakses folder ini",
     "ProcessingUpload": "File Anda sedang diunggah. \nHarap tunggu.",
-    "SuccessfullyUploadedToFolder": "File berhasil diunggah di folder '{{folderName}}'",
+    "SuccessfullyUploadedToFolder": "File berhasil diunggah.",
     "UploadFailed": "Unggah gagal di '{{folderName}}'",
-    "UploadToFolder": "Mengunggah ke '{{folderName}}'",
+    "UploadingFiles": "Mengunggah file...",
+    "VFolder": "Map",
     "ValueRequired": "NilaiDiperlukan"
   },
   "general": {

resources/i18n/id.json

@@ -651,17 +651,18 @@
     "Title": "Si è verificato un errore."
   },
   "explorer": {
-    "FileInProgress": "Caricamento '{{fileName}}' ...",
     "FileUploadCancelled": "Il caricamento del file è stato cancellato dalla richiesta dell'utente.",
     "FileUploadFailed": "Impossibile caricare alcuni file nella cartella '{{folderName}}'.",
+    "Filename": "Nome del file",
     "FolderNotFoundOrNoAccess": "Cartella non trovata o accesso negata",
     "InputTooShort": "Inputtroppo corto",
     "NoExplorerSupportForUnmanagedFolder": "Le cartelle non gestite non supportano l'esploratore dei file.",
     "NoPermissions": "Nessuna autorizzazione per accedere a questa cartella",
     "ProcessingUpload": "Il tuo file viene caricato. \nAttendere prego.",
-    "SuccessfullyUploadedToFolder": "File caricati correttamente nella cartella '{{folderName}}'",
+    "SuccessfullyUploadedToFolder": "File caricati correttamente.",
     "UploadFailed": "Caricamento non riuscito in '{{folderName}'",
-    "UploadToFolder": "Caricamento su '{{folderName}}'",
+    "UploadingFiles": "Caricamento file...",
+    "VFolder": "Cartella",
     "ValueRequired": "ValoreRichiesto"
   },
   "general": {