Separate form editor components

[MAILPOET-2487]

assets/css/src/components-form-editor/_custom-field.scss

@@ -1,4 +1,3 @@
-
 .mailpoet_custom_select {
   .mailpoet_select {
     padding: 0 24px 0 8px;

assets/css/src/mailpoet-form-editor.scss

@@ -1,7 +1,9 @@
-// 1. Settings
+// Settings
 // Global variables, config switches. Not producing any CSS.
 @import 'settings/form-editor';
 
+// Generic
+// 3rd-party styles, can be overwritten.
 @import '../../../node_modules/@wordpress/edit-post/build-style/style';
 @import '../../../node_modules/@wordpress/editor/build-style/style';
 @import '../../../node_modules/@wordpress/components/build-style/style';
@@ -11,9 +13,12 @@
 @import '../../../node_modules/@wordpress/block-library/build-style/editor';
 @import '../../../node_modules/codemirror/lib/codemirror';
 @import '../../../node_modules/codemirror/theme/neo';
-@import './components/form-editor/components/form-title';
+
-@import './components/form-editor/components/header';
+// Components
-@import './components/form-editor/components/sidebar';
+// Actual UI components.
-@import './components/form-editor/components/preview';
+@import './components-form-editor/form-title';
-@import './components/form-editor/components/block-editor';
+@import './components-form-editor/header';
-@import './components/form-editor/components/custom-field';
+@import './components-form-editor/sidebar';
+@import './components-form-editor/preview';
+@import './components-form-editor/block-editor';
+@import './components-form-editor/custom-field';