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/admin/audit/audit-log-list.tsx

@@ -187,6 +187,11 @@ export function AuditLogList() {
   }, [queryString, nextCursor]);
 
   useEffect(() => {
+    // Refetch on filter change. Migrating this list to useInfiniteQuery
+    // would be the proper fix but is deferred — the fetch-on-effect
+    // pattern here is functionally correct and gated by the queryString
+    // memo so it only fires when filters actually change.
+    // eslint-disable-next-line react-hooks/set-state-in-effect
     void fetchFirstPage();
   }, [fetchFirstPage]);