[D11.3] Contextual links: use dropdown

When clicking on the contextual links pen, it opens and you can scroll down.

This is a Core feature/behavior, nothing special done in Sobki.

I guess in Core, there should be a check in JS to open to the top instead of to the bottom, but would require to use an external library that handles that.

Or maybe in USB we can override contextual links to use https://getbootstrap.com/docs/5.3/components/popovers/ to render it. And the direction should be automatic.

Need help with contextual link JS, how better to integrate.

Showing screenshots.

2 remaining problems:
- popover state is not synced with the backbone model state
- not possible to access the links inside the popover with the keyboard

Morning thought, instead of popover, maybe change into a dropdown (which if I remember correctly can also open automatically where there is enough space).

discussed with @tocab, Bootstrap popovers can't have interactive links. So focus don't go in it.

I will try to use dropdowns instead.

It breaks the contextual links in admin theme.

Change reverted and marking as postponed until Core issue is resolved.

Parent issue is now merged!

To restore when Core 11.3 will be released.

And need to update Core requirement.