[v5] Improve drawer layout and accessibility

[7iomka]

What package has an issue

@mantine/core

Describe the bug

1. Now if drawer content height is more than window height (especially in landscape mode on mobiles) rest of it content being unavailable because whole drawer content is not scrollable.

2. Allow titleId and bodyId props to prepare ids for elements created under the hood by library (or prepare ids under the hood by default). Why?
   Example from docs forces us not to use default title location, and title get inserted outside of header

In which browser did the problem occur

Chrome

If possible, please include a link to a codesandbox with the reproduced problem

No response

Do you know how to fix the issue

No response

Are you willing to participate in fixing this issue and create a pull request with the fix

No response

Possible fix

Make layout for drawer like example: Open site, add something products (3-4) to cart and open widget-cart

[7iomka]

in other words I would like to use Navbar+drawer