Fix Flyout alignment

[ChristianBusshoff]

Why?

The flyout is currently cut off if there is insufficient space on its right.

Instead, it should adjust to the available space.
Additionally, the user should have the option to manually control the alignment (left | right).

Implementation details

• Check if there is enough space on the right. If not, align it to the left.
• Add an alignment prop with options: auto, left, and right to control the positioning manually.

Reference implementations

For the Tooltip there is already a similar composable to handle the alignment (useWedgePosition) to orientate on.