Support root element in usePreventScroll

### Provide a general summary of the feature here

`ariaHideOutside` accepts a `root` argument that defines the container outside which nothing is hidden. It is useful in situations where an SDK is rendered inside a container and we do not want the behaviour of that SDK to interfere with the behaviour outside that container. This is also related to shadow dom support but doesn't have to necessarily relate with it.

Similarly, we want support for `root` element in `usePreventScroll` so that the open overlay doesn't block the scrolling outside the root container.

### 🤔 Expected Behavior?

We want support for `root` element in `usePreventScroll` so that the open overlay doesn't block the scrolling outside the root container.

### 😯 Current Behavior

No matter where the element is rendered, the whole document's scroll is blocked.

### 💁 Possible Solution

Described in summary

### 🔦 Context

Summary explains the requirement

### 💻 Examples

_No response_

### 🧢 Your Company/Team

Nutrient

### 🕷 Tracking Issue

_No response_