applied forceActiveStyles and disableToggleOnClick to bit-nav-group components

apps/desktop/src/vault/app/vault-v3/vault-filter/filters/collection-filter.component.html

@@ -1,11 +1,12 @@
 @if (collection().children.length) {
   <bit-nav-group
     [icon]="collection().node.icon"
-    [class.active]="isActive()"
     [text]="displayName()"
     variant="tree"
     [appA11yTitle]="displayName()"
     (click)="applyFilter($event)"
+    [forceActiveStyles]="isActive()"
+    [disableToggleOnClick]="true"
   >
     @for (childCollection of collection().children; track childCollection.node.id) {
       <app-collection-filter [collection]="childCollection" [activeFilter]="activeFilter()" />

apps/desktop/src/vault/app/vault-v3/vault-filter/filters/folder-filter.component.html

@@ -6,6 +6,8 @@
     variant="tree"
     [appA11yTitle]="displayName()"
     (click)="applyFilter($event)"
+    [forceActiveStyles]="isActive()"
+    [disableToggleOnClick]="true"
   >
     @if (folder()?.node.id) {
       <button

apps/desktop/src/vault/app/vault-v3/vault-filter/filters/organization-filter.component.html

@@ -3,10 +3,12 @@
     icon="bwi-filter"
     (click)="applyAllVaultsFilter()"
     [text]="'allVaults' | i18n"
-    [attr.aria-pressed]="activeFilter()?.organizationId === null"
+    [attr.aria-pressed]="!activeFilter()?.selectedOrganizationNode"
     [appA11yTitle]="'allVaults' | i18n"
     variant="tree"
     [open]="true"
+    [forceActiveStyles]="!activeFilter()?.selectedOrganizationNode"
+    [disableToggleOnClick]="true"
   >
     @for (organization of organizations().children ?? []; track organization.node.id) {
       <bit-nav-item

apps/desktop/src/vault/app/vault-v3/vault-filter/filters/type-filter.component.html

@@ -6,6 +6,8 @@
   [appA11yTitle]="'allItems' | i18n"
   variant="tree"
   [open]="true"
+  [forceActiveStyles]="activeFilter()?.selectedCipherTypeNode?.node?.id === 'AllItems'"
+  [disableToggleOnClick]="true"
 >
   @for (typeFilter of typeFilters$ | async; track typeFilter) {
     <bit-nav-item

apps/desktop/src/vault/app/vault-v3/vault-filter/vault-filter.component.html

@@ -18,6 +18,8 @@
         [text]="'collections' | i18n"
         variant="tree"
         [appA11yTitle]="'collections' | i18n"
+        [forceActiveStyles]="activeFilter()?.selectedCollectionNode"
+        [disableToggleOnClick]="true"
       >
         @for (collection of (collections$ | async)?.children ?? []; track collection.node.id) {
           <app-collection-filter [activeFilter]="activeFilter()" [collection]="collection" />
@@ -29,6 +31,8 @@
       [text]="'folders' | i18n"
       variant="tree"
       [appA11yTitle]="'folders' | i18n"
+      [forceActiveStyles]="activeFilter()?.selectedFolderNode"
+      [disableToggleOnClick]="true"
     >
       @for (folder of (folders$ | async)?.children ?? []; track folder.node.id) {
         <app-folder-filter