BUG:Background content remains scrollable when modal component is open

Preliminary Check

• I have searched the existing issues
• This issue is reproducible

Bug Summary

When opening the modal component, the background page content remains scrollable instead of locking the scroll behavior. This can lead to an inconsistent user experience, especially on smaller screens and mobile devices.

Fixing this issue would improve user experience and make the modal behavior more aligned with standard UI/UX practices.

I would like to work on this issue under GSSoC 2026.

Steps to Reproduce

1. Open the modal component
2. Try scrolling the page in the background
3. Observe that the background content still scrolls while the modal is active

Expected Behavior

The background page scroll should be disabled while the modal is open, and restored once the modal is closed.

Screenshots/Logs

No response

Additional Information

• I agree to follow this project's Code of Conduct
• I'm a GSSOC'24 contributor
• I want to work on this issue
• I can provide more details if needed