[ADF-4900] Card View and Metadata Components refactoring (#5592)

* [ADF-4900] Card View and Metadata Components refactoring

* CSS linting

* Unit test excluded

* Rebase branch

* Fix unit tests

* Fix linting

* Fix e2e tests

* Fix 2e2 tests

* Fix process-services e2e tests

* More fixes

* Fix more e2e tests

* Fix unit test

* Improve flaky unit test

* Fix process services e2e tests

* Update Process Header Cloud Page

* Fix linting

* Fix timing issue

* Lintintg

* Fix selectors

* Fix e2e tests

* Fix timing issue

* Fix C260328

* Fix spellcheck

* save screenshot

* performance issue

* Fix unit tests and e2e tests

* fix e2e

* refactoring

* fix lint

* fix e2e

* Fix C309698

* fix other e2e

* fix lint

* increase timeout

Co-authored-by: Eugenio Romano <eugenio.romano@alfresco.com>

lib/core/card-view/components/card-view-boolitem/card-view-boolitem.component.html

@@ -1,12 +1,13 @@
 <ng-container *ngIf="!property.isEmpty() || isEditable()">
-    <div [attr.data-automation-id]="'card-boolean-label-' + property.key" class="adf-property-label">{{ property.label | translate }}</div>
     <div class="adf-property-value">
-        <mat-checkbox
-            [attr.data-automation-id]="'card-boolean-' + property.key"
-            [attr.title]="'CORE.METADATA.ACTIONS.TOGGLE' | translate"
-            [checked]="property.displayValue"
-            [disabled]="!isEditable()"
-            (change)="changed($event)">
+        <mat-checkbox [attr.data-automation-id]="'card-boolean-' + property.key"
+                      [attr.title]="'CORE.METADATA.ACTIONS.TOGGLE' | translate"
+                      [checked]="property.displayValue"
+                      [disabled]="!isEditable()"
+                      color="primary"
+                      (change)="changed($event)">
+            <div [attr.data-automation-id]="'card-boolean-label-' + property.key"
+                 class="adf-property-label">{{ property.label | translate }}</div>
         </mat-checkbox>
     </div>
 </ng-container>