Better focus order management for all components using ControlledBubbleMenu

[GintasVas]

Is your feature request related to a problem? Please describe.

When navigating with a keyboard (using Tab), it is annoying that I have to tab through all of the page in order to focus interactive elements inside any component using ControlledBubbleMenu.

Describe the solution you'd like

If a bubble menu component is open, it should be the next one to be focused after tabbing once. Same for Shift + Tab if tabbing back.

Describe alternatives you've considered

• Considered setting disablePortal={true}, but it just renders the popover right after the editor. Providing container ref doesn't really solve the issue, since we can't really portal the popover inside the editable content.
• MUI's autoFocus property isn't reliable enough and it would hijack the focus order (skipping all the document/page)

Additional context

N/A

[sjdemartini]

This is somewhat related to this old PR that I never merged, since I wasn't confident in the approach #109. I'm not totally sure the appropriate way to handle this with MUI's Popper for ControlledBubbleMenu either. If you're aware of recommended ways to handle this, please share!