AAE-48227 replacing custom labels with mat-labels

lib/process-services-cloud/src/lib/form/components/form-cloud.component.html

@@ -5,6 +5,7 @@
 } @else {
     <div
         class="adf-cloud-form-container adf-cloud-form-{{ displayConfiguration?.options?.fullscreen ? 'fullscreen' : 'inline' }}-container"
+        data-automation-id="adf-cloud-form-container"
         [style]="formStyle"
     >
         <div

lib/process-services-cloud/src/lib/form/components/form-cloud.component.scss

@@ -135,7 +135,8 @@
         }
     }
 
-    .adf-label {
+    .adf-label,
+    .adf-display-external-property-widget-label {
         white-space: normal;
     }
 }

lib/process-services-cloud/src/lib/form/components/widgets/date/date-cloud.widget.html

@@ -21,7 +21,7 @@
             [class.adf-left-label-input-datepicker]="field.leftLabels"
         >
             @if ( (field.name || field?.required) && !field.leftLabels) {
-                <mat-label class="adf-label" [attr.for]="field.id">
+                <mat-label class="adf-label">
                     {{field.name | translate }} ({{field.dateDisplayFormat}})
                 </mat-label>
             }

lib/process-services-cloud/src/lib/form/components/widgets/display-external-property/display-external-property.widget.html

@@ -13,7 +13,7 @@
     <div>
         <mat-form-field class="adf-form-field-input" subscriptSizing="dynamic" [floatLabel]="field.placeholder ? 'always' : null">
             @if( (field.name || field?.required) && !field.leftLabels) {
-            <mat-label class="adf-label" [attr.for]="field.id"> {{ field.name | translate }} </mat-label>
+            <mat-label class="adf-display-external-property-widget-label" data-automation-id="adf-display-external-property-widget-label"> {{ field.name | translate }} </mat-label>
             }
             <input
                 matInput

lib/process-services-cloud/src/lib/form/components/widgets/display-external-property/display-external-property.widget.scss

@@ -4,7 +4,7 @@
     &-display-external-property-widget {
         width: 100%;
 
-        .adf-label {
+        .adf-display-external-property-widget-label {
             top: 20px;
         }
 

lib/process-services-cloud/src/lib/form/components/widgets/dropdown/dropdown-cloud.widget.html

@@ -14,7 +14,7 @@
     <div class="adf-dropdown-widget-container">
         <mat-form-field class="adf-form-field-input" subscriptSizing="dynamic">
             @if ( (field.name || this.field?.required) && !field.leftLabels) {
-                <mat-label class="adf-label" [attr.for]="field.id">{{ field.name | translate }}</mat-label>
+                <mat-label class="adf-label">{{ field.name | translate }}</mat-label>
             }
             <mat-select
                 class="adf-select"