fix: update console deps (#9628)

# Which Problems Are Solved
Closes most of the dependabot alerts

# How the Problems Are Solved
Updating Versions as much as possible. Angular upgrade was left out on
purpose.

# Additional Changes
Some refactoring of unused code, which I stumbled upon looking at our
used deps.

console/src/app/components/framework-change/framework-change.component.ts

@@ -1,23 +1,12 @@
 import { CommonModule } from '@angular/common';
-import { Component, EventEmitter, OnDestroy, OnInit, Output, effect, signal } from '@angular/core';
+import { Component, EventEmitter, OnDestroy, OnInit, Output } from '@angular/core';
 import { ActivatedRoute, Params, RouterModule } from '@angular/router';
 import { TranslateModule } from '@ngx-translate/core';
 import frameworkDefinition from '../../../../../docs/frameworks.json';
 import { MatButtonModule } from '@angular/material/button';
-import { listFrameworks, hasFramework, getFramework } from '@netlify/framework-info';
-import { FrameworkName } from '@netlify/framework-info/lib/generated/frameworkNames';
-import { FrameworkAutocompleteComponent } from '../framework-autocomplete/framework-autocomplete.component';
 import { Framework } from '../quickstart/quickstart.component';
 import { BehaviorSubject, Subject, takeUntil } from 'rxjs';
-import {
-  MatDialog,
-  MatDialogActions,
-  MatDialogClose,
-  MatDialogContent,
-  MatDialogModule,
-  MatDialogRef,
-  MatDialogTitle,
-} from '@angular/material/dialog';
+import { MatDialog } from '@angular/material/dialog';
 import { FrameworkChangeDialogComponent } from './framework-change-dialog.component';
 
 @Component({
@@ -25,12 +14,11 @@ import { FrameworkChangeDialogComponent } from './framework-change-dialog.compon
   selector: 'cnsl-framework-change',
   templateUrl: './framework-change.component.html',
   styleUrls: ['./framework-change.component.scss'],
-  imports: [TranslateModule, RouterModule, CommonModule, MatButtonModule, FrameworkAutocompleteComponent],
+  imports: [TranslateModule, RouterModule, CommonModule, MatButtonModule],
 })
 export class FrameworkChangeComponent implements OnInit, OnDestroy {
   private destroy$: Subject<void> = new Subject();
   public framework: BehaviorSubject<Framework | undefined> = new BehaviorSubject<Framework | undefined>(undefined);
-  public showFrameworkAutocomplete = signal<boolean>(false);
   @Output() public frameworkChanged: EventEmitter<Framework> = new EventEmitter();
   public frameworks: Framework[] = frameworkDefinition.map((f) => {
     return {

console/src/app/components/oidc-configuration/oidc-configuration.component.ts

@@ -2,10 +2,8 @@ import { CommonModule } from '@angular/common';
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { TranslateModule } from '@ngx-translate/core';
-import frameworkDefinition from '../../../../../docs/frameworks.json';
 import { MatButtonModule } from '@angular/material/button';
-import { listFrameworks, hasFramework, getFramework } from '@netlify/framework-info';
-import { FrameworkName } from '@netlify/framework-info/lib/generated/frameworkNames';
+import type { FrameworkName } from '@netlify/framework-info/lib/generated/frameworkNames';
 import { AddOIDCAppRequest } from 'src/app/proto/generated/zitadel/management_pb';
 
 export type FrameworkDefinition = {

console/src/app/components/quickstart/quickstart.component.ts

@@ -4,8 +4,7 @@ import { RouterModule } from '@angular/router';
 import { TranslateModule } from '@ngx-translate/core';
 import frameworkDefinition from '../../../../../docs/frameworks.json';
 import { MatButtonModule } from '@angular/material/button';
-import { listFrameworks, hasFramework, getFramework } from '@netlify/framework-info';
-import { FrameworkName } from '@netlify/framework-info/lib/generated/frameworkNames';
+import type { FrameworkName } from '@netlify/framework-info/lib/generated/frameworkNames';
 import { OIDC_CONFIGURATIONS } from 'src/app/utils/framework';
 
 export type FrameworkDefinition = {

console/src/app/modules/input/input.directive.ts

@@ -71,14 +71,7 @@ const _MatInputBase = mixinErrorState(
 })
 export class InputDirective
   extends _MatInputBase
-  implements
-    MatFormFieldControl<any>,
-    OnChanges,
-    CanUpdateErrorState,
-    OnDestroy,
-    AfterViewInit,
-    DoCheck,
-    CanUpdateErrorState
+  implements MatFormFieldControl<any>, OnChanges, CanUpdateErrorState, OnDestroy, AfterViewInit, DoCheck, CanUpdateErrorState
 {
   protected _uid: string = `cnsl-input-${nextUniqueId++}`;
   protected _previousNativeValue: any;

console/src/app/modules/policies/private-labeling-policy/color/color.component.ts

@@ -1,5 +1,5 @@
 import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
-import { ColorEvent } from 'ngx-color';
+import type { ColorEvent } from 'ngx-color';
 import { BehaviorSubject, debounceTime } from 'rxjs';
 
 import { ColorType } from '../private-labeling-policy.component';

console/src/app/pages/projects/apps/apps.module.ts

@@ -46,7 +46,7 @@ import { RedirectUrisComponent } from './redirect-uris/redirect-uris.component';
 import { IntegrateAppComponent } from './integrate/integrate.component';
 import { OIDCConfigurationComponent } from 'src/app/components/oidc-configuration/oidc-configuration.component';
 import { FrameworkChangeComponent } from 'src/app/components/framework-change/framework-change.component';
-import { CopyRowComponent } from '../../../components/copy-row/copy-row.component';
+import { CopyRowComponent } from 'src/app/components/copy-row/copy-row.component';
 
 @NgModule({
   declarations: [

console/src/app/services/posthog.service.ts

@@ -1,7 +1,7 @@
-import { Injectable, OnDestroy } from '@angular/core';
+import { DestroyRef, Injectable, OnDestroy } from '@angular/core';
 import { EnvironmentService } from './environment.service';
-import { Subscription } from 'rxjs';
 import posthog from 'posthog-js';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 @Injectable({
   providedIn: 'root',
@@ -9,17 +9,16 @@ import posthog from 'posthog-js';
 export class PosthogService implements OnDestroy {
   private posthogToken?: string;
   private posthogUrl?: string;
-  private envSubscription: Subscription;
 
-  constructor(private envService: EnvironmentService) {
-    this.envSubscription = this.envService.env.subscribe((env) => {
+  constructor(envService: EnvironmentService, destroyRef: DestroyRef) {
+    envService.env.pipe(takeUntilDestroyed(destroyRef)).subscribe((env) => {
       this.posthogToken = env.posthog_token;
       this.posthogUrl = env.posthog_url;
       this.init();
     });
   }
 
-  async init() {
+  init() {
     if (this.posthogToken && this.posthogUrl) {
       posthog.init(this.posthogToken, {
         api_host: this.posthogUrl,
@@ -34,10 +33,6 @@ export class PosthogService implements OnDestroy {
   }
 
   ngOnDestroy() {
-    if (this.envSubscription) {
-      this.envSubscription.unsubscribe();
-    }
-
     posthog.reset();
   }
 }

console/src/app/utils/framework.ts

@@ -1,6 +1,4 @@
-import { Framework } from '@netlify/framework-info/lib/types';
 import { AddOIDCAppRequest } from '../proto/generated/zitadel/management_pb';
-import { FrameworkName } from '@netlify/framework-info/lib/generated/frameworkNames';
 import { OIDCAppType, OIDCAuthMethodType, OIDCGrantType, OIDCResponseType } from '../proto/generated/zitadel/app_pb';
 
 type OidcAppConfigurations = {