[BUG]: backgrounds/waves

[omshejul]

Describe the issue

When using waves with long page, it is causing the dot to move too far down when scrolling
Changes made to fix cursor dot behavior:
Changes made to fix cursor dot behavior:

1. Changed mouse event handler to use clientX/clientY instead of pageX/pageY
   • clientX/clientY provides viewport-relative coordinates
   • This ensures the cursor dot stays aligned with the mouse regardless of scroll position
   • Works with the fixed positioning of the Waves component
2. Removed window.scrollY offset from mouse.y calculation
   • Changed: mouse.y = y - b.top + window.scrollY
   • To: mouse.y = y - b.top
   • This prevents the cursor dot from moving too far down when scrolling

Reproduction Link

No response

Steps to reproduce

Wrap Waves in fixed:

Changes:
❌ updateMouse(e.pageX, e.pageY);
✅ updateMouse(e.clientX, e.clientY);

❌ mouse.y = y - b.top + window.scrollY
✅ mouse.y = y - b.top;

Validations

• I have checked other issues to see if my issue was already reported or addressed

[DavidHDev]

Updated