fix: Prevent the body of the page from scrolling while the menu is open

[huykon]

Description

When the menu is open, lock the page from scrolling, so that I can only scroll the inner content of the menu.
Prevent repaint by compensating for the loss of the vertical scrollbar when

Related Issue

Closes #3458.

Acceptance

Verification Stakeholders

Specification

Verification Steps

Test scenario(s) for direct fix/feature

Test scenario(s) for any existing impacted features/areas

Test scenario(s) for any Magento Backend Supported Configurations

Is Browser/Device testing needed?

Any ad-hoc/edge case scenarios that need to be considered?

Screenshots / Screen Captures (if appropriate)

Breaking Changes (if any)

Checklist

• I have added tests to cover my changes, if necessary.
• I have added translations for new strings, if necessary.
• I have updated the documentation accordingly, if necessary.

[pwa-studio-bot]

	Messages
📖	DangerCI Failures related to missing labels/description/linked issues/etc will persist until the next push or next pr-test build run (assuming they are fixed).
📖	Access a deployed version of this PR here. Make sure to wait for the "pwa-pull-request-deploy" job to complete.

Generated by 🚫 dangerJS against 6bbdcd2

[huykon]

@magento/pwa-studio-maintainers anyone take a review?

[dpatil-magento]

run cypress

[pwa-test-bot]

Successfully started codebuild job for cypress

[dpatil-magento]

Verified Main menu, Filter Menu, User Account Edit modal overlay on chrome, FF, Safari, Android Chrome, iOS - Safari respectively, fix looks good. Failed Lighthouse and Cypress not related.

[pwa-studio-bot]

	Fails
🚫	node failed.
🚫	Cypress tests in the following files did not pass 😔. All tests must pass before this PR can be merged user should be able to update their address book: CypressError: Timed out retrying after 60000ms: `cy.wait()` timed out waiting `60000ms` for the 1st request to the route: `gqlSignInAfterCreateMutation`. No request ever occurred. https://on.cypress.io/wait

Log

ERROR ON TASK: cypressTests

Error:  Danger had errors running. See message(s) above for more details.
danger-results://tmp/danger-results.json

Generated by 🚫 dangerJS against 6bbdcd2

[dpatil-magento]

run lighthouse-desktop

[pwa-test-bot]

Successfully started codebuild job for lighthouse-desktop

[dpatil-magento]

run lighthouse-mobile

[pwa-test-bot]

Successfully started codebuild job for lighthouse-mobile

[pwa-studio-bot]

	Fails
🚫	Lighthouse assertions failed 😔. All assertions must pass before this PR can be merged https://pr-3865.pwa-venia.com/ categories.accessibility (minScore) Expected: 1 Actual: 0.98 Result: Failed
🚫	node failed.

Log

ERROR ON TASK: lighthouseTests

Error:  Danger had errors running. See message(s) above for more details.
danger-results://tmp/danger-results-6f10a8d6.json

Generated by 🚫 dangerJS against 6bbdcd2