WEB-673 Create a Tasks sections just like it was available in the legacy Mifos Community App (#3106)

src/app/tasks/checker-inbox-and-tasks-tabs/client-approval/client-approval.component.scss

@@ -10,6 +10,34 @@
   padding: 1%;
   margin: 1%;
 
+  ::ng-deep mat-form-field {
+    .mat-mdc-form-field-subscript-wrapper {
+      height: 0;
+      min-height: 0;
+    }
+
+    .mat-mdc-text-field-wrapper {
+      margin-bottom: 0;
+    }
+
+    .mat-mdc-form-field-infix {
+      padding-top: 8px;
+      padding-bottom: 8px;
+      min-height: 48px;
+    }
+
+    input {
+      height: 48px;
+    }
+  }
+
+  button.mat-mdc-raised-button {
+    height: 48px;
+    line-height: 48px;
+    padding: 0 16px;
+    min-height: 48px;
+  }
+
   .mat-raised-button.mat-success {
     color: #fff;
     background-color: #008000ab;
@@ -18,6 +46,22 @@
   .view-details {
     cursor: pointer;
   }
+
+  .tasks-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 16px;
+  }
+
+  .tasks-search-field {
+    width: 280px;
+    margin: 0;
+  }
+
+  .tasks-action-btn {
+    margin: 0;
+  }
 }
 
 .alert {