Use our modal instead of Gutenberg one

[MAILPOET-2602]

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

@@ -16,6 +16,7 @@ import FormTitle from './form_title.jsx';
 import Notices from './notices.jsx';
 import UnsavedChangesNotice from './unsaved_changes_notice.jsx';
 import FormStyles from './form_styles.jsx';
+import Preview from './preview.jsx';
 
 // Editor settings - see @wordpress/block-editor/src/store/defaults.js
 const editorSettings = {
@@ -44,6 +45,7 @@ export default () => {
   const { blocksChangedInBlockEditor } = useDispatch('mailpoet-form-editor');
 
   return (
+    <>
       <DropZoneProvider>
         <SlotFillProvider>
           <div className={layoutClass}>
@@ -85,5 +87,7 @@ export default () => {
           </div>
         </SlotFillProvider>
       </DropZoneProvider>
+      <Preview />
+    </>
   );
 };

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

@@ -1,8 +1,9 @@
 import React, { useEffect, useState } from 'react';
-import { Modal, Spinner } from '@wordpress/components';
+import { Spinner } from '@wordpress/components';
 import { useDispatch, useSelect } from '@wordpress/data';
 
 import Preview from '../../common/preview.jsx';
+import Modal from '../../common/modal/modal.jsx';
 
 const FormPreview = () => {
   const [form, setForm] = useState(null);
@@ -27,9 +28,6 @@ const FormPreview = () => {
 
   return (
     <Modal
-      isDismissible
-      shouldCloseOnEsc
-      shouldCloseOnClickOutside
       title="Form Preview"
       onRequestClose={hidePreview}
     >