useLockBodyScroll: add padding to the body as well with overflow hidden

[ike-gg]

currently, when using the useLockBodyScroll hook, you may experience layout shifting when switching the value of the overflow property

to avoid this, you should also add padding-right to the body element to prevent shifting- 15px should be fine in most cases

perhaps consider adding this as an optional feature (as well with the value of the padding) as a prop to the hook?

[sagarpanchal]

currently, when using the useLockBodyScroll hook, you may experience layout shifting when switching the value of the overflow property

to avoid this, you should also add padding-right to the body element to prevent shifting- 15px should be fine in most cases

perhaps consider adding this as an optional feature (as well with the value of the padding) as a prop to the hook?

@ike-gg If the operating system or browser has overlay scrollbars (or it is a mobile browser with no scrollbars) then the adding the padding-right would cause layout shift/resize. So, it is not a general solution that would work everywhere.