Optimize Morpher performance for mobile devices

[pettinarip]

Description

• Fix memory management by using useRef for timeout variables
• Add accessibility support with usePrefersReducedMotion hook
• Reduce animation frame rate from 30 to 24 FPS for better performance
• Implement deferred animation start (2s delay) to improve initial page load
• Prevent multiple simultaneous animations with proper state tracking
• Optimize React re-renders by only updating state when text changes
• Add proper cleanup to prevent memory leaks and runaway animations

Note: part of the efforts to reduce INP and TBT.

[netlify]

✅ Deploy Preview for ethereumorg ready!

Name	Link
🔨 Latest commit	73b95a9
🔍 Latest deploy log	https://app.netlify.com/projects/ethereumorg/deploys/6866c54d4979a40009ab57b8
😎 Deploy Preview	https://deploy-preview-15781--ethereumorg.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	7 paths audited Performance: 46 (🔴 down 7 from production) Accessibility: 94 (no change from production) Best Practices: 92 (no change from production) SEO: 99 (no change from production) PWA: 59 (no change from production) View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[wackerow]

Awesome, this looks great! Optionally, put up #15783 as a suggestion for potentially fading the word transition with reduced color mode... but may add a touch more bloat that we need/want, so feel free to reject... but this lgtm!

[wackerow]

Noting a bug where the first word duplicates. Unrelated to the PR changes though so brought it in.