feat: pretty error message when app upload gets 403 [5872] (#2359)

* feat: pretty error message when app upload gets 403.

fix: Catch error message that is not standard format

* fix: Mixing things up

* Update packages/contentful--app-scripts/src/upload/create-app-bundle.ts

Co-authored-by: Jared Jolton <145477871+jjolton-contentful@users.noreply.github.com>

---------

Co-authored-by: Jared Jolton <145477871+jjolton-contentful@users.noreply.github.com>

Author: michaelpineirocontentful

packages/contentful--app-scripts/src/upload/create-app-bundle.ts

@@ -27,7 +27,16 @@ export async function createAppBundleFromUpload(settings: UploadSettings, appUpl
       functions,
     });
   } catch (err: any) {
-    showCreationError('app upload', err.message);
+    try {
+      const message = JSON.parse(err.message);
+      if (message['status'] == 403 && message.details?.reasons) {
+        showCreationError('app upload', message['details']['reasons']);
+      } else {
+        showCreationError('app upload', message);
+      }
+    } catch (e) {
+      showCreationError('app upload', err.message);
+    }
   }
   bundleSpinner.stop();
   return appBundle;