Move error message bellow form

[MAILPOET-2602]

assets/css/src/components/_modal.scss

@@ -44,6 +44,7 @@ $icon-button-size: 36px;
   width: 100%;
 
   // Centered on desktops
+
   @media screen and (min-width: 600px) {
     // Animate the modal frame/contents appearing on the page.
     animation: mailpoet-modal-appear-animation .1s ease-out;

assets/js/src/form_editor/components/preview.jsx

@@ -69,12 +69,12 @@ const FormPreview = () => {
               {'.mailpoet_hp_email_label { display: none }' }
               {form.css}
             </style>
+            {/* eslint-disable-next-line react/no-danger */}
+            <div dangerouslySetInnerHTML={{ __html: form.html }} />
             <div className="mailpoet_message">
               <p className="mailpoet_validate_success">{MailPoet.I18n.t('successMessage')}</p>
               <p className="mailpoet_validate_error">{MailPoet.I18n.t('errorMessage')}</p>
             </div>
-            {/* eslint-disable-next-line react/no-danger */}
-            <div dangerouslySetInnerHTML={{ __html: form.html }} />
           </div>
         </Preview>
       )}