Move icon to a specific component

[MAILPOET-2741]

assets/js/src/form_editor/components/form_settings/form_placement_options/below_pages.tsx

@@ -4,6 +4,7 @@ import { useSelect, useDispatch } from '@wordpress/data';
 
 import FormPlacementSettings from './form_placement_settings';
 import Toggle from '../../../../common/toggle';
+import Icon from './below_pages_icon';
 
 const BelowPages = () => {
   const placeFormBellowAllPages = useSelect(
@@ -37,6 +38,7 @@ const BelowPages = () => {
       onSave={save}
       description={MailPoet.I18n.t('placeFormBellowPagesDescription')}
       label={MailPoet.I18n.t('placeFormBellowPages')}
+      icon={Icon}
     >
       <div className="mailpoet-toggle-list">
         <div className="mailpoet-toggle-list-description">

assets/js/src/form_editor/components/form_settings/form_placement_options/form_placement_settings.tsx

@@ -3,7 +3,6 @@ import MailPoet from 'mailpoet';
 import { Button } from '@wordpress/components';
 
 import FormPlacementOption from './form_placement_option';
-import Icon from './below_pages_icon';
 import Modal from '../../../../common/modal/modal.jsx';
 
 type Props = {
@@ -12,6 +11,7 @@ type Props = {
   active: boolean,
   label: string,
   description: string,
+  icon: JSX.Element,
 }
 
 const BelowPages = ({
@@ -20,6 +20,7 @@ const BelowPages = ({
   active,
   onSave,
   children,
+  icon,
 }: Props) => {
   const [displaySettings, setDisplaySettings] = useState(false);
 
@@ -32,7 +33,7 @@ const BelowPages = ({
     <>
       <FormPlacementOption
         label={label}
-        icon={Icon}
+        icon={icon}
         active={active}
         onClick={() => setDisplaySettings(true)}
       />