Chore: Updated to Angular 16

overlord/src/app/purchases/purchases.component.html

@@ -54,28 +54,28 @@
       <ng-container matColumnDef="quantity">
         <mat-header-cell *matHeaderCellDef class="right">Quantity</mat-header-cell>
         <mat-cell *matCellDef="let row" class="right">{{
-          row.quantity | number : '1.2-2'
+          row.quantity | number: '1.2-2'
         }}</mat-cell>
         <mat-footer-cell *matFooterCellDef class="right">
-          {{ info.footer.quantity | number : '1.2-2' }}
+          {{ info.footer.quantity | number: '1.2-2' }}
         </mat-footer-cell>
       </ng-container>
 
       <!-- Rate Column -->
       <ng-container matColumnDef="rate">
         <mat-header-cell *matHeaderCellDef class="right">Rate</mat-header-cell>
-        <mat-cell *matCellDef="let row" class="right">{{ row.rate | currency : 'INR' }}</mat-cell>
+        <mat-cell *matCellDef="let row" class="right">{{ row.rate | currency: 'INR' }}</mat-cell>
         <mat-footer-cell *matFooterCellDef class="right">
-          {{ info.footer.rate | currency : 'INR' }}
+          {{ info.footer.rate | currency: 'INR' }}
         </mat-footer-cell>
       </ng-container>
 
       <!-- Amount Column -->
       <ng-container matColumnDef="amount">
         <mat-header-cell *matHeaderCellDef mat-sort-header class="right">Amount</mat-header-cell>
-        <mat-cell *matCellDef="let row" class="right">{{ row.amount | currency : 'INR' }}</mat-cell>
+        <mat-cell *matCellDef="let row" class="right">{{ row.amount | currency: 'INR' }}</mat-cell>
         <mat-footer-cell *matFooterCellDef class="right">
-          {{ info.footer.amount | currency : 'INR' }}
+          {{ info.footer.amount | currency: 'INR' }}
         </mat-footer-cell>
       </ng-container>
 

overlord/src/app/purchases/purchases.component.ts

@@ -28,7 +28,10 @@ export class PurchasesComponent implements OnInit {
   /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
   displayedColumns = ['product', 'quantity', 'rate', 'amount'];
 
-  constructor(private route: ActivatedRoute, private router: Router) {
+  constructor(
+    private route: ActivatedRoute,
+    private router: Router,
+  ) {
     this.form = new FormGroup({
       startDate: new FormControl(new Date(), { nonNullable: true }),
       finishDate: new FormControl(new Date(), { nonNullable: true }),

overlord/src/app/purchases/purchases.service.ts

@@ -14,7 +14,10 @@ const serviceName = 'PurchasesService';
   providedIn: 'root',
 })
 export class PurchasesService {
-  constructor(private http: HttpClient, private log: ErrorLoggerService) {}
+  constructor(
+    private http: HttpClient,
+    private log: ErrorLoggerService,
+  ) {}
 
   list(startDate: string | null, finishDate: string | null): Observable<Purchases> {
     const startDateWithSlash = startDate ? `/${startDate}` : '';