Chore: Upgraded to Angular v17 and all the refactoring for that

Chore: Updated all dependencies in overlord

overlord/src/app/incentive/incentive.component.html

@@ -73,21 +73,18 @@
     <button mat-raised-button color="primary" (click)="save()" [disabled]="!canSave()">
       {{ voucher.id ? 'Update' : 'Save' }}
     </button>
-    <button
-      mat-raised-button
-      (click)="post()"
-      *ngIf="voucher.id"
-      [disabled]="voucher.posted || !auth.allowed('post-vouchers')"
-    >
-      {{ voucher.posted ? 'Posted' : 'Post' }}
-    </button>
-    <button mat-raised-button color="warn" (click)="confirmDelete()" *ngIf="voucher.id" [disabled]="!canSave()">
-      Delete
-    </button>
+    @if (voucher.id) {
+      <button mat-raised-button (click)="post()" [disabled]="voucher.posted || !auth.allowed('post-vouchers')">
+        {{ voucher.posted ? 'Posted' : 'Post' }}
+      </button>
+      <button mat-raised-button color="warn" (click)="confirmDelete()" [disabled]="!canSave()">Delete</button>
+    }
   </mat-card-actions>
-  <mat-card-subtitle *ngIf="voucher.id">
-    Created on <strong>{{ voucher.creationDate | localTime }}</strong> and Last Edited on
-    <strong>{{ voucher.lastEditDate | localTime }}</strong> by <strong>{{ voucher.user.name }}</strong
-    >. {{ voucher.poster ? 'Posted by ' + voucher.poster : '' }}
-  </mat-card-subtitle>
+  @if (voucher.id) {
+    <mat-card-subtitle>
+      Created on <strong>{{ voucher.creationDate | localTime }}</strong> and Last Edited on
+      <strong>{{ voucher.lastEditDate | localTime }}</strong> by <strong>{{ voucher.user.name }}</strong
+      >. {{ voucher.poster ? 'Posted by ' + voucher.poster : '' }}
+    </mat-card-subtitle>
+  }
 </mat-card>

overlord/src/app/incentive/incentive.component.ts

@@ -2,7 +2,7 @@ import { Component, OnInit } from '@angular/core';
 import { FormArray, FormControl, FormGroup } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
 import { ActivatedRoute, Router } from '@angular/router';
-import * as moment from 'moment';
+import moment from 'moment';
 import { BehaviorSubject } from 'rxjs';
 import { map } from 'rxjs/operators';