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/wholesale/admin/SettingsTab.tsx

@@ -217,7 +217,7 @@ export default function SettingsTab({ settings, brandId, onMsg, onRefresh, canMa
 
             {/* Team Notification Recipients */}
             <div className="col-span-2 rounded-2xl bg-[var(--admin-bg-subtle)] p-5 ring-1 ring-[var(--admin-border)]">
-              <label className="block text-sm font-semibold text-[var(--admin-text-primary)] mb-1">Team Notification Recipients</label>
+              <label className="block text-sm font-semibold text-[var(--admin-text-primary)] mb-1" htmlFor="fld-team-notification-recipients">Team Notification Recipients</label>
               <p className="text-xs text-[var(--admin-text-muted)] mb-4 leading-relaxed">
                 These team members receive all wholesale notifications for this brand — new orders,
                 deposits, fulfillments, price sheets, and pickup reminders. If no recipients are
@@ -236,7 +236,7 @@ export default function SettingsTab({ settings, brandId, onMsg, onRefresh, canMa
               <div className="space-y-2 mb-4">
                 {form.notificationRecipients.map((r: NotificationRecipient, idx: number) => (
                   <div key={r.email} className={`flex items-center gap-2 rounded-xl px-3 py-2.5 bg-white ring-1 ${r.active ? "ring-[var(--admin-border)]" : "ring-[var(--admin-border-light)] opacity-70"}`}>
-                    <input
+                    <input id="fld-team-notification-recipients"
                       type="checkbox" checked={r.active} onChange={() => toggleRecipient(idx)}
                       className="rounded border-[var(--admin-border)] mt-0.5" title={r.active ? "Active — receives notifications" : "Inactive"} />
                     <div className="flex-1 min-w-0">
@@ -267,7 +267,7 @@ export default function SettingsTab({ settings, brandId, onMsg, onRefresh, canMa
             </div>
             {/* Webhook Settings */}
             <div className="col-span-2 rounded-2xl bg-[var(--admin-bg-subtle)] p-5 ring-1 ring-[var(--admin-border)]">
-              <label className="block text-sm font-semibold text-[var(--admin-text-primary)] mb-1">Webhook Integration</label>
+              <label className="block text-sm font-semibold text-[var(--admin-text-primary)] mb-1" htmlFor="fld-webhook-integration">Webhook Integration</label><label className="block text-sm font-semibold text-[var(--admin-text-primary)] mb-1">Webhook Integration</label>
               <p className="text-xs text-[var(--admin-text-muted)] mb-4 leading-relaxed">
                 Send order events to external systems (Harvest Point, ERPs, etc.). Payload is signed
                 with HMAC-SHA256. Enable and configure the URL and secret below.