[CL-173] hide nav-group active styles when expanded (#7695)

* hide nav-group active styles when open

* update org-switcher to show child nav-item active styles

bitwarden_license/bit-web/src/app/secrets-manager/layout/org-switcher.component.html

@@ -19,7 +19,7 @@
       [ariaLabel]="['organization' | i18n, org.name].join(' ')"
       [route]="['../', org.id]"
       (mainContentClicked)="toggle()"
-      [hideActiveStyles]="true"
+      [exactMatch]="true"
     >
       <i
         slot="end"

libs/components/src/navigation/nav-group.component.html

@@ -9,6 +9,7 @@
   (mainContentClicked)="mainContentClicked.emit()"
   [ariaLabel]="ariaLabel"
   [exactMatch]="exactMatch"
+  [hideActiveStyles]="parentHideActiveStyles"
 >
   <ng-template #button>
     <button

libs/components/src/navigation/nav-group.component.ts

@@ -27,6 +27,11 @@ export class NavGroupComponent extends NavBaseComponent implements AfterContentI
   })
   nestedItems!: QueryList<NavItemComponent>;
 
+  /** The parent nav item should not show active styles when open. */
+  protected get parentHideActiveStyles(): boolean {
+    return this.hideActiveStyles || this.open;
+  }
+
   /**
    * UID for `[attr.aria-controls]`
    */