[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-dateitem/card-view-dateitem.component.html

@@ -1,8 +1,10 @@
-<div *ngIf="showProperty() || isEditable()"
+<div class="adf-property-label"
      [attr.data-automation-id]="'card-dateitem-label-' + property.key"
-     class="adf-property-label">{{ property.label | translate }}</div>
+     *ngIf="showProperty() || isEditable()">
+    {{ property.label | translate }}
+</div>
 
-<div class="adf-property-value">
+<div class="adf-property-value adf-property-value-padding-top">
     <span *ngIf="!isEditable()"
           [attr.data-automation-id]="'card-' + property.type + '-value-' + property.key">
         <span [attr.data-automation-id]="'card-dateitem-' + property.key">

lib/core/card-view/components/card-view-dateitem/card-view-dateitem.component.scss

@@ -1,4 +1,6 @@
 @mixin adf-card-view-dateitem-theme($theme) {
+    $foreground: map-get($theme, foreground);
+
     .adf {
         &-invisible-date-input {
             height: 2px;
@@ -13,6 +15,8 @@
 
         &-dateitem-editable {
             cursor: pointer;
+            border-bottom: 1px solid mat-color($foreground, text, 0.42);
+            padding-bottom: 6px;
 
             &-controls {
                 display: flex;