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/OrdersTab.tsx

@@ -231,7 +231,7 @@ export default function OrdersTab({ orders, customers, brandId, onMsg, onRefresh
             className="rounded-lg border border-[var(--admin-border)] px-3 py-1.5 text-sm outline-none focus:border-[var(--admin-accent)]" />
         </div>
         <div className="flex-1 min-w-[180px]">
-          <label className="block text-xs font-medium text-[var(--admin-text-muted)] mb-1">Search</label>
+          <label className="block text-xs font-medium text-[var(--admin-text-muted)] mb-1" htmlFor="fld-search">Search</label>
           <AdminSearchInput
             value={searchQuery}
             onChange={e => setSearchQuery(e.target.value)}
@@ -293,7 +293,7 @@ export default function OrdersTab({ orders, customers, brandId, onMsg, onRefresh
           <thead className="bg-[var(--admin-bg-subtle)] text-[var(--admin-text-muted)]">
             <tr>
               <th className="px-5 py-3 font-semibold text-left w-10">
-                <input type="checkbox" checked={selected.size === filtered.length && filtered.length > 0} onChange={toggleAll} className="rounded" />
+                <input id="fld-search" type="checkbox" checked={selected.size === filtered.length && filtered.length > 0} onChange={toggleAll} className="rounded" />
               </th>
               <th className="px-5 py-3 font-semibold text-left">Invoice</th>
               <th className="px-5 py-3 font-semibold text-left">Customer</th>