feat: add themes scatter chart, HowToRead section, and fix 9 UI annotation tasks

- Add ThemesTab with recharts ScatterChart (domain-colored, labeled dots)
- Add HowToRead standalone section (score spectrum, valence markers, domains, intensity, tips)
- Add demo-report-data.ts with anonymized synthesis data
- Fix report fan: use overflow-x-clip instead of overflow-hidden to preserve shadows
- Fix HowItWorks: move connector lines behind cards, fix SVG gauge arc alignment
- Fix ScoreTab: increase gauge spacing, add score band labels (0-100)
- Fix testimonials: use overflow-clip to allow page scroll through section
- Fix banner: increase logo size
- Add EN/ES i18n keys for themes tab and HowToRead section

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

apps/web/src/app/[locale]/(marketing)/page.tsx

@@ -2,18 +2,18 @@ import { Banner } from "~/modules/marketing/home/banner";
 import { Faq } from "~/modules/marketing/home/faq";
 import { Hero } from "~/modules/marketing/home/hero";
 import { HowItWorks } from "~/modules/marketing/home/how-it-works";
+import { HowToRead } from "~/modules/marketing/home/how-to-read";
 import { ReportPreview } from "~/modules/marketing/home/report-preview";
 import { ReviewEvidence } from "~/modules/marketing/home/review-evidence";
-import { SocialProof } from "~/modules/marketing/home/social-proof";
 import { Testimonials } from "~/modules/marketing/home/testimonials";
 
 const HomePage = () => {
   return (
     <>
       <Hero />
-      <SocialProof />
       <HowItWorks />
       <ReportPreview />
+      <HowToRead />
       <ReviewEvidence />
       <Testimonials />
       <Faq />