Moved from tslint to eslint as tslint was depreciated.

Added prettier and also prettied all the typescript files using prettier

ESLint is using the AirBnB rules which are the most strict to lint the files.

overlord/src/app/payment/payment-dialog.component.html

@@ -1,26 +1,49 @@
 <h1 mat-dialog-title>Edit Payment Entry</h1>
 <div mat-dialog-content>
   <form [formGroup]="form">
-    <div fxLayout="row" fxLayoutAlign="space-around start" fxLayout.lt-md="column" fxLayoutGap="20px"
-         fxLayoutGap.lt-md="0px">
+    <div
+      fxLayout="row"
+      fxLayoutAlign="space-around start"
+      fxLayout.lt-md="column"
+      fxLayoutGap="20px"
+      fxLayoutGap.lt-md="0px"
+    >
       <mat-form-field fxFlex="65">
-        <input type="text" matInput placeholder="Account" #accountElement [matAutocomplete]="auto"
-               formControlName="account" autocomplete="off">
+        <input
+          type="text"
+          matInput
+          placeholder="Account"
+          #accountElement
+          [matAutocomplete]="auto"
+          formControlName="account"
+          autocomplete="off"
+        />
         <mat-hint *ngIf="accBal">
-          Balance as on Date: <strong>{{accBal.date | currency:'INR' | accounting}}</strong> /
-          Final balance: <strong>{{accBal.total | currency:'INR' | accounting}}</strong>
+          Balance as on Date: <strong>{{ accBal.date | currency: 'INR' | accounting }}</strong> /
+          Final balance: <strong>{{ accBal.total | currency: 'INR' | accounting }}</strong>
         </mat-hint>
       </mat-form-field>
-      <mat-autocomplete #auto="matAutocomplete" autoActiveFirstOption [displayWith]="displayAccount"
-                        (optionSelected)="accountSelected($event)">
-        <mat-option *ngFor="let account of accounts | async" [value]="account">{{account.name}}</mat-option>
+      <mat-autocomplete
+        #auto="matAutocomplete"
+        autoActiveFirstOption
+        [displayWith]="displayAccount"
+        (optionSelected)="accountSelected($event)"
+      >
+        <mat-option *ngFor="let account of accounts | async" [value]="account">{{
+          account.name
+        }}</mat-option>
       </mat-autocomplete>
       <mat-form-field fxFlex="35">
         <mat-label>Amount</mat-label>
         <span matPrefix>₹ </span>
-        <input type="text" matInput placeholder="Amount" formControlName="amount" autocomplete="off">
+        <input
+          type="text"
+          matInput
+          placeholder="Amount"
+          formControlName="amount"
+          autocomplete="off"
+        />
       </mat-form-field>
-
     </div>
   </form>
 </div>
@@ -28,4 +51,3 @@
   <button mat-button [mat-dialog-close]="false" cdkFocusInitial>Cancel</button>
   <button mat-button (click)="accept()" color="primary">Ok</button>
 </div>
-