fix(i18n): add missing translations and apply translate pipes across web-app (#2934)

fix: address code review issues

fix: translate accessibility attributes and fix translation errors

src/app/loans/loans-view/account-details/account-details.component.html

@@ -10,9 +10,8 @@
     <div class="flex-fill layout-row">
       <span class="flex-50">{{ 'labels.inputs.Repayments' | translate }}</span>
       <span class="flex-50"
-        >{{ loanDetails.numberOfRepayments }} every {{ loanDetails.repaymentEvery }}&nbsp;{{
-          loanDetails.repaymentFrequencyType.value | translateKey: 'catalogs'
-        }}
+        >{{ loanDetails.numberOfRepayments }} {{ 'labels.commons.every' | translate }}
+        {{ loanDetails.repaymentEvery }}&nbsp;{{ loanDetails.repaymentFrequencyType.value | translateKey: 'catalogs' }}
         @if (
           loanDetails.repaymentFrequencyType?.id === 2 &&
           loanDetails.repaymentFrequencyNthDayType?.id !== 0 &&

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

@@ -29,7 +29,7 @@
       <table mat-table [dataSource]="dataSource">
         <ng-container matColumnDef="Empty">
           <th mat-header-cell *matHeaderCellDef></th>
-          <td mat-cell *matCellDef="let ele">{{ ele.property }}</td>
+          <td mat-cell *matCellDef="let ele">{{ 'labels.inputs.' + ele.property | translate }}</td>
         </ng-container>
         <ng-container matColumnDef="Original">
           <th mat-header-cell class="r-amount" *matHeaderCellDef>{{ 'labels.inputs.Original' | translate }}</th>