feat(console): user metadata, rehaul detail pages (#2209)

* service, sidenav, i18n, dialog

* detail layout, user detail

* metadata dialog from

* dialog

* features

* formarray

* metadata component

* comp

* user metadata refresh

* use formarray, control, bulk save

* metadata revert, has feature directive

* lint

* lint

* typo

* info row user, warn color optim

* card cleanup, actions for user detail

* project, org, user, app rehaul

* lint

* scss

* digit fix

* features and project grid rehaul

* info-section layout, org domain info

* readd palette scss

* add svg email warn

* missing translation

* rm unused ts

* lockoutpolicy

* check for lockout feature

console/src/app/pages/users/user-detail/metadata/metadata.component.html

@@ -0,0 +1,21 @@
+<app-card class="metadata-details" title="{{ 'USER.METADATA.TITLE' | translate }}">
+  <div card-actions class="actions">
+    <mat-spinner class="spinner" diameter="20" *ngIf="loading"></mat-spinner>
+    <button mat-raised-button color="primary" class="edit" (click)="editMetadata()">{{'ACTIONS.EDIT' | translate}}</button>
+    <button matTooltip="{{'ACTIONS.REFRESH' | translate}}" class="refresh-btn" (click)="loadMetadata()"
+        mat-icon-button aria-label="refresh contributors">
+        <mat-icon class="icon">refresh</mat-icon>
+    </button>
+  </div>
+
+  <ng-container *ngIf="metadata?.length; else emptyList">
+    <div class="metadata-set" *ngFor="let md of metadata">
+        <span class="first">{{md.key}}</span>
+        <span class="second">{{ md.value }}</span>
+    </div>
+  </ng-container>
+
+  <ng-template #emptyList>
+    <p class="empty-desc">{{'USER.METADATA.EMPTY' | translate}}</p>
+  </ng-template>
+</app-card>