feat: create human user v2 page (#9506)

# Which Problems Are Solved
Allows users to be created using the V2 User API

# How the Problems Are Solved
I added a seperate V2 create user page with the new code using the new
apis.

# Additional Changes
I did some refactorings arround our interceptors as they used an
obselete syntax.
The password complexity form takes the Buf definitions.

# Additional Context
- Closes #9430

---------

Co-authored-by: Max Peintner <[email protected]>

console/src/app/modules/password-complexity-view/password-complexity-view.component.html

@@ -1,4 +1,4 @@
-<div class="validation-col" *ngIf="policy">
+<div class="validation-col">
   <div class="val" *ngIf="policy.minLength">
     <i *ngIf="password?.value?.length === 0; else showSpinner" class="las la-times red"></i>
 
@@ -15,7 +15,7 @@
           diameter="20"
           [color]="currentError ? 'warn' : 'valid'"
           mode="determinate"
-          [value]="(password?.value?.length / policy.minLength) * 100"
+          [value]="(password?.value?.length / minLength) * 100"
         >
         </mat-progress-spinner>
       </div>

console/src/app/modules/password-complexity-view/password-complexity-view.component.ts

@@ -1,6 +1,6 @@
 import { Component, Input } from '@angular/core';
 import { AbstractControl } from '@angular/forms';
-import { PasswordComplexityPolicy } from 'src/app/proto/generated/zitadel/policy_pb';
+import { PasswordComplexityPolicy } from '@zitadel/proto/zitadel/policy_pb';
 
 @Component({
   selector: 'cnsl-password-complexity-view',
@@ -9,5 +9,9 @@ import { PasswordComplexityPolicy } from 'src/app/proto/generated/zitadel/policy
 })
 export class PasswordComplexityViewComponent {
   @Input() public password: AbstractControl | null = null;
-  @Input() public policy!: PasswordComplexityPolicy.AsObject;
+  @Input({ required: true }) public policy!: PasswordComplexityPolicy;
+
+  protected get minLength() {
+    return Number(this.policy.minLength);
+  }
 }