Horizontal / cross axis flipping for popovers

### Provide a general summary of the feature here

Popovers already support flipping the vertical placement. Should they also support flipping the horizontal placement aka cross axis? That would avoid awkward looking popovers such as this:

Reduced test case: https://stackblitz.com/edit/vitejs-vite-7ahmt11q?file=src%2Fmain.css,src%2FApp.tsx&terminal=dev

I believe Floating UI has this behaviour: https://floating-ui.com/docs/flip#crossaxis

### 🤔 Expected Behavior?

See above.

### 😯 Current Behavior

See above.

### 💁 Possible Solution

See above.

### 🔦 Context

See above.

### 💻 Examples

_No response_

### 🧢 Your Company/Team

Unsplash

### 🕷 Tracking Issue

_No response_

Run the reduced test case in src/main.css and src/App.tsx from the linked StackBlitz reproduction to observe the current placement. Then locate the popover positioning entry point and verify that horizontal, cross-axis flipping is supported; done means awkward overflow placements are avoided as described in the issue.

Written by the indexing model from the issue text.