added user page and create a new modal from use with button and text

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

@@ -0,0 +1,57 @@
+import { Component } from '@angular/core';
+import {ModalNav} from "../modal-nav/modal-nav";
+import {NzIconDirective} from "ng-zorro-antd/icon";
+import {NzTableComponent} from "ng-zorro-antd/table";
+import {StockForm} from "../stock-form/stock-form";
+import {UserInfo} from "../../interfaces/user.interface";
+import {ProfilForm} from "../profil-form/profil-form";
+
+@Component({
+  selector: 'app-user-table',
+    imports: [
+        ModalNav,
+        NzIconDirective,
+        NzTableComponent,
+        ProfilForm
+    ],
+  templateUrl: './user-table.html',
+  styleUrl: './user-table.css',
+})
+export class UserTable {
+    listOfData: UserInfo[] = [
+        { name: 'Alice Martin', email: 'alice.martin@example.com', fonction: 'Responsable Stock' },
+        { name: 'Bruno Lefevre', email: 'bruno.lefevre@example.com', fonction: 'Technicien' },
+        { name: 'Claire Dupont', email: 'claire.dupont@example.com', fonction: 'Chef d’équipe' },
+        { name: 'David Roux', email: 'david.roux@example.com', fonction: 'Opérateur' },
+        { name: 'Emma Girard', email: 'emma.girard@example.com', fonction: 'Manager' },
+        { name: 'Florian Petit', email: 'florian.petit@example.com', fonction: 'Contrôleur' },
+        { name: 'Gabriel Fabre', email: 'gabriel.fabre@example.com', fonction: 'Technicien' },
+        { name: 'Hélène Blanchard', email: 'helene.blanchard@example.com', fonction: 'Responsable Qualité' },
+        { name: 'Idris Caron', email: 'idris.caron@example.com', fonction: 'Opérateur' },
+        { name: 'Julie Laurent', email: 'julie.laurent@example.com', fonction: 'RH' },
+        { name: 'Kevin Becker', email: 'kevin.becker@example.com', fonction: 'Chef d’équipe' },
+        { name: 'Laura Denis', email: 'laura.denis@example.com', fonction: 'Responsable Stock' },
+        { name: 'Maxime Robert', email: 'maxime.robert@example.com', fonction: 'Technicien' },
+        { name: 'Nina Lambert', email: 'nina.lambert@example.com', fonction: 'Opérateur' },
+        { name: 'Olivier Garnier', email: 'olivier.garnier@example.com', fonction: 'Manager' },
+        { name: 'Pauline Henry', email: 'pauline.henry@example.com', fonction: 'Chef de Projet' },
+        { name: 'Quentin Millet', email: 'quentin.millet@example.com', fonction: 'Technicien' },
+        { name: 'Raphaël Julien', email: 'raphael.julien@example.com', fonction: 'Opérateur' },
+        { name: 'Sophie Moreau', email: 'sophie.moreau@example.com', fonction: 'Responsable Qualité' },
+        { name: 'Théo Renaud', email: 'theo.renaud@example.com', fonction: 'Technicien' },
+        { name: 'Ulysse Berger', email: 'ulysse.berger@example.com', fonction: 'Opérateur' },
+        { name: 'Valentine Roche', email: 'valentine.roche@example.com', fonction: 'RH' },
+        { name: 'William Arnaud', email: 'william.arnaud@example.com', fonction: 'Chef d’équipe' },
+        { name: 'Xavier Colin', email: 'xavier.colin@example.com', fonction: 'Technicien' },
+        { name: 'Yasmine Perrot', email: 'yasmine.perrot@example.com', fonction: 'Manager' },
+        { name: 'Zack Morel', email: 'zack.morel@example.com', fonction: 'Opérateur' },
+        { name: 'Adèle Simon', email: 'adele.simon@example.com', fonction: 'Responsable Stock' },
+        { name: 'Bastien Renault', email: 'bastien.renault@example.com', fonction: 'Technicien' },
+        { name: 'Cindy Barret', email: 'cindy.barret@example.com', fonction: 'Assistante' },
+        { name: 'Dorian Lefort', email: 'dorian.lefort@example.com', fonction: 'Contrôleur' },
+    ];
+
+    delete(){
+        return
+    }
+}