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/admin-console/organizations/tools/tools.component.html

@@ -1,79 +0,0 @@
-<div class="container page-content">
-  <ng-container *ngIf="loading">
-    <i
-      class="bwi bwi-spinner bwi-spin text-muted"
-      title="{{ 'loading' | i18n }}"
-      aria-hidden="true"
-    ></i>
-    <span class="sr-only">{{ "loading" | i18n }}</span>
-  </ng-container>
-  <ng-container *ngIf="!loading">
-    <div class="row">
-      <div class="col-3">
-        <div class="card mb-4" *ngIf="organization.canAccessImportExport">
-          <div class="card-header">{{ "tools" | i18n }}</div>
-          <div class="list-group list-group-flush">
-            <a routerLink="import" class="list-group-item" routerLinkActive="active">
-              {{ "importData" | i18n }}
-            </a>
-            <a routerLink="export" class="list-group-item" routerLinkActive="active">
-              {{ "exportVault" | i18n }}
-            </a>
-          </div>
-        </div>
-        <div class="card" *ngIf="organization.canAccessReports">
-          <div class="card-header d-flex">
-            {{ "reports" | i18n }}
-            <div class="ml-auto">
-              <a
-                href="#"
-                appStopClick
-                bitBadge
-                *ngIf="!accessReports"
-                (click)="upgradeOrganization()"
-              >
-                {{ "upgrade" | i18n }}
-              </a>
-            </div>
-          </div>
-          <div class="list-group list-group-flush">
-            <a
-              routerLink="exposed-passwords-report"
-              class="list-group-item"
-              routerLinkActive="active"
-            >
-              {{ "exposedPasswordsReport" | i18n }}
-            </a>
-            <a
-              routerLink="reused-passwords-report"
-              class="list-group-item"
-              routerLinkActive="active"
-            >
-              {{ "reusedPasswordsReport" | i18n }}
-            </a>
-            <a routerLink="weak-passwords-report" class="list-group-item" routerLinkActive="active">
-              {{ "weakPasswordsReport" | i18n }}
-            </a>
-            <a
-              routerLink="unsecured-websites-report"
-              class="list-group-item"
-              routerLinkActive="active"
-            >
-              {{ "unsecuredWebsitesReport" | i18n }}
-            </a>
-            <a
-              routerLink="inactive-two-factor-report"
-              class="list-group-item"
-              routerLinkActive="active"
-            >
-              {{ "inactive2faReport" | i18n }}
-            </a>
-          </div>
-        </div>
-      </div>
-      <div class="col-9">
-        <router-outlet></router-outlet>
-      </div>
-    </div>
-  </ng-container>
-</div>