Task/improve localization in lib components (#5907)

* Improve localization

libs/ui/src/lib/accounts-table/accounts-table.component.html

@@ -290,7 +290,7 @@
     </ng-container>
 
     <ng-container matColumnDef="actions" stickyEnd>
-      <th *matHeaderCellDef class="px-1 text-center" i18n mat-header-cell></th>
+      <th *matHeaderCellDef class="px-1 text-center" mat-header-cell></th>
       <td *matCellDef="let element" class="px-1 text-center" mat-cell>
         <button
           class="mx-1 no-min-width px-2"

libs/ui/src/lib/assistant/assistant.html

@@ -54,8 +54,8 @@
             isLoading.quickLinks || searchResults?.quickLinks?.length !== 0
           ) {
             <div class="mb-2">
-              <div class="font-weight-bold px-3 text-muted title" i18n>
-                Quick Links
+              <div class="font-weight-bold px-3 text-muted title">
+                <ng-container i18n>Quick Links</ng-container>
               </div>
               @for (
                 searchResultItem of searchResults.quickLinks;
@@ -80,8 +80,8 @@
           }
           @if (isLoading.accounts || searchResults?.accounts?.length !== 0) {
             <div>
-              <div class="font-weight-bold px-3 text-muted title" i18n>
-                Accounts
+              <div class="font-weight-bold px-3 text-muted title">
+                <ng-container i18n>Accounts</ng-container>
               </div>
               @for (
                 searchResultItem of searchResults.accounts;
@@ -106,8 +106,8 @@
           }
           @if (isLoading.holdings || searchResults?.holdings?.length !== 0) {
             <div>
-              <div class="font-weight-bold px-3 text-muted title" i18n>
-                Holdings
+              <div class="font-weight-bold px-3 text-muted title">
+                <ng-container i18n>Holdings</ng-container>
               </div>
               @for (
                 searchResultItem of searchResults.holdings;
@@ -136,8 +136,8 @@
               searchResults?.assetProfiles?.length !== 0)
           ) {
             <div class="mt-2">
-              <div class="font-weight-bold px-3 text-muted title" i18n>
-                Asset Profiles
+              <div class="font-weight-bold px-3 text-muted title">
+                <ng-container i18n>Asset Profiles</ng-container>
               </div>
               @for (
                 searchResultItem of searchResults.assetProfiles;
@@ -194,7 +194,6 @@
       />
       <div class="d-flex w-100">
         <button
-          i18n
           mat-button
           type="button"
           [disabled]="
@@ -202,12 +201,11 @@
           "
           (click)="onResetFilters()"
         >
-          Reset Filters
+          <ng-container i18n>Reset Filters</ng-container>
         </button>
         <span class="gf-spacer"></span>
         <button
           color="primary"
-          i18n
           mat-flat-button
           type="button"
           [disabled]="
@@ -216,7 +214,7 @@
           "
           (click)="onApplyFilters()"
         >
-          Apply Filters
+          <ng-container i18n>Apply Filters</ng-container>
         </button>
       </div>
     </div>

libs/ui/src/lib/benchmark/benchmark.component.html

@@ -8,8 +8,8 @@
     [dataSource]="dataSource"
   >
     <ng-container matColumnDef="name" sticky>
-      <th *matHeaderCellDef class="px-2" i18n mat-header-cell mat-sort-header>
-        Name
+      <th *matHeaderCellDef class="px-2" mat-header-cell mat-sort-header>
+        <ng-container i18n>Name</ng-container>
       </th>
       <td *matCellDef="let element" class="px-2 text-nowrap" mat-cell>
         <div class="text-truncate">