fix: 🐛 fill height of parent container scroll area

[flixlix]

Description

Ran into an issue, where the scroll area wouldn't take up the whole height of the parent container, only then did I notice there was an intermediate div being placed with display table. I get this is to match the height of the children, but this way I can't fill the height of the parent.

Here is an example where I need this:

In case the ScrollArea ViewPort does not overflow, I want a button to be at the bottom of the page, but in case the viewport gets bigger (scrolling gets enabled) I want the button to stay at the bottom of this child.

Before:

ScrollArea Content inherits the size from its children, so the button gets appended immediately after the cards (this would be the expected behaviour if we would've needed scrolling)

After:

ScrollArea Content fills the whole page's height and thus the button can be at the very bottom of the page.

Note

I've tried around with lots of other css styles but ultimately only this ended up working, if anyone has other suggestions, feel free :)