fix: correct Alert variant on SubmitErrorAlert (#594)

Author: chambo-e

src/components/SubmitErrorAlert/__tests__/__snapshots__/index.spec.tsx.snap

@@ -71,7 +71,7 @@ exports[`SubmitErrorAlert should display an alert when submitError is present 1`
   pointer-events: none;
 }
 
-.cache-1ehs544-alertStyles {
+.cache-1v4uk27-alertStyles {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -94,8 +94,8 @@ exports[`SubmitErrorAlert should display an alert when submitError is present 1`
   flex-wrap: nowrap;
   border-radius: 4px;
   padding: 16px;
-  background-color: #ffefe6;
-  color: #cc4e18;
+  background-color: #ffe1e7;
+  color: #a6102d;
 }
 
 .cache-bqy7up-sizeStyles {
@@ -149,7 +149,7 @@ exports[`SubmitErrorAlert should display an alert when submitError is present 1`
       </div>
     </button>
     <div
-      class="cache-1ehs544-alertStyles eenhiht2"
+      class="cache-1v4uk27-alertStyles eenhiht2"
     >
       <svg
         class="cache-bqy7up-sizeStyles etwatq50"

src/components/SubmitErrorAlert/index.tsx

@@ -9,7 +9,7 @@ export const SubmitErrorAlert = <FormValues,>({
   <FormSpy<FormValues> subscription={{ submitError: true }}>
     {({ submitError }) =>
       submitError ? (
-        <Alert className={className} variant="warning">
+        <Alert className={className} variant="danger">
           {submitError}
         </Alert>
       ) : null