feat(console): loginname hint, update dependencies (#709)

* chore(deps): bump rxjs from 6.6.2 to 6.6.3 in /console (#707)

Bumps [rxjs](https://github.com/reactivex/rxjs) from 6.6.2 to 6.6.3.
- [Release notes](https://github.com/reactivex/rxjs/releases)
- [Changelog](https://github.com/ReactiveX/rxjs/blob/6.6.3/CHANGELOG.md)
- [Commits](https://github.com/reactivex/rxjs/compare/6.6.2...6.6.3)

Signed-off-by: dependabot[bot] <[email protected]>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* chore(deps-dev): bump @angular/cli from 10.0.8 to 10.1.0 in /console (#706)

Bumps [@angular/cli](https://github.com/angular/angular-cli) from 10.0.8 to 10.1.0.
- [Release notes](https://github.com/angular/angular-cli/releases)
- [Commits](https://github.com/angular/angular-cli/compare/v10.0.8...v10.1.0)

Signed-off-by: dependabot[bot] <[email protected]>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* chore(deps-dev): bump karma from 5.1.1 to 5.2.1 in /console (#705)

Bumps [karma](https://github.com/karma-runner/karma) from 5.1.1 to 5.2.1.
- [Release notes](https://github.com/karma-runner/karma/releases)
- [Changelog](https://github.com/karma-runner/karma/blob/master/CHANGELOG.md)
- [Commits](https://github.com/karma-runner/karma/compare/v5.1.1...v5.2.1)

Signed-off-by: dependabot[bot] <[email protected]>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* chore(deps-dev): bump stylelint from 13.6.1 to 13.7.0 in /console (#704)

Bumps [stylelint](https://github.com/stylelint/stylelint) from 13.6.1 to 13.7.0.
- [Release notes](https://github.com/stylelint/stylelint/releases)
- [Changelog](https://github.com/stylelint/stylelint/blob/master/CHANGELOG.md)
- [Commits](https://github.com/stylelint/stylelint/compare/13.6.1...13.7.0)

Signed-off-by: dependabot[bot] <[email protected]>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Max Peintner <[email protected]>

* chore(deps): bump angularx-qrcode from 10.0.6 to 10.0.10 in /console (#703)

Bumps [angularx-qrcode](https://github.com/cordobo/angularx-qrcode) from 10.0.6 to 10.0.10.
- [Release notes](https://github.com/cordobo/angularx-qrcode/releases)
- [Commits](https://github.com/cordobo/angularx-qrcode/compare/10.0.6...10.0.10)

Signed-off-by: dependabot[bot] <[email protected]>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Max Peintner <[email protected]>

* chore(deps-dev): bump @types/node from 14.6.1 to 14.6.4 in /console (#701)

Bumps [@types/node](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/node) from 14.6.1 to 14.6.4.
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/node)

Signed-off-by: dependabot[bot] <[email protected]>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* chore(deps-dev): bump prettier from 2.0.5 to 2.1.1 in /console (#665)

Bumps [prettier](https://github.com/prettier/prettier) from 2.0.5 to 2.1.1.
- [Release notes](https://github.com/prettier/prettier/releases)
- [Changelog](https://github.com/prettier/prettier/blob/master/CHANGELOG.md)
- [Commits](https://github.com/prettier/prettier/compare/2.0.5...2.1.1)

Signed-off-by: dependabot[bot] <[email protected]>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* chore(deps-dev): bump @angular/language-service in /console (#708)

Bumps [@angular/language-service](https://github.com/angular/angular/tree/HEAD/packages/language-service) from 10.0.14 to 10.1.0.
- [Release notes](https://github.com/angular/angular/releases)
- [Changelog](https://github.com/angular/angular/blob/master/CHANGELOG.md)
- [Commits](https://github.com/angular/angular/commits/10.1.0/packages/language-service)

Signed-off-by: dependabot[bot] <[email protected]>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* chore(deps-dev): bump @angular-devkit/build-angular in /console (#666)

Bumps [@angular-devkit/build-angular](https://github.com/angular/angular-cli) from 0.1000.6 to 0.1000.8.
- [Release notes](https://github.com/angular/angular-cli/releases)
- [Commits](https://github.com/angular/angular-cli/commits)

Signed-off-by: dependabot[bot] <[email protected]>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Max Peintner <[email protected]>

* show loginname suffix

* update packlock

* rm console logs

* private

* suffix for org create

* rm suffix for org create

* rm org create suffix

* lint

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

console/src/app/pages/users/user-create/user-create.component.html

@@ -5,16 +5,18 @@
     <form *ngIf="userForm" [formGroup]="userForm" (ngSubmit)="createUser()" class="form">
         <div class="content">
             <p class="section">{{ 'USER.CREATE.NAMEANDEMAILSECTION' | translate }}</p>
-            <mat-form-field class="formfield">
+            <mat-form-field class="formfield" appearance="fill">
                 <mat-label>{{ 'USER.PROFILE.EMAIL' | translate }}</mat-label>
                 <input matInput formControlName="email" required />
                 <mat-error *ngIf="email?.invalid && email?.errors?.required">
                     {{ 'USER.VALIDATION.REQUIRED' | translate }}
                 </mat-error>
             </mat-form-field>
-            <mat-form-field class="formfield">
+            <mat-form-field class="formfield" appearance="fill">
                 <mat-label>{{ 'USER.PROFILE.USERNAME' | translate }}</mat-label>
                 <input matInput formControlName="userName" required />
+                <span *ngIf="envSuffix" matSuffix>{{envSuffix}}</span>
+
                 <mat-error *ngIf="userName?.invalid && userName?.errors?.required">
                     {{ 'USER.VALIDATION.REQUIRED' | translate }}
                 </mat-error>
@@ -22,21 +24,23 @@
                     {{ 'USER.VALIDATION.NOEMAIL' | translate }}
                 </mat-error>
             </mat-form-field>
-            <mat-form-field class="formfield">
+        </div>
+        <div class="content">
+            <mat-form-field class="formfield" appearance="fill">
                 <mat-label>{{ 'USER.PROFILE.FIRSTNAME' | translate }}</mat-label>
                 <input matInput formControlName="firstName" required />
                 <mat-error *ngIf="firstName?.invalid && firstName?.errors?.required">
                     {{ 'USER.VALIDATION.REQUIRED' | translate }}
                 </mat-error>
             </mat-form-field>
-            <mat-form-field class="formfield">
+            <mat-form-field class="formfield" appearance="fill">
                 <mat-label>{{ 'USER.PROFILE.LASTNAME' | translate }}</mat-label>
                 <input matInput formControlName="lastName" required />
                 <mat-error *ngIf="lastName?.invalid && lastName?.errors?.required">
                     {{ 'USER.VALIDATION.REQUIRED' | translate }}
                 </mat-error>
             </mat-form-field>
-            <mat-form-field class="formfield">
+            <mat-form-field class="formfield" appearance="fill">
                 <mat-label>{{ 'USER.PROFILE.NICKNAME' | translate }}</mat-label>
                 <input matInput formControlName="nickName" />
                 <mat-error *ngIf="nickName?.invalid && nickName?.errors?.required">
@@ -46,7 +50,7 @@
 
             <p class="section">{{ 'USER.CREATE.GENDERLANGSECTION' | translate }}</p>
 
-            <mat-form-field class="formfield">
+            <mat-form-field class="formfield" appearance="fill">
                 <mat-label>{{ 'USER.PROFILE.GENDER' | translate }}</mat-label>
                 <mat-select formControlName="gender">
                     <mat-option *ngFor="let gender of genders" [value]="gender">
@@ -57,7 +61,7 @@
                     {{ 'USER.VALIDATION.REQUIRED' | translate }}
                 </mat-error>
             </mat-form-field>
-            <mat-form-field class="formfield">
+            <mat-form-field class="formfield" appearance="fill">
                 <mat-label>{{ 'USER.PROFILE.PREFERRED_LANGUAGE' | translate }}</mat-label>
                 <mat-select formControlName="preferredLanguage">
                     <mat-option *ngFor="let language of languages" [value]="language">
@@ -71,7 +75,7 @@
 
             <p class="section">{{ 'USER.CREATE.ADDRESSANDPHONESECTION' | translate }}</p>
 
-            <mat-form-field class="formfield">
+            <mat-form-field class="formfield" appearance="fill">
                 <mat-label>{{ 'USER.PROFILE.PHONE' | translate }}</mat-label>
                 <input matInput formControlName="phone" />
                 <mat-error *ngIf="phone?.invalid && phone?.errors?.required">