added create fonction, fetch, and delete

src/app/components/user-table/user-table.html

@@ -1,5 +1,8 @@
-<nz-table #basicTable [nzData]="listOfData" class="mr-7">
-    <thead>
+<nz-table [nzData]="users()"
+          [nzLoading]="usersLoading()"
+          [nzFrontPagination]="false"
+          class="mr-7">
+<thead>
     <tr class="text-center">
         <th>Nom</th>
         <th>Email</th>
@@ -8,11 +11,11 @@
     </tr>
     </thead>
     <tbody class="text-center">
-        @for (data of basicTable.data; track data) {
+        @for (user of users(); track user.id) {
             <tr>
-                <td>{{data.name}}</td>
-                <td>{{data.email}}</td>
-                <td>{{data.fonction}}</td>
+                <td>{{user.name}}</td>
+                <td>{{user.email}}</td>
+                <td>{{user.fonction}}</td>
                 <td>
                     <div style="justify-content: center; display: flex">
                         <app-modal-nav nameIcon="edit" name="Modification de l'utilisateur" class="cursor-pointer">
@@ -20,7 +23,7 @@
                         </app-modal-nav>
                         <nz-divider nzType="vertical"></nz-divider>
                         <div>
-                            <nz-icon nzType="delete" nzTheme="outline" class="cursor-pointer text-red-700"/>
+                            <nz-icon nzType="delete" nzTheme="outline" (click)="delete(user.id)" class="cursor-pointer text-red-700"/>
                         </div>
                     </div>
                 </td>