added modal into stock page

src/app/compontents/stock-table/stock-table.html

@@ -8,6 +8,7 @@
         <th>Weight</th>
         <th>Nec</th>
         <th>MinimalQuantity</th>
+        <th>Action</th>
     </tr>
     </thead>
     <tbody>
@@ -21,8 +22,12 @@
                 <td>{{data.nec}}</td>
                 <td>{{data.minimalQuantity}}</td>
                 <td>
-                    modifier
-                    <button nz-button nzType="primary" (click)="delete()" class="bg-red-600 border-red-600">Supprimer</button>
+                    <div style="display: flex; gap: 10px;">
+                        <app-modalNav nameIcon="edit" name="Modifier"></app-modalNav>
+                        <div>
+                            <nz-icon nzType="delete" nzTheme="outline"/>
+                        </div>
+                    </div>
                 </td>
             </tr>
         }

src/app/compontents/stock-table/stock-table.ts

@@ -2,12 +2,16 @@ import { Component } from '@angular/core';
 import {StockInfo} from "../../interfaces/stock.interface";
 import {NzTableComponent} from "ng-zorro-antd/table";
 import {NzButtonComponent} from "ng-zorro-antd/button";
+import {ModalNav} from "../../components/modalNav/modalNav";
+import {NzIconDirective} from "ng-zorro-antd/icon";
 
 @Component({
   selector: 'app-stock-table',
     imports: [
         NzTableComponent,
-        NzButtonComponent
+        NzButtonComponent,
+        ModalNav,
+        NzIconDirective
     ],
   templateUrl: './stock-table.html',
   styleUrl: './stock-table.css',