fix: complete BlurReveal implementation and fix hero titles

- Fix Product Resources section:
  - Replace SectionPlaceholder with proper section using SectionHeader
  - Now has consistent BlurReveal animation like other sections
  - Cleaned up unused imports (SectionPlaceholder, Download icon)

- Fix PageHero component:
  - Change from 'animate' to 'whileInView' for proper scroll-triggered animations
  - Add viewport configuration with once: true and margin: -100px
  - Hero titles now animate when scrolling into view, not just on mount
  - Consistent with other scroll-triggered animations across the site

- Benefits achieved:
  - ALL section headers now have BlurReveal animations
  - Hero titles on Brand, Product, and sub-pages now animate properly
  - Consistent scroll-triggered animation behavior across entire application
  - Complete visual consistency from homepage to all sub-pages

- Fixed pages:
  - Product page: Resources section now uses SectionHeader + BlurReveal
  - All pages: Hero titles now animate on scroll, not just on mount
  - Brand, Product, UX-patterns, visual-patterns, workflow-rituals: All consistent

Author: mmaxence