fix: react-doctor label-has-associated-control (-15, nested-interactive -1)

Add htmlFor/id pairs to label/input pairs across ~24 files.
Convert section-header labels (Role/Permissions/Visibility/Environment/
Send via/Quick messages/Campaign Type/When to Send/Preview) to <p>.
Convert clickable divs to buttons (AbandonedCartDashboard → native dialog).
Hoist regex patterns out of loops in ai-import.ts.

src/components/admin/EditStopModal.tsx

@@ -357,9 +357,9 @@ export default function EditStopModal({ isOpen, onClose, brandId, stop, onSucces
         {/* Row 5 — Status: segmented control */}
         <div className="ha-field pt-0.5">
           <div className="flex items-center justify-between">
-            <label className="ha-field-label">
+            <p className="ha-field-label">
               <span>Visibility</span>
-            </label>
+            </p>
             <span className="text-[10px] text-[var(--admin-text-muted)] leading-none">
               Draft is hidden from customers
             </span>