fix: replace displayName column with separate firstname and lastname columns (#2883)

fix the prettier check

src/app/loans/loans-account-stepper/loans-account-terms-step/loans-account-terms-step.component.ts

@@ -567,7 +567,6 @@ export class LoansAccountTermsStepComponent implements OnInit, OnChanges {
         required: true,
         order: 2
       })
-
     ];
     const data = {
       title: 'Add Disbursement Details',

src/app/organization/employees/employees.component.html

@@ -28,9 +28,14 @@
 
   <div #tableEmployees class="mat-elevation-z8">
     <table mat-table [dataSource]="dataSource" matSort>
-      <ng-container matColumnDef="displayName">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.name' | translate }}</th>
-        <td mat-cell *matCellDef="let employee">{{ employee.displayName }}</td>
+      <ng-container matColumnDef="firstname">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.First Name' | translate }}</th>
+        <td mat-cell *matCellDef="let employee">{{ employee.firstname }}</td>
+      </ng-container>
+
+      <ng-container matColumnDef="lastname">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ 'labels.inputs.Last Name' | translate }}</th>
+        <td mat-cell *matCellDef="let employee">{{ employee.lastname }}</td>
       </ng-container>
 
       <ng-container matColumnDef="isLoanOfficer">

src/app/organization/employees/employees.component.ts

@@ -63,7 +63,8 @@ export class EmployeesComponent implements OnInit, AfterViewInit {
   employeesData: any;
   /** Columns to be displayed in employees table. */
   displayedColumns: string[] = [
-    'displayName',
+    'firstname',
+    'lastname',
     'isLoanOfficer',
     'officeName',
     'isActive'