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/guest-book/guest-book-list/guest-book-list.component.html

@@ -13,13 +13,7 @@
       <div class="flex flex-row justify-around content-start items-start">
         <mat-form-field class="flex-auto">
           <mat-label>Date</mat-label>
-          <input
-            matInput
-            [matDatepicker]="date"
-            (focus)="date.open()"
-            formControlName="date"
-            autocomplete="off"
-          />
+          <input matInput [matDatepicker]="date" (focus)="date.open()" formControlName="date" autocomplete="off" />
           <mat-datepicker-toggle matSuffix [for]="date"></mat-datepicker-toggle>
           <mat-datepicker #date></mat-datepicker>
         </mat-form-field>
@@ -60,12 +54,7 @@
       <ng-container matColumnDef="action">
         <mat-header-cell *matHeaderCellDef class="center">Action</mat-header-cell>
         <mat-cell *matCellDef="let row" class="center">
-          <button
-            mat-icon-button
-            [routerLink]="['/sales']"
-            [queryParams]="{ guest: row.id }"
-            *ngIf="!row.tableId"
-          >
+          <button mat-icon-button [routerLink]="['/sales']" [queryParams]="{ guest: row.id }" *ngIf="!row.tableId">
             <mat-icon>chair</mat-icon>
           </button>
           <button