migrate angular 21

src/app/modules/user/password/password.component.html

@@ -6,14 +6,16 @@
         (keyup.enter)="onResetPassword()"
         formControlName="user"
         matInput
-      />
+        />
     </mat-form-field>
 
     <app-button-row>
       <app-button (click)="onResetPassword()" [icon]="faNewPassword"
-      >neues Passwort anfordern
+        >neues Passwort anfordern
       </app-button>
-      <p *ngIf="errorMessage" class="error">{{ errorMessage | authMessage }}</p>
+      @if (errorMessage) {
+        <p class="error">{{ errorMessage | authMessage }}</p>
+      }
     </app-button-row>
   </div>
 </app-card>

src/app/modules/user/password/password.component.ts

@@ -8,14 +8,14 @@ import {MatFormField, MatLabel} from '@angular/material/form-field';
 import {MatInput} from '@angular/material/input';
 import {ButtonRowComponent} from '../../../widget-modules/components/button-row/button-row.component';
 import {ButtonComponent} from '../../../widget-modules/components/button/button.component';
-import {NgIf} from '@angular/common';
+
 import {AuthMessagePipe} from '../login/auth-message.pipe';
 
 @Component({
   selector: 'app-password',
   templateUrl: './password.component.html',
   styleUrls: ['./password.component.less'],
-  imports: [CardComponent, ReactiveFormsModule, MatFormField, MatLabel, MatInput, ButtonRowComponent, ButtonComponent, NgIf, AuthMessagePipe],
+  imports: [CardComponent, ReactiveFormsModule, MatFormField, MatLabel, MatInput, ButtonRowComponent, ButtonComponent, AuthMessagePipe],
 })
 export class PasswordComponent implements OnInit {
   public form: UntypedFormGroup = new UntypedFormGroup({