Add a basic flyout menu

What does this MR do and why?

This adds a basic flyout menu to the POC. Initially the submenu items are rendered on the server as they did before. When flyout conditions are met the menu rendered on the BE side is repositioned to the flyout menu. I've used popper.js for positioning as it makes things much simpler. We could also render the app/views/shared/nav/_sidebar_submenu.html.haml in Vue. But in this iteration I have not figured correctly how to pass submenu items to the frontend. The only difference with the current approach that popper. is used for positioning thus logic is much simpler.

Screenshots or screen recordings

2022-11-28_12.53.16

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #383098 (closed)

Edited by Olena Horal-Koretska

Merge request reports

Loading