Replace deprecated Angular directives (*ngFor, *ngIf) with modern Angular template syntax. Remove unused CommonModule imports across components for optimization. Clean up excess spacing and formatting in HTML files.

frontend/src/app/pages/forms/forms.component.html

@@ -1,17 +1,17 @@
 <ng-container>
   <app-header [current_page]="currentPage" height="200px" background_image="/public/img/backgrounds/staff.png"
-              [overlay_gradient]="0.5">
+    [overlay_gradient]="0.5">
     <div class="title" header-content>
       <h1>{{ formTitle }}</h1>
     </div>
   </app-header>
-  <ng-container *ngIf="!type">
-    <ng-container *ngFor="let formType of FormType | keyvalue">
+  @if (!type) {
+    @for (formType of FormType | keyvalue; track formType) {
       <button mat-raised-button (click)="setFormType(formType.value)">
         {{ formType }}
       </button>
-    </ng-container>
-  </ng-container>
+    }
+  }
   <div>
     <ng-content select="[form-content]"></ng-content>
   </div>

frontend/src/app/pages/forms/forms.component.ts

@@ -3,7 +3,7 @@ import {HeaderComponent} from '@header/header.component';
 import {MatDialog} from '@angular/material/dialog';
 import {ActivatedRoute} from '@angular/router';
 import {LoginDialogComponent} from '@shared-components/login/login.component';
-import {KeyValuePipe, NgForOf, NgIf} from '@angular/common';
+import { KeyValuePipe } from '@angular/common';
 import {FormType} from './form_type';
 import {MatButton} from '@angular/material/button';
 import {AuthService} from '@services/auth.service';
@@ -12,11 +12,9 @@ import {AuthService} from '@services/auth.service';
   selector: 'app-forms',
   imports: [
     HeaderComponent,
-    NgIf,
-    NgForOf,
     MatButton,
     KeyValuePipe
-  ],
+],
   templateUrl: './forms.component.html',
   styleUrl: './forms.component.scss'
 })