Bug: Sidebar Fails to Darken When Right-Side Drawer Opens

Describe the bug
When a drawer that opens from the right side of the screen is triggered, the main page content darkens as expected to indicate the focus on the drawer. However, the sidebar, which remains visible, does not darken alongside the rest of the page, leading to inconsistent visual feedback.

To Reproduce
Steps to reproduce the behavior:

1. Navigate to the page with the sidebar and right-side drawer feature.
2. Click on the button or link that triggers the right-side drawer to open.
3. Observe that the main page content darkens, but the sidebar does not change, remaining fully lit.

Expected behavior
I expected the entire page, including the sidebar, to darken when the right-side drawer opens. This would provide consistent visual feedback across the page, indicating that the focus is on the opened drawer and temporarily away from the main content and sidebar.

Screenshots

Desktop:

• OS: Mac OS 14.4
• Browser Chrome
• Version 122.0.6261.129 (Official Build) (arm64)

Reproduce the right-side drawer behavior on a page with the sidebar, then locate the drawer and sidebar implementation in the project. Check how the darkening overlay is applied when the drawer opens. Done means the sidebar darkens consistently with the main page content while the drawer is open.