Add comprehensive documentation for active frontend pattern migrationsdiscovered through analysis of 200+ git commits touching site/ files:Core Migrations:- Emotion → Tailwind CSS (strict 'no new emotion' policy)- MUI Components → Custom/Radix/shadcn (Tooltips, Tables, Buttons)- MUI Icons → lucide-react with specific icon mappings- spyOn → queries parameter for GET endpoint mocks in Storybook- localStorage → user_configs table for user preferencesNew Documentation:- Icon migration mappings (BusinessIcon→Building2Icon, etc.)- Radix component prop naming conventions (placement→side)- cn() utility usage for conditional className merging- Chromatic testing best practices (prefer snapshots over assertions)Includes concrete before/after examples and migration patterns to guidedevelopers away from deprecated approaches toward current best practices.Analysis based on PRs:#20948,#20946,#20938,#20905,#20900,#20869,#20849,#20808,#20530,#20479,#20261,#20201,#20200,#20193,#20318---🤖 This change was written by Claude Sonnet 4.5 Thinking using mux and reviewed by a human 🏂

Fix markdown linting errors MD032 and MD031:- Add blank lines around lists (MD032)- Add blank lines around fenced code blocks (MD031)Ensures site/CLAUDE.md passes markdownlint-cli2 checks.

aslilac left a comment

Remove code examples showing deprecated patterns (OLD/DO NOT USE blocks)that could mislead AI agents into copying the wrong patterns.Changes:- Icon section: Only show lucide-react imports, not MUI icons- Radix section: Only show correct Radix pattern, not MUI pattern- Emotion section: Only show Tailwind classes, not emotion imports- Testing section: Only show queries parameter, not spyOn patternThis prevents AI agents from pattern-matching and copying deprecatedcode while maintaining clear guidance on what to replace and how.

Condense verbose sections to be more scannable and direct:- Icon section: Single-line import, inline replacement mappings- Radix section: Consolidated prop changes into one sentence- Emotion section: Reduced from 5 to 4 bullets, combined redundant points- Chromatic section: Reduced from 5 to 3 bullets- localStorage section: Reduced from 8 to 4 linesOverall ~30% reduction in text while maintaining clarity. AI agentsscan for patterns and use code examples - keeping prose minimal anddirective improves efficiency.

Remove redundant sections and repeated information:- Remove entire "Migration" section (lines 192-207) that duplicated  Components, Styling, and Tailwind sections- Remove duplicate "leave campsite better" mention (already in line 13)- Remove duplicate "Never import from @emotion/react" (already stated)Reduces documentation from 250 to 232 lines while maintaining allunique information. Each concept is now documented once in its mostappropriate section.

Remove 🚨 emoji from "Critical Pattern Migrations" section header tomaintain consistency with the original document style which uses noemojis, only text emphasis and formatting.All other style elements match the original:- Section headers with ## and ###- Bold emphasis for important terms- Simple bullet lists with -- Direct, imperative tone- "(MUST FOLLOW)" matches original "(USE FIRST)" pattern