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/system/manage-jobs/cob-workflow/loan-locked/loan-locked.component.html

@@ -3,7 +3,11 @@
     <div class="layout-row align-start-center">
       <div class="search-box flex-40">
         <mat-form-field class="flex-90">
-          <input matInput placeholder="Filter by loan Id or error" (keyup)="applyFilter($event.target.value)" />
+          <input
+            matInput
+            placeholder="{{ 'labels.text.FilterByLoanIdOrError' | translate }}"
+            (keyup)="applyFilter($event.target.value)"
+          />
         </mat-form-field>
       </div>
       @if (allowRunInlineJob) {

src/app/system/roles-and-permissions/view-role/view-role.component.ts

@@ -176,7 +176,20 @@ export class ViewRoleComponent implements OnInit {
    * Formats the Role Name
    * @param string String
    */
-  formatName(string: any) {
+  formatName(string: string) {
+    if (!string) {
+      return string;
+    }
+    // Try to translate first
+    const translationKey = `labels.catalogs.${string}`;
+    const translated = this.translateService.instant(translationKey);
+
+    // If translation exists (and is different from key), use it
+    if (translated && translated !== translationKey) {
+      return translated;
+    }
+
+    // Otherwise, format the original string
     if (string.indexOf('portfolio_') > -1) {
       string = string.replace('portfolio_', '');
     }