Chore: Updated to Angular 16

overlord/src/app/recipe/recipe-detail/recipe-detail.component.html

@@ -104,7 +104,7 @@
         <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.product.fractionUnits }}</mat-cell
+            >{{ row.quantity | number: '1.2-2' }} {{ row.product.fractionUnits }}</mat-cell
           >
         </ng-container>
 

overlord/src/app/recipe/recipe-list/recipe-list.component.ts

@@ -35,7 +35,10 @@ export class RecipeListComponent implements OnInit {
   /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
   displayedColumns = ['name', 'yield', 'date', 'source'];
 
-  constructor(private route: ActivatedRoute, private router: Router) {
+  constructor(
+    private route: ActivatedRoute,
+    private router: Router,
+  ) {
     this.form = new FormGroup({
       period: new FormControl(new Period(), { nonNullable: true }),
       productGroup: new FormControl<ProductGroup | string | null>(null),

overlord/src/app/recipe/recipe.service.ts

@@ -12,7 +12,10 @@ const serviceName = 'RecipeService';
 
 @Injectable({ providedIn: 'root' })
 export class RecipeService {
-  constructor(private http: HttpClient, private log: ErrorLoggerService) {}
+  constructor(
+    private http: HttpClient,
+    private log: ErrorLoggerService,
+  ) {}
 
   get(id: string | null): Observable<Recipe> {
     const getUrl: string = id === null ? `${url}` : `${url}/${id}`;