fix: Loan Repayment Schedule colours

src/app/loans/loans-view/repayment-schedule-tab/repayment-schedule-tab.component.scss

@@ -26,7 +26,7 @@ table {
 }
 
 .paid {
-  color: $state-done;
+  color: $status-paid;
 }
 
 .current {

src/app/loans/loans-view/transactions/view-transaction/view-transaction.component.html

@@ -73,7 +73,7 @@
         </div>
 
         <div fxFlex="50%">
-          {{ transactionData.amount | currency }} {{ transactionData.currency.code }}
+          {{ transactionData.amount | currency:transactionData.currency.code:'symbol-narrow':'1.2-2' }}
         </div>
 
         <div fxFlex="50%" class="mat-body-strong" *ngIf="transactionData.externalId">

src/app/products/loan-products/loan-product-stepper/loan-product-interest-refund-step/loan-product-interest-refund-step.component.ts

@@ -1,5 +1,5 @@
 import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
-import { UntypedFormBuilder, UntypedFormGroup}  from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup} from '@angular/forms';
 import { StringEnumOptionData } from '../../../../shared/models/option-data.model';
 
 @Component({