Sidebar Re-design: Left Drawer

[cstns]

Replace the pre-existing side navigation used to teleport components into the main menu with a dynamic left drawer

Description

• removes pre-existing navigation components
• removes teleports that swapped the navigation component
• added a dynamic left drawer that can house multiple components
• added a reactive mainNav component that can be interacted with across the application
• refactored mobile menu toggle action
• addressed menu state for situations dependent on user permissions
• addressed empty state menu

Related Issue(s)

part of #4673

Checklist

• I have read the contribution guidelines
• Suitable unit/system level tests have been added and they pass
• Documentation has been updated
  • Upgrade instructions
  • Configuration details
  • Concepts
• Changes flowforge.yml?
  • Issue/PR raised on FlowFuse/helm to update ConfigMap Template
  • Issue/PR raised on FlowFuse/CloudProject to update values for Staging/Production

Labels

• Includes a DB migration? -> add the area:migration label

[cstns]

Do not merge until #4744 passes review

[cstns]

Please forgive the high number of changed files, the better part of them are deletions of unused components and removal of the previous teleport functionality used to manage navigation

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 78.79%. Comparing base (eb09846) to head (d05dbff).
Report is 30 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #4745   +/-   ##
=======================================
  Coverage   78.79%   78.79%           
=======================================
  Files         311      311           
  Lines       14781    14781           
  Branches     3384     3384           
=======================================
  Hits        11646    11646           
  Misses       3135     3135           

Flag	Coverage Δ
backend	78.79% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[joepavitt]

Have made some changes here:

• No need for the 1024 check to be in a vuex store, when we can use media queries instead. This also means we can drive some box-shadow on the floating menu too: