update searchbar on supplier and stock

src/app/pages/stock/stock.html

@@ -10,7 +10,8 @@
     }
 
     <div class="ml-95 w-150">
-        <app-search class="w-full"></app-search>
+        <app-search (searchEvent)="onProductSearch($event)"></app-search>
+
     </div>
 </div>
 

src/app/pages/stock/stock.ts

@@ -29,6 +29,9 @@ export class Stock {
     private productsService = inject(ProductsService);
     private notificationService = inject(NzNotificationService)
 
+    onProductSearch(query: string) {
+        this.productTable().applySearch(query);
+    }
     // async onModalOk() {
     //     await this.addSupplier()
     //     this.createSupplier().supplierForm.reset();

src/app/pages/supplier/supplier.html

@@ -8,9 +8,8 @@
 
         <app-supplier-form #supplierForm></app-supplier-form>
     </app-modal-button>
-
     <div class="ml-95 w-150">
-        <app-search></app-search>
+        <app-search (searchEvent)="onSupplierSearch($event)"></app-search>
     </div>
 </div>
 

src/app/pages/supplier/supplier.ts

@@ -36,6 +36,10 @@ export class Supplier {
         this.modal().isVisible = false;
     }
 
+    onSupplierSearch(query: string) {
+        this.supplierTable().applySearch(query);
+    }
+
     async addSupplier() {
         if (this.createSupplier().supplierForm.invalid)
         {