Enhacement for Charge management (#1659)

Co-authored-by: Jose Alberto Hernandez <alberto@MacBook-Pro.local>

src/app/loans/loans-view/general-tab/general-tab.component.html

@@ -3,12 +3,24 @@
   <ng-container *ngIf="loanDetails.summary">
     <h3>Performance History</h3>
     <div fxLayout="row" fxLayoutGap="32px" class="performance-history-container">
-      <p>
-        Repayments    : {{loanDetails?.numberOfRepayments | number}}
-      </p>
-      <p>
-        Maturity Date : {{loanDetails?.timeline.expectedMaturityDate | dateFormat}}
-      </p>
+      <table>
+        <tbody>
+          <tr>
+            <td fxFlex="25%">
+              <b>Number of Repayments :</b>
+            </td>
+            <td fxFlex="25%" class="left">
+              {{loanDetails?.numberOfRepayments | number}}
+            </td>
+            <td fxFlex="25%">
+              <b>Maturity Date :</b>
+            </td>
+            <td fxFlex="25%" class="left">
+              {{loanDetails?.timeline.expectedMaturityDate | dateFormat}}
+            </td>
+          </tr>
+        </tbody>
+      </table>
     </div>
   </ng-container>