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/inbox/inbox-page-shell.tsx

@@ -30,11 +30,12 @@ export function InboxPageShell() {
   const [remindersOpen, setRemindersOpen] = useState(true);
   const { data: alertCount } = useAlertCount();
 
-  // Hydrate collapsed state from localStorage on mount. Stored as
-  // 'true'/'false' strings; missing keys default to expanded.
+  // localStorage hydration on mount — canonical "read from external
+  // store" pattern. setState in effect is intentional.
   useEffect(() => {
     const a = localStorage.getItem('inbox.alerts.open');
     const r = localStorage.getItem('inbox.reminders.open');
+    // eslint-disable-next-line react-hooks/set-state-in-effect
     if (a === 'false') setAlertsOpen(false);
     if (r === 'false') setRemindersOpen(false);
   }, []);