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

@@ -40,9 +40,7 @@
             [displayWith]="displayProduct"
             (optionSelected)="productSelected($event)"
           >
-            <mat-option *ngFor="let product of products | async" [value]="product">{{
-              product.name
-            }}</mat-option>
+            <mat-option *ngFor="let product of products | async" [value]="product">{{ product.name }}</mat-option>
           </mat-autocomplete>
         </mat-form-field>
         <mat-form-field class="flex-auto basis-1/10 mr-5">
@@ -50,10 +48,7 @@
           <input type="text" matInput formControlName="recipeYield" autocomplete="off" />
         </mat-form-field>
       </div>
-      <div
-        formGroupName="addRow"
-        class="flex flex-row justify-around content-start items-start sm:max-lg:flex-col"
-      >
+      <div formGroupName="addRow" class="flex flex-row justify-around content-start items-start sm:max-lg:flex-col">
         <mat-form-field class="flex-auto basis-2/5 mr-5">
           <mat-label>Ingredient</mat-label>
           <input
@@ -89,9 +84,7 @@
           <span matTextPrefix>₹&nbsp;</span>
         </mat-form-field>
 
-        <button mat-raised-button color="primary" (click)="addRow()" class="flex-auto basis-1/10">
-          Add
-        </button>
+        <button mat-raised-button color="primary" (click)="addRow()" class="flex-auto basis-1/10">Add</button>
       </div>
       <mat-table #table [dataSource]="dataSource" matSort aria-label="Elements">
         <!-- Ingredient Column -->