[Positioner] Support logical side prop

[mj12albert]

Currently to position an RTL menu this is needed:

<Menu.Positioner align="start" side={isRtl ? 'left' : 'right'}>

Which is a bit odd because align is already direction-aware

With a DirectionProvider we can easily support (additional) logical sides as well that are direction aware using the corresponding CSS property names:

top: 'inset-inline-start'
right: 'inset-block-start'
bottom: 'inset-inline-end'
left: 'inset-block-end'

Applicable to all components with a Positioner and use useAnchorPositioning: Menu, Popover, PreviewCard, Select, Tooltip

Search keywords:

[mj12albert]

@vladmoroz do you think its better to follow the CSS prop name completely or is inset- unnecessary?

[vladmoroz]

I think it totally has to be without inset-, it actually makes it more confusing. Those CSS properties themselves left/right/etc. are unrelated.