[Feature] Add scroll area on native headlessui

[adiramardiani]

Right now I want to convey the idea of something that people may often forget, but is very, very important for consistency across browsers

Regarding the scroll area, or whatever the component name will be, I hope this can be in the headless UI as part of the latest version

Previously I was used to using components without using scroll area components, I felt it was enough with the scroll given by the browser for example Microsoft Edge, or maybe Safari, but when I switched to chrome (windows) or other browser who user older square scroll style, I was very disturbed because the scroll bar looked ugly *sorry

This is related to scrolling whose position is other than on the right side, but attached to the content such as long sidebar, or horizontal/vertical in the table, especially when I use sticky thead / headers and fixed on bottom pagination

I tried various 3rd parties, like https://www.shadcn-vue.com/docs/components/scroll-area.html but when I saw the development of Headless V2 from @reinink , I thought it would be very important if this often forgotten hero entered as a complementary component :)

Thanks