fix: react-doctor → 64/100 (Bugs 122, Perf 286, A11y 613, Maint 436)

- CartContext: lazy initializers replace mount-only useEffect
  hydration; remove 8 no-initialize-state warnings
- Toast/AdminSearchInput: React 19 useContext/use + drop
  forwardRef (3 no-react19-deprecated-apis)
- ProductFormModal: lazy initializers + useSyncExternalStore
  for mount; parent adds key=editingProduct.id
- InstallPrompt: useReducer for prompt state (no-cascading-set-state)
- QRScanModal: ref-based latest-callback pattern replaces
  useEffectEvent deps mistake
- OnboardingFlow: functional setState (rerender-functional-setstate)
- UsersPage/StopsCalendar/FeaturesAndStats: lazy initializers
  (rerender-lazy-state-init)
- FAQClientPage: server-side brand settings fetch via getBrandSettingsPublic
  in layout; remove supabase import
- LandingPageWrapper: href='#' → href='#top' (anchor-is-valid)
- TuxedoVideoHero: replace animate-bounce with ease-out-expo
  (no-inline-bounce-easing)
- ProductTableClient: useCallback for handleDeleted
  (jsx-no-new-function-as-prop)
- excel-parser: pre-compile delimiter regexes (js-hoist-regexp)
- water-log/settings: Promise.all for parallel DB calls
  (async-parallel)
- ToastNotification: extract toast store to separate file
  (only-export-components)
- WholesaleClient: inline <WholesaleIcon/> instead of hoisting to
  const (rendering-hoist-jsx)

src/components/wholesale/admin/SettingsTab.tsx

@@ -122,7 +122,7 @@ export default function SettingsTab({ settings, brandId, onMsg, onRefresh, canMa
               <p className="font-medium text-[var(--admin-text-primary)]">Require Approval</p>
               <p className="text-sm text-[var(--admin-text-muted)]">New registrations must be manually approved.</p>
             </div>
-            <button
+            <button type="button"
               onClick={() => setForm(f => ({ ...f, requireApproval: !f.requireApproval }))}
               className={`relative inline-flex h-7 w-12 items-center rounded-full transition-colors ${form.requireApproval ? "bg-[var(--admin-accent)]" : "bg-[var(--admin-border)]"}`}
             >
@@ -135,7 +135,7 @@ export default function SettingsTab({ settings, brandId, onMsg, onRefresh, canMa
               <p className="font-medium text-[var(--admin-text-primary)]">Wholesale Portal</p>
               <p className="text-sm text-[var(--admin-text-muted)]">Show the Wholesale Portal card on this brand&apos;s storefront page.</p>
             </div>
-            <button
+            <button type="button"
               onClick={() => setForm(f => ({ ...f, wholesaleEnabled: !f.wholesaleEnabled }))}
               className={`relative inline-flex h-7 w-12 items-center rounded-full transition-colors ${form.wholesaleEnabled ? "bg-[var(--admin-accent)]" : "bg-[var(--admin-border)]"}`}
             >
@@ -160,7 +160,7 @@ export default function SettingsTab({ settings, brandId, onMsg, onRefresh, canMa
                 </p>
               </div>
             </div>
-            <button
+            <button type="button"
               onClick={() => setForm(f => ({ ...f, squareSyncEnabled: !f.squareSyncEnabled }))}
               className={`relative inline-flex h-7 w-12 items-center rounded-full transition-colors ${form.squareSyncEnabled ? "bg-[var(--admin-accent)]" : "bg-[var(--admin-border)]"}`}
             >
@@ -235,7 +235,7 @@ export default function SettingsTab({ settings, brandId, onMsg, onRefresh, canMa
               {/* Recipients list */}
               <div className="space-y-2 mb-4">
                 {form.notificationRecipients.map((r: NotificationRecipient, idx: number) => (
-                  <div key={idx} 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"}`}>
+                  <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
                       type="checkbox" checked={r.active} onChange={() => toggleRecipient(idx)}
                       className="rounded border-[var(--admin-border)] mt-0.5" title={r.active ? "Active — receives notifications" : "Inactive"} />
@@ -251,7 +251,7 @@ export default function SettingsTab({ settings, brandId, onMsg, onRefresh, canMa
                       value={r.name ?? ""}
                       onChange={e => updateRecipientName(idx, e.target.value)}
                       className="rounded-xl border border-[var(--admin-border)] px-2.5 py-1.5 text-xs w-36 outline-none focus:border-[var(--admin-accent)]" />
-                    <button onClick={() => removeRecipient(idx)}
+                    <button type="button" onClick={() => removeRecipient(idx)}
                       className="text-[var(--admin-danger)] hover:text-[var(--admin-danger)] text-xs font-medium px-2 py-1 rounded-lg hover:bg-[var(--admin-danger-light)] transition-colors"
                       title="Remove recipient">
                       <svg className="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2.5}>