fixed errors

src/app/app.css

@@ -97,7 +97,7 @@ nz-header {
 }
 
 .right-icons app-modal-nav:hover {
-    color: #40a9ff; /* survol bleu clair uniquement pour les icônes */
+    color: #40a9ff;
     transform: scale(1.2);
 }
 

src/app/components/profil/profil.css

@@ -1,7 +1,6 @@
-.festive {
-    font-family: "Comic Sans MS", cursive;
+.fontProfil {
+    font-family: "Arial", cursive;
     text-shadow: 2px 2px #8C731A, -2px -2px #8C731A;
-    color: #fff;
     font-weight: bold;
 }
 

src/app/components/profil/profil.html

@@ -4,12 +4,12 @@
     </app-modal-nav>
 </div>
 
-<div class="mx-auto flex items-center justify-center w-30 h-30 rounded-full bg-blue-900 text-white text-6xl festive">
+<div class="mx-auto flex items-center justify-center w-30 h-30 rounded-full bg-blue-900 text-white text-6xl fontProfil">
     {{ getInitial(data.name) }}
 </div>
 
 <div class="mt-6">
-    <p class="text-2xl festive2 mx-auto flex items-center justify-center">{{data.name}}</p>
-    <p class="text-l festive2 mt-0 flex items-center justify-center">{{data.email}}</p>
-    <p class="text-l festive2 mt-0 flex items-center justify-center">{{data.fonction}}</p>
+    <p class="text-3xl festive2 mx-auto flex items-center justify-center">{{data.name}}</p>
+    <p class="text-xl festive2 mt-0 flex items-center justify-center">{{data.email}}</p>
+    <p class="text-xl festive2 mt-0 flex items-center justify-center">{{data.fonction}}</p>
 </div>

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

@@ -26,6 +26,7 @@
                         <app-modal-nav nameIcon="edit" name="Modification de la quantité minimale" class="cursor-pointer">
                             <app-stock-form></app-stock-form>
                         </app-modal-nav>
+                        <nz-divider nzType="vertical"></nz-divider>
                         <div>
                             <nz-icon nzType="delete" nzTheme="outline" class="cursor-pointer text-red-700"/>
                         </div>

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

@@ -4,6 +4,7 @@ import {NzTableComponent} from "ng-zorro-antd/table";
 import {ModalNav} from "../modal-nav/modal-nav";
 import {NzIconDirective} from "ng-zorro-antd/icon";
 import {StockForm} from "../stock-form/stock-form";
+import {NzDividerComponent} from "ng-zorro-antd/divider";
 
 @Component({
   selector: 'app-stock-table',
@@ -11,7 +12,8 @@ import {StockForm} from "../stock-form/stock-form";
         NzTableComponent,
         ModalNav,
         NzIconDirective,
-        StockForm
+        StockForm,
+        NzDividerComponent
     ],
   templateUrl: './stock-table.html',
   styleUrl: './stock-table.css',

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

@@ -18,6 +18,7 @@
                         <app-modal-nav nameIcon="edit" name="Modification de l'utilisateur" class="cursor-pointer">
                             <app-profil-form></app-profil-form>
                         </app-modal-nav>
+                        <nz-divider nzType="vertical"></nz-divider>
                         <div>
                             <nz-icon nzType="delete" nzTheme="outline" class="cursor-pointer text-red-700"/>
                         </div>

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

@@ -5,6 +5,7 @@ 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";
+import {NzDividerComponent} from "ng-zorro-antd/divider";
 
 @Component({
   selector: 'app-user-table',
@@ -12,7 +13,8 @@ import {ProfilForm} from "../profil-form/profil-form";
         ModalNav,
         NzIconDirective,
         NzTableComponent,
-        ProfilForm
+        ProfilForm,
+        NzDividerComponent
     ],
   templateUrl: './user-table.html',
   styleUrl: './user-table.css',

src/app/pages/user/user.html

@@ -2,6 +2,6 @@
     <app-profil-form></app-profil-form>
 </app-modal-button>
 
-<div class="mt-2">
+<div class="mt-4">
     <app-user-table></app-user-table>
 </div>