migrate angular 21

src/app/modules/brand/new-user/new-user.component.html

@@ -1,11 +1,13 @@
 <div class="frame">
   <app-brand class="brand"></app-brand>
-  <div *ngIf="user$ | async as user" class="text">
-    <div class="welcome">WILLKOMMEN</div>
-    <div class="name">{{ user.name }}</div>
-    <div class="roles">
-      Es wurden noch keine Berechtigungen zugeteilt, bitte wende Dich an den
-      Administrator!
+  @if (user$ | async; as user) {
+    <div class="text">
+      <div class="welcome">WILLKOMMEN</div>
+      <div class="name">{{ user.name }}</div>
+      <div class="roles">
+        Es wurden noch keine Berechtigungen zugeteilt, bitte wende Dich an den
+        Administrator!
+      </div>
     </div>
-  </div>
+  }
 </div>

src/app/modules/brand/new-user/new-user.component.ts

@@ -3,13 +3,13 @@ import {UserService} from '../../../services/user/user.service';
 import {Observable} from 'rxjs';
 import {User} from '../../../services/user/user';
 import {BrandComponent} from '../brand.component';
-import {AsyncPipe, NgIf} from '@angular/common';
+import {AsyncPipe} from '@angular/common';
 
 @Component({
   selector: 'app-new-user',
   templateUrl: './new-user.component.html',
   styleUrls: ['./new-user.component.less'],
-  imports: [BrandComponent, NgIf, AsyncPipe],
+  imports: [BrandComponent, AsyncPipe],
 })
 export class NewUserComponent {
   public user$: Observable<User | null> | null = null;