[Feature]: add option flipBoundaryPadding to react-positioning

[YuanboXue-Amber]

Area

React Components (@fluentui/react-components)

Describe the feature that you would like added

@fluentui/react-positioning has overflowBoundaryPadding, but it does not have flipBoundaryPadding.

In this example: https://stackblitz.com/edit/brzq2hfg?file=src%2Fexample.tsx, Popover has overflowBoundaryPadding: 10px, which is visible from the gap between the popover surface and the boundary on the left. But the popover surface's top edge does not have 10px gap from the boundary top.
If there's flipBoundaryPadding: 10px available, popover can be flipped to the bottom.

Additional context

No response

Have you discussed this feature with our team

@ling1726

Validations

• Check that there isn't already an issue that requests the same feature to avoid creating a duplicate.

Priority

Medium