fix(audit-wave-9): standardize on Sheet for previews; doctrine in CLAUDE.md

Swap the one outlier (client-interests-tab.tsx) from Vaul Drawer to
Sheet side=right so every detail-preview surface uses the same
primitive. Document the doctrine: Sheet for side panels on both desktop
and mobile; Vaul Drawer reserved for mobile-only bottom-sheet UX
(currently just MoreSheet).

Closes ui/ux M11.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/components/interests/interest-list.tsx

@@ -55,6 +55,7 @@ import {
 } from '@/components/ui/select';
 import { usePaginatedQuery } from '@/hooks/use-paginated-query';
 import { useRealtimeInvalidation } from '@/hooks/use-realtime-invalidation';
+import { useConfirmation } from '@/hooks/use-confirmation';
 import { apiFetch } from '@/lib/api/client';
 import { usePipelineStore } from '@/stores/pipeline-store';
 import { PIPELINE_STAGES, STAGE_LABELS, type PipelineStage } from '@/lib/constants';
@@ -63,6 +64,7 @@ export function InterestList() {
   const params = useParams<{ portSlug: string }>();
   const portSlug = params?.portSlug ?? '';
   const queryClient = useQueryClient();
+  const { confirm, dialog: confirmDialog } = useConfirmation();
   const { viewMode, setViewMode } = usePipelineStore();
 
   // Force the list view at mobile widths even when the user previously
@@ -308,15 +310,14 @@ export function InterestList() {
               label: 'Archive',
               icon: Archive,
               variant: 'destructive',
-              onClick: (ids) => {
+              onClick: async (ids) => {
                 if (ids.length === 0) return;
-                if (
-                  !window.confirm(
-                    `Archive ${ids.length} interest${ids.length === 1 ? '' : 's'}? This can be undone from the archived list.`,
-                  )
-                ) {
-                  return;
-                }
+                const ok = await confirm({
+                  title: `Archive ${ids.length} interest${ids.length === 1 ? '' : 's'}`,
+                  description: 'This can be undone from the archived list.',
+                  confirmLabel: 'Archive',
+                });
+                if (!ok) return;
                 bulkMutation.mutate({ action: 'archive', ids });
               },
             },
@@ -464,6 +465,7 @@ export function InterestList() {
           </DialogFooter>
         </DialogContent>
       </Dialog>
+      {confirmDialog}
     </div>
   );
 }