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/ui/carousel.tsx

@@ -65,6 +65,11 @@ const Carousel = React.forwardRef<
 
   React.useEffect(() => {
     if (!api) return;
+    // Embla doesn't fire 'select' on mount, so we sync state from the
+    // external store once here. This is the canonical pattern for
+    // subscribing to a third-party event source and is intentionally
+    // flagged-but-allowed.
+    // eslint-disable-next-line react-hooks/set-state-in-effect
     onSelect(api);
     api.on('reInit', onSelect);
     api.on('select', onSelect);