Merge branch '593-fix-duplicate-ids' into 'dev'

fix(accessibility): no duplicate ids for form fields

See merge request !887

src/app/shared/components/select-or-create/select-or-create.component.html

@@ -5,6 +5,7 @@
       size="large"
       [placeholder]="'exemple : ' + name.toLowerCase()"
       [label]="name"
+      [id]="'select-' + name.toLowerCase()"
       [wide]="true"
       [disabled]="isAddingNewItem"
       [status]="!isAddingNewItem ? (isSelectedItem ? 'success' : 'error') : null"
@@ -39,6 +40,7 @@
       <app-input
         autocomplete="off"
         size="large"
+        [id]="'create-' + name.toLowerCase()"
         [label]="'Nom de ' + (isFeminineWord ? 'la ' : 'l\'') + (name | lowercase)"
         [placeholder]="'exemple : ' + name.toLowerCase()"
         [description]="'Renseignez le nom de votre ' + name.toLowerCase()"

src/app/shared/components/textarea/textarea.component.html

 <div class="inputContainer" [ngClass]="{ disabled: disabled }">
-  <label [htmlFor]="id" [ngClass]="status">{{ label }}</label>
+  <label [htmlFor]="'textarea-' + id" [ngClass]="status">{{ label }}</label>
 
   <span *ngIf="description" class="description" [ngClass]="{ disabled: disabled }">{{ description }}</span>
   <textarea
     rows="8"
     [value]="value"
     [maxLength]="maxLength"
-    [id]="id"
+    [id]="'textarea-' + id"
     [disabled]="disabled"
     [ngClass]="status"
     [placeholder]="placeholder"