Page shifts when opening the Search modal when using scrollbar-gutter

[GrimLink]

Description

When the page uses scrollbar-gutter, the right margin fix introduced in v3.8.3 doesn't account for this.

This leads to extra spacing, effectively reintroducing the issue for users utilizing scrollbar-gutter.

Steps to reproduce

For Windows

• Visit the https://fylgja.dev/library/base/
• Click on search bar
• Observe how the elements beneath the popup modal shift to the right.

For Mac

• Change the scrollbar behavior to always visible.
• Visit the https://fylgja.dev/library/base/
• Click on search bar
• Observe how the elements beneath the popup modal shift to the right.

Expected behavior

Only apply the margin right fix if the page is not using scrollbar-gutter on the html tag or make this margin right fix optional

Environment

• OS: Windows / Linux / macOS
• Browser: All browsers
• DocSearch version: 3.8.3 and newer

Relates to

• UI elements shifting to right when model opens #2378
• fix(ui): compensate for scrollbar #2413

[yash-1104github]

@GrimLink I would love to work on this issue, could you please assign to me, Having 2 years of frontend Experience

[GrimLink]

@yash-1104github it is not for me to decide who picks up the issue I only reported it.
Feel free to pick this up, looking forward to your fix.