feat(react-utils): add useScrollProgress hook

[maeertin]

Add new hook to spy scroll progress on elements. Useful for creating scroll based animations.

Check out the Codesandbox demo.

[changeset-bot]

🦋 Changeset detected

Latest commit: 1cfa89b

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@noaignite/react-utils	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
docs	Ready	Preview	Comment	Oct 9, 2025 0:00am

[Copilot]

Pull Request Overview

This PR introduces a new React hook useScrollProgress that tracks the scroll progress of elements within containers, enabling scroll-based animations and interactions.

• Adds comprehensive scroll progress tracking with both inner and outer progress calculations
• Provides TypeScript definitions for entry data, callback functions, and configuration options
• Implements efficient event handling with IntersectionObserver optimization and requestAnimationFrame smoothing

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[codecov]

Codecov Report

❌ Patch coverage is 0% with 78 lines in your changes missing coverage. Please review.

Files with missing lines	Patch %	Lines
packages/react-utils/src/useScrollProgress.ts	0.00%	78 Missing ⚠️

❌ Your patch check has failed because the patch coverage (0.00%) is below the target coverage (90.00%). You can increase the patch coverage or adjust the target coverage.

@@            Coverage Diff             @@
##             main     #602      +/-   ##
==========================================
- Coverage   73.80%   71.17%   -2.63%     
==========================================
  Files          62       63       +1     
  Lines        2111     2189      +78     
  Branches      295      295              
==========================================
  Hits         1558     1558              
- Misses        541      619      +78     
  Partials       12       12              

Files with missing lines	Coverage Δ
packages/react-utils/src/useScrollProgress.ts	0.00% <0.00%> (ø)

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[Copilot]

Pull Request Overview

Copilot reviewed 2 out of 3 changed files in this pull request and generated 2 comments.

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[majho]

Why not use an ResizeObserver on the scrollContainer instead?
So an update is triggered if the container's height changes regardless of the window size.

[maeertin]

Good point! I'll look into it, thanks for feedback ✨