Chore: Moved from css to sass, god knows what to do now.

Chore: Prettier line length changed to 120 from 100
Fix: Hard coded the face as the primary color to make the buttons stand out

bookie/src/app/sales/receive-payment/receive-payment.component.ts

@@ -61,15 +61,10 @@ export class ReceivePaymentComponent {
     this.ser
       .listForType(data.type)
       .pipe(
-        tap(
-          (x: SettleOption[]) =>
-            (this.displayReason = x.reduce((o, n) => o || n.hasReason, this.displayReason)),
-        ),
+        tap((x: SettleOption[]) => (this.displayReason = x.reduce((o, n) => o || n.hasReason, this.displayReason))),
         tap((x: SettleOption[]) => (this.displayTable = x.length > 1)),
         map((x: SettleOption[]) =>
-          x.map(
-            (y) => ({ ...y, amount: !this.displayTable ? this.amount : 0 } as ReceivePaymentItem),
-          ),
+          x.map((y) => ({ ...y, amount: !this.displayTable ? this.amount : 0 } as ReceivePaymentItem)),
         ),
       )
       .subscribe((x) => {