Issue #SB-25716 fix: accessibility changes

projects/common-form-elements/src/lib/dynamic-textarea/dynamic-textarea.component.html

 <div class="sb-textarea-container">
-  <label [attr.data-title]="field.description ? field.description : null">{{label}}</label>
-  <textarea class="sb-textarea" [formControl]="formControlRef" rows="5" name="sb-textarea" placeholder={{placeholder}} [attr.disabled]="disabled ? true : null">
+  <label [attr.data-title]="field.description ? field.description : null" for="{{getId(label)}}">{{label}}</label>
+  <textarea class="sb-textarea" id="{{getId(label)}}" [formControl]="formControlRef" rows="5" name="sb-textarea" placeholder={{placeholder}} [attr.disabled]="disabled ? true : null">
   </textarea>
   <div class="remaining-length" *ngIf="remainderValidLength$">
      {{remainderValidLength$ | async}} Characters left

projects/common-form-elements/src/lib/dynamic-textarea/dynamic-textarea.component.ts

@@ -35,5 +35,7 @@ export class DynamicTextareaComponent implements OnInit {
       );
     }
   }
-
+  getId(id) {
+    return id.replace(/\s/g, '');
+  }
 }

projects/common-form-elements/src/lib/multiple-dropdown/multiple-dropdown.component.html

 <div class="cfe-multiselect-container multi-select-section-app" [ngClass]="{'open': showModalStateDirty && showModal, 'closed': showModalStateDirty && !showModal}">
-  <label class="cfe-multiselect-label input-label" tabindex="0" *ngIf="label" for="{{label}}">{{label}}</label>
+  <label class="cfe-multiselect-label input-label" tabindex="0" *ngIf="label" for="{{getId(label)}}">{{label}}</label>
   <div class="cfe-multiselect-label" *ngIf="labelHtml" [innerHTML]="labelHtml | transposeHtml"></div>
   <ng-container *ngIf="extras?.type === 'dropdown'">
-    <div class="cfe-multiselect-field multi-select-container">
+    <div class="cfe-multiselect-field multi-select-container" id="{{getId(label)}}">
       <sb-caret-up *ngIf="showModal" class="cfe-multiselect-field-caret caret-down"  tabindex="0"
                    [attr.disabled]="disabled ? true : ( context ? (context.invalid ? true : null) : null )" (click)="openModal($event)">
       </sb-caret-up>

projects/common-form-elements/src/lib/multiple-dropdown/multiple-dropdown.component.ts

@@ -89,7 +89,9 @@ export class MultipleDropdownComponent implements OnInit, OnChanges, OnDestroy {
 
     this.setupOptions();
   }
-
+  getId(id) {
+    return id.replace(/\s/g, '');
+  }
   onSubmit() {
     const finalValue = this.tempValue.toList().toJS();
     this.formControlRef.patchValue(this.isMultiple ? finalValue : finalValue[0]);