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/running-tables/running-tables.component.html

@@ -9,24 +9,17 @@
         matRipple
         *ngFor="let table of list"
         (click)="navigateToBill(table)"
+        [class.face]="table.status !== 'running' && table.status !== 'printed'"
         [class.running]="table.status === 'running'"
         [class.printed]="table.status === 'printed'"
       >
         <h3 class="item-name">{{ table.name }}</h3>
-        <mat-card-subtitle class="center" [class.bold]="table.bold">{{
-          table.guest
-        }}</mat-card-subtitle>
-        <span class="center"
-          >{{ table.pax ?? '-' }} / {{ table.seats }} / {{ table.section?.name }}</span
-        >
+        <mat-card-subtitle class="center" [class.bold]="table.bold">{{ table.guest }}</mat-card-subtitle>
+        <span class="center">{{ table.pax ?? '-' }} / {{ table.seats }} / {{ table.section?.name }}</span>
         <span class="center" *ngIf="table.date">{{ table.date }}</span>
         <span class="center" *ngIf="table.amount">{{ table.amount | currency : 'INR' }}</span>
       </mat-card>
-      <mat-card
-        class="flex flex-col square-button mr-5, mb-5 open-bill"
-        matRipple
-        (click)="openBill()"
-      >
+      <mat-card class="flex flex-col square-button mr-5, mb-5 open-bill" matRipple (click)="openBill()">
         <h3 class="item-name">Open Bill</h3>
       </mat-card>
     </div>