fix(feedback): Send feedback rejects invalid responses (#12518)

`sendFeedback` rejects if the response isn't a valid status code. Also
propagates message into form.
<img width="338" alt="image"
src="https://github.com/getsentry/sentry-javascript/assets/55311782/ebb6126d-92ea-4593-9cec-3f3634cc1708">

Fixes #12476

Author: c298lee

packages/feedback/src/core/sendFeedback.ts

@@ -51,17 +51,19 @@ export const sendFeedback: SendFeedback = (
       if (
         response &&
         typeof response.statusCode === 'number' &&
-        (response.statusCode < 200 || response.statusCode >= 300)
+        response.statusCode >= 200 &&
+        response.statusCode < 300
       ) {
-        if (response.statusCode === 0) {
-          return reject(
-            'Unable to send Feedback. This is because of network issues, or because you are using an ad-blocker.',
-          );
-        }
-        return reject('Unable to send Feedback. Invalid response from server.');
+        resolve(eventId);
       }
 
-      resolve(eventId);
+      if (response && typeof response.statusCode === 'number' && response.statusCode === 0) {
+        return reject(
+          'Unable to send Feedback. This is because of network issues, or because you are using an ad-blocker.',
+        );
+      }
+
+      return reject('Unable to send Feedback. Invalid response from server.');
     });
   });
 };

packages/feedback/src/modal/components/Dialog.css.ts

@@ -100,7 +100,8 @@ const FORM = `
 }
 
 .form__right {
-  min-width: var(--form-width, 272px);
+  flex: 0 0 var(--form-width, 272px);
+  width: var(--form-width, 272px);
   display: flex;
   overflow: auto;
   flex-direction: column;

packages/feedback/src/modal/components/Form.tsx

@@ -130,7 +130,7 @@ export function Form({
           onSubmitSuccess(data);
         } catch (error) {
           DEBUG_BUILD && logger.error(error);
-          setError('There was a problem submitting feedback, please wait and try again.');
+          setError(error as string);
           onSubmitError(error as Error);
         }
       } catch {
@@ -230,7 +230,11 @@ function LabelText({
   label,
   isRequired,
   isRequiredLabel,
-}: { label: string; isRequired: boolean; isRequiredLabel: string }): VNode {
+}: {
+  label: string;
+  isRequired: boolean;
+  isRequiredLabel: string;
+}): VNode {
   return (
     <span class="form__label__text">
       {label}