diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
index 30f9db44a..ca20382ed 100644
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -11,31 +11,30 @@ permissions:
   pull-requests: write
 
 jobs:
-
   core:
     uses: ./.github/workflows/core.yml
     with:
-      node_version: '18'
-      buf_version: 'latest'
-      go_version: '1.21'
-    
+      node_version: "20"
+      buf_version: "latest"
+      go_version: "1.21"
+
   console:
     uses: ./.github/workflows/console.yml
     with:
-      node_version: '18'
-      buf_version: 'latest'
+      node_version: "20"
+      buf_version: "latest"
 
   version:
     uses: ./.github/workflows/version.yml
     with:
-      semantic_version: '19.0.2'
+      semantic_version: "19.0.2"
       dry_run: true
 
   compile:
     needs: [core, console, version]
     uses: ./.github/workflows/compile.yml
     with:
-      go_version: '1.21'
+      go_version: "1.21"
       core_cache_key: ${{ needs.core.outputs.cache_key }}
       console_cache_key: ${{ needs.console.outputs.cache_key }}
       core_cache_path: ${{ needs.core.outputs.cache_path }}
@@ -46,26 +45,26 @@ jobs:
     needs: core
     uses: ./.github/workflows/core-unit-test.yml
     with:
-      go_version: '1.21'
+      go_version: "1.21"
       core_cache_key: ${{ needs.core.outputs.cache_key }}
       core_cache_path: ${{ needs.core.outputs.cache_path }}
-      
+
   core-integration-test:
     needs: core
     uses: ./.github/workflows/core-integration-test.yml
     with:
-      go_version: '1.21'
+      go_version: "1.21"
       core_cache_key: ${{ needs.core.outputs.cache_key }}
       core_cache_path: ${{ needs.core.outputs.cache_path }}
-  
+
   lint:
     needs: [core, console]
     uses: ./.github/workflows/lint.yml
     with:
-      go_version: '1.21'
-      node_version: '18'
-      buf_version: 'latest'
-      go_lint_version: 'v1.53.2'
+      go_version: "1.21"
+      node_version: "18"
+      buf_version: "latest"
+      go_lint_version: "v1.53.2"
       core_cache_key: ${{ needs.core.outputs.cache_key }}
       core_cache_path: ${{ needs.core.outputs.cache_path }}
 
@@ -77,7 +76,7 @@ jobs:
       packages: write
     if: ${{ github.event_name == 'workflow_dispatch' }}
     with:
-      build_image_name: 'ghcr.io/zitadel/zitadel-build'
+      build_image_name: "ghcr.io/zitadel/zitadel-build"
 
   e2e:
     uses: ./.github/workflows/e2e.yml
@@ -90,12 +89,13 @@ jobs:
       contents: write
       issues: write
       pull-requests: write
-    needs: [version, core-unit-test, core-integration-test, lint, container, e2e]
+    needs:
+      [version, core-unit-test, core-integration-test, lint, container, e2e]
     if: ${{ needs.version.outputs.published == 'true' && github.event_name == 'workflow_dispatch' }}
     secrets:
       GCR_JSON_KEY_BASE64: ${{ secrets.GCR_JSON_KEY_BASE64 }}
     with:
       build_image_name: ${{ needs.container.outputs.build_image }}
-      semantic_version: '19.0.2'
-      image_name: 'ghcr.io/zitadel/zitadel'
+      semantic_version: "19.0.2"
+      image_name: "ghcr.io/zitadel/zitadel"
       google_image_name: "europe-docker.pkg.dev/zitadel-common/zitadel-repo/zitadel"
diff --git a/console/package.json b/console/package.json
index a1be7a18c..5b677e6c2 100644
--- a/console/package.json
+++ b/console/package.json
@@ -25,7 +25,7 @@
     "@angular/router": "^16.2.0",
     "@angular/service-worker": "^16.2.0",
     "@ctrl/ngx-codemirror": "^6.1.0",
-    "@grpc/grpc-js": "^1.8.14",
+    "@grpc/grpc-js": "^1.9.3",
     "@ngx-translate/core": "^14.0.0",
     "angular-oauth2-oidc": "^15.0.1",
     "angularx-qrcode": "^16.0.0",
@@ -41,8 +41,8 @@
     "libphonenumber-js": "^1.10.30",
     "material-design-icons-iconfont": "^6.1.1",
     "moment": "^2.29.4",
-    "opentype.js": "^1.3.4",
     "ngx-color": "^9.0.0",
+    "opentype.js": "^1.3.4",
     "rxjs": "~7.8.0",
     "tinycolor2": "^1.6.0",
     "tslib": "^2.4.1",
@@ -62,17 +62,17 @@
     "@bufbuild/buf": "^1.23.1",
     "@types/file-saver": "^2.0.2",
     "@types/google-protobuf": "^3.15.3",
-    "@types/jasmine": "~4.3.3",
+    "@types/jasmine": "~4.3.6",
     "@types/jasminewd2": "~2.0.10",
     "@types/jsonwebtoken": "^9.0.1",
-    "@types/node": "^18.15.11",
+    "@types/node": "^20.7.0",
     "@types/opentype.js": "^1.3.4",
-    "@types/qrcode": "^1.5.0",
+    "@types/qrcode": "^1.5.2",
     "@types/uuid": "^9.0.2",
     "@typescript-eslint/eslint-plugin": "^5.59.11",
     "@typescript-eslint/parser": "^5.60.1",
     "codelyzer": "^6.0.2",
-    "eslint": "^8.44.0",
+    "eslint": "^8.50.0",
     "jasmine-core": "~4.6.0",
     "jasmine-spec-reporter": "~7.0.0",
     "karma": "^6.4.2",
@@ -80,9 +80,9 @@
     "karma-coverage-istanbul-reporter": "^3.0.3",
     "karma-jasmine": "^5.1.0",
     "karma-jasmine-html-reporter": "^2.1.0",
-    "prettier": "^2.8.7",
+    "prettier": "^3.0.3",
     "prettier-plugin-organize-imports": "^3.2.2",
     "protractor": "~7.0.0",
     "typescript": "^4.9.5"
   }
-}
\ No newline at end of file
+}
diff --git a/console/src/app/guards/user.guard.ts b/console/src/app/guards/user.guard.ts
index 8a037f242..c57b896ec 100644
--- a/console/src/app/guards/user.guard.ts
+++ b/console/src/app/guards/user.guard.ts
@@ -9,7 +9,10 @@ import { GrpcAuthService } from '../services/grpc-auth.service';
   providedIn: 'root',
 })
 export class UserGuard {
-  constructor(private authService: GrpcAuthService, private router: Router) {}
+  constructor(
+    private authService: GrpcAuthService,
+    private router: Router,
+  ) {}
 
   public canActivate(
     route: ActivatedRouteSnapshot,
diff --git a/console/src/app/modules/accounts-card/accounts-card.component.ts b/console/src/app/modules/accounts-card/accounts-card.component.ts
index ea2c3c301..617a41bf6 100644
--- a/console/src/app/modules/accounts-card/accounts-card.component.ts
+++ b/console/src/app/modules/accounts-card/accounts-card.component.ts
@@ -18,7 +18,11 @@ export class AccountsCardComponent implements OnInit {
   public sessions: Session.AsObject[] = [];
   public loadingUsers: boolean = false;
   public UserState: any = UserState;
-  constructor(public authService: AuthenticationService, private router: Router, private userService: GrpcAuthService) {
+  constructor(
+    public authService: AuthenticationService,
+    private router: Router,
+    private userService: GrpcAuthService,
+  ) {
     this.userService
       .listMyUserSessions()
       .then((sessions) => {
diff --git a/console/src/app/modules/add-key-dialog/add-key-dialog.component.html b/console/src/app/modules/add-key-dialog/add-key-dialog.component.html
index 050983c73..ed79c5940 100644
--- a/console/src/app/modules/add-key-dialog/add-key-dialog.component.html
+++ b/console/src/app/modules/add-key-dialog/add-key-dialog.component.html
@@ -18,7 +18,7 @@
     <mat-datepicker #picker [startAt]="startDate"></mat-datepicker>
     <span cnslError *ngIf="dateControl && dateControl.errors && dateControl.errors['matDatepickerMin']?.min">
       {{ 'USER.MACHINE.CHOOSEDATEAFTER' | translate }}:
-      {{ dateControl.errors['matDatepickerMin'].min.toDate() | localizedDate : 'EEE dd. MMM' }}
+      {{ dateControl.errors['matDatepickerMin'].min.toDate() | localizedDate: 'EEE dd. MMM' }}
     </span>
   </cnsl-form-field>
 </div>
diff --git a/console/src/app/modules/add-key-dialog/add-key-dialog.component.ts b/console/src/app/modules/add-key-dialog/add-key-dialog.component.ts
index 84b2e4008..c072b974b 100644
--- a/console/src/app/modules/add-key-dialog/add-key-dialog.component.ts
+++ b/console/src/app/modules/add-key-dialog/add-key-dialog.component.ts
@@ -22,7 +22,10 @@ export class AddKeyDialogComponent {
   public type!: KeyType;
   public dateControl: UntypedFormControl = new UntypedFormControl('', []);
 
-  constructor(public dialogRef: MatDialogRef<AddKeyDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: any) {
+  constructor(
+    public dialogRef: MatDialogRef<AddKeyDialogComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: any,
+  ) {
     this.types = [KeyType.KEY_TYPE_JSON];
     this.type = KeyType.KEY_TYPE_JSON;
     const today = new Date();
diff --git a/console/src/app/modules/add-member-roles-dialog/add-member-roles-dialog.component.html b/console/src/app/modules/add-member-roles-dialog/add-member-roles-dialog.component.html
index d2bf16657..14d48a887 100644
--- a/console/src/app/modules/add-member-roles-dialog/add-member-roles-dialog.component.html
+++ b/console/src/app/modules/add-member-roles-dialog/add-member-roles-dialog.component.html
@@ -1,6 +1,6 @@
 <span class="title" mat-dialog-title>{{ 'MEMBER.EDITROLE' | translate }}</span>
 <div mat-dialog-content>
-  <p class="desc">{{ 'MEMBER.EDITFOR' | translate : { value: data.user } }}</p>
+  <p class="desc">{{ 'MEMBER.EDITFOR' | translate: { value: data.user } }}</p>
   <div class="roles-selection">
     <mat-checkbox
       class="role-cb"
diff --git a/console/src/app/modules/add-member-roles-dialog/add-member-roles-dialog.component.ts b/console/src/app/modules/add-member-roles-dialog/add-member-roles-dialog.component.ts
index 8b34236e2..538b8d307 100644
--- a/console/src/app/modules/add-member-roles-dialog/add-member-roles-dialog.component.ts
+++ b/console/src/app/modules/add-member-roles-dialog/add-member-roles-dialog.component.ts
@@ -14,7 +14,10 @@ export class AddMemberRolesDialogComponent {
   public allRoles: string[] = [];
   public selectedRoles: string[] = [];
 
-  constructor(public dialogRef: MatDialogRef<AddMemberRolesDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: any) {
+  constructor(
+    public dialogRef: MatDialogRef<AddMemberRolesDialogComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: any,
+  ) {
     this.allRoles = Object.assign([], data.allRoles);
     this.selectedRoles = Object.assign([], data.selectedRoles);
   }
diff --git a/console/src/app/modules/add-token-dialog/add-token-dialog.component.html b/console/src/app/modules/add-token-dialog/add-token-dialog.component.html
index 6a97cb062..3cdd3067d 100644
--- a/console/src/app/modules/add-token-dialog/add-token-dialog.component.html
+++ b/console/src/app/modules/add-token-dialog/add-token-dialog.component.html
@@ -9,7 +9,7 @@
     <mat-datepicker #picker startView="year" [startAt]="startDate"></mat-datepicker>
     <span cnslError *ngIf="dateControl && dateControl.errors && dateControl.errors['matDatepickerMin']?.min">
       {{ 'USER.PERSONALACCESSTOKEN.ADD.CHOOSEDATEAFTER' | translate }}:
-      {{ dateControl.errors['matDatepickerMin'].min.toDate() | localizedDate : 'EEE dd. MMM' }}
+      {{ dateControl.errors['matDatepickerMin'].min.toDate() | localizedDate: 'EEE dd. MMM' }}
     </span>
   </cnsl-form-field>
 </div>
diff --git a/console/src/app/modules/add-token-dialog/add-token-dialog.component.ts b/console/src/app/modules/add-token-dialog/add-token-dialog.component.ts
index a89491a71..d41cb3fc2 100644
--- a/console/src/app/modules/add-token-dialog/add-token-dialog.component.ts
+++ b/console/src/app/modules/add-token-dialog/add-token-dialog.component.ts
@@ -14,7 +14,10 @@ export class AddTokenDialogComponent {
   public startDate: Date = new Date();
   public dateControl: UntypedFormControl = new UntypedFormControl('', []);
 
-  constructor(public dialogRef: MatDialogRef<AddTokenDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: any) {
+  constructor(
+    public dialogRef: MatDialogRef<AddTokenDialogComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: any,
+  ) {
     const today = new Date();
     this.startDate.setDate(today.getDate() + 1);
   }
diff --git a/console/src/app/modules/avatar/avatar.component.scss b/console/src/app/modules/avatar/avatar.component.scss
index 86ee99cb2..742728c5b 100644
--- a/console/src/app/modules/avatar/avatar.component.scss
+++ b/console/src/app/modules/avatar/avatar.component.scss
@@ -17,7 +17,11 @@
     outline: none;
     color: white;
     font-weight: bold;
-    font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;
+    font-family:
+      'Lato',
+      -apple-system,
+      BlinkMacSystemFont,
+      sans-serif;
     // box-shadow: 0 0 3px #0000001a;
 
     img {
diff --git a/console/src/app/modules/changes/changes.component.html b/console/src/app/modules/changes/changes.component.html
index 2504b19b9..1cf65b3db 100644
--- a/console/src/app/modules/changes/changes.component.html
+++ b/console/src/app/modules/changes/changes.component.html
@@ -5,7 +5,7 @@
 <div class="scroll-container">
   <li class="item" *ngFor="let hist of data | async; index as histindex">
     <span *ngIf="hist.values[0].dates[0]" class="date">
-      {{ hist.values[0].dates[0] | timestampToDate | localizedDate : 'dd. MMM YYYY' }}
+      {{ hist.values[0].dates[0] | timestampToDate | localizedDate: 'dd. MMM YYYY' }}
     </span>
     <div class="item" *ngFor="let dayelement of hist.values; index as i">
       <div class="row">
@@ -28,8 +28,8 @@
               <span class="msg">{{ action.localizedMessage }}</span>
               <span
                 class="block"
-                matTooltip="{{ dayelement.dates[j] | timestampToDate | localizedDate : 'dd. MM YYYY, HH:mm' }}"
-                >{{ dayelement.dates[j] | timestampToDate | localizedDate : 'HH:mm' }}</span
+                matTooltip="{{ dayelement.dates[j] | timestampToDate | localizedDate: 'dd. MM YYYY, HH:mm' }}"
+                >{{ dayelement.dates[j] | timestampToDate | localizedDate: 'HH:mm' }}</span
               >
             </div>
           </div>
diff --git a/console/src/app/modules/changes/changes.component.ts b/console/src/app/modules/changes/changes.component.ts
index 615449a14..d4ae9b030 100644
--- a/console/src/app/modules/changes/changes.component.ts
+++ b/console/src/app/modules/changes/changes.component.ts
@@ -70,7 +70,10 @@ export class ChangesComponent implements OnInit, OnDestroy {
   );
   public changes!: ListChanges;
   private destroyed$: Subject<void> = new Subject();
-  constructor(private mgmtUserService: ManagementService, private authUserService: GrpcAuthService) {}
+  constructor(
+    private mgmtUserService: ManagementService,
+    private authUserService: GrpcAuthService,
+  ) {}
 
   ngOnInit(): void {
     this.init();
diff --git a/console/src/app/modules/client-keys/client-keys.component.html b/console/src/app/modules/client-keys/client-keys.component.html
index f41c1672f..80c6d4268 100644
--- a/console/src/app/modules/client-keys/client-keys.component.html
+++ b/console/src/app/modules/client-keys/client-keys.component.html
@@ -52,14 +52,14 @@
       <ng-container matColumnDef="creationDate">
         <th mat-header-cell *matHeaderCellDef>{{ 'USER.MACHINE.CREATIONDATE' | translate }}</th>
         <td mat-cell *matCellDef="let key">
-          {{ key.details.creationDate | timestampToDate | localizedDate : 'fromNow' }}
+          {{ key.details.creationDate | timestampToDate | localizedDate: 'fromNow' }}
         </td>
       </ng-container>
 
       <ng-container matColumnDef="expirationDate">
         <th mat-header-cell *matHeaderCellDef>{{ 'USER.MACHINE.EXPIRATIONDATE' | translate }}</th>
         <td mat-cell *matCellDef="let key">
-          {{ key.expirationDate | timestampToDate | localizedDate : 'fromNow' }}
+          {{ key.expirationDate | timestampToDate | localizedDate: 'fromNow' }}
         </td>
       </ng-container>
 
diff --git a/console/src/app/modules/display-json-dialog/display-json-dialog.component.html b/console/src/app/modules/display-json-dialog/display-json-dialog.component.html
index 54f838f5a..1e38fd5c5 100644
--- a/console/src/app/modules/display-json-dialog/display-json-dialog.component.html
+++ b/console/src/app/modules/display-json-dialog/display-json-dialog.component.html
@@ -8,7 +8,7 @@
 
     <div class="data-row" *ngIf="event && event.creationDate">
       <span class="label cnsl-secondary-text">{{ 'IAM.EVENTS.CREATIONDATE' | translate }}</span>
-      <span>{{ event.creationDate | timestampToDate | localizedDate : 'EEE dd. MMM, HH:mm' }}</span>
+      <span>{{ event.creationDate | timestampToDate | localizedDate: 'EEE dd. MMM, HH:mm' }}</span>
     </div>
 
     <div class="data-row" *ngIf="event && event.aggregate && event.aggregate.id">
diff --git a/console/src/app/modules/display-json-dialog/display-json-dialog.component.ts b/console/src/app/modules/display-json-dialog/display-json-dialog.component.ts
index 9bf57fc23..1e0a78129 100644
--- a/console/src/app/modules/display-json-dialog/display-json-dialog.component.ts
+++ b/console/src/app/modules/display-json-dialog/display-json-dialog.component.ts
@@ -16,7 +16,10 @@ export class DisplayJsonDialogComponent {
   public payload: any = '';
   public opened$ = this.dialogRef.afterOpened().pipe(mapTo(true));
 
-  constructor(public dialogRef: MatDialogRef<DisplayJsonDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: any) {
+  constructor(
+    public dialogRef: MatDialogRef<DisplayJsonDialogComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: any,
+  ) {
     this.event = data.event;
     if ((data.event as Event) && data.event.payload) {
     }
diff --git a/console/src/app/modules/filter-org/filter-org.component.ts b/console/src/app/modules/filter-org/filter-org.component.ts
index 1927a2380..6a1d677e6 100644
--- a/console/src/app/modules/filter-org/filter-org.component.ts
+++ b/console/src/app/modules/filter-org/filter-org.component.ts
@@ -24,7 +24,10 @@ export class FilterOrgComponent extends FilterComponent implements OnInit {
 
   public states: OrgState[] = [OrgState.ORG_STATE_ACTIVE, OrgState.ORG_STATE_INACTIVE, OrgState.ORG_STATE_REMOVED];
 
-  constructor(router: Router, protected override route: ActivatedRoute) {
+  constructor(
+    router: Router,
+    protected override route: ActivatedRoute,
+  ) {
     super(router, route);
   }
 
diff --git a/console/src/app/modules/filter/filter.component.ts b/console/src/app/modules/filter/filter.component.ts
index 1c503acd8..ce2cc15c0 100644
--- a/console/src/app/modules/filter/filter.component.ts
+++ b/console/src/app/modules/filter/filter.component.ts
@@ -64,7 +64,10 @@ export class FilterComponent implements OnDestroy {
     this.destroy$.complete();
   }
 
-  constructor(private router: Router, protected route: ActivatedRoute) {
+  constructor(
+    private router: Router,
+    protected route: ActivatedRoute,
+  ) {
     const changes$ = this.filterChanged.asObservable();
     changes$.pipe(takeUntil(this.destroy$)).subscribe((queries) => {
       const filters: Array<FilterSearchQueryAsObject | {}> | undefined = queries
diff --git a/console/src/app/modules/form-field/field/form-field.component.html b/console/src/app/modules/form-field/field/form-field.component.html
index 245bc57f8..2ba38b9e2 100644
--- a/console/src/app/modules/form-field/field/form-field.component.html
+++ b/console/src/app/modules/form-field/field/form-field.component.html
@@ -20,7 +20,7 @@
       </div>
       <div *ngSwitchCase="'errors'" class="cnsl-form-field-error-wrapper" [@transitionMessages]="_subscriptAnimationState">
         <span cnslError *ngFor="let err of help.validationErrors">
-          {{ err.i18nKey | translate : err.params }}
+          {{ err.i18nKey | translate: err.params }}
         </span>
         <ng-content select="cnsl-error"></ng-content>
       </div>
diff --git a/console/src/app/modules/idp-table/idp-table.component.html b/console/src/app/modules/idp-table/idp-table.component.html
index 72801d58a..0ced33e75 100644
--- a/console/src/app/modules/idp-table/idp-table.component.html
+++ b/console/src/app/modules/idp-table/idp-table.component.html
@@ -107,14 +107,14 @@
       <ng-container matColumnDef="creationDate">
         <th mat-header-cell *matHeaderCellDef>{{ 'IDP.CREATIONDATE' | translate }}</th>
         <td class="pointer" mat-cell *matCellDef="let idp">
-          <span>{{ idp.details.creationDate | timestampToDate | localizedDate : 'dd. MMM, HH:mm' }}</span>
+          <span>{{ idp.details.creationDate | timestampToDate | localizedDate: 'dd. MMM, HH:mm' }}</span>
         </td>
       </ng-container>
 
       <ng-container matColumnDef="changeDate">
         <th mat-header-cell *matHeaderCellDef>{{ 'IDP.CHANGEDATE' | translate }}</th>
         <td class="pointer" mat-cell *matCellDef="let idp">
-          <span>{{ idp.details.changeDate | timestampToDate | localizedDate : 'dd. MMM, HH:mm' }}</span>
+          <span>{{ idp.details.changeDate | timestampToDate | localizedDate: 'dd. MMM, HH:mm' }}</span>
         </td>
       </ng-container>
 
diff --git a/console/src/app/modules/info-dialog/info-dialog.component.html b/console/src/app/modules/info-dialog/info-dialog.component.html
index f244a1cc6..7b816e5ad 100644
--- a/console/src/app/modules/info-dialog/info-dialog.component.html
+++ b/console/src/app/modules/info-dialog/info-dialog.component.html
@@ -1,18 +1,18 @@
-<span class="title" mat-dialog-title>{{ data.titleKey | translate : data.titleParam }}</span>
+<span class="title" mat-dialog-title>{{ data.titleKey | translate: data.titleParam }}</span>
 <div mat-dialog-content>
   <div class="icon-wrapper" *ngIf="data.icon">
     <i class="icon {{ data.icon }}"></i>
   </div>
-  <p class="desc cnsl-secondary-text">{{ data.descriptionKey | translate : data.descriptionParam }}</p>
+  <p class="desc cnsl-secondary-text">{{ data.descriptionKey | translate: data.descriptionParam }}</p>
 
   <cnsl-info-section *ngIf="data.infoSectionKey" [type]="InfoSectionType.INFO">{{
     data.warnSectionKey | translate
   }}</cnsl-info-section>
 
-  <p *ngIf="data.hintKey" class="desc cnsl-secondary-text">{{ data.hintKey | translate : { value: data.confirmation } }}</p>
+  <p *ngIf="data.hintKey" class="desc cnsl-secondary-text">{{ data.hintKey | translate: { value: data.confirmation } }}</p>
 
   <cnsl-form-field *ngIf="data.confirmation && data.confirmationKey" class="formfield">
-    <cnsl-label>{{ data.confirmationKey | translate : { value: data.confirmation } }}</cnsl-label>
+    <cnsl-label>{{ data.confirmationKey | translate: { value: data.confirmation } }}</cnsl-label>
     <input cnslInput [(ngModel)]="confirm" data-e2e="confirm-dialog-input" />
   </cnsl-form-field>
 </div>
diff --git a/console/src/app/modules/info-dialog/info-dialog.component.ts b/console/src/app/modules/info-dialog/info-dialog.component.ts
index fb38f2537..408be6119 100644
--- a/console/src/app/modules/info-dialog/info-dialog.component.ts
+++ b/console/src/app/modules/info-dialog/info-dialog.component.ts
@@ -14,7 +14,10 @@ import { InfoSectionType } from '../info-section/info-section.component';
 export class InfoDialogComponent {
   public confirm: string = '';
   InfoSectionType: any = InfoSectionType;
-  constructor(public dialogRef: MatDialogRef<InfoDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: any) {}
+  constructor(
+    public dialogRef: MatDialogRef<InfoDialogComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: any,
+  ) {}
 
   public closeDialog(): void {
     this.dialogRef.close(false);
diff --git a/console/src/app/modules/info-overlay/info-overlay.component.ts b/console/src/app/modules/info-overlay/info-overlay.component.ts
index 3a4c21523..b823a111d 100644
--- a/console/src/app/modules/info-overlay/info-overlay.component.ts
+++ b/console/src/app/modules/info-overlay/info-overlay.component.ts
@@ -9,5 +9,8 @@ export const OVERLAY_DATA = new InjectionToken<any>('OVERLAY_DATA');
   styleUrls: ['./info-overlay.component.scss'],
 })
 export class InfoOverlayComponent {
-  constructor(public workflowService: OverlayWorkflowService, @Inject(OVERLAY_DATA) public data: any) {}
+  constructor(
+    public workflowService: OverlayWorkflowService,
+    @Inject(OVERLAY_DATA) public data: any,
+  ) {}
 }
diff --git a/console/src/app/modules/info-row/info-row.component.html b/console/src/app/modules/info-row/info-row.component.html
index fbeabcd5a..6824d2e2d 100644
--- a/console/src/app/modules/info-row/info-row.component.html
+++ b/console/src/app/modules/info-row/info-row.component.html
@@ -21,14 +21,14 @@
   <div class="info-wrapper">
     <p class="info-row-title">{{ 'USER.DETAILS.DATECREATED' | translate }}</p>
     <p *ngIf="user && user.details && user.details.creationDate" class="info-row-desc">
-      {{ user.details.creationDate | timestampToDate | localizedDate : 'dd. MMMM YYYY, HH:mm' }}
+      {{ user.details.creationDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }}
     </p>
   </div>
 
   <div class="info-wrapper">
     <p class="info-row-title">{{ 'USER.DETAILS.DATECHANGED' | translate }}</p>
     <p *ngIf="user && user.details && user.details.changeDate" class="info-row-desc">
-      {{ user.details.changeDate | timestampToDate | localizedDate : 'dd. MMMM YYYY, HH:mm' }}
+      {{ user.details.changeDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }}
     </p>
   </div>
 
@@ -97,14 +97,14 @@
   <div class="info-wrapper">
     <p class="info-row-title">{{ 'ORG.PAGES.CREATIONDATE' | translate }}</p>
     <p *ngIf="instance && instance.details && instance.details.creationDate" class="info-row-desc">
-      {{ instance.details.creationDate | timestampToDate | localizedDate : 'dd. MMMM YYYY, HH:mm' }}
+      {{ instance.details.creationDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }}
     </p>
   </div>
 
   <div class="info-wrapper">
     <p class="info-row-title">{{ 'ORG.PAGES.DATECHANGED' | translate }}</p>
     <p *ngIf="instance && instance.details && instance.details.changeDate" class="info-row-desc">
-      {{ instance.details.changeDate | timestampToDate | localizedDate : 'dd. MMMM YYYY, HH:mm' }}
+      {{ instance.details.changeDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }}
     </p>
   </div>
 </div>
@@ -144,14 +144,14 @@
   <div class="info-wrapper">
     <p class="info-row-title">{{ 'ORG.PAGES.CREATIONDATE' | translate }}</p>
     <p *ngIf="org && org.details && org.details.creationDate" class="info-row-desc">
-      {{ org.details.creationDate | timestampToDate | localizedDate : 'dd. MMMM YYYY, HH:mm' }}
+      {{ org.details.creationDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }}
     </p>
   </div>
 
   <div class="info-wrapper">
     <p class="info-row-title">{{ 'ORG.PAGES.DATECHANGED' | translate }}</p>
     <p *ngIf="org && org.details && org.details.changeDate" class="info-row-desc">
-      {{ org.details.changeDate | timestampToDate | localizedDate : 'dd. MMMM YYYY, HH:mm' }}
+      {{ org.details.changeDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }}
     </p>
   </div>
 </div>
@@ -179,14 +179,14 @@
   <div class="info-wrapper">
     <p class="info-row-title">{{ 'PROJECT.PAGES.CREATEDON' | translate }}</p>
     <p *ngIf="project && project.details && project.details.creationDate" class="info-row-desc">
-      {{ project.details.creationDate | timestampToDate | localizedDate : 'dd. MMMM YYYY, HH:mm' }}
+      {{ project.details.creationDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }}
     </p>
   </div>
 
   <div class="info-wrapper">
     <p class="info-row-title">{{ 'PROJECT.PAGES.LASTMODIFIED' | translate }}</p>
     <p *ngIf="project && project.details && project.details.changeDate" class="info-row-desc">
-      {{ project.details.changeDate | timestampToDate | localizedDate : 'dd. MMMM YYYY, HH:mm' }}
+      {{ project.details.changeDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }}
     </p>
   </div>
 </div>
@@ -219,14 +219,14 @@
   <div class="info-wrapper">
     <p class="info-row-title">{{ 'PROJECT.PAGES.CREATEDON' | translate }}</p>
     <p *ngIf="grantedProject && grantedProject.details && grantedProject.details.creationDate" class="info-row-desc">
-      {{ grantedProject.details.creationDate | timestampToDate | localizedDate : 'dd. MMMM YYYY, HH:mm' }}
+      {{ grantedProject.details.creationDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }}
     </p>
   </div>
 
   <div class="info-wrapper">
     <p class="info-row-title">{{ 'PROJECT.PAGES.LASTMODIFIED' | translate }}</p>
     <p *ngIf="grantedProject && grantedProject.details && grantedProject.details.changeDate" class="info-row-desc">
-      {{ grantedProject.details.changeDate | timestampToDate | localizedDate : 'dd. MMMM YYYY, HH:mm' }}
+      {{ grantedProject.details.changeDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }}
     </p>
   </div>
 </div>
@@ -252,14 +252,14 @@
     <div class="info-wrapper">
       <p class="info-row-title">{{ 'APP.PAGES.DATECREATED' | translate }}</p>
       <p *ngIf="app && app.details && app.details.creationDate" class="info-row-desc">
-        {{ app.details.creationDate | timestampToDate | localizedDate : 'dd. MMMM YYYY, HH:mm' }}
+        {{ app.details.creationDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }}
       </p>
     </div>
 
     <div class="info-wrapper">
       <p class="info-row-title">{{ 'APP.PAGES.DATECHANGED' | translate }}</p>
       <p *ngIf="app && app.details && app.details.changeDate" class="info-row-desc">
-        {{ app.details.changeDate | timestampToDate | localizedDate : 'dd. MMMM YYYY, HH:mm' }}
+        {{ app.details.changeDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }}
       </p>
     </div>
 
@@ -305,14 +305,14 @@
   <div class="info-wrapper">
     <p class="info-row-title">{{ 'IDP.DETAIL.DATECREATED' | translate }}</p>
     <p class="info-row-desc" *ngIf="idp && idp.details && idp.details.creationDate">
-      {{ idp.details.creationDate | timestampToDate | localizedDate : 'dd. MMMM YYYY, HH:mm' }}
+      {{ idp.details.creationDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }}
     </p>
   </div>
 
   <div class="info-wrapper">
     <p class="info-row-title">{{ 'IDP.DETAIL.DATECHANGED' | translate }}</p>
     <p class="info-row-desc" *ngIf="idp && idp.details && idp.details.changeDate">
-      {{ idp.details.changeDate | timestampToDate | localizedDate : 'dd. MMMM YYYY, HH:mm' }}
+      {{ idp.details.changeDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }}
     </p>
   </div>
 
diff --git a/console/src/app/modules/machine-keys/machine-keys.component.html b/console/src/app/modules/machine-keys/machine-keys.component.html
index 322992816..49cd48855 100644
--- a/console/src/app/modules/machine-keys/machine-keys.component.html
+++ b/console/src/app/modules/machine-keys/machine-keys.component.html
@@ -52,14 +52,14 @@
       <ng-container matColumnDef="creationDate">
         <th mat-header-cell *matHeaderCellDef>{{ 'USER.MACHINE.CREATIONDATE' | translate }}</th>
         <td mat-cell *matCellDef="let key">
-          {{ key.details?.creationDate | timestampToDate | localizedDate : 'fromNow' }}
+          {{ key.details?.creationDate | timestampToDate | localizedDate: 'fromNow' }}
         </td>
       </ng-container>
 
       <ng-container matColumnDef="expirationDate">
         <th mat-header-cell *matHeaderCellDef>{{ 'USER.MACHINE.EXPIRATIONDATE' | translate }}</th>
         <td mat-cell *matCellDef="let key">
-          {{ key.expirationDate | timestampToDate | localizedDate : 'fromNow' }}
+          {{ key.expirationDate | timestampToDate | localizedDate: 'fromNow' }}
         </td>
       </ng-container>
 
diff --git a/console/src/app/modules/members-table/members-table.component.html b/console/src/app/modules/members-table/members-table.component.html
index f92b59867..7f69806bc 100644
--- a/console/src/app/modules/members-table/members-table.component.html
+++ b/console/src/app/modules/members-table/members-table.component.html
@@ -99,7 +99,7 @@
             </button>
 
             <button menuActions mat-menu-item [routerLink]="['/users', member.userId]">
-              {{ 'ACTIONS.TABLE.SHOWUSER' | translate : { value: member.displayName } }}
+              {{ 'ACTIONS.TABLE.SHOWUSER' | translate: { value: member.displayName } }}
             </button>
           </cnsl-table-actions>
         </td>
diff --git a/console/src/app/modules/memberships-table/memberships-datasource.ts b/console/src/app/modules/memberships-table/memberships-datasource.ts
index 21de06081..28e3c1a3e 100644
--- a/console/src/app/modules/memberships-table/memberships-datasource.ts
+++ b/console/src/app/modules/memberships-table/memberships-datasource.ts
@@ -13,7 +13,10 @@ export class MembershipsDataSource extends DataSource<Membership.AsObject> {
   private loadingSubject: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);
   public loading$: Observable<boolean> = this.loadingSubject.asObservable();
 
-  constructor(private auth: GrpcAuthService, private service: ManagementService) {
+  constructor(
+    private auth: GrpcAuthService,
+    private service: ManagementService,
+  ) {
     super();
   }
 
diff --git a/console/src/app/modules/metadata/metadata-dialog/metadata-dialog.component.html b/console/src/app/modules/metadata/metadata-dialog/metadata-dialog.component.html
index 2b6871645..5c04eb96d 100644
--- a/console/src/app/modules/metadata/metadata-dialog/metadata-dialog.component.html
+++ b/console/src/app/modules/metadata/metadata-dialog/metadata-dialog.component.html
@@ -1,7 +1,7 @@
 <div class="title-row">
   <h1 class="metadata-title">{{ 'METADATA.TITLE' | translate }}</h1>
   <span class="fill-space"></span>
-  <p *ngIf="ts" class="ts cnsl-secondary-text">{{ ts | timestampToDate | localizedDate : 'dd. MMM, HH:mm' }}</p>
+  <p *ngIf="ts" class="ts cnsl-secondary-text">{{ ts | timestampToDate | localizedDate: 'dd. MMM, HH:mm' }}</p>
   <mat-spinner *ngIf="loading" diameter="20"></mat-spinner>
 </div>
 <p class="desc">{{ 'METADATA.DESCRIPTION' | translate }}</p>
diff --git a/console/src/app/modules/name-dialog/name-dialog.component.ts b/console/src/app/modules/name-dialog/name-dialog.component.ts
index bd05e1ea7..7baa65b2a 100644
--- a/console/src/app/modules/name-dialog/name-dialog.component.ts
+++ b/console/src/app/modules/name-dialog/name-dialog.component.ts
@@ -11,7 +11,10 @@ import {
 })
 export class NameDialogComponent {
   public name: string = '';
-  constructor(public dialogRef: MatDialogRef<NameDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: any) {
+  constructor(
+    public dialogRef: MatDialogRef<NameDialogComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: any,
+  ) {
     this.name = data.name ?? '';
   }
 
diff --git a/console/src/app/modules/nav-toggle/nav-toggle.component.html b/console/src/app/modules/nav-toggle/nav-toggle.component.html
index 7454498bf..81b1b216d 100644
--- a/console/src/app/modules/nav-toggle/nav-toggle.component.html
+++ b/console/src/app/modules/nav-toggle/nav-toggle.component.html
@@ -1,4 +1,4 @@
-<button class="nav-toggle" [ngClass]="{active}" (click)="clicked.emit()">
+<button class="nav-toggle" [ngClass]="{ active }" (click)="clicked.emit()">
   <div class="c_label">
     <span> {{ label }} </span>
     <div *ngIf="count && count < 100" class="count">
diff --git a/console/src/app/modules/nav-toggle/nav-toggle.component.scss b/console/src/app/modules/nav-toggle/nav-toggle.component.scss
index 2b813eafc..a04b13d0d 100644
--- a/console/src/app/modules/nav-toggle/nav-toggle.component.scss
+++ b/console/src/app/modules/nav-toggle/nav-toggle.component.scss
@@ -30,7 +30,11 @@
     position: relative;
     background: none;
     cursor: pointer;
-    font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif;
+    font-family:
+      'Lato',
+      -apple-system,
+      BlinkMacSystemFont,
+      sans-serif;
     box-sizing: border-box;
     height: 27px;
 
diff --git a/console/src/app/modules/nav/nav.component.html b/console/src/app/modules/nav/nav.component.html
index 8f8aea7e5..f0defd1fe 100644
--- a/console/src/app/modules/nav/nav.component.html
+++ b/console/src/app/modules/nav/nav.component.html
@@ -75,7 +75,7 @@
                   [routerLinkActiveOptions]="{ exact: false }"
                   [routerLinkActive]="['active']"
                   [routerLink]="['/settings']"
-                  *ngIf="['iam.read', 'iam.policy.read'] | hasRole : true | async"
+                  *ngIf="['iam.read', 'iam.policy.read'] | hasRole: true | async"
                 >
                   <div class="c_label">
                     <span> {{ 'MENU.SETTINGS' | translate }} </span>
diff --git a/console/src/app/modules/onboarding/onboarding.component.ts b/console/src/app/modules/onboarding/onboarding.component.ts
index 9f77f8415..d72f129d8 100644
--- a/console/src/app/modules/onboarding/onboarding.component.ts
+++ b/console/src/app/modules/onboarding/onboarding.component.ts
@@ -11,7 +11,10 @@ import { ONBOARDING_EVENTS } from 'src/app/utils/onboarding';
 export class OnboardingComponent {
   public actions = this.adminService.progressEvents;
 
-  constructor(public adminService: AdminService, public themeService: ThemeService) {
+  constructor(
+    public adminService: AdminService,
+    public themeService: ThemeService,
+  ) {
     this.adminService.loadEvents.next(ONBOARDING_EVENTS);
   }
 }
diff --git a/console/src/app/modules/org-context/org-context.component.ts b/console/src/app/modules/org-context/org-context.component.ts
index c5ad2dbe9..b85895312 100644
--- a/console/src/app/modules/org-context/org-context.component.ts
+++ b/console/src/app/modules/org-context/org-context.component.ts
@@ -23,7 +23,10 @@ export class OrgContextComponent implements OnInit {
   @Output() public closedCard: EventEmitter<void> = new EventEmitter();
   @Output() public setOrg: EventEmitter<Org.AsObject> = new EventEmitter();
 
-  constructor(public authService: AuthenticationService, private auth: GrpcAuthService) {
+  constructor(
+    public authService: AuthenticationService,
+    private auth: GrpcAuthService,
+  ) {
     this.filterControl.valueChanges.pipe(debounceTime(500)).subscribe((value) => {
       this.loadOrgs(value.trim().toLowerCase());
     });
diff --git a/console/src/app/modules/org-table/org-table.component.html b/console/src/app/modules/org-table/org-table.component.html
index 245274928..1a2885022 100644
--- a/console/src/app/modules/org-table/org-table.component.html
+++ b/console/src/app/modules/org-table/org-table.component.html
@@ -80,7 +80,7 @@
         {{ 'ORG.PAGES.CREATIONDATE' | translate }}
       </th>
       <td mat-cell *matCellDef="let org" (click)="setAndNavigateToOrg(org)">
-        {{ org.details?.creationDate | timestampToDate | localizedDate : 'fromNow' }}
+        {{ org.details?.creationDate | timestampToDate | localizedDate: 'fromNow' }}
       </td>
     </ng-container>
 
@@ -89,7 +89,7 @@
         {{ 'ORG.PAGES.DATECHANGED' | translate }}
       </th>
       <td mat-cell *matCellDef="let org" (click)="setAndNavigateToOrg(org)">
-        {{ org.details?.changeDate | timestampToDate | localizedDate : 'fromNow' }}
+        {{ org.details?.changeDate | timestampToDate | localizedDate: 'fromNow' }}
       </td>
     </ng-container>
 
diff --git a/console/src/app/modules/paginator/paginator.component.html b/console/src/app/modules/paginator/paginator.component.html
index 6b5154979..8fa85f065 100644
--- a/console/src/app/modules/paginator/paginator.component.html
+++ b/console/src/app/modules/paginator/paginator.component.html
@@ -4,7 +4,7 @@
       <span>{{ length }} </span>{{ 'PAGINATOR.COUNT' | translate }}
     </p>
     <p class="ts cnsl-secondary-text" *ngIf="timestamp" data-e2e="timestamp">
-      {{ timestamp | timestampToDate | localizedDate : 'EEEE dd. MMM YYYY, HH:mm' }}
+      {{ timestamp | timestampToDate | localizedDate: 'EEEE dd. MMM YYYY, HH:mm' }}
     </p>
   </div>
   <span class="fill-space"></span>
diff --git a/console/src/app/modules/password-complexity-view/password-complexity-view.component.html b/console/src/app/modules/password-complexity-view/password-complexity-view.component.html
index 32d9fee5d..7183bff70 100644
--- a/console/src/app/modules/password-complexity-view/password-complexity-view.component.html
+++ b/console/src/app/modules/password-complexity-view/password-complexity-view.component.html
@@ -25,7 +25,7 @@
     </ng-template>
 
     <span class="cnsl-secondary-text"
-      >{{ 'USER.PASSWORD.MINLENGTHERROR' | translate : { value: policy.minLength } }} ({{ password?.value?.length }}/{{
+      >{{ 'USER.PASSWORD.MINLENGTHERROR' | translate: { value: policy.minLength } }} ({{ password?.value?.length }}/{{
         policy.minLength
       }})
     </span>
diff --git a/console/src/app/modules/personal-access-tokens/personal-access-tokens.component.html b/console/src/app/modules/personal-access-tokens/personal-access-tokens.component.html
index 486394066..c1df8a5cd 100644
--- a/console/src/app/modules/personal-access-tokens/personal-access-tokens.component.html
+++ b/console/src/app/modules/personal-access-tokens/personal-access-tokens.component.html
@@ -47,14 +47,14 @@
       <ng-container matColumnDef="creationDate">
         <th mat-header-cell *matHeaderCellDef>{{ 'USER.MACHINE.CREATIONDATE' | translate }}</th>
         <td mat-cell *matCellDef="let key">
-          {{ key.details?.creationDate | timestampToDate | localizedDate : 'fromNow' }}
+          {{ key.details?.creationDate | timestampToDate | localizedDate: 'fromNow' }}
         </td>
       </ng-container>
 
       <ng-container matColumnDef="expirationDate">
         <th mat-header-cell *matHeaderCellDef>{{ 'USER.MACHINE.EXPIRATIONDATE' | translate }}</th>
         <td mat-cell *matCellDef="let key">
-          {{ key.expirationDate | timestampToDate | localizedDate : 'EEE dd. MMM YYYY, HH:mm' }}
+          {{ key.expirationDate | timestampToDate | localizedDate: 'EEE dd. MMM YYYY, HH:mm' }}
         </td>
       </ng-container>
 
diff --git a/console/src/app/modules/policies/general-settings/general-settings.component.ts b/console/src/app/modules/policies/general-settings/general-settings.component.ts
index 397aa616c..d549b74fe 100644
--- a/console/src/app/modules/policies/general-settings/general-settings.component.ts
+++ b/console/src/app/modules/policies/general-settings/general-settings.component.ts
@@ -13,7 +13,10 @@ export class GeneralSettingsComponent implements OnInit {
   public defaultLanguageOptions: string[] = [];
 
   public loading: boolean = false;
-  constructor(private service: AdminService, private toast: ToastService) {}
+  constructor(
+    private service: AdminService,
+    private toast: ToastService,
+  ) {}
 
   ngOnInit(): void {
     this.fetchData();
diff --git a/console/src/app/modules/policies/login-policy/factor-table/dialog-add-type/dialog-add-type.component.ts b/console/src/app/modules/policies/login-policy/factor-table/dialog-add-type/dialog-add-type.component.ts
index e9f401e08..5a71691ed 100644
--- a/console/src/app/modules/policies/login-policy/factor-table/dialog-add-type/dialog-add-type.component.ts
+++ b/console/src/app/modules/policies/login-policy/factor-table/dialog-add-type/dialog-add-type.component.ts
@@ -20,7 +20,10 @@ export class DialogAddTypeComponent {
   public availableMfaTypes: Array<MultiFactorType | SecondFactorType> = [];
   public newMfaType!: MultiFactorType | SecondFactorType;
 
-  constructor(public dialogRef: MatDialogRef<DialogAddTypeComponent>, @Inject(MAT_DIALOG_DATA) public data: any) {
+  constructor(
+    public dialogRef: MatDialogRef<DialogAddTypeComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: any,
+  ) {
     this.availableMfaTypes = data.types;
     this.newMfaType = data.types && data.types[0] ? data.types[0] : undefined;
   }
diff --git a/console/src/app/modules/policies/login-policy/factor-table/factor-table.component.ts b/console/src/app/modules/policies/login-policy/factor-table/factor-table.component.ts
index 916e805d0..f1f050dc1 100644
--- a/console/src/app/modules/policies/login-policy/factor-table/factor-table.component.ts
+++ b/console/src/app/modules/policies/login-policy/factor-table/factor-table.component.ts
@@ -51,7 +51,11 @@ export class FactorTableComponent {
 
   public PolicyComponentServiceType: any = PolicyComponentServiceType;
 
-  constructor(public translate: TranslateService, private toast: ToastService, private dialog: MatDialog) {}
+  constructor(
+    public translate: TranslateService,
+    private toast: ToastService,
+    private dialog: MatDialog,
+  ) {}
 
   public removeMfa(type: MultiFactorType | SecondFactorType): void {
     const dialogRef = this.dialog.open(WarnDialogComponent, {
diff --git a/console/src/app/modules/policies/login-texts/login-texts.component.html b/console/src/app/modules/policies/login-texts/login-texts.component.html
index 83321681f..ae14b6c13 100644
--- a/console/src/app/modules/policies/login-texts/login-texts.component.html
+++ b/console/src/app/modules/policies/login-texts/login-texts.component.html
@@ -10,11 +10,11 @@
     <p class="newer-title" *ngIf="newerVersionExists">{{ 'POLICY.LOGIN_TEXTS.NEWERVERSIONEXISTS' | translate }}</p>
     <p *ngIf="newerPolicyChangeDate && newerVersionExists">
       {{ 'POLICY.LOGIN_TEXTS.CHANGEDATE' | translate }}:
-      {{ newerPolicyChangeDate | timestampToDate | localizedDate : 'dd. MMMM YYYY, HH:mm:ss' }}
+      {{ newerPolicyChangeDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm:ss' }}
     </p>
     <p class="cnsl-secondary-text" *ngIf="currentPolicyChangeDate">
       {{ 'POLICY.LOGIN_TEXTS.CURRENTDATE' | translate }}:
-      {{ currentPolicyChangeDate | timestampToDate | localizedDate : 'dd. MMMM YYYY, HH:mm:ss' }}
+      {{ currentPolicyChangeDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm:ss' }}
     </p>
   </div>
   <button [disabled]="!newerVersionExists" color="primary" mat-raised-button (click)="loadData()">
diff --git a/console/src/app/modules/policies/notification-policy/notification-policy.component.ts b/console/src/app/modules/policies/notification-policy/notification-policy.component.ts
index 3787d3aa4..52d17c10a 100644
--- a/console/src/app/modules/policies/notification-policy/notification-policy.component.ts
+++ b/console/src/app/modules/policies/notification-policy/notification-policy.component.ts
@@ -36,7 +36,11 @@ export class NotificationPolicyComponent implements OnInit {
 
   public isDefault: boolean = false;
   private hasNotificationPolicy: boolean = false;
-  constructor(private toast: ToastService, private injector: Injector, private dialog: MatDialog) {}
+  constructor(
+    private toast: ToastService,
+    private injector: Injector,
+    private dialog: MatDialog,
+  ) {}
 
   public ngOnInit(): void {
     switch (this.serviceType) {
diff --git a/console/src/app/modules/policies/notification-settings/password-dialog/password-dialog.component.ts b/console/src/app/modules/policies/notification-settings/password-dialog/password-dialog.component.ts
index 3af0d8029..cc80cffaf 100644
--- a/console/src/app/modules/policies/notification-settings/password-dialog/password-dialog.component.ts
+++ b/console/src/app/modules/policies/notification-settings/password-dialog/password-dialog.component.ts
@@ -11,7 +11,10 @@ import {
 })
 export class PasswordDialogComponent {
   public password: string = '';
-  constructor(public dialogRef: MatDialogRef<PasswordDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: any) {}
+  constructor(
+    public dialogRef: MatDialogRef<PasswordDialogComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: any,
+  ) {}
 
   closeDialog(password: string = ''): void {
     this.dialogRef.close(password);
diff --git a/console/src/app/modules/policies/password-complexity-policy/password-complexity-policy.component.ts b/console/src/app/modules/policies/password-complexity-policy/password-complexity-policy.component.ts
index 32c43110e..37875bdf8 100644
--- a/console/src/app/modules/policies/password-complexity-policy/password-complexity-policy.component.ts
+++ b/console/src/app/modules/policies/password-complexity-policy/password-complexity-policy.component.ts
@@ -27,7 +27,11 @@ export class PasswordComplexityPolicyComponent implements OnInit {
   public loading: boolean = false;
   public InfoSectionType: any = InfoSectionType;
 
-  constructor(private toast: ToastService, private injector: Injector, private dialog: MatDialog) {}
+  constructor(
+    private toast: ToastService,
+    private injector: Injector,
+    private dialog: MatDialog,
+  ) {}
 
   public ngOnInit(): void {
     switch (this.serviceType) {
diff --git a/console/src/app/modules/policies/password-lockout-policy/password-lockout-policy.component.ts b/console/src/app/modules/policies/password-lockout-policy/password-lockout-policy.component.ts
index 2586b2b83..f2edb0e45 100644
--- a/console/src/app/modules/policies/password-lockout-policy/password-lockout-policy.component.ts
+++ b/console/src/app/modules/policies/password-lockout-policy/password-lockout-policy.component.ts
@@ -26,7 +26,11 @@ export class PasswordLockoutPolicyComponent implements OnInit {
   public PolicyComponentServiceType: any = PolicyComponentServiceType;
   public InfoSectionType: any = InfoSectionType;
 
-  constructor(private toast: ToastService, private injector: Injector, private dialog: MatDialog) {}
+  constructor(
+    private toast: ToastService,
+    private injector: Injector,
+    private dialog: MatDialog,
+  ) {}
 
   public ngOnInit(): void {
     switch (this.serviceType) {
diff --git a/console/src/app/modules/policies/private-labeling-policy/color/color.component.scss b/console/src/app/modules/policies/private-labeling-policy/color/color.component.scss
index 45997fdd4..3bf5f43e1 100644
--- a/console/src/app/modules/policies/private-labeling-policy/color/color.component.scss
+++ b/console/src/app/modules/policies/private-labeling-policy/color/color.component.scss
@@ -54,7 +54,9 @@
 
 ::ng-deep .chrome-picker {
   border-radius: 0.5rem !important;
-  box-shadow: 0 0 1px #00000020, 0 1px 3px #00000020 !important;
+  box-shadow:
+    0 0 1px #00000020,
+    0 1px 3px #00000020 !important;
 }
 
 ::ng-deep .saturation {
diff --git a/console/src/app/modules/policies/secret-generator/secret-generator.component.ts b/console/src/app/modules/policies/secret-generator/secret-generator.component.ts
index 44fc85df3..491bf5251 100644
--- a/console/src/app/modules/policies/secret-generator/secret-generator.component.ts
+++ b/console/src/app/modules/policies/secret-generator/secret-generator.component.ts
@@ -29,7 +29,11 @@ export class SecretGeneratorComponent implements OnInit {
     SecretGeneratorType.SECRET_GENERATOR_TYPE_OTP_EMAIL,
   ];
 
-  constructor(private service: AdminService, private toast: ToastService, private dialog: MatDialog) {}
+  constructor(
+    private service: AdminService,
+    private toast: ToastService,
+    private dialog: MatDialog,
+  ) {}
 
   ngOnInit(): void {
     this.fetchData();
diff --git a/console/src/app/modules/policies/security-policy/security-policy.component.ts b/console/src/app/modules/policies/security-policy/security-policy.component.ts
index c69108346..ae809c4d4 100644
--- a/console/src/app/modules/policies/security-policy/security-policy.component.ts
+++ b/console/src/app/modules/policies/security-policy/security-policy.component.ts
@@ -20,7 +20,10 @@ export class SecurityPolicyComponent implements OnInit {
 
   @Input() public originsControl: UntypedFormControl = new UntypedFormControl({ value: [], disabled: true });
 
-  constructor(private service: AdminService, private toast: ToastService) {}
+  constructor(
+    private service: AdminService,
+    private toast: ToastService,
+  ) {}
 
   ngOnInit(): void {
     this.fetchData();
diff --git a/console/src/app/modules/project-roles-table/project-roles-table.component.html b/console/src/app/modules/project-roles-table/project-roles-table.component.html
index 6cb4658cf..c868e5ac5 100644
--- a/console/src/app/modules/project-roles-table/project-roles-table.component.html
+++ b/console/src/app/modules/project-roles-table/project-roles-table.component.html
@@ -71,7 +71,7 @@
             [ngClass]="{ 'no-selection': !selectionAllowed }"
             *ngIf="role.group"
             (click)="selectionAllowed ? selectAllOfGroup(role.group) : openDetailDialog(role)"
-            [matTooltip]="selectionAllowed ? ('PROJECT.ROLE.SELECTGROUPTOOLTIP' | translate : role) : null"
+            [matTooltip]="selectionAllowed ? ('PROJECT.ROLE.SELECTGROUPTOOLTIP' | translate: role) : null"
             >{{ role.group }}</span
           >
         </td>
@@ -81,7 +81,7 @@
         <th mat-header-cell *matHeaderCellDef>{{ 'PROJECT.ROLE.CREATIONDATE' | translate }}</th>
         <td class="pointer" (click)="openDetailDialog(role)" mat-cell *matCellDef="let role">
           <span *ngIf="role?.details?.creationDate">{{
-            role.details.creationDate | timestampToDate | localizedDate : 'dd. MMM, HH:mm'
+            role.details.creationDate | timestampToDate | localizedDate: 'dd. MMM, HH:mm'
           }}</span>
         </td>
       </ng-container>
@@ -90,7 +90,7 @@
         <th mat-header-cell *matHeaderCellDef>{{ 'PROJECT.ROLE.CHANGEDATE' | translate }}</th>
         <td class="pointer" (click)="openDetailDialog(role)" mat-cell *matCellDef="let role">
           <span *ngIf="role?.details?.changeDate">{{
-            role.details.changeDate | timestampToDate | localizedDate : 'dd. MMM, HH:mm'
+            role.details.changeDate | timestampToDate | localizedDate: 'dd. MMM, HH:mm'
           }}</span>
         </td>
       </ng-container>
diff --git a/console/src/app/modules/search-org-autocomplete/search-org-autocomplete.component.ts b/console/src/app/modules/search-org-autocomplete/search-org-autocomplete.component.ts
index b640c3038..b3139d7b5 100644
--- a/console/src/app/modules/search-org-autocomplete/search-org-autocomplete.component.ts
+++ b/console/src/app/modules/search-org-autocomplete/search-org-autocomplete.component.ts
@@ -22,7 +22,10 @@ export class SearchOrgAutocompleteComponent implements OnInit, OnDestroy {
   @Output() public selectionChanged: EventEmitter<Org.AsObject> = new EventEmitter();
 
   private unsubscribed$: Subject<void> = new Subject();
-  constructor(public authService: AuthenticationService, private auth: GrpcAuthService) {
+  constructor(
+    public authService: AuthenticationService,
+    private auth: GrpcAuthService,
+  ) {
     this.myControl.valueChanges
       .pipe(
         takeUntil(this.unsubscribed$),
diff --git a/console/src/app/modules/search-user-autocomplete/search-user-autocomplete.component.ts b/console/src/app/modules/search-user-autocomplete/search-user-autocomplete.component.ts
index 4703a8f06..987e9f226 100644
--- a/console/src/app/modules/search-user-autocomplete/search-user-autocomplete.component.ts
+++ b/console/src/app/modules/search-user-autocomplete/search-user-autocomplete.component.ts
@@ -57,7 +57,11 @@ export class SearchUserAutocompleteComponent implements OnInit, AfterContentChec
   @Input() public singleOutput: boolean = false;
 
   private unsubscribed$: Subject<void> = new Subject();
-  constructor(private userService: ManagementService, private toast: ToastService, private cdref: ChangeDetectorRef) {}
+  constructor(
+    private userService: ManagementService,
+    private toast: ToastService,
+    private cdref: ChangeDetectorRef,
+  ) {}
 
   public ngOnInit(): void {
     if (this.target === UserTarget.EXTERNAL) {
diff --git a/console/src/app/modules/shortcuts/shortcuts.component.scss b/console/src/app/modules/shortcuts/shortcuts.component.scss
index 044e4fca3..775fc56a9 100644
--- a/console/src/app/modules/shortcuts/shortcuts.component.scss
+++ b/console/src/app/modules/shortcuts/shortcuts.component.scss
@@ -240,7 +240,10 @@
     box-sizing: border-box;
     border-radius: 1rem;
     border: 1px solid $border-color;
-    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+    box-shadow:
+      0 5px 5px -3px rgba(0, 0, 0, 0.2),
+      0 8px 10px 1px rgba(0, 0, 0, 0.14),
+      0 3px 14px 2px rgba(0, 0, 0, 0.12);
   }
 
   .cdk-drag-placeholder {
diff --git a/console/src/app/modules/show-key-dialog/show-key-dialog.component.html b/console/src/app/modules/show-key-dialog/show-key-dialog.component.html
index e5785fe06..a3298c147 100644
--- a/console/src/app/modules/show-key-dialog/show-key-dialog.component.html
+++ b/console/src/app/modules/show-key-dialog/show-key-dialog.component.html
@@ -13,7 +13,7 @@
     <div class="row">
       <p class="left cnsl-secondary-text">{{ 'USER.MACHINE.CREATIONDATE' | translate }}</p>
       <p *ngIf="keyResponse.details && keyResponse.details.creationDate" class="right">
-        {{ keyResponse.details.creationDate | timestampToDate | localizedDate : 'EEE dd. MMM YYYY, HH:mm' }}
+        {{ keyResponse.details.creationDate | timestampToDate | localizedDate: 'EEE dd. MMM YYYY, HH:mm' }}
       </p>
     </div>
 
diff --git a/console/src/app/modules/show-key-dialog/show-key-dialog.component.ts b/console/src/app/modules/show-key-dialog/show-key-dialog.component.ts
index d7a68971b..7b0c999cf 100644
--- a/console/src/app/modules/show-key-dialog/show-key-dialog.component.ts
+++ b/console/src/app/modules/show-key-dialog/show-key-dialog.component.ts
@@ -16,7 +16,10 @@ export class ShowKeyDialogComponent {
   public keyResponse!: AddMachineKeyResponse.AsObject | AddAppKeyResponse.AsObject;
   public InfoSectionType: any = InfoSectionType;
 
-  constructor(public dialogRef: MatDialogRef<ShowKeyDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: any) {
+  constructor(
+    public dialogRef: MatDialogRef<ShowKeyDialogComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: any,
+  ) {
     this.keyResponse = data.key;
   }
 
diff --git a/console/src/app/modules/show-token-dialog/show-token-dialog.component.ts b/console/src/app/modules/show-token-dialog/show-token-dialog.component.ts
index 8a4d0056c..c42f65900 100644
--- a/console/src/app/modules/show-token-dialog/show-token-dialog.component.ts
+++ b/console/src/app/modules/show-token-dialog/show-token-dialog.component.ts
@@ -17,7 +17,10 @@ export class ShowTokenDialogComponent {
   public copied: string = '';
   InfoSectionType: any = InfoSectionType;
 
-  constructor(public dialogRef: MatDialogRef<ShowTokenDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: any) {
+  constructor(
+    public dialogRef: MatDialogRef<ShowTokenDialogComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: any,
+  ) {
     this.tokenResponse = data.token;
   }
 
diff --git a/console/src/app/modules/sidenav/sidenav.component.ts b/console/src/app/modules/sidenav/sidenav.component.ts
index b22711467..b5d072e5f 100644
--- a/console/src/app/modules/sidenav/sidenav.component.ts
+++ b/console/src/app/modules/sidenav/sidenav.component.ts
@@ -30,7 +30,10 @@ export class SidenavComponent implements ControlValueAccessor, OnInit {
   @Input() public queryParam: string = '';
 
   public PolicyComponentServiceType: any = PolicyComponentServiceType;
-  constructor(private router: Router, private route: ActivatedRoute) {}
+  constructor(
+    private router: Router,
+    private route: ActivatedRoute,
+  ) {}
 
   ngOnInit(): void {
     if (!this.value) {
diff --git a/console/src/app/modules/user-grant-role-dialog/user-grant-role-dialog.component.ts b/console/src/app/modules/user-grant-role-dialog/user-grant-role-dialog.component.ts
index ce91cfbd1..24e839ef8 100644
--- a/console/src/app/modules/user-grant-role-dialog/user-grant-role-dialog.component.ts
+++ b/console/src/app/modules/user-grant-role-dialog/user-grant-role-dialog.component.ts
@@ -16,7 +16,10 @@ export class UserGrantRoleDialogComponent {
 
   public selectedRoleKeys: string[] = [];
 
-  constructor(public dialogRef: MatDialogRef<UserGrantRoleDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: any) {
+  constructor(
+    public dialogRef: MatDialogRef<UserGrantRoleDialogComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: any,
+  ) {
     this.projectId = data.projectId;
     this.grantId = data.grantId;
     this.selectedRoleKeysList = data.selectedRoleKeysList;
diff --git a/console/src/app/modules/user-grants/user-grants-datasource.ts b/console/src/app/modules/user-grants/user-grants-datasource.ts
index 3e8ceb8db..1a46db64e 100644
--- a/console/src/app/modules/user-grants/user-grants-datasource.ts
+++ b/console/src/app/modules/user-grants/user-grants-datasource.ts
@@ -31,7 +31,10 @@ export class UserGrantsDataSource extends DataSource<UserGrantAsObject> {
   private loadingSubject: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);
   public loading$: Observable<boolean> = this.loadingSubject.asObservable();
 
-  constructor(private authService: GrpcAuthService, private userService: ManagementService) {
+  constructor(
+    private authService: GrpcAuthService,
+    private userService: ManagementService,
+  ) {
     super();
   }
 
diff --git a/console/src/app/modules/user-grants/user-grants.component.html b/console/src/app/modules/user-grants/user-grants.component.html
index a0e6e80c3..bd25acac2 100644
--- a/console/src/app/modules/user-grants/user-grants.component.html
+++ b/console/src/app/modules/user-grants/user-grants.component.html
@@ -123,14 +123,14 @@
       <ng-container matColumnDef="creationDate">
         <th mat-header-cell *matHeaderCellDef>{{ 'PROJECT.GRANT.CREATIONDATE' | translate }}</th>
         <td mat-cell *matCellDef="let grant">
-          <span class="no-break">{{ grant.details.creationDate | timestampToDate | localizedDate : 'dd. MMM, HH:mm' }}</span>
+          <span class="no-break">{{ grant.details.creationDate | timestampToDate | localizedDate: 'dd. MMM, HH:mm' }}</span>
         </td>
       </ng-container>
 
       <ng-container matColumnDef="changeDate">
         <th mat-header-cell *matHeaderCellDef>{{ 'PROJECT.GRANT.CHANGEDATE' | translate }}</th>
         <td mat-cell *matCellDef="let grant">
-          <span class="no-break">{{ grant.details.changeDate | timestampToDate | localizedDate : 'dd. MMM, HH:mm' }}</span>
+          <span class="no-break">{{ grant.details.changeDate | timestampToDate | localizedDate: 'dd. MMM, HH:mm' }}</span>
         </td>
       </ng-container>
 
@@ -163,7 +163,7 @@
             </button>
 
             <button menuActions mat-menu-item [routerLink]="['/users', grant.userId]">
-              {{ 'ACTIONS.TABLE.SHOWUSER' | translate : { value: grant.displayName } }}
+              {{ 'ACTIONS.TABLE.SHOWUSER' | translate: { value: grant.displayName } }}
             </button>
           </cnsl-table-actions>
         </td>
diff --git a/console/src/app/modules/warn-dialog/warn-dialog.component.html b/console/src/app/modules/warn-dialog/warn-dialog.component.html
index b3ecbd276..17c21f28b 100644
--- a/console/src/app/modules/warn-dialog/warn-dialog.component.html
+++ b/console/src/app/modules/warn-dialog/warn-dialog.component.html
@@ -1,18 +1,18 @@
-<span class="title" mat-dialog-title>{{ data.titleKey | translate : data.titleParam }}</span>
+<span class="title" mat-dialog-title>{{ data.titleKey | translate: data.titleParam }}</span>
 <div mat-dialog-content>
   <div class="icon-wrapper" *ngIf="data.icon">
     <i class="icon {{ data.icon }}"></i>
   </div>
-  <p class="desc cnsl-secondary-text">{{ data.descriptionKey | translate : data.descriptionParam }}</p>
+  <p class="desc cnsl-secondary-text">{{ data.descriptionKey | translate: data.descriptionParam }}</p>
 
   <cnsl-info-section *ngIf="data.warnSectionKey" [type]="InfoSectionType.WARN">{{
     data.warnSectionKey | translate
   }}</cnsl-info-section>
 
-  <p *ngIf="data.hintKey" class="desc cnsl-secondary-text">{{ data.hintKey | translate : { value: data.confirmation } }}</p>
+  <p *ngIf="data.hintKey" class="desc cnsl-secondary-text">{{ data.hintKey | translate: { value: data.confirmation } }}</p>
 
   <cnsl-form-field *ngIf="data.confirmation && data.confirmationKey" class="formfield">
-    <cnsl-label>{{ data.confirmationKey | translate : { value: data.confirmation } }}</cnsl-label>
+    <cnsl-label>{{ data.confirmationKey | translate: { value: data.confirmation } }}</cnsl-label>
     <input cnslInput [(ngModel)]="confirm" data-e2e="confirm-dialog-input" />
   </cnsl-form-field>
 </div>
diff --git a/console/src/app/modules/warn-dialog/warn-dialog.component.ts b/console/src/app/modules/warn-dialog/warn-dialog.component.ts
index 070c9d52f..701fe8f39 100644
--- a/console/src/app/modules/warn-dialog/warn-dialog.component.ts
+++ b/console/src/app/modules/warn-dialog/warn-dialog.component.ts
@@ -14,7 +14,10 @@ import { InfoSectionType } from '../info-section/info-section.component';
 export class WarnDialogComponent {
   public confirm: string = '';
   InfoSectionType: any = InfoSectionType;
-  constructor(public dialogRef: MatDialogRef<WarnDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: any) {}
+  constructor(
+    public dialogRef: MatDialogRef<WarnDialogComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: any,
+  ) {}
 
   public closeDialog(): void {
     this.dialogRef.close(false);
diff --git a/console/src/app/pages/actions/actions.component.html b/console/src/app/pages/actions/actions.component.html
index b7c3ab3c3..a951aa70c 100644
--- a/console/src/app/pages/actions/actions.component.html
+++ b/console/src/app/pages/actions/actions.component.html
@@ -4,7 +4,7 @@
     <p class="desc cnsl-secondary-text">{{ 'FLOWS.DESCRIPTION' | translate }}</p>
 
     <cnsl-info-section class="max-actions" *ngIf="maxActions"
-      >{{ 'FLOWS.ACTIONSMAX' | translate : { value: maxActions } }}
+      >{{ 'FLOWS.ACTIONSMAX' | translate: { value: maxActions } }}
     </cnsl-info-section>
 
     <ng-template cnslHasRole [hasRole]="['org.action.read']">
diff --git a/console/src/app/pages/actions/actions.component.scss b/console/src/app/pages/actions/actions.component.scss
index 5092052ee..104c37257 100644
--- a/console/src/app/pages/actions/actions.component.scss
+++ b/console/src/app/pages/actions/actions.component.scss
@@ -150,7 +150,10 @@
       border-radius: 0.5rem;
       padding: 0 0.5rem;
       background-color: $primary-color;
-      box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+      box-shadow:
+        0 5px 5px -3px rgba(0, 0, 0, 0.2),
+        0 8px 10px 1px rgba(0, 0, 0, 0.14),
+        0 3px 14px 2px rgba(0, 0, 0, 0.12);
 
       i {
         margin-right: 0.5rem;
diff --git a/console/src/app/pages/app-create/app-create.component.html b/console/src/app/pages/app-create/app-create.component.html
index ad12e1bc3..3ea6614d8 100644
--- a/console/src/app/pages/app-create/app-create.component.html
+++ b/console/src/app/pages/app-create/app-create.component.html
@@ -9,7 +9,7 @@
     >
     </cnsl-search-project-autocomplete>
 
-    <div [innerHtml]="'APP.PAGES.CREATE_NEW_PROJECT' | translate : { url: '/projects/create' }"></div>
+    <div [innerHtml]="'APP.PAGES.CREATE_NEW_PROJECT' | translate: { url: '/projects/create' }"></div>
 
     <div class="app-create-btn-container">
       <button
diff --git a/console/src/app/pages/app-create/app-create.component.ts b/console/src/app/pages/app-create/app-create.component.ts
index 23dc29234..b4d8045b7 100644
--- a/console/src/app/pages/app-create/app-create.component.ts
+++ b/console/src/app/pages/app-create/app-create.component.ts
@@ -13,7 +13,10 @@ export class AppCreateComponent {
   public projectId: string = '';
   public ProjectAutocompleteType: any = ProjectAutocompleteType;
 
-  constructor(private router: Router, breadcrumbService: BreadcrumbService) {
+  constructor(
+    private router: Router,
+    breadcrumbService: BreadcrumbService,
+  ) {
     const bread: Breadcrumb = {
       type: BreadcrumbType.ORG,
       routerLink: ['/org'],
diff --git a/console/src/app/pages/domains/add-domain-dialog/add-domain-dialog.component.ts b/console/src/app/pages/domains/add-domain-dialog/add-domain-dialog.component.ts
index 2c11d0f65..9adce8dc1 100644
--- a/console/src/app/pages/domains/add-domain-dialog/add-domain-dialog.component.ts
+++ b/console/src/app/pages/domains/add-domain-dialog/add-domain-dialog.component.ts
@@ -11,7 +11,10 @@ import {
 })
 export class AddDomainDialogComponent {
   public newdomain: string = '';
-  constructor(public dialogRef: MatDialogRef<AddDomainDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: any) {}
+  constructor(
+    public dialogRef: MatDialogRef<AddDomainDialogComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: any,
+  ) {}
 
   public closeDialog(): void {
     this.dialogRef.close(false);
diff --git a/console/src/app/pages/domains/domain-verification/domain-verification.component.html b/console/src/app/pages/domains/domain-verification/domain-verification.component.html
index 364bcb659..7eb53f6e4 100644
--- a/console/src/app/pages/domains/domain-verification/domain-verification.component.html
+++ b/console/src/app/pages/domains/domain-verification/domain-verification.component.html
@@ -10,7 +10,7 @@
     *ngIf="domain?.validationType !== DomainValidationType.DOMAIN_VALIDATION_TYPE_UNSPECIFIED && !(dns || http)"
     class="desc"
   >
-    {{ 'ORG.PAGES.ORGDOMAIN.VERIFICATION_VALIDATION_ONGOING' | translate : domain }}
+    {{ 'ORG.PAGES.ORGDOMAIN.VERIFICATION_VALIDATION_ONGOING' | translate: domain }}
     {{ 'ORG.PAGES.ORGDOMAIN.VERIFICATION_VALIDATION_ONGOING_TYPE' | translate }}
     {{ 'ORG.PAGES.ORGDOMAIN.TYPES.' + domain?.validationType | translate }}
   </p>
diff --git a/console/src/app/pages/events/events.component.html b/console/src/app/pages/events/events.component.html
index 155c42dbe..acc8c3677 100644
--- a/console/src/app/pages/events/events.component.html
+++ b/console/src/app/pages/events/events.component.html
@@ -84,7 +84,7 @@
         <th mat-header-cell *matHeaderCellDef>{{ 'IAM.EVENTS.CREATIONDATE' | translate }}</th>
         <td mat-cell *matCellDef="let event">
           <ng-container *ngIf="event | toobject as event">
-            <span>{{ event?.creationDate | timestampToDate | localizedDate : 'EEE dd. MMM, HH:mm' }}</span>
+            <span>{{ event?.creationDate | timestampToDate | localizedDate: 'EEE dd. MMM, HH:mm' }}</span>
           </ng-container>
         </td>
       </ng-container>
diff --git a/console/src/app/pages/failed-events/failed-events.component.html b/console/src/app/pages/failed-events/failed-events.component.html
index f35650e25..136a41a4d 100644
--- a/console/src/app/pages/failed-events/failed-events.component.html
+++ b/console/src/app/pages/failed-events/failed-events.component.html
@@ -32,7 +32,7 @@
         <ng-container matColumnDef="lastFailed">
           <th mat-header-cell *matHeaderCellDef>{{ 'IAM.FAILEDEVENTS.LASTFAILED' | translate }}</th>
           <td mat-cell *matCellDef="let event">
-            <span>{{ event?.lastFailed | timestampToDate | localizedDate : 'EEE dd. MMM, HH:mm' }}</span>
+            <span>{{ event?.lastFailed | timestampToDate | localizedDate: 'EEE dd. MMM, HH:mm' }}</span>
           </td>
         </ng-container>
 
diff --git a/console/src/app/pages/home/home.component.ts b/console/src/app/pages/home/home.component.ts
index f83485654..f84e91fc0 100644
--- a/console/src/app/pages/home/home.component.ts
+++ b/console/src/app/pages/home/home.component.ts
@@ -21,7 +21,11 @@ export class HomeComponent {
 
   public dark: boolean = true;
 
-  constructor(public authService: GrpcAuthService, breadcrumbService: BreadcrumbService, public themeService: ThemeService) {
+  constructor(
+    public authService: GrpcAuthService,
+    breadcrumbService: BreadcrumbService,
+    public themeService: ThemeService,
+  ) {
     const bread: Breadcrumb = {
       type: BreadcrumbType.ORG,
       routerLink: ['/org'],
diff --git a/console/src/app/pages/iam-views/iam-views.component.html b/console/src/app/pages/iam-views/iam-views.component.html
index 4e8b92fa0..7b2930d03 100644
--- a/console/src/app/pages/iam-views/iam-views.component.html
+++ b/console/src/app/pages/iam-views/iam-views.component.html
@@ -22,14 +22,14 @@
       <ng-container matColumnDef="eventTimestamp">
         <th mat-header-cell *matHeaderCellDef>{{ 'IAM.VIEWS.EVENTTIMESTAMP' | translate }}</th>
         <td mat-cell *matCellDef="let view">
-          <span>{{ view?.eventTimestamp | timestampToDate | localizedDate : 'EEE dd. MMM, HH:mm' }}</span>
+          <span>{{ view?.eventTimestamp | timestampToDate | localizedDate: 'EEE dd. MMM, HH:mm' }}</span>
         </td>
       </ng-container>
 
       <ng-container matColumnDef="lastSuccessfulSpoolerRun">
         <th mat-header-cell *matHeaderCellDef>{{ 'IAM.VIEWS.LASTSPOOL' | translate }}</th>
         <td mat-cell *matCellDef="let view">
-          <span>{{ view?.lastSuccessfulSpoolerRun | timestampToDate | localizedDate : 'EEE dd. MMM, HH:mm' }}</span>
+          <span>{{ view?.lastSuccessfulSpoolerRun | timestampToDate | localizedDate: 'EEE dd. MMM, HH:mm' }}</span>
         </td>
       </ng-container>
 
diff --git a/console/src/app/pages/iam-views/iam-views.component.ts b/console/src/app/pages/iam-views/iam-views.component.ts
index 61af85a05..91913e5cb 100644
--- a/console/src/app/pages/iam-views/iam-views.component.ts
+++ b/console/src/app/pages/iam-views/iam-views.component.ts
@@ -23,7 +23,10 @@ export class IamViewsComponent implements AfterViewInit {
 
   private loadingSubject: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);
   public loading$: Observable<boolean> = this.loadingSubject.asObservable();
-  constructor(private adminService: AdminService, private breadcrumbService: BreadcrumbService) {
+  constructor(
+    private adminService: AdminService,
+    private breadcrumbService: BreadcrumbService,
+  ) {
     this.loadViews();
 
     const breadcrumbs = [
diff --git a/console/src/app/pages/instance-settings/instance-settings.component.ts b/console/src/app/pages/instance-settings/instance-settings.component.ts
index bf607cf03..bb811e9d8 100644
--- a/console/src/app/pages/instance-settings/instance-settings.component.ts
+++ b/console/src/app/pages/instance-settings/instance-settings.component.ts
@@ -58,7 +58,11 @@ export class InstanceSettingsComponent implements OnInit, OnDestroy {
   public settingsList: SidenavSetting[] = [];
 
   private destroy$: Subject<void> = new Subject();
-  constructor(breadcrumbService: BreadcrumbService, activatedRoute: ActivatedRoute, public authService: GrpcAuthService) {
+  constructor(
+    breadcrumbService: BreadcrumbService,
+    activatedRoute: ActivatedRoute,
+    public authService: GrpcAuthService,
+  ) {
     const breadcrumbs = [
       new Breadcrumb({
         type: BreadcrumbType.INSTANCE,
diff --git a/console/src/app/pages/org-settings/org-settings.component.ts b/console/src/app/pages/org-settings/org-settings.component.ts
index f2a0d57cc..42e63e306 100644
--- a/console/src/app/pages/org-settings/org-settings.component.ts
+++ b/console/src/app/pages/org-settings/org-settings.component.ts
@@ -43,7 +43,11 @@ export class OrgSettingsComponent implements OnInit {
 
   public settingsList: SidenavSetting[] = [];
 
-  constructor(breadcrumbService: BreadcrumbService, activatedRoute: ActivatedRoute, public authService: GrpcAuthService) {
+  constructor(
+    breadcrumbService: BreadcrumbService,
+    activatedRoute: ActivatedRoute,
+    public authService: GrpcAuthService,
+  ) {
     const breadcrumbs = [
       new Breadcrumb({
         type: BreadcrumbType.ORG,
diff --git a/console/src/app/pages/projects/apps/app-detail/app-detail.component.html b/console/src/app/pages/projects/apps/app-detail/app-detail.component.html
index a83b7a7bc..486090f6e 100644
--- a/console/src/app/pages/projects/apps/app-detail/app-detail.component.html
+++ b/console/src/app/pages/projects/apps/app-detail/app-detail.component.html
@@ -401,7 +401,7 @@
             <cnsl-info-section *ngIf="environmentMap.issuer">
               <div
                 [innerHtml]="
-                  'APP.OIDC.WELLKNOWN' | translate : { url: environmentMap['issuer'] + '/.well-known/openid-configuration' }
+                  'APP.OIDC.WELLKNOWN' | translate: { url: environmentMap['issuer'] + '/.well-known/openid-configuration' }
                 "
               ></div>
             </cnsl-info-section>
diff --git a/console/src/app/pages/projects/apps/app-detail/auth-method-dialog/auth-method-dialog.component.ts b/console/src/app/pages/projects/apps/app-detail/auth-method-dialog/auth-method-dialog.component.ts
index 71a7983f0..8b1436b71 100644
--- a/console/src/app/pages/projects/apps/app-detail/auth-method-dialog/auth-method-dialog.component.ts
+++ b/console/src/app/pages/projects/apps/app-detail/auth-method-dialog/auth-method-dialog.component.ts
@@ -11,7 +11,10 @@ import {
 })
 export class AuthMethodDialogComponent {
   public authmethod: string = '';
-  constructor(public dialogRef: MatDialogRef<AuthMethodDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: any) {
+  constructor(
+    public dialogRef: MatDialogRef<AuthMethodDialogComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: any,
+  ) {
     this.authmethod = data.initialAuthMethod;
   }
 
diff --git a/console/src/app/pages/projects/apps/app-secret-dialog/app-secret-dialog.component.ts b/console/src/app/pages/projects/apps/app-secret-dialog/app-secret-dialog.component.ts
index c893cb7c6..2ae0fd94d 100644
--- a/console/src/app/pages/projects/apps/app-secret-dialog/app-secret-dialog.component.ts
+++ b/console/src/app/pages/projects/apps/app-secret-dialog/app-secret-dialog.component.ts
@@ -11,7 +11,10 @@ import {
 })
 export class AppSecretDialogComponent {
   public copied: string = '';
-  constructor(public dialogRef: MatDialogRef<AppSecretDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: any) {}
+  constructor(
+    public dialogRef: MatDialogRef<AppSecretDialogComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: any,
+  ) {}
 
   public closeDialog(): void {
     this.dialogRef.close(false);
diff --git a/console/src/app/pages/projects/apps/redirect-uris/redirect-uris.component.html b/console/src/app/pages/projects/apps/redirect-uris/redirect-uris.component.html
index 970dbe3a0..a0baf9717 100644
--- a/console/src/app/pages/projects/apps/redirect-uris/redirect-uris.component.html
+++ b/console/src/app/pages/projects/apps/redirect-uris/redirect-uris.component.html
@@ -15,7 +15,7 @@
 </form>
 
 <div class="redirect-uris-list">
-  <div *ngFor="let uri of value" class="uri-line" [ngClass]="{ alert: !devMode && !(uri | redirect : isNative) }">
+  <div *ngFor="let uri of value" class="uri-line" [ngClass]="{ alert: !devMode && !(uri | redirect: isNative) }">
     <span
       class="uri"
       [ngClass]="{ green: !devMode && uri?.startsWith('https://'), red: !devMode && !uri?.startsWith('https://') }"
diff --git a/console/src/app/pages/projects/owned-projects/owned-project-detail/applications/applications.component.html b/console/src/app/pages/projects/owned-projects/owned-project-detail/applications/applications.component.html
index be7494272..a45927c28 100644
--- a/console/src/app/pages/projects/owned-projects/owned-project-detail/applications/applications.component.html
+++ b/console/src/app/pages/projects/owned-projects/owned-project-detail/applications/applications.component.html
@@ -70,7 +70,7 @@
         <th mat-header-cell *matHeaderCellDef>{{ 'PROJECT.ROLE.CREATIONDATE' | translate }}</th>
         <td class="pointer" [routerLink]="['/projects', projectId, 'apps', app.id]" mat-cell *matCellDef="let app">
           <span *ngIf="app?.details?.creationDate">{{
-            app.details.creationDate | timestampToDate | localizedDate : 'dd. MMM, HH:mm'
+            app.details.creationDate | timestampToDate | localizedDate: 'dd. MMM, HH:mm'
           }}</span>
         </td>
       </ng-container>
@@ -79,7 +79,7 @@
         <th mat-header-cell *matHeaderCellDef>{{ 'PROJECT.ROLE.CHANGEDATE' | translate }}</th>
         <td class="pointer" [routerLink]="['/projects', projectId, 'apps', app.id]" mat-cell *matCellDef="let app">
           <span *ngIf="app?.details?.changeDate">{{
-            app.details.changeDate | timestampToDate | localizedDate : 'dd. MMM, HH:mm'
+            app.details.changeDate | timestampToDate | localizedDate: 'dd. MMM, HH:mm'
           }}</span>
         </td>
       </ng-container>
diff --git a/console/src/app/pages/projects/owned-projects/project-grants/project-grants-datasource.ts b/console/src/app/pages/projects/owned-projects/project-grants/project-grants-datasource.ts
index 749361eee..b56c763df 100644
--- a/console/src/app/pages/projects/owned-projects/project-grants/project-grants-datasource.ts
+++ b/console/src/app/pages/projects/owned-projects/project-grants/project-grants-datasource.ts
@@ -17,7 +17,10 @@ export class ProjectGrantsDataSource extends DataSource<GrantedProject.AsObject>
   private loadingSubject: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);
   public loading$: Observable<boolean> = this.loadingSubject.asObservable();
 
-  constructor(private mgmtService: ManagementService, private toast: ToastService) {
+  constructor(
+    private mgmtService: ManagementService,
+    private toast: ToastService,
+  ) {
     super();
   }
 
diff --git a/console/src/app/pages/projects/owned-projects/project-grants/project-grants.component.html b/console/src/app/pages/projects/owned-projects/project-grants/project-grants.component.html
index b0a9321a3..bcf572400 100644
--- a/console/src/app/pages/projects/owned-projects/project-grants/project-grants.component.html
+++ b/console/src/app/pages/projects/owned-projects/project-grants/project-grants.component.html
@@ -71,7 +71,7 @@
                 *matCellDef="let grant"
                 [routerLink]="['/projects', grant.projectId, 'projectgrants', grant.grantId]"
               >
-                <span>{{ grant.details.creationDate | timestampToDate | localizedDate : 'dd. MMM, HH:mm' }}</span>
+                <span>{{ grant.details.creationDate | timestampToDate | localizedDate: 'dd. MMM, HH:mm' }}</span>
               </td>
             </ng-container>
 
@@ -83,7 +83,7 @@
                 *matCellDef="let grant"
                 [routerLink]="['/projects', grant.projectId, 'projectgrants', grant.grantId]"
               >
-                <span>{{ grant.details.changeDate | timestampToDate | localizedDate : 'dd. MMM, HH:mm' }}</span>
+                <span>{{ grant.details.changeDate | timestampToDate | localizedDate: 'dd. MMM, HH:mm' }}</span>
               </td>
             </ng-container>
 
diff --git a/console/src/app/pages/projects/project-grid/project-grid.component.html b/console/src/app/pages/projects/project-grid/project-grid.component.html
index f9f8178bc..df618192e 100644
--- a/console/src/app/pages/projects/project-grid/project-grid.component.html
+++ b/console/src/app/pages/projects/project-grid/project-grid.component.html
@@ -14,7 +14,7 @@
       <div class="text-part">
         <span *ngIf="item.details && item.details.changeDate" class="top cnsl-secondary-text"
           >{{ 'PROJECT.PAGES.LASTMODIFIED' | translate }}
-          {{ item.details.changeDate | timestampToDate | localizedDate : 'EEE dd. MMM, HH:mm' }}</span
+          {{ item.details.changeDate | timestampToDate | localizedDate: 'EEE dd. MMM, HH:mm' }}</span
         >
         <div class="name-row">
           <span class="name" *ngIf="$any(item).name">{{ $any(item).name }}</span>
@@ -31,7 +31,7 @@
 
         <span *ngIf="item.details && item.details.creationDate" class="created"
           >{{ 'PROJECT.PAGES.CREATEDON' | translate }}
-          {{ item.details.creationDate | timestampToDate | localizedDate : 'EEE dd. MMM, HH:mm' }}</span
+          {{ item.details.creationDate | timestampToDate | localizedDate: 'EEE dd. MMM, HH:mm' }}</span
         >
         <span class="fill-space"></span>
       </div>
@@ -52,7 +52,7 @@
       <div class="text-part">
         <span *ngIf="item.details && item.details.changeDate" class="top cnsl-secondary-text"
           >{{ 'PROJECT.PAGES.LASTMODIFIED' | translate }}
-          {{ item.details.changeDate | timestampToDate | localizedDate : 'EEE dd. MMM, HH:mm' }}</span
+          {{ item.details.changeDate | timestampToDate | localizedDate: 'EEE dd. MMM, HH:mm' }}</span
         >
         <div class="name-row">
           <span class="name" *ngIf="$any(item).name">{{ $any(item).name }}</span>
@@ -70,7 +70,7 @@
         <span class="owning-org" *ngIf="$any(item).projectOwnerName">{{ $any(item).projectOwnerName }}</span>
         <span *ngIf="item.details && item.details.creationDate" class="created cnsl-secondary-text"
           >{{ 'PROJECT.PAGES.CREATEDON' | translate }}
-          {{ item.details.creationDate | timestampToDate | localizedDate : 'EEE dd. MMM, HH:mm' }}</span
+          {{ item.details.creationDate | timestampToDate | localizedDate: 'EEE dd. MMM, HH:mm' }}</span
         >
         <span class="fill-space"></span>
       </div>
diff --git a/console/src/app/pages/projects/project-list/project-list.component.html b/console/src/app/pages/projects/project-list/project-list.component.html
index da82c6096..695868c88 100644
--- a/console/src/app/pages/projects/project-list/project-list.component.html
+++ b/console/src/app/pages/projects/project-list/project-list.component.html
@@ -111,7 +111,7 @@
             *matCellDef="let project"
           >
             <span *ngIf="project.details.creationDate">{{
-              project.details.creationDate | timestampToDate | localizedDate : 'EEE dd. MMM, HH:mm'
+              project.details.creationDate | timestampToDate | localizedDate: 'EEE dd. MMM, HH:mm'
             }}</span>
           </td>
         </ng-container>
@@ -129,7 +129,7 @@
             *matCellDef="let project"
           >
             <span *ngIf="project.details.changeDate">{{
-              project.details.changeDate | timestampToDate | localizedDate : 'EEE dd. MMM, HH:mm'
+              project.details.changeDate | timestampToDate | localizedDate: 'EEE dd. MMM, HH:mm'
             }}</span>
           </td>
         </ng-container>
diff --git a/console/src/app/pages/user-grant-create/user-grant-create.component.html b/console/src/app/pages/user-grant-create/user-grant-create.component.html
index 489adf3a8..e2ebbf958 100644
--- a/console/src/app/pages/user-grant-create/user-grant-create.component.html
+++ b/console/src/app/pages/user-grant-create/user-grant-create.component.html
@@ -6,7 +6,7 @@
 >
   <ng-container *ngIf="currentCreateStep === 1">
     <p class="user-grant-create-desc cnsl-secondary-text">
-      {{ 'PROJECT.GRANT.CREATE.ORG_DESCRIPTION' | translate : org }}
+      {{ 'PROJECT.GRANT.CREATE.ORG_DESCRIPTION' | translate: org }}
       <br />
       {{ 'PROJECT.GRANT.CREATE.ORG_DESCRIPTION_DESC' | translate }}
     </p>
diff --git a/console/src/app/pages/users/user-detail/auth-user-detail/auth-passwordless/auth-passwordless.component.ts b/console/src/app/pages/users/user-detail/auth-user-detail/auth-passwordless/auth-passwordless.component.ts
index 4ccb85902..b3f5ac95e 100644
--- a/console/src/app/pages/users/user-detail/auth-user-detail/auth-passwordless/auth-passwordless.component.ts
+++ b/console/src/app/pages/users/user-detail/auth-user-detail/auth-passwordless/auth-passwordless.component.ts
@@ -39,7 +39,11 @@ export class AuthPasswordlessComponent implements OnInit, OnDestroy {
   public AuthFactorState: any = AuthFactorState;
   public error: string = '';
 
-  constructor(private service: GrpcAuthService, private toast: ToastService, private dialog: MatDialog) {}
+  constructor(
+    private service: GrpcAuthService,
+    private toast: ToastService,
+    private dialog: MatDialog,
+  ) {}
 
   public ngOnInit(): void {
     this.getPasswordless();
diff --git a/console/src/app/pages/users/user-detail/auth-user-detail/auth-user-mfa/auth-user-mfa.component.ts b/console/src/app/pages/users/user-detail/auth-user-detail/auth-user-mfa/auth-user-mfa.component.ts
index a4fbcaaa8..6a81838c4 100644
--- a/console/src/app/pages/users/user-detail/auth-user-detail/auth-user-mfa/auth-user-mfa.component.ts
+++ b/console/src/app/pages/users/user-detail/auth-user-detail/auth-user-mfa/auth-user-mfa.component.ts
@@ -42,7 +42,11 @@ export class AuthUserMfaComponent implements OnInit, OnDestroy {
   public otpSmsDisabled$ = new BehaviorSubject<boolean>(true);
   public otpEmailDisabled$ = new BehaviorSubject<boolean>(true);
 
-  constructor(private service: GrpcAuthService, private toast: ToastService, private dialog: MatDialog) {}
+  constructor(
+    private service: GrpcAuthService,
+    private toast: ToastService,
+    private dialog: MatDialog,
+  ) {}
 
   public ngOnInit(): void {
     this.getMFAs();
diff --git a/console/src/app/pages/users/user-detail/auth-user-detail/code-dialog/code-dialog.component.ts b/console/src/app/pages/users/user-detail/auth-user-detail/code-dialog/code-dialog.component.ts
index c0e13f877..d09a8f9da 100644
--- a/console/src/app/pages/users/user-detail/auth-user-detail/code-dialog/code-dialog.component.ts
+++ b/console/src/app/pages/users/user-detail/auth-user-detail/code-dialog/code-dialog.component.ts
@@ -11,7 +11,10 @@ import {
 })
 export class CodeDialogComponent {
   public code: string = '';
-  constructor(public dialogRef: MatDialogRef<CodeDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: any) {}
+  constructor(
+    public dialogRef: MatDialogRef<CodeDialogComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: any,
+  ) {}
 
   closeDialog(code: string = ''): void {
     this.dialogRef.close(code);
diff --git a/console/src/app/pages/users/user-detail/auth-user-detail/resend-email-dialog/resend-email-dialog.component.ts b/console/src/app/pages/users/user-detail/auth-user-detail/resend-email-dialog/resend-email-dialog.component.ts
index c0f4ed7bb..15bd7b43e 100644
--- a/console/src/app/pages/users/user-detail/auth-user-detail/resend-email-dialog/resend-email-dialog.component.ts
+++ b/console/src/app/pages/users/user-detail/auth-user-detail/resend-email-dialog/resend-email-dialog.component.ts
@@ -11,7 +11,10 @@ import {
 })
 export class ResendEmailDialogComponent {
   public email: string = '';
-  constructor(public dialogRef: MatDialogRef<ResendEmailDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: any) {
+  constructor(
+    public dialogRef: MatDialogRef<ResendEmailDialogComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: any,
+  ) {
     if (data.email) {
       this.email = data.email;
     }
diff --git a/console/src/app/pages/users/user-detail/contact/contact.component.ts b/console/src/app/pages/users/user-detail/contact/contact.component.ts
index 659a6db4b..eab184c20 100644
--- a/console/src/app/pages/users/user-detail/contact/contact.component.ts
+++ b/console/src/app/pages/users/user-detail/contact/contact.component.ts
@@ -26,7 +26,10 @@ export class ContactComponent {
   public UserState: any = UserState;
 
   public EditDialogType: any = EditDialogType;
-  constructor(private dialog: MatDialog, private authService: GrpcAuthService) {}
+  constructor(
+    private dialog: MatDialog,
+    private authService: GrpcAuthService,
+  ) {}
 
   async emitDeletePhone(): Promise<void> {
     const { resultList } = await this.authService.listMyMultiFactors();
diff --git a/console/src/app/pages/users/user-detail/detail-form/detail-form.component.ts b/console/src/app/pages/users/user-detail/detail-form/detail-form.component.ts
index 6b0ca9080..9c5b4607b 100644
--- a/console/src/app/pages/users/user-detail/detail-form/detail-form.component.ts
+++ b/console/src/app/pages/users/user-detail/detail-form/detail-form.component.ts
@@ -29,7 +29,10 @@ export class DetailFormComponent implements OnDestroy, OnChanges {
 
   private sub: Subscription = new Subscription();
 
-  constructor(private fb: UntypedFormBuilder, private dialog: MatDialog) {
+  constructor(
+    private fb: UntypedFormBuilder,
+    private dialog: MatDialog,
+  ) {
     this.profileForm = this.fb.group({
       userName: [{ value: '', disabled: true }, [requiredValidator]],
       firstName: [{ value: '', disabled: this.disabled }, requiredValidator],
diff --git a/console/src/app/pages/users/user-detail/external-idps/external-idps.component.ts b/console/src/app/pages/users/user-detail/external-idps/external-idps.component.ts
index b6513e0f8..e80b1ee45 100644
--- a/console/src/app/pages/users/user-detail/external-idps/external-idps.component.ts
+++ b/console/src/app/pages/users/user-detail/external-idps/external-idps.component.ts
@@ -35,7 +35,10 @@ export class ExternalIdpsComponent implements OnInit, OnDestroy {
     'actions',
   ];
 
-  constructor(private toast: ToastService, private dialog: MatDialog) {}
+  constructor(
+    private toast: ToastService,
+    private dialog: MatDialog,
+  ) {}
 
   ngOnInit(): void {
     this.getData(10, 0);
diff --git a/console/src/app/pages/users/user-detail/user-detail/machine-secret-dialog/machine-secret-dialog.component.ts b/console/src/app/pages/users/user-detail/user-detail/machine-secret-dialog/machine-secret-dialog.component.ts
index 2faa99ccd..2c560f3d0 100644
--- a/console/src/app/pages/users/user-detail/user-detail/machine-secret-dialog/machine-secret-dialog.component.ts
+++ b/console/src/app/pages/users/user-detail/user-detail/machine-secret-dialog/machine-secret-dialog.component.ts
@@ -11,7 +11,10 @@ import {
 })
 export class MachineSecretDialogComponent {
   public copied: string = '';
-  constructor(public dialogRef: MatDialogRef<MachineSecretDialogComponent>, @Inject(MAT_DIALOG_DATA) public data: any) {}
+  constructor(
+    public dialogRef: MatDialogRef<MachineSecretDialogComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: any,
+  ) {}
 
   public closeDialog(): void {
     this.dialogRef.close(false);
diff --git a/console/src/app/pages/users/user-detail/user-detail/passwordless/passwordless.component.ts b/console/src/app/pages/users/user-detail/user-detail/passwordless/passwordless.component.ts
index adf9d107d..33b24de02 100644
--- a/console/src/app/pages/users/user-detail/user-detail/passwordless/passwordless.component.ts
+++ b/console/src/app/pages/users/user-detail/user-detail/passwordless/passwordless.component.ts
@@ -37,7 +37,11 @@ export class PasswordlessComponent implements OnInit, OnDestroy {
   public AuthFactorState: any = AuthFactorState;
   public error: string = '';
 
-  constructor(private service: ManagementService, private toast: ToastService, private dialog: MatDialog) {}
+  constructor(
+    private service: ManagementService,
+    private toast: ToastService,
+    private dialog: MatDialog,
+  ) {}
 
   public ngOnInit(): void {
     this.getPasswordless();
diff --git a/console/src/app/pages/users/user-detail/user-detail/user-mfa/user-mfa.component.ts b/console/src/app/pages/users/user-detail/user-detail/user-mfa/user-mfa.component.ts
index cac388e7c..c9be008e0 100644
--- a/console/src/app/pages/users/user-detail/user-detail/user-mfa/user-mfa.component.ts
+++ b/console/src/app/pages/users/user-detail/user-detail/user-mfa/user-mfa.component.ts
@@ -32,7 +32,11 @@ export class UserMfaComponent implements OnInit, OnDestroy {
   public AuthFactorState: any = AuthFactorState;
 
   public error: string = '';
-  constructor(private mgmtUserService: ManagementService, private dialog: MatDialog, private toast: ToastService) {}
+  constructor(
+    private mgmtUserService: ManagementService,
+    private dialog: MatDialog,
+    private toast: ToastService,
+  ) {}
 
   public ngOnInit(): void {
     this.getMFAs();
diff --git a/console/src/app/pages/users/user-list/user-list.component.ts b/console/src/app/pages/users/user-list/user-list.component.ts
index 51151ffa1..9773f89dd 100644
--- a/console/src/app/pages/users/user-list/user-list.component.ts
+++ b/console/src/app/pages/users/user-list/user-list.component.ts
@@ -14,7 +14,11 @@ export class UserListComponent {
   public Type: any = Type;
   public type: Type = Type.TYPE_HUMAN;
 
-  constructor(public translate: TranslateService, activatedRoute: ActivatedRoute, breadcrumbService: BreadcrumbService) {
+  constructor(
+    public translate: TranslateService,
+    activatedRoute: ActivatedRoute,
+    breadcrumbService: BreadcrumbService,
+  ) {
     activatedRoute.queryParams.pipe(take(1)).subscribe((params: Params) => {
       const { type } = params;
       if (type && type === 'human') {
diff --git a/console/src/app/pages/users/user-list/user-table/user-table.component.html b/console/src/app/pages/users/user-list/user-table/user-table.component.html
index 3e3c86cfc..4bfa8472b 100644
--- a/console/src/app/pages/users/user-list/user-table/user-table.component.html
+++ b/console/src/app/pages/users/user-list/user-table/user-table.component.html
@@ -184,14 +184,14 @@
       <ng-container matColumnDef="creationDate">
         <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'USER.TABLE.CREATIONDATE' | translate }}</th>
         <td mat-cell *matCellDef="let user" [routerLink]="user.id ? ['/users', user.id] : null">
-          <span class="no-break">{{ user.details.creationDate | timestampToDate | localizedDate : 'regular' }}</span>
+          <span class="no-break">{{ user.details.creationDate | timestampToDate | localizedDate: 'regular' }}</span>
         </td>
       </ng-container>
 
       <ng-container matColumnDef="changeDate">
         <th mat-header-cell *matHeaderCellDef>{{ 'USER.TABLE.CHANGEDATE' | translate }}</th>
         <td mat-cell *matCellDef="let user" [routerLink]="user.id ? ['/users', user.id] : null">
-          <span class="no-break">{{ user.details.changeDate | timestampToDate | localizedDate : 'regular' }}</span>
+          <span class="no-break">{{ user.details.changeDate | timestampToDate | localizedDate: 'regular' }}</span>
         </td>
       </ng-container>
 
diff --git a/console/src/app/services/admin.service.ts b/console/src/app/services/admin.service.ts
index a4217e3ab..7929e62bc 100644
--- a/console/src/app/services/admin.service.ts
+++ b/console/src/app/services/admin.service.ts
@@ -390,7 +390,10 @@ export class AdminService {
   public progressTotal: BehaviorSubject<number> = new BehaviorSubject(0);
   public progressAllDone: BehaviorSubject<boolean> = new BehaviorSubject(true);
 
-  constructor(private readonly grpcService: GrpcService, private storageService: StorageService) {
+  constructor(
+    private readonly grpcService: GrpcService,
+    private storageService: StorageService,
+  ) {
     this.progressEvents$.subscribe(this.progressEvents);
 
     this.hideOnboarding =
diff --git a/console/src/app/services/asset.service.ts b/console/src/app/services/asset.service.ts
index 320150ff4..75427e7f6 100644
--- a/console/src/app/services/asset.service.ts
+++ b/console/src/app/services/asset.service.ts
@@ -71,7 +71,11 @@ export const ENDPOINT = {
 })
 export class AssetService {
   private accessToken: string = '';
-  constructor(private envService: EnvironmentService, private http: HttpClient, private storageService: StorageService) {
+  constructor(
+    private envService: EnvironmentService,
+    private http: HttpClient,
+    private storageService: StorageService,
+  ) {
     const aT = this.storageService.getItem(accessTokenStorageKey);
     if (aT) {
       this.accessToken = aT;
diff --git a/console/src/app/services/authentication.service.ts b/console/src/app/services/authentication.service.ts
index c5de101e6..c53047c04 100644
--- a/console/src/app/services/authentication.service.ts
+++ b/console/src/app/services/authentication.service.ts
@@ -12,7 +12,10 @@ export class AuthenticationService {
   private _authenticated: boolean = false;
   private readonly _authenticationChanged: BehaviorSubject<boolean> = new BehaviorSubject(this.authenticated);
 
-  constructor(private oauthService: OAuthService, private statehandler: StatehandlerService) {}
+  constructor(
+    private oauthService: OAuthService,
+    private statehandler: StatehandlerService,
+  ) {}
 
   public initConfig(data: AuthConfig): void {
     this.authConfig = data;
diff --git a/console/src/app/services/environment.service.ts b/console/src/app/services/environment.service.ts
index b2dbc5951..1fcc40ba3 100644
--- a/console/src/app/services/environment.service.ts
+++ b/console/src/app/services/environment.service.ts
@@ -36,7 +36,10 @@ export class EnvironmentService {
   private environment$: Observable<Environment>;
   private wellKnown$: Observable<WellKnown>;
 
-  constructor(private http: HttpClient, private exhaustedSvc: ExhaustedService) {
+  constructor(
+    private http: HttpClient,
+    private exhaustedSvc: ExhaustedService,
+  ) {
     this.environment$ = this.createEnvironment();
     this.wellKnown$ = this.createWellKnown(this.environment$);
   }
diff --git a/console/src/app/services/interceptors/exhausted.grpc.interceptor.ts b/console/src/app/services/interceptors/exhausted.grpc.interceptor.ts
index 7486b525c..446e7aa8d 100644
--- a/console/src/app/services/interceptors/exhausted.grpc.interceptor.ts
+++ b/console/src/app/services/interceptors/exhausted.grpc.interceptor.ts
@@ -8,7 +8,10 @@ import { ExhaustedService } from '../exhausted.service';
  */
 @Injectable({ providedIn: 'root' })
 export class ExhaustedGrpcInterceptor<TReq = unknown, TResp = unknown> implements UnaryInterceptor<TReq, TResp> {
-  constructor(private exhaustedSvc: ExhaustedService, private envSvc: EnvironmentService) {}
+  constructor(
+    private exhaustedSvc: ExhaustedService,
+    private envSvc: EnvironmentService,
+  ) {}
 
   public async intercept(
     request: Request<TReq, TResp>,
diff --git a/console/src/app/services/interceptors/exhausted.http.interceptor.ts b/console/src/app/services/interceptors/exhausted.http.interceptor.ts
index 898f9ccd9..29248616f 100644
--- a/console/src/app/services/interceptors/exhausted.http.interceptor.ts
+++ b/console/src/app/services/interceptors/exhausted.http.interceptor.ts
@@ -9,7 +9,10 @@ import { ExhaustedService } from '../exhausted.service';
  */
 @Injectable()
 export class ExhaustedHttpInterceptor implements HttpInterceptor {
-  constructor(private exhaustedSvc: ExhaustedService, private envSvc: EnvironmentService) {}
+  constructor(
+    private exhaustedSvc: ExhaustedService,
+    private envSvc: EnvironmentService,
+  ) {}
 
   intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
     return next.handle(req).pipe(
diff --git a/console/src/app/services/navigation.service.ts b/console/src/app/services/navigation.service.ts
index f237668d7..83c5e1c99 100644
--- a/console/src/app/services/navigation.service.ts
+++ b/console/src/app/services/navigation.service.ts
@@ -8,7 +8,10 @@ import { NavigationEnd, Router } from '@angular/router';
 export class NavigationService {
   private history: string[] = [];
 
-  constructor(private router: Router, private location: Location) {
+  constructor(
+    private router: Router,
+    private location: Location,
+  ) {
     this.router.events.subscribe((event) => {
       if (event instanceof NavigationEnd) {
         this.history.push(event.urlAfterRedirects);
diff --git a/console/src/app/services/overlay/overlay-workflow.service.ts b/console/src/app/services/overlay/overlay-workflow.service.ts
index 4c40527e1..f641ea294 100644
--- a/console/src/app/services/overlay/overlay-workflow.service.ts
+++ b/console/src/app/services/overlay/overlay-workflow.service.ts
@@ -39,7 +39,11 @@ export class OverlayWorkflowService implements OnDestroy {
   public openRef: CnslOverlayRef | null = null;
   public highlightedIds: { [id: string]: number } = {};
   public callback: Function | null = null;
-  constructor(private mediaMatcher: MediaMatcher, overlayService: OverlayService, private authService: GrpcAuthService) {
+  constructor(
+    private mediaMatcher: MediaMatcher,
+    overlayService: OverlayService,
+    private authService: GrpcAuthService,
+  ) {
     this.currentWorkflow$.pipe(takeUntil(this.destroy$)).subscribe((workflow) => {
       if (this.openRef) {
         this.openRef.close();
diff --git a/console/src/app/services/overlay/overlay.service.ts b/console/src/app/services/overlay/overlay.service.ts
index 0215010fc..d68070353 100644
--- a/console/src/app/services/overlay/overlay.service.ts
+++ b/console/src/app/services/overlay/overlay.service.ts
@@ -20,7 +20,10 @@ const DEFAULT_CONFIG: Partial<InfoOverlayConfig> = {
   providedIn: 'root',
 })
 export class OverlayService {
-  constructor(private overlay: Overlay, private injector: Injector) {}
+  constructor(
+    private overlay: Overlay,
+    private injector: Injector,
+  ) {}
 
   public open(overlay: CnslOverlay) {
     const dialogConfig: InfoOverlayConfig = { ...DEFAULT_CONFIG, ...overlay };
diff --git a/console/src/app/services/statehandler/statehandler-processor.service.ts b/console/src/app/services/statehandler/statehandler-processor.service.ts
index 5576415b1..5d15a71f2 100644
--- a/console/src/app/services/statehandler/statehandler-processor.service.ts
+++ b/console/src/app/services/statehandler/statehandler-processor.service.ts
@@ -10,7 +10,10 @@ export abstract class StatehandlerProcessorService {
 
 @Injectable()
 export class StatehandlerProcessorServiceImpl implements StatehandlerProcessorService {
-  constructor(private location: Location, private router: Router) {}
+  constructor(
+    private location: Location,
+    private router: Router,
+  ) {}
 
   public createState(url: string): string {
     const externalUrl = url;
diff --git a/console/src/app/services/statehandler/statehandler.service.ts b/console/src/app/services/statehandler/statehandler.service.ts
index df9253e4d..fa034e56f 100644
--- a/console/src/app/services/statehandler/statehandler.service.ts
+++ b/console/src/app/services/statehandler/statehandler.service.ts
@@ -16,7 +16,11 @@ export class StatehandlerServiceImpl implements StatehandlerService, OnDestroy {
   private events?: Observable<string>;
   private unsubscribe$: Subject<void> = new Subject();
 
-  constructor(oauthService: OAuthService, private injector: Injector, private processor: StatehandlerProcessorService) {
+  constructor(
+    oauthService: OAuthService,
+    private injector: Injector,
+    private processor: StatehandlerProcessorService,
+  ) {
     oauthService.events
       .pipe(
         filter((event) => event.type === 'token_received'),
diff --git a/console/src/app/services/toast.service.ts b/console/src/app/services/toast.service.ts
index e9d37a588..b5ca74281 100644
--- a/console/src/app/services/toast.service.ts
+++ b/console/src/app/services/toast.service.ts
@@ -15,7 +15,10 @@ export class ToastService {
   horizontalPosition: MatSnackBarHorizontalPosition = 'end';
   verticalPosition: MatSnackBarVerticalPosition = 'top';
 
-  constructor(private snackBar: MatSnackBar, private translate: TranslateService) {}
+  constructor(
+    private snackBar: MatSnackBar,
+    private translate: TranslateService,
+  ) {}
 
   public showInfo(message: string, i18nkey: boolean = false): void {
     if (i18nkey) {
diff --git a/console/src/app/services/update.service.ts b/console/src/app/services/update.service.ts
index e1c22e7bc..a6a29b6a5 100644
--- a/console/src/app/services/update.service.ts
+++ b/console/src/app/services/update.service.ts
@@ -6,7 +6,10 @@ import { SwUpdate } from '@angular/service-worker';
   providedIn: 'root',
 })
 export class UpdateService {
-  constructor(private swUpdate: SwUpdate, snackbar: MatSnackBar) {
+  constructor(
+    private swUpdate: SwUpdate,
+    snackbar: MatSnackBar,
+  ) {
     this.swUpdate.available.subscribe((evt) => {
       const snack = snackbar.open('Update Available', 'Reload');
 
diff --git a/console/src/assets/icons/line-awesome/css/line-awesome.css b/console/src/assets/icons/line-awesome/css/line-awesome.css
index 9af89dcc2..8796d9031 100644
--- a/console/src/assets/icons/line-awesome/css/line-awesome.css
+++ b/console/src/assets/icons/line-awesome/css/line-awesome.css
@@ -5831,9 +5831,12 @@ readers do not read off random characters that represent icons */
   font-weight: normal;
   font-display: auto;
   src: url('../fonts/la-brands-400.eot');
-  src: url('../fonts/la-brands-400.eot?#iefix') format('embedded-opentype'),
-    url('../fonts/la-brands-400.woff2') format('woff2'), url('../fonts/la-brands-400.woff') format('woff'),
-    url('../fonts/la-brands-400.ttf') format('truetype'), url('../fonts/la-brands-400.svg#lineawesome') format('svg');
+  src:
+    url('../fonts/la-brands-400.eot?#iefix') format('embedded-opentype'),
+    url('../fonts/la-brands-400.woff2') format('woff2'),
+    url('../fonts/la-brands-400.woff') format('woff'),
+    url('../fonts/la-brands-400.ttf') format('truetype'),
+    url('../fonts/la-brands-400.svg#lineawesome') format('svg');
 }
 
 .lab {
@@ -5845,9 +5848,12 @@ readers do not read off random characters that represent icons */
   font-weight: 400;
   font-display: auto;
   src: url('../fonts/la-regular-400.eot');
-  src: url('../fonts/la-regular-400.eot?#iefix') format('embedded-opentype'),
-    url('../fonts/la-regular-400.woff2') format('woff2'), url('../fonts/la-regular-400.woff') format('woff'),
-    url('../fonts/la-regular-400.ttf') format('truetype'), url('../fonts/la-regular-400.svg#lineawesome') format('svg');
+  src:
+    url('../fonts/la-regular-400.eot?#iefix') format('embedded-opentype'),
+    url('../fonts/la-regular-400.woff2') format('woff2'),
+    url('../fonts/la-regular-400.woff') format('woff'),
+    url('../fonts/la-regular-400.ttf') format('truetype'),
+    url('../fonts/la-regular-400.svg#lineawesome') format('svg');
 }
 
 .lar {
@@ -5860,9 +5866,12 @@ readers do not read off random characters that represent icons */
   font-weight: 900;
   font-display: auto;
   src: url('../fonts/la-solid-900.eot');
-  src: url('../fonts/la-solid-900.eot?#iefix') format('embedded-opentype'),
-    url('../fonts/la-solid-900.woff2') format('woff2'), url('../fonts/la-solid-900.woff') format('woff'),
-    url('../fonts/la-solid-900.ttf') format('truetype'), url('../fonts/la-solid-900.svg#lineawesome') format('svg');
+  src:
+    url('../fonts/la-solid-900.eot?#iefix') format('embedded-opentype'),
+    url('../fonts/la-solid-900.woff2') format('woff2'),
+    url('../fonts/la-solid-900.woff') format('woff'),
+    url('../fonts/la-solid-900.ttf') format('truetype'),
+    url('../fonts/la-solid-900.svg#lineawesome') format('svg');
 }
 
 .la,
diff --git a/console/src/assets/icons/line-awesome/css/line-awesome.min.css b/console/src/assets/icons/line-awesome/css/line-awesome.min.css
index 35252858e..0fb6dfe0b 100644
--- a/console/src/assets/icons/line-awesome/css/line-awesome.min.css
+++ b/console/src/assets/icons/line-awesome/css/line-awesome.min.css
@@ -4390,8 +4390,11 @@
   font-weight: 400;
   font-display: auto;
   src: url(../fonts/la-brands-400.eot);
-  src: url(../fonts/la-brands-400.eot?#iefix) format('embedded-opentype'), url(../fonts/la-brands-400.woff2) format('woff2'),
-    url(../fonts/la-brands-400.woff) format('woff'), url(../fonts/la-brands-400.ttf) format('truetype'),
+  src:
+    url(../fonts/la-brands-400.eot?#iefix) format('embedded-opentype'),
+    url(../fonts/la-brands-400.woff2) format('woff2'),
+    url(../fonts/la-brands-400.woff) format('woff'),
+    url(../fonts/la-brands-400.ttf) format('truetype'),
     url(../fonts/la-brands-400.svg#lineawesome) format('svg');
 }
 .lab {
@@ -4403,9 +4406,12 @@
   font-weight: 400;
   font-display: auto;
   src: url(../fonts/la-regular-400.eot);
-  src: url(../fonts/la-regular-400.eot?#iefix) format('embedded-opentype'),
-    url(../fonts/la-regular-400.woff2) format('woff2'), url(../fonts/la-regular-400.woff) format('woff'),
-    url(../fonts/la-regular-400.ttf) format('truetype'), url(../fonts/la-regular-400.svg#lineawesome) format('svg');
+  src:
+    url(../fonts/la-regular-400.eot?#iefix) format('embedded-opentype'),
+    url(../fonts/la-regular-400.woff2) format('woff2'),
+    url(../fonts/la-regular-400.woff) format('woff'),
+    url(../fonts/la-regular-400.ttf) format('truetype'),
+    url(../fonts/la-regular-400.svg#lineawesome) format('svg');
 }
 .lar {
   font-family: 'Line Awesome Free';
@@ -4417,8 +4423,11 @@
   font-weight: 900;
   font-display: auto;
   src: url(../fonts/la-solid-900.eot);
-  src: url(../fonts/la-solid-900.eot?#iefix) format('embedded-opentype'), url(../fonts/la-solid-900.woff2) format('woff2'),
-    url(../fonts/la-solid-900.woff) format('woff'), url(../fonts/la-solid-900.ttf) format('truetype'),
+  src:
+    url(../fonts/la-solid-900.eot?#iefix) format('embedded-opentype'),
+    url(../fonts/la-solid-900.woff2) format('woff2'),
+    url(../fonts/la-solid-900.woff) format('woff'),
+    url(../fonts/la-solid-900.ttf) format('truetype'),
     url(../fonts/la-solid-900.svg#lineawesome) format('svg');
 }
 .la,
diff --git a/console/src/index.html b/console/src/index.html
index fe500d8d2..193bf704c 100644
--- a/console/src/index.html
+++ b/console/src/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
diff --git a/console/src/styles.scss b/console/src/styles.scss
index 40a0d614f..4953a44db 100644
--- a/console/src/styles.scss
+++ b/console/src/styles.scss
@@ -569,8 +569,19 @@ body {
 
 body {
   margin: 0;
-  font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
-    'Droid Sans', 'Helvetica Neue', sans-serif;
+  font-family:
+    'Lato',
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    'Roboto',
+    'Oxygen',
+    'Ubuntu',
+    'Cantarell',
+    'Fira Sans',
+    'Droid Sans',
+    'Helvetica Neue',
+    sans-serif;
 }
 
 h1 {
diff --git a/console/src/styles/input.scss b/console/src/styles/input.scss
index 16c29c5d7..190b8be9a 100644
--- a/console/src/styles/input.scss
+++ b/console/src/styles/input.scss
@@ -25,7 +25,9 @@
     border-radius: 4px;
     height: 40px;
     padding: 10px;
-    transition: border-color 0.15s ease-in-out, background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
+    transition:
+      border-color 0.15s ease-in-out,
+      background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
       color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     width: 100%;
     color: mat.get-color-from-palette($foreground, text);
diff --git a/console/yarn.lock b/console/yarn.lock
index f1816b432..2a959aec9 100644
--- a/console/yarn.lock
+++ b/console/yarn.lock
@@ -2026,10 +2026,10 @@
   resolved "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.6.2.tgz"
   integrity sha512-pPTNuaAG3QMH+buKyBIGJs3g/S5y0caxw0ygM3YyE6yJFySwiGGSzA+mM3KJ8QQvzeLh3blwgSonkFjgQdxzMw==
 
-"@eslint/eslintrc@^2.1.1":
-  version "2.1.1"
-  resolved "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.1.tgz"
-  integrity sha512-9t7ZA7NGGK8ckelF0PQCfcxIUzs1Md5rrO6U/c+FIQNanea5UZC0wqKXH4vHBccmu4ZJgZ2idtPeW7+Q2npOEA==
+"@eslint/eslintrc@^2.1.2":
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.1.2.tgz#c6936b4b328c64496692f76944e755738be62396"
+  integrity sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==
   dependencies:
     ajv "^6.12.4"
     debug "^4.3.2"
@@ -2041,39 +2041,38 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
-"@eslint/js@^8.46.0":
-  version "8.46.0"
-  resolved "https://registry.npmjs.org/@eslint/js/-/js-8.46.0.tgz"
-  integrity sha512-a8TLtmPi8xzPkCbp/OGFUo5yhRkHM2Ko9kOWP4znJr0WAhWyThaw3PnwX4vOTWOAMsV2uRt32PPDcEz63esSaA==
+"@eslint/js@8.50.0":
+  version "8.50.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.50.0.tgz#9e93b850f0f3fa35f5fa59adfd03adae8488e484"
+  integrity sha512-NCC3zz2+nvYd+Ckfh87rA47zfu2QsQpvc6k1yzTk+b9KzRj0wkGa8LSoGOXN6Zv4lRf/EIoZ80biDh9HOI+RNQ==
 
 "@gar/promisify@^1.1.3":
   version "1.1.3"
   resolved "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz"
   integrity sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==
 
-"@grpc/grpc-js@^1.8.14":
-  version "1.8.14"
-  resolved "https://registry.npmjs.org/@grpc/grpc-js/-/grpc-js-1.8.14.tgz"
-  integrity sha512-w84maJ6CKl5aApCMzFll0hxtFNT6or9WwMslobKaqWUEf1K+zhlL43bSQhFreyYWIWR+Z0xnVFC1KtLm4ZpM/A==
+"@grpc/grpc-js@^1.9.3":
+  version "1.9.3"
+  resolved "https://registry.yarnpkg.com/@grpc/grpc-js/-/grpc-js-1.9.3.tgz#811cc49966ab7ed96efa31d213e80d671fd13839"
+  integrity sha512-b8iWtdrYIeT5fdZdS4Br/6h/kuk0PW5EVBUGk1amSbrpL8DlktJD43CdcCWwRdd6+jgwHhADSbL9CsNnm6EUPA==
   dependencies:
-    "@grpc/proto-loader" "^0.7.0"
+    "@grpc/proto-loader" "^0.7.8"
     "@types/node" ">=12.12.47"
 
-"@grpc/proto-loader@^0.7.0":
-  version "0.7.7"
-  resolved "https://registry.npmjs.org/@grpc/proto-loader/-/proto-loader-0.7.7.tgz"
-  integrity sha512-1TIeXOi8TuSCQprPItwoMymZXxWT0CPxUhkrkeCUH+D8U7QDwQ6b7SUz2MaLuWM2llT+J/TVFLmQI5KtML3BhQ==
+"@grpc/proto-loader@^0.7.8":
+  version "0.7.10"
+  resolved "https://registry.yarnpkg.com/@grpc/proto-loader/-/proto-loader-0.7.10.tgz#6bf26742b1b54d0a473067743da5d3189d06d720"
+  integrity sha512-CAqDfoaQ8ykFd9zqBDn4k6iWT9loLAlc2ETmDFS9JCD70gDcnA4L3AFEo2iV7KyAtAAHFW9ftq1Fz+Vsgq80RQ==
   dependencies:
-    "@types/long" "^4.0.1"
     lodash.camelcase "^4.3.0"
-    long "^4.0.0"
-    protobufjs "^7.0.0"
+    long "^5.0.0"
+    protobufjs "^7.2.4"
     yargs "^17.7.2"
 
-"@humanwhocodes/config-array@^0.11.10":
-  version "0.11.10"
-  resolved "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz"
-  integrity sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==
+"@humanwhocodes/config-array@^0.11.11":
+  version "0.11.11"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.11.tgz#88a04c570dbbc7dd943e4712429c3df09bc32844"
+  integrity sha512-N2brEuAadi0CcdeMXUkhbZB84eskAc8MEX1By6qEchoVywSgXPIjou4rYsl0V3Hj0ZnuGycGCjdNgockbzeWNA==
   dependencies:
     "@humanwhocodes/object-schema" "^1.2.1"
     debug "^4.1.1"
@@ -3274,15 +3273,10 @@
   dependencies:
     "@types/node" "*"
 
-"@types/jasmine@*":
-  version "4.3.1"
-  resolved "https://registry.npmjs.org/@types/jasmine/-/jasmine-4.3.1.tgz"
-  integrity sha512-Vu8l+UGcshYmV1VWwULgnV/2RDbBaO6i2Ptx7nd//oJPIZGhoI1YLST4VKagD2Pq/Bc2/7zvtvhM7F3p4SN7kQ==
-
-"@types/jasmine@~4.3.3":
-  version "4.3.5"
-  resolved "https://registry.npmjs.org/@types/jasmine/-/jasmine-4.3.5.tgz"
-  integrity sha512-9YHUdvuNDDRJYXZwHqSsO72Ok0vmqoJbNn73ttyITQp/VA60SarnZ+MPLD37rJAhVoKp+9BWOvJP5tHIRfZylQ==
+"@types/jasmine@*", "@types/jasmine@~4.3.6":
+  version "4.3.6"
+  resolved "https://registry.yarnpkg.com/@types/jasmine/-/jasmine-4.3.6.tgz#d9855fa9f808138488784610f888046bb9a59aff"
+  integrity sha512-3N0FpQTeiWjm+Oo1WUYWguUS7E6JLceiGTriFrG8k5PU7zRLJCzLcWURU3wjMbZGS//a2/LgjsnO3QxIlwxt9g==
 
 "@types/jasminewd2@~2.0.10":
   version "2.0.10"
@@ -3303,11 +3297,6 @@
   dependencies:
     "@types/node" "*"
 
-"@types/long@^4.0.1":
-  version "4.0.2"
-  resolved "https://registry.npmjs.org/@types/long/-/long-4.0.2.tgz"
-  integrity sha512-MqTGEo5bj5t157U6fA/BiDynNkn0YknVdh48CMPkTSpFTVmvao5UQmm7uEF6xBEo7qIMAlY/JSleYaE6VOdpaA==
-
 "@types/mime@*":
   version "3.0.1"
   resolved "https://registry.npmjs.org/@types/mime/-/mime-3.0.1.tgz"
@@ -3319,14 +3308,14 @@
   integrity sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw==
 
 "@types/node@*", "@types/node@>=10.0.0", "@types/node@>=12.12.47", "@types/node@>=13.7.0":
-  version "20.1.5"
-  resolved "https://registry.npmjs.org/@types/node/-/node-20.1.5.tgz"
-  integrity sha512-IvGD1CD/nego63ySR7vrAKEX3AJTcmrAN2kn+/sDNLi1Ff5kBzDeEdqWDplK+0HAEoLYej137Sk0cUU8OLOlMg==
+  version "20.6.5"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.6.5.tgz#4c6a79adf59a8e8193ac87a0e522605b16587258"
+  integrity sha512-2qGq5LAOTh9izcc0+F+dToFigBWiK1phKPt7rNhOqJSr35y8rlIBjDwGtFSgAI6MGIhjwOVNSQZVdJsZJ2uR1w==
 
-"@types/node@^18.15.11":
-  version "18.16.10"
-  resolved "https://registry.npmjs.org/@types/node/-/node-18.16.10.tgz"
-  integrity sha512-sMo3EngB6QkMBlB9rBe1lFdKSLqljyWPPWv6/FzSxh/IDlyVWSzE9RiF4eAuerQHybrWdqBgAGb03PM89qOasA==
+"@types/node@^20.7.0":
+  version "20.7.0"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.7.0.tgz#c03de4572f114a940bc2ca909a33ddb2b925e470"
+  integrity sha512-zI22/pJW2wUZOVyguFaUL1HABdmSVxpXrzIqkjsHmyUjNhPoWM1CKfvVuXfetHhIok4RY573cqS0mZ1SJEnoTg==
 
 "@types/opentype.js@^1.3.4":
   version "1.3.4"
@@ -3338,13 +3327,20 @@
   resolved "https://registry.npmjs.org/@types/q/-/q-0.0.32.tgz"
   integrity sha512-qYi3YV9inU/REEfxwVcGZzbS3KG/Xs90lv0Pr+lDtuVjBPGd1A+eciXzVSaRvLify132BfcvhvEjeVahrUl0Ug==
 
-"@types/qrcode@1.5.0", "@types/qrcode@^1.5.0":
+"@types/qrcode@1.5.0":
   version "1.5.0"
   resolved "https://registry.npmjs.org/@types/qrcode/-/qrcode-1.5.0.tgz"
   integrity sha512-x5ilHXRxUPIMfjtM+1vf/GPTRWZ81nqscursm5gMznJeK9M0YnZ1c3bEvRLQ0zSSgedLx1J6MGL231ObQGGhaA==
   dependencies:
     "@types/node" "*"
 
+"@types/qrcode@^1.5.2":
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/@types/qrcode/-/qrcode-1.5.2.tgz#27633439b7fbe88cc3043b29c8e7612a8a789e15"
+  integrity sha512-W4KDz75m7rJjFbyCctzCtRzZUj+PrUHV+YjqDp50sSRezTbrtEAIq2iTzC6lISARl3qw+8IlcCyljdcVJE0Wug==
+  dependencies:
+    "@types/node" "*"
+
 "@types/qs@*":
   version "6.9.7"
   resolved "https://registry.npmjs.org/@types/qs/-/qs-6.9.7.tgz"
@@ -5384,15 +5380,7 @@ eslint-scope@5.1.1, eslint-scope@^5.1.1:
     esrecurse "^4.3.0"
     estraverse "^4.1.1"
 
-eslint-scope@^7.0.0:
-  version "7.2.0"
-  resolved "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.0.tgz"
-  integrity sha512-DYj5deGlHBfMt15J7rdtyKNq/Nqlv5KfU4iodrQ019XESsRnwXH9KAE0y3cwtUHDo2ob7CypAnCqefh6vioWRw==
-  dependencies:
-    esrecurse "^4.3.0"
-    estraverse "^5.2.0"
-
-eslint-scope@^7.2.2:
+eslint-scope@^7.0.0, eslint-scope@^7.2.2:
   version "7.2.2"
   resolved "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz"
   integrity sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==
@@ -5400,21 +5388,21 @@ eslint-scope@^7.2.2:
     esrecurse "^4.3.0"
     estraverse "^5.2.0"
 
-eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.2:
-  version "3.4.2"
-  resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.2.tgz"
-  integrity sha512-8drBzUEyZ2llkpCA67iYrgEssKDUu68V8ChqqOfFupIaG/LCVPUT+CoGJpT77zJprs4T/W7p07LP7zAIMuweVw==
+eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
+  integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
 
-eslint@^8.44.0:
-  version "8.46.0"
-  resolved "https://registry.npmjs.org/eslint/-/eslint-8.46.0.tgz"
-  integrity sha512-cIO74PvbW0qU8e0mIvk5IV3ToWdCq5FYG6gWPHHkx6gNdjlbAYvtfHmlCMXxjcoVaIdwy/IAt3+mDkZkfvb2Dg==
+eslint@^8.50.0:
+  version "8.50.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.50.0.tgz#2ae6015fee0240fcd3f83e1e25df0287f487d6b2"
+  integrity sha512-FOnOGSuFuFLv/Sa+FDVRZl4GGVAAFFi8LecRsI5a1tMO5HIE8nCm4ivAlzt4dT3ol/PaaGC0rJEEXQmHJBGoOg==
   dependencies:
     "@eslint-community/eslint-utils" "^4.2.0"
     "@eslint-community/regexpp" "^4.6.1"
-    "@eslint/eslintrc" "^2.1.1"
-    "@eslint/js" "^8.46.0"
-    "@humanwhocodes/config-array" "^0.11.10"
+    "@eslint/eslintrc" "^2.1.2"
+    "@eslint/js" "8.50.0"
+    "@humanwhocodes/config-array" "^0.11.11"
     "@humanwhocodes/module-importer" "^1.0.1"
     "@nodelib/fs.walk" "^1.2.8"
     ajv "^6.12.4"
@@ -5424,7 +5412,7 @@ eslint@^8.44.0:
     doctrine "^3.0.0"
     escape-string-regexp "^4.0.0"
     eslint-scope "^7.2.2"
-    eslint-visitor-keys "^3.4.2"
+    eslint-visitor-keys "^3.4.3"
     espree "^9.6.1"
     esquery "^1.4.2"
     esutils "^2.0.2"
@@ -7266,11 +7254,6 @@ log4js@^6.4.1:
     rfdc "^1.3.0"
     streamroller "^3.1.5"
 
-long@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.npmjs.org/long/-/long-4.0.0.tgz"
-  integrity sha512-XsP+KhQif4bjX1kbuSiySJFNAehNxgLb6hPRGJ9QsUr8ajHkuXGdrHmFUTUUXhDwVX2R5bY4JNZEwbUiMhV+MA==
-
 long@^5.0.0:
   version "5.2.3"
   resolved "https://registry.npmjs.org/long/-/long-5.2.3.tgz"
@@ -8349,10 +8332,10 @@ prettier-plugin-organize-imports@^3.2.2:
   resolved "https://registry.npmjs.org/prettier-plugin-organize-imports/-/prettier-plugin-organize-imports-3.2.2.tgz"
   integrity sha512-e97lE6odGSiHonHJMTYC0q0iLXQyw0u5z/PJpvP/3vRy6/Zi9kLBwFAbEGjDzIowpjQv8b+J04PDamoUSQbzGA==
 
-prettier@^2.8.7:
-  version "2.8.8"
-  resolved "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz"
-  integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
+prettier@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.0.3.tgz#432a51f7ba422d1469096c0fdc28e235db8f9643"
+  integrity sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==
 
 pretty-bytes@^5.3.0:
   version "5.6.0"
@@ -8382,10 +8365,10 @@ promise-retry@^2.0.1:
     err-code "^2.0.2"
     retry "^0.12.0"
 
-protobufjs@^7.0.0:
-  version "7.2.3"
-  resolved "https://registry.npmjs.org/protobufjs/-/protobufjs-7.2.3.tgz"
-  integrity sha512-TtpvOqwB5Gdz/PQmOjgsrGH1nHjAQVCN7JG4A6r1sXRWESL5rNMAiRcBQlCAdKxZcAbstExQePYG8xof/JVRgg==
+protobufjs@^7.0.0, protobufjs@^7.2.4:
+  version "7.2.5"
+  resolved "https://registry.yarnpkg.com/protobufjs/-/protobufjs-7.2.5.tgz#45d5c57387a6d29a17aab6846dcc283f9b8e7f2d"
+  integrity sha512-gGXRSXvxQ7UiPgfw8gevrfRWcTlSbOFg+p/N+JVJEK5VhueL2miT6qTymqAmjr1Q5WbOCyJbyrk6JfWKwlFn6A==
   dependencies:
     "@protobufjs/aspromise" "^1.1.2"
     "@protobufjs/base64" "^1.1.2"
@@ -8907,7 +8890,7 @@ semver@7.5.3:
   dependencies:
     lru-cache "^6.0.0"
 
-semver@7.5.4:
+semver@7.5.4, semver@^7.0.0, semver@^7.1.1, semver@^7.3.5, semver@^7.3.7, semver@^7.3.8:
   version "7.5.4"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.4.tgz#483986ec4ed38e1c6c48c34894a9182dbff68a6e"
   integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
@@ -8915,27 +8898,15 @@ semver@7.5.4:
     lru-cache "^6.0.0"
 
 semver@^5.3.0, semver@^5.6.0:
-  version "5.7.1"
-  resolved "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz"
-  integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
+  version "5.7.2"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.2.tgz#48d55db737c3287cd4835e17fa13feace1c41ef8"
+  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
 
-semver@^6.0.0, semver@^6.3.0:
-  version "6.3.0"
-  resolved "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz"
-  integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
-
-semver@^6.3.1:
+semver@^6.0.0, semver@^6.3.0, semver@^6.3.1:
   version "6.3.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
-semver@^7.0.0, semver@^7.1.1, semver@^7.3.5, semver@^7.3.7, semver@^7.3.8:
-  version "7.5.1"
-  resolved "https://registry.npmjs.org/semver/-/semver-7.5.1.tgz"
-  integrity sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==
-  dependencies:
-    lru-cache "^6.0.0"
-
 send@0.18.0:
   version "0.18.0"
   resolved "https://registry.npmjs.org/send/-/send-0.18.0.tgz"
@@ -9080,9 +9051,9 @@ socket.io-adapter@~2.5.2:
     ws "~8.11.0"
 
 socket.io-parser@~4.2.1:
-  version "4.2.2"
-  resolved "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.2.tgz"
-  integrity sha512-DJtziuKypFkMMHCm2uIshOYC7QaylbtzQwiMYDuCKy3OPkjLzu4B2vAhTlqipRHHzrI0NJeBAizTK7X+6m1jVw==
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/socket.io-parser/-/socket.io-parser-4.2.4.tgz#c806966cf7270601e47469ddeec30fbdfda44c83"
+  integrity sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==
   dependencies:
     "@socket.io/component-emitter" "~3.1.0"
     debug "~4.3.1"