Mise en place de l'anglais comme deuxième langue pour l'application

web/src/app/shared/chips-input/chips-input.component.ts

@@ -2,6 +2,7 @@ import { Component, Input, Output, EventEmitter } from '@angular/core';
 
 import { FormsModule } from '@angular/forms';
 import { LucideAngularModule, X } from 'lucide-angular';
+import { TranslatePipe, TranslateService } from '@ngx-translate/core';
 
 /**
  * Composant réutilisable de saisie de chips (étiquettes textuelles).
@@ -21,7 +22,7 @@ import { LucideAngularModule, X } from 'lucide-angular';
  */
 @Component({
     selector: 'app-chips-input',
-    imports: [FormsModule, LucideAngularModule],
+    imports: [FormsModule, LucideAngularModule, TranslatePipe],
     templateUrl: './chips-input.component.html',
     styleUrls: ['./chips-input.component.scss']
 })
@@ -29,12 +30,16 @@ export class ChipsInputComponent {
   readonly X = X;
 
   @Input() value: string[] = [];
-  @Input() placeholder = 'Ajouter...';
+  @Input() placeholder = '';
   @Output() valueChange = new EventEmitter<string[]>();
 
   /** Texte de l'input en cours de saisie. */
   current = '';
 
+  constructor(private translate: TranslateService) {
+    this.placeholder = this.translate.instant('chipsInput.placeholder');
+  }
+
   /** Ajoute le texte courant s'il est non vide et non déjà présent. */
   add(): void {
     const raw = this.current.trim().replace(/,$/, '').trim();