Display background image in the form editor

[MAILPOET-2880]

assets/css/src/components-form-editor/_block-editor.scss

@@ -68,6 +68,7 @@ h2 {
     font-size: 1em;
     line-height: 1.5;
   }
+
   .mailpoet_text_label {
     font-size: 1em;
     line-height: 1.2;

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

@@ -12,23 +12,8 @@ const FormStylingBackground = ({ children }) => {
     borderColor,
     alignment,
     formPadding,
-  } = useSelect(
+    backgroundImageUrl,
-    (select) => {
+  } = useSelect((select) => select('mailpoet-form-editor').getFormSettings(), []);
-      const settings = select('mailpoet-form-editor').getFormSettings();
-
-      return {
-        backgroundColor: settings.backgroundColor,
-        fontColor: settings.fontColor,
-        fontSize: settings.fontSize,
-        borderRadius: settings.borderRadius,
-        borderSize: settings.borderSize,
-        borderColor: settings.borderColor,
-        alignment: settings.alignment,
-        formPadding: settings.formPadding,
-      };
-    },
-    []
-  );
 
   let borderStyle;
   if (borderSize && borderColor) {
@@ -61,6 +46,7 @@ const FormStylingBackground = ({ children }) => {
         padding,
         width: 700,
         margin: '0 auto',
+        backgroundImage: `url(${backgroundImageUrl})`,
       }}
     >
       {children}