Properly set block opt-in checkbox label to render with correct classes

This fixes verical misalignment between the checkbox and the label

[MAILPOET-6436]

mailpoet/assets/js/src/marketing-optin-block/block.tsx

@@ -30,8 +30,10 @@ export function FrontendBlock({
   }
 
   return (
-    <CheckboxControl checked={checked} onChange={setChecked}>
-      <RawHTML>{text || defaultText}</RawHTML>
-    </CheckboxControl>
+    <CheckboxControl
+      checked={checked}
+      onChange={setChecked}
+      label={<RawHTML>{text || defaultText}</RawHTML>}
+    />
   );
 }

mailpoet/assets/js/src/marketing-optin-block/edit.tsx

@@ -56,7 +56,11 @@ export function Edit({
     <div {...blockProps}>
       {optinEnabled ? (
         <div className="wc-block-checkout__marketing">
-          <CheckboxControl id="mailpoet-marketing-optin" checked={false} />
+          <CheckboxControl
+            id="mailpoet-marketing-optin"
+            checked={false}
+            onChange={() => {}}
+          />
           <RichText
             value={currentText}
             onChange={(value) => setAttributes({ text: value })}