changed [class.active] to [forceActiveStyles] for bit-nav-items

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

@@ -26,7 +26,7 @@
 } @else {
   <bit-nav-item
     [icon]="folder().node.icon"
-    [class.active]="isActive()"
+    [forceActiveStyles]="isActive()"
     [text]="displayName()"
     variant="tree"
     [appA11yTitle]="displayName()"

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

@@ -18,7 +18,7 @@
     } @else {
       <bit-nav-item
         [icon]="organization.node.icon"
-        [class.active]="organization.node.id === activeFilter()?.organizationId"
+        [forceActiveStyles]="organization.node.id === activeFilter()?.organizationId"
         [text]="organization.node.name"
         variant="tree"
         [appA11yTitle]="organization.node.name"

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

@@ -2,7 +2,7 @@
   @if (!hideArchive()) {
     <bit-nav-item
       [icon]="archiveFilter.icon"
-      [class.active]="activeFilter()?.isArchived"
+      [forceActiveStyles]="activeFilter()?.isArchived"
       (click)="handleArchiveFilter($event)"
       [text]="archiveFilter.name | i18n"
       [attr.aria-pressed]="activeFilter()?.isArchived"
@@ -15,7 +15,7 @@
   @if (!hideTrash()) {
     <bit-nav-item
       [icon]="trashFilter.icon"
-      [class.active]="activeFilter()?.isDeleted"
+      [forceActiveStyles]="activeFilter()?.isDeleted"
       (click)="applyFilter('trash')"
       [text]="trashFilter.name | i18n"
       [attr.aria-pressed]="activeFilter()?.isDeleted"

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

@@ -1,7 +1,7 @@
 @for (typeFilter of typeFilters$ | async; track typeFilter) {
   <bit-nav-item
     [icon]="typeFilter.node.icon"
-    [class.active]="activeFilter()?.cipherType === typeFilter.node.type"
+    [forceActiveStyles]="activeFilter()?.cipherType === typeFilter.node.type"
     (click)="applyFilter(typeFilter)"
     [text]="typeFilter.node.name"
     [attr.aria-pressed]="activeFilter()?.cipherType === typeFilter.node.type"