chore(console): resolve warnings due to dependency update (#4270)

* cli, core

* material cdk

* schematics

* chore(deps): bump ngx-color from 7.3.3 to 8.0.2 in /console (#4228)

Bumps [ngx-color](https://github.com/scttcper/ngx-color) from 7.3.3 to 8.0.2.
- [Release notes](https://github.com/scttcper/ngx-color/releases)
- [Commits](https://github.com/scttcper/ngx-color/compare/v7.3.3...v8.0.2)

---
updated-dependencies:
- dependency-name: ngx-color
  dependency-type: direct:production
  update-type: version-update:semver-major
...

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

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

* eslint-plugin

* chore(deps): bump moment from 2.29.3 to 2.29.4 in /console (#3926)

Bumps [moment](https://github.com/moment/moment) from 2.29.3 to 2.29.4.
- [Release notes](https://github.com/moment/moment/releases)
- [Changelog](https://github.com/moment/moment/blob/develop/CHANGELOG.md)
- [Commits](https://github.com/moment/moment/compare/2.29.3...2.29.4)

---
updated-dependencies:
- dependency-name: moment
  dependency-type: direct:production
...

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

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

* chore(deps): bump codemirror from 5.65.6 to 6.0.1 in /console (#3928)

Bumps [codemirror](https://github.com/codemirror/basic-setup) from 5.65.6 to 6.0.1.
- [Release notes](https://github.com/codemirror/basic-setup/releases)
- [Changelog](https://github.com/codemirror/basic-setup/blob/main/CHANGELOG.md)
- [Commits](https://github.com/codemirror/basic-setup/commits/6.0.1)

---
updated-dependencies:
- dependency-name: codemirror
  dependency-type: direct:production
  update-type: version-update:semver-major
...

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

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

* lock

* use codemirror 5

* remove redundant null undefined checks

* i18n, undefined checks

* remove redundant null and undefined checks

* checks

* fix: resolve null check warnings

* commonjs deps

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Livio Spring <[email protected]>

console/src/app/modules/user-grants/user-grants.component.html

@@ -1,21 +1,12 @@
 <cnsl-refresh-table
-  [loading]="dataSource?.loading$ | async"
+  [loading]="dataSource.loading$ | async"
   (refreshed)="changePage()"
   [hideRefresh]="true"
   [emitRefreshOnPreviousRoutes]="refreshOnPreviousRoutes"
-  [timestamp]="dataSource?.viewTimestamp"
-  [dataSize]="dataSource?.totalResult ?? 0"
+  [timestamp]="dataSource.viewTimestamp"
+  [dataSize]="dataSource.totalResult"
   [selection]="selection"
 >
-  <!-- <div leftActions class="user-grants-table-left-actions">
-    <button class="user-grant-type-button" [ngClass]="{'active': type === undefined}"
-      (click)="setType(undefined)">{{'PROJECT.GRANT.ALL' | translate}}</button>
-    <button class="user-grant-type-button" [ngClass]="{'active': type === Type.TYPE_HUMAN}"
-      (click)="setType(Type.TYPE_HUMAN)">{{'USER.TABLE.TYPES.HUMAN' | translate}}</button>
-    <button class="user-grant-type-button" [ngClass]="{'active': type === Type.TYPE_MACHINE}"
-      (click)="setType(Type.TYPE_MACHINE)">{{'USER.TABLE.TYPES.MACHINE' | translate}}</button>
-  </div> -->
-
   <button
     color="warn"
     matTooltip="{{ 'GRANTS.DELETE' | translate }}"
@@ -193,7 +184,7 @@
   <cnsl-paginator
     class="paginator"
     #paginator
-    [timestamp]="dataSource?.viewTimestamp"
+    [timestamp]="dataSource.viewTimestamp"
     [length]="dataSource.totalResult"
     [pageSize]="INITIAL_PAGE_SIZE"
     [length]="dataSource.totalResult"

console/src/app/modules/user-grants/user-grants.component.ts

@@ -38,10 +38,10 @@ export class UserGrantsComponent implements OnInit, AfterViewInit {
   @Input() context: UserGrantContext = UserGrantContext.NONE;
   @Input() refreshOnPreviousRoutes: string[] = [];
 
-  public dataSource!: UserGrantsDataSource;
+  public dataSource: UserGrantsDataSource = new UserGrantsDataSource(this.userService);
   public selection: SelectionModel<UserGrant.AsObject> = new SelectionModel<UserGrant.AsObject>(true, []);
-  @ViewChild(PaginatorComponent) public paginator!: PaginatorComponent;
-  @ViewChild(MatTable) public table!: MatTable<UserGrant.AsObject>;
+  @ViewChild(PaginatorComponent) public paginator?: PaginatorComponent;
+  @ViewChild(MatTable) public table?: MatTable<UserGrant.AsObject>;
 
   @Input() disableWrite: boolean = false;
   @Input() disableDelete: boolean = false;
@@ -85,8 +85,6 @@ export class UserGrantsComponent implements OnInit, AfterViewInit {
   ];
 
   ngOnInit(): void {
-    this.dataSource = new UserGrantsDataSource(this.userService);
-
     switch (this.context) {
       case UserGrantContext.OWNED_PROJECT:
         if (this.projectId) {
@@ -113,7 +111,7 @@ export class UserGrantsComponent implements OnInit, AfterViewInit {
   }
 
   public ngAfterViewInit(): void {
-    this.paginator.page.pipe(tap(() => this.loadGrantsPage(this.type))).subscribe();
+    this.paginator?.page.pipe(tap(() => this.loadGrantsPage(this.type))).subscribe();
   }
 
   public setType(type: Type | undefined): void {
@@ -271,8 +269,8 @@ export class UserGrantsComponent implements OnInit, AfterViewInit {
   public changePage(event?: PageEvent): void {
     this.dataSource.loadGrants(
       this.context,
-      event?.pageIndex ?? this.paginator.pageIndex,
-      event?.pageSize ?? this.paginator.pageSize,
+      event?.pageIndex ?? this.paginator?.pageIndex ?? 0,
+      event?.pageSize ?? this.paginator?.pageSize ?? this.INITIAL_PAGE_SIZE,
       {
         projectId: this.projectId,
         grantId: this.grantId,