Chore: Reformatted everthing

Fix: Product ledger was not totalling.
This is because for some reason, pydantic was sending the data as string when the field was nullable

overlord/src/app/purchases/purchases-datasource.ts

@@ -8,8 +8,7 @@ import { map } from 'rxjs/operators';
 import { PurchasesItem } from './purchases-item';
 
 /** Simple sort comparator for example ID/Name columns (for client-side sorting). */
-const compare = (a: string | number, b: string | number, isAsc: boolean) =>
-  (a < b ? -1 : 1) * (isAsc ? 1 : -1);
+const compare = (a: string | number, b: string | number, isAsc: boolean) => (a < b ? -1 : 1) * (isAsc ? 1 : -1);
 export class PurchasesDataSource extends DataSource<PurchasesItem> {
   constructor(
     public data: PurchasesItem[],

overlord/src/app/purchases/purchases-routing.module.ts

@@ -12,8 +12,7 @@ const purchasesRoutes: Routes = [
     path: '',
     component: PurchasesComponent,
     canActivate: [
-      (route: ActivatedRouteSnapshot, state: RouterStateSnapshot) =>
-        inject(AuthGuard).canActivate(route, state),
+      (route: ActivatedRouteSnapshot, state: RouterStateSnapshot) => inject(AuthGuard).canActivate(route, state),
     ],
     data: {
       permission: 'Purchases',

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

@@ -29,9 +29,7 @@
           <mat-datepicker-toggle matSuffix [for]="finishDate"></mat-datepicker-toggle>
           <mat-datepicker #finishDate></mat-datepicker>
         </mat-form-field>
-        <button mat-raised-button class="flex-auto basis-1/5" color="primary" (click)="show()">
-          Show
-        </button>
+        <button mat-raised-button class="flex-auto basis-1/5" color="primary" (click)="show()">Show</button>
       </div>
     </form>
     <mat-table #table [dataSource]="dataSource" matSort aria-label="Elements">
@@ -39,11 +37,9 @@
       <ng-container matColumnDef="product">
         <mat-header-cell *matHeaderCellDef>Product</mat-header-cell>
         <mat-cell *matCellDef="let row"
-          ><a
-            [routerLink]="row.url"
-            [queryParams]="{ startDate: info.startDate, finishDate: info.finishDate }"
-            >{{ row.name }}</a
-          ></mat-cell
+          ><a [routerLink]="row.url" [queryParams]="{ startDate: info.startDate, finishDate: info.finishDate }">{{
+            row.name
+          }}</a></mat-cell
         >
         <mat-footer-cell *matFooterCellDef>
           {{ info.footer.name }}
@@ -53,9 +49,7 @@
       <!-- Quantity Column -->
       <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'
-        }}</mat-cell>
+        <mat-cell *matCellDef="let row" class="right">{{ row.quantity | number: '1.2-2' }}</mat-cell>
         <mat-footer-cell *matFooterCellDef class="right">
           {{ info.footer.quantity | number: '1.2-2' }}
         </mat-footer-cell>

overlord/src/app/purchases/purchases.module.ts

@@ -7,12 +7,7 @@ import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCardModule } from '@angular/material/card';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import {
-  DateAdapter,
-  MAT_DATE_FORMATS,
-  MAT_DATE_LOCALE,
-  MatNativeDateModule,
-} from '@angular/material/core';
+import { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE, MatNativeDateModule } from '@angular/material/core';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatIconModule } from '@angular/material/icon';