fix(console): user create loading state and i18n, improved app create stepper, invalid token dialog, cleanup, new home (#509)

* fix iam member model

* fix org member model

* fix auth user loading

* copytoclipboard directive

* directive logs, load bar on init, create user

* typo

* welcome section, contributor spinner

* fix home link

* fix stepper flow

* show dialog on invalid token

* fix app table refresh, pin icons light theme

* cleanup contributor

* Update console/src/assets/i18n/en.json

Co-authored-by: Florian Forster <[email protected]>

* Update console/src/assets/i18n/de.json

Co-authored-by: Florian Forster <[email protected]>

* Update console/src/assets/i18n/de.json

Co-authored-by: Florian Forster <[email protected]>

* Update console/src/assets/i18n/de.json

Co-authored-by: Florian Forster <[email protected]>

Co-authored-by: Florian Forster <[email protected]>

console/src/app/modules/avatar/avatar.component.html

@@ -1,4 +1,5 @@
-<div class="avatar-circle dontcloseonclick"
+<div class="avatar-circle dontcloseonclick" matRipple [matRippleColor]="'#ffffff20'" matRippleUnbounded="true"
+    matRippleCentered="true"
     [ngStyle]="{'height': size+'px', 'width': size+'px', 'fontSize': (fontSize-1)+'px', 'background-color': color}"
     [ngClass]="{'active': active}">
     {{credentials}}

console/src/app/modules/avatar/avatar.component.scss

@@ -16,8 +16,8 @@
         outline: none;
         color: white;
 
-        &.active:hover  {
-            border: 2px solid #8795a1;
-        }
+        // &.active:hover  {
+        //     border: 2px solid #8795a1;
+        // }
     }
 }

console/src/app/modules/avatar/avatar.module.ts

@@ -1,5 +1,6 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
+import { MatRippleModule } from '@angular/material/core';
 
 import { AvatarComponent } from './avatar.component';
 
@@ -9,6 +10,7 @@ import { AvatarComponent } from './avatar.component';
     declarations: [AvatarComponent],
     imports: [
         CommonModule,
+        MatRippleModule,
     ],
     exports: [
         AvatarComponent,