refactor(clients): clients list page

- use statuslookup.pipe to set styles to represent status of the client
- add button to import client and create client
- add server side pagination
- toggle show closed clients in table

src/assets/styles/_colours.scss

@@ -71,5 +71,8 @@ $status-approved: #0f36e4;
 $status-overpaid: #800080;
 $status-active-overdue: #ff0000;
 $status-matured: #ff4000;
-
 $state-done: #00ce00;
+$status-transfer-progress:#FF4000;
+$status-transfer-hold:#DF0101;
+
+

src/assets/styles/_helper.scss

@@ -26,6 +26,14 @@ body {
   color: rgba(0, 0, 0, 0.87);
   line-height: 1.5;
   font-family: Roboto, Helvetica Neue, sans-serif;
+
+  table {
+    border: 1px solid rgba($color: #000000, $alpha: 0.12);
+    width: 100%;
+    tr:nth-child(even) {
+      background-color: #f2f2f2;
+    }
+  }
 }
 
 div {
@@ -1707,4 +1715,12 @@ textarea.noresize {
 
 .mat-step-header .mat-step-icon-state-done {
   background-color: $state-done;
+
+  .status-transfer-progress {
+    color: $status-transfer-progress;
+  }
+
+  .status-transfer-hold {
+    color: $status-transfer-hold;
+  }
 }