Enhance media upload functionality: add abort signal support for uploadMedia, enabling cancellation of ongoing uploads. Implement cancel and cancelAll methods in upload store to manage queued and active uploads. Update UploadSnackbar to include cancel buttons for individual and all uploads. Enhance i18n with new cancellation strings.

frontend/src/features/admin/media/api.ts

@@ -33,8 +33,14 @@ export function deleteMedia(id: string) {
 export function uploadMedia(
   file: File,
   onProgress?: (percent: number) => void,
+  signal?: AbortSignal,
 ): Promise<CreatedIdResponse> {
   return new Promise((resolve, reject) => {
+    if (signal?.aborted) {
+      reject(new DOMException('Aborted', 'AbortError'))
+      return
+    }
+
     const xhr = new XMLHttpRequest()
     const query = new URLSearchParams({ fileName: file.name })
     xhr.open('POST', `/api/admin/media?${query.toString()}`)
@@ -42,6 +48,9 @@ export function uploadMedia(
     const token = getAccessToken()
     if (token) xhr.setRequestHeader('Authorization', `Bearer ${token}`)
 
+    signal?.addEventListener('abort', () => xhr.abort())
+    xhr.onabort = () => reject(new DOMException('Aborted', 'AbortError'))
+
     xhr.upload.onprogress = (event) => {
       if (event.lengthComputable && onProgress)
         onProgress(Math.round((event.loaded / event.total) * 100))