fix(ui) - Search bar autofilled in chrome + cross to remove search content

src/app/shared/components/v3/search-bar/search-bar.component.html

 <form class="search-bar">
   <input
-    type="text"
+    type="search"
     name="search"
     [placeholder]="placeholder"
     [(ngModel)]="value"
-    (change)="onChange($event)"
+    (ngModelChange)="onChange()"
     (keyup.enter)="handleSearch()"
   />
   <app-v3-icon-button

src/app/shared/components/v3/search-bar/search-bar.component.ts

@@ -22,8 +22,7 @@ export class SearchBarV3Component {
     this.search.emit(this.value);
   }
 
-  public onChange(event: Event): void {
-    this.value = (event.target as HTMLInputElement).value;
+  public onChange(): void {
     this.valueChange.emit(this.value);
   }
 }