migrated vault cipher list

apps/desktop/src/app/app.module.ts

@@ -26,7 +26,6 @@ import { UserVerificationComponent } from "./components/user-verification.compon
 import { AccountSwitcherComponent } from "./layout/account-switcher.component";
 import { HeaderComponent } from "./layout/header.component";
 import { NavComponent } from "./layout/nav.component";
-import { SearchComponent } from "./layout/search/search.component";
 import { SharedModule } from "./shared/shared.module";
 
 @NgModule({
@@ -51,7 +50,6 @@ import { SharedModule } from "./shared/shared.module";
     ColorPasswordCountPipe,
     HeaderComponent,
     PremiumComponent,
-    SearchComponent,
   ],
   providers: [
     SshAgentService,

apps/desktop/src/app/layout/desktop-layout.component.html

@@ -1,4 +1,4 @@
-<bit-layout class="!tw-h-full" rounded>
+<bit-layout class="!tw-h-full">
   <app-side-nav slot="side-nav">
     <bit-nav-logo [openIcon]="logo" route="." [label]="'passwordManager' | i18n" />
 

apps/desktop/src/app/layout/header.component.html

@@ -1,4 +1,3 @@
 <div class="header">
-  <app-search></app-search>
   <app-account-switcher></app-account-switcher>
 </div>

apps/desktop/src/app/layout/search/search.component.html

@@ -1,11 +1,4 @@
-<div class="search" *ngIf="state.enabled">
-  <input
-    type="search"
-    [placeholder]="state.placeholderText"
-    id="search"
-    autocomplete="off"
-    [formControl]="searchText"
-    appAutofocus
-  />
-  <i class="bwi bwi-search" aria-hidden="true"></i>
-</div>
+@if (state.enabled) {
+  <bit-search [placeholder]="state.placeholderText" [formControl]="searchText" appAutofocus>
+  </bit-search>
+}

apps/desktop/src/app/layout/search/search.component.ts

@@ -1,10 +1,12 @@
 // FIXME: Update this file to be type safe and remove this and next line
 // @ts-strict-ignore
+import { CommonModule } from "@angular/common";
 import { Component, OnDestroy, OnInit } from "@angular/core";
-import { UntypedFormControl } from "@angular/forms";
+import { ReactiveFormsModule, UntypedFormControl } from "@angular/forms";
 import { Subscription } from "rxjs";
 
 import { AccountService } from "@bitwarden/common/auth/abstractions/account.service";
+import { AutofocusDirective, SearchModule } from "@bitwarden/components";
 
 import { SearchBarService, SearchBarState } from "./search-bar.service";
 
@@ -13,7 +15,7 @@ import { SearchBarService, SearchBarState } from "./search-bar.service";
 @Component({
   selector: "app-search",
   templateUrl: "search.component.html",
-  standalone: false,
+  imports: [CommonModule, ReactiveFormsModule, AutofocusDirective, SearchModule],
 })
 export class SearchComponent implements OnInit, OnDestroy {
   state: SearchBarState;