Make sure Popover does not render outside the viewport's y axis

[acelaya]

Some time ago we implemented some logic to make sure the Popover never spanned outside of the x axis of the viewport, causing a lot of horizontal scroll.

The popover also has some logic to drop up of the anchor element instead of down, if there's not enough space below. However, this logic does not take into consideration that there could also not be enough space above either, so the popover cannot be fully displayed.

We should add some extra logic that ensures the popover is conditionally displayed above or below, but based on where there's more available space. Then we should set a max height that makes scroll to be rendered, preventing part of the popover content to be cropped.