feat: console flat navigation, settings (#3581)

* instance routing

* instance naming

* org list

* rm isonsystem

* breadcrumb  type

* routing

* instance members

* fragment refresh org

* settings pages

* settings list, sidenav grouping, i18n

* org-settings, policy changes

* lint

* grid

* rename grid

* fallback to general

* cleanup

* general settings, remove cards

* sidenav for settings, label policy

* i18n

* header, nav backbuild

* general, project nav rehaul

* login text background adapt

* org nav anim

* org, instance settings, fix policy layout, roles

* i18n, active route for project

* lint

console/src/app/pages/instance/instance.component.html

@@ -0,0 +1,34 @@
+<div class="iam-top">
+  <div class="max-width-container">
+    <div class="iam-top-row">
+      <div>
+        <div class="iam-title-row">
+          <h1 class="iam-title">{{ 'IAM.TITLE' | translate }}</h1>
+        </div>
+        <p class="iam-sub cnsl-secondary-text">{{ 'IAM.DESCRIPTION' | translate }}</p>
+      </div>
+      <span class="fill-space"></span>
+      <cnsl-contributors
+        [totalResult]="totalMemberResult"
+        [loading]="loading$ | async"
+        [membersSubject]="membersSubject"
+        title="{{ 'PROJECT.MEMBER.TITLE' | translate }}"
+        description="{{ 'PROJECT.MEMBER.TITLEDESC' | translate }}"
+        (addClicked)="openAddMember()"
+        (showDetailClicked)="showDetail()"
+        (refreshClicked)="loadMembers()"
+        [disabled]="false"
+      >
+      </cnsl-contributors>
+    </div>
+  </div>
+</div>
+<div class="max-width-container">
+  <h2 class="org-table-title">{{ 'ORG.LIST.TITLE' | translate }}</h2>
+
+  <p class="org-table-desc cnsl-secondary-text">{{ 'ORG.LIST.DESCRIPTION' | translate }}</p>
+
+  <cnsl-org-table></cnsl-org-table>
+
+  <cnsl-settings-grid [type]="PolicyComponentServiceType.ADMIN"></cnsl-settings-grid>
+</div>