SPIKE: Test improvements to navigation

[nickaddy]

Background

As part of the Admin refresh, we'd like to experiment with bringing the left hand menus up to the top of the screen so that we can use the full width of the screen to display exercise content. We'd like to achieve a layout like this:

Feature(s) Description

Experiment with the Exercise sub menu with the aim of delivering the above configuration. Ideally, we'd like to:

1. Have the items in the sub-menu display in a grey box underneath the top navigation
2. Have the selected item in the sub menu appear next to the top level menu item separated by a >
3. Have a blue line delineating which menu items are selected
4. The menu that appears could either float on top of screen content or push the screen content down

[nickaddy]

Hey team! Please add your planning poker estimate with Zenhub @drieJAC @HalcyonJAC @KoWeiJAC @tomlovesgithub

[drieJAC]

See the following packages if required:

https://www.npmjs.com/package/vue3-tabs-component
https://cristijora.github.io/vue-tabs/#/

[drieJAC]

Tasks will need some logic to decide which items should be visible.
@nickaddy Draft exercises will need to be looked into at a later point.

[drieJAC]

We decided to remove the breadcrumbs as they will jog left and right as other menu items at the top level are selected and the breadcrumb disappears.