fix: improve song download process by handling S3 redirects

- Updated the song loading logic in EditSongProvider to handle backend redirects when fetching song files.
- Implemented error handling for redirect responses to extract the S3 signed URL.
- Enhanced the file fetching process by using the native fetch API for better CORS handling.
- Improved error messages for various failure scenarios during the song download process.

Author: tomast1337

apps/frontend/src/modules/song-edit/components/client/context/EditSong.context.tsx

@@ -237,15 +237,51 @@ export const EditSongProvider = ({
       const token = getTokenLocal();
 
       try {
-        const songFile = (
+        // The backend redirects (302) to an S3 signed URL
+        // Get the redirect URL first, then fetch from S3 directly
+        let s3Url: string | null = null;
+
+        try {
+          // Make request without following redirects to get the S3 URL
           await axiosInstance.get(`/song/${id}/download`, {
             params: {
               src: 'edit',
             },
-            responseType: 'arraybuffer',
             headers: { authorization: `Bearer ${token}` },
-          })
-        ).data as ArrayBuffer;
+            maxRedirects: 0, // Don't follow redirects
+            validateStatus: () => false, // Don't throw on any status
+          });
+        } catch (redirectError: any) {
+          // Axios throws an error when maxRedirects is 0 and a redirect occurs
+          // Extract the Location header from the redirect response
+          if (
+            redirectError.response?.status >= 300 &&
+            redirectError.response?.status < 400
+          ) {
+            s3Url = redirectError.response.headers.location;
+            if (!s3Url) {
+              throw new Error('Redirect received but no Location header found');
+            }
+          } else {
+            // Not a redirect error, re-throw it
+            throw redirectError;
+          }
+        }
+
+        if (!s3Url) {
+          throw new Error('Failed to get song download URL from redirect');
+        }
+
+        // Fetch the file directly from S3 using native fetch (handles CORS better)
+        const s3Response = await fetch(s3Url);
+        if (!s3Response.ok) {
+          throw new Error(
+            `Failed to fetch song from storage: ${s3Response.status} ${s3Response.statusText}`,
+          );
+        }
+
+        const arrayBuffer = await s3Response.arrayBuffer();
+        const songFile = arrayBuffer;
 
         // convert to song
         const song = await parseSongFromBuffer(songFile);
@@ -264,16 +300,17 @@ export const EditSongProvider = ({
         if (error.response) {
           // Server responded with an error status
           errorMessage =
-            error.response.data.message ||
-            Object.values(error.response.data.error || {})[0] ||
+            error.response.data?.message ||
+            (error.response.data?.error
+              ? Object.values(error.response.data.error)[0]
+              : null) ||
             `Failed to load song: ${error.response.status}`;
         } else if (error.request) {
-          console.error('Error loading song', error);
           // Request was made but no response received (network error)
           errorMessage =
             'Network error: Unable to connect to the server. Please check your internet connection and try again.';
         } else {
-          // Something else happened
+          // Something else happened (including fetch errors)
           errorMessage = error.message || errorMessage;
         }