Fix horizontal scrolling when the navigator toolbar is open and use the bg-edge2edge class

Problem/Motivation

When the Navigator toolbar opens, it triggers unwanted horizontal scrolling and layout shift

Steps to reproduce

Proposed resolution

Apply overflow-x: hidden !important directly to the body element to prevent horizontal scrolling when the Navigator toolbar opens.

Remaining tasks

• ✅ File an issue about this project
• ✅ Addition/Change/Update/Fix to this project
• ✅ Testing to ensure no regression
• ➖ Automated unit/functional testing coverage
• ➖ Developer Documentation support on feature change/addition
• ➖ User Guide Documentation support on feature change/addition
• ➖ UX/UI designer responsibilities
• ✅ Accessibility and Readability
• ✅ Code review from 1 Varbase core team member
• ✅ Full testing and approval
• ✅ Credit contributors
• ✅ Review with the product owner
• ✅ Update Release Notes and Update Helper on new feature change/addition
• ✅ Release varbase-10.1.0-alpha2
  , vartheme_bs5-4.0.0-alpha4

Varbase update type

• ✅ No Update
• ➖ Optional Update
• ➖ Forced Update
• ➖ Forced Update if Unchanged

User interface changes

• N/A

API changes

• N/A

Data model changes

• N/A

Release notes snippet

• Issue #3528338 by abdallahta20, qusai taha: Fixed horizontal scrolling when the navigator toolbar is open and use the bg-edge2edge class