Auto-align PopOver and Tooltip

[ritikaGupta4]

Feature request

Overview

Specify a bounding element to be used for autoAlign calculations. By default can be viewport.
If side="left" but it does not have space on left it moves to right -> but for small screens chances are that there is not space on right as well, then it should move at the bottom or top based on space.

Examples in other libraries

• https://react.carbondesignsystem.com/?path=/story/components-popover--tab-tip-experimental-auto-align

Who does this impact? Who is this for?

Giving WCAG issue for small screens in case of reflow or resize to smaller screens

Additional context

Currently: