Vertical Vault Navigation (#6957)

* WIP admin console layout

* Update icons

* Migrate more things

* Migrate the last pages

* Move header to web

* Fix story not working

* Convert header component to standalone

* Migrate org layout to standalone

* Enable org switcher

* Add AC to product switcher

* Migrate provider portal to vertical nav

* Migrate PM

* Prettier fixes

* Change AC and PP to use secondary variant layout & update logos

* Remove full width setting

* Remove commented code

* Add header to report pages

* Add provider portal banner

* Fix banner for billing pages

* Move vault title to header

* Prevent scrollbar jumping

* Move send button to header

* Replace search input with bit-search

* Remove unused files and css

* Add banner

* Tweak storage option

* Fix duplicate nav item after merge

* Migrate banner state to state provider framework

* [AC-2078] Fix device approvals header

* [PM-5861] Hide AC from product switcher for users that do not have access

* [PM-5860] Fix Vault and Send page headers

* [AC-2075] Fix missing link on reporting nav group

* [AC-2079] Hide Payment Method and Billing History pages for self-hosted instances

* [AC-2090] Hide reports/event log nav items for users that do not have permission

* [AC-2092] Fix missing provider portal option in product switcher on page load

* Add null check for organization in org layout component

* [AC-2094] Fix missing page header for new client orgs page

* [AC-2093] Update New client button styling

* Fix failing test after merge

* [PM-2087] Use disk-local for web layout banner

* [PM-6041] Update banner copy to read "web app"

* [PM-6094] Update banner link to marketing URL

* [PM-6114] add CL container component to VVR pages (#7802)

* create bit-container component

* add container to all page components

* Fix linting errors after merge with main

* Fix product switcher stories

* Fix web-header stories

* mock org state properly in product switcher stories (#7956)

* refactor: move web layout migration banner logic into a service (#7958)

* make CL codeowner of web header files

* move migration banner logic to service; update stories

* [PM-5862] Ensure a sync has run before hiding navigation links

* Remove leftover banner global state

* Re-add dropped selfHosted ngIf

* Add rel noreferrer

* Remove comment

---------

Co-authored-by: Shane Melton <smelton@bitwarden.com>
Co-authored-by: Will Martin <contact@willmartian.com>

apps/web/src/app/layouts/user-layout.component.html

@@ -1,4 +1,41 @@
-<app-navbar></app-navbar>
-<app-payment-method-banners *ngIf="false"></app-payment-method-banners>
-<router-outlet></router-outlet>
-<app-footer></app-footer>
+<bit-layout>
+  <nav slot="sidebar">
+    <a routerLink="." class="tw-m-5 tw-mt-7 tw-block">
+      <bit-icon [icon]="logo"></bit-icon>
+    </a>
+
+    <bit-nav-item icon="bwi-collection" [text]="'vaults' | i18n" route="vault"></bit-nav-item>
+    <bit-nav-item icon="bwi-send" [text]="'send' | i18n" route="sends"></bit-nav-item>
+    <bit-nav-group icon="bwi-wrench" [text]="'tools' | i18n" route="tools">
+      <bit-nav-item [text]="'generator' | i18n" route="tools/generator"></bit-nav-item>
+      <bit-nav-item [text]="'importData' | i18n" route="tools/import"></bit-nav-item>
+      <bit-nav-item [text]="'exportVault' | i18n" route="tools/export"></bit-nav-item>
+    </bit-nav-group>
+    <bit-nav-item icon="bwi-sliders" [text]="'reports' | i18n" route="reports"></bit-nav-item>
+    <bit-nav-group icon="bwi-cog" [text]="'settings' | i18n" route="settings">
+      <bit-nav-item [text]="'myAccount' | i18n" route="settings/account"></bit-nav-item>
+      <bit-nav-item [text]="'security' | i18n" route="settings/security"></bit-nav-item>
+      <bit-nav-item [text]="'preferences' | i18n" route="settings/preferences"></bit-nav-item>
+      <bit-nav-item
+        [text]="'subscription' | i18n"
+        route="settings/subscription"
+        *ngIf="!hideSubscription"
+      ></bit-nav-item>
+      <bit-nav-item [text]="'domainRules' | i18n" route="settings/domain-rules"></bit-nav-item>
+      <bit-nav-item
+        [text]="'emergencyAccess' | i18n"
+        route="settings/emergency-access"
+      ></bit-nav-item>
+      <bit-nav-item
+        [text]="'sponsoredFamilies' | i18n"
+        route="settings/sponsored-families"
+        *ngIf="hasFamilySponsorshipAvailable"
+      ></bit-nav-item>
+    </bit-nav-group>
+  </nav>
+  <app-payment-method-banners
+    *ngIf="false"
+    class="-tw-m-6 tw-flex tw-flex-col tw-pb-6"
+  ></app-payment-method-banners>
+  <router-outlet></router-outlet>
+</bit-layout>