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/product/product-detail/product-detail-dialog.component.html

@@ -1,9 +1,7 @@
 <h1 mat-dialog-title>Edit Product SKU</h1>
 <div mat-dialog-content>
   <form [formGroup]="form">
-    <div
-      class="flex flex-row flex-wrap justify-around content-start items-start sm:max-lg:flex-col"
-    >
+    <div class="flex flex-row flex-wrap justify-around content-start items-start sm:max-lg:flex-col">
       <mat-form-field class="flex-auto mr-5">
         <mat-label>Units</mat-label>
         <input matInput formControlName="units" />
@@ -28,8 +26,6 @@
   </form>
 </div>
 <div mat-dialog-actions>
-  <button mat-raised-button color="warn" [mat-dialog-close]="false" cdkFocusInitial class="mr-5">
-    Cancel
-  </button>
+  <button mat-raised-button color="warn" [mat-dialog-close]="false" cdkFocusInitial class="mr-5">Cancel</button>
   <button mat-raised-button color="primary" (click)="accept()">Ok</button>
 </div>

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

@@ -21,9 +21,7 @@
         </mat-form-field>
       </div>
       <div class="flex flex-row justify-around content-start items-start">
-        <mat-checkbox formControlName="isPurchased" class="flex-auto mr-5"
-          >Is Purchased?</mat-checkbox
-        >
+        <mat-checkbox formControlName="isPurchased" class="flex-auto mr-5">Is Purchased?</mat-checkbox>
         <mat-checkbox formControlName="isSold" class="flex-auto mr-5">Is Sold?</mat-checkbox>
         <mat-checkbox formControlName="isActive" class="flex-auto">Is Active?</mat-checkbox>
       </div>
@@ -87,17 +85,13 @@
       <!-- Cost Price Column -->
       <ng-container matColumnDef="costPrice">
         <mat-header-cell *matHeaderCellDef class="right">Cost Price</mat-header-cell>
-        <mat-cell *matCellDef="let row" class="right">{{
-          row.costPrice | currency: 'INR'
-        }}</mat-cell>
+        <mat-cell *matCellDef="let row" class="right">{{ row.costPrice | currency: 'INR' }}</mat-cell>
       </ng-container>
 
       <!-- Sale Price Column -->
       <ng-container matColumnDef="salePrice">
         <mat-header-cell *matHeaderCellDef class="right">Sale Price</mat-header-cell>
-        <mat-cell *matCellDef="let row" class="right">{{
-          row.salePrice | currency: 'INR'
-        }}</mat-cell>
+        <mat-cell *matCellDef="let row" class="right">{{ row.salePrice | currency: 'INR' }}</mat-cell>
       </ng-container>
 
       <!-- Action Column -->
@@ -119,8 +113,6 @@
   </mat-card-content>
   <mat-card-actions>
     <button mat-raised-button color="primary" (click)="save()" class="mr-5">Save</button>
-    <button mat-raised-button color="warn" (click)="confirmDelete()" *ngIf="!!item.id">
-      Delete
-    </button>
+    <button mat-raised-button color="warn" (click)="confirmDelete()" *ngIf="!!item.id">Delete</button>
   </mat-card-actions>
 </mat-card>