add AddProduct component with form for product creation and associated styles

client/src/app/pages/home/home.component.html

@@ -1,13 +1,15 @@
 <div class="home-container">
   @if (getUser(); as user) {
-    <h1>Welcome, {{ user.firstName }}!</h1>
-    <p>What would you like to do today?</p>
+    <h1>Bonjour, {{ user.firstName }}!</h1>
+    <p>Que souhaitez-vous faire ?</p>
+    <br>
+    <button mat-flat-button [routerLink]="'/add-product'">Ajouter un nouveau produit</button>
+    <button mat-raised-button [routerLink]="'/products'">Voir la liste des produits</button>
   } @else {
-    <h1>Welcome to the demo</h1>
-    <p>Create an account or sign in to get started.</p>
+    <h2>Gestion des produits</h2>
     <div class="home-actions">
-      <button mat-flat-button [routerLink]="'/login'">Login</button>
-      <button mat-raised-button [routerLink]="'/register'">Sign Up</button>
+      <button mat-flat-button [routerLink]="'/login'">Se connecter</button>
+      <button mat-raised-button [routerLink]="'/register'">S'inscrire</button>
     </div>
   }
 </div>

client/src/app/pages/home/home.component.ts

@@ -2,13 +2,15 @@ import {Component, inject} from '@angular/core';
 import {MatButton} from '@angular/material/button';
 import {AuthService} from '../../services/auth/auth.service';
 import {RouterLink} from '@angular/router';
+import {AddProductComponent} from '../add-product/add-product.component';
 
 @Component({
   selector: 'app-home',
   standalone: true,
   imports: [
     MatButton,
-    RouterLink
+    RouterLink,
+    AddProductComponent
   ],
   templateUrl: './home.component.html',
   styleUrl: './home.component.css'