Add RAF cleanup to Manuals.tsx scroll listener

[Copilot]

The scroll optimization introduced RAF throttling but didn't cancel pending callbacks on unmount, allowing state updates and DOM access on detached elements.

Changes:

• Track RAF ID in local variable within useEffect scope
• Cancel pending RAF callback in cleanup function
• Clear RAF ID after execution to maintain idempotency

Pattern:

useEffect(() => {
  let rafId: number | null = null;
  
  const handleScroll = () => {
    if (!ticking.current) {
      rafId = window.requestAnimationFrame(update);
      ticking.current = true;
    }
  };
  
  return () => {
    removeEventListener('scroll', handleScroll);
    if (rafId !== null) cancelAnimationFrame(rafId);
  };
}, []);

Follows established pattern from AudioVisualizer.tsx, PulseVisualizer.tsx, and PlanetaryView.tsx.

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
thisisdefrag	Error		Feb 4, 2026 11:31pm
v0-thisisdefrag	Error		Feb 4, 2026 11:31pm