Added custom translation support

ui-ngx/src/app/modules/home/components/entity/entity-chips.component.html

@@ -18,5 +18,5 @@
 
 <a *ngFor="let subEntity of subEntities" class="tb-entity-chip"
    routerLink="{{entityDetailsPrefixUrl}}/{{subEntity.id.id}}" (click)="$event.stopPropagation();">
-  {{ subEntity.name }}
+  {{ subEntity.name | customTranslate }}
 </a>

ui-ngx/src/app/modules/home/components/relation/relation-table.component.html

@@ -118,7 +118,7 @@
           <mat-header-cell *matHeaderCellDef mat-sort-header style="width: 33%"> {{ 'relation.to-entity-name' | translate }} </mat-header-cell>
           <mat-cell *matCellDef="let relation">
             <a class="link" [routerLink]="relation.entityURL">
-              {{ relation.toName }}
+              {{ relation.toName | customTranslate }}
             </a>
           </mat-cell>
         </ng-container>
@@ -132,7 +132,7 @@
           <mat-header-cell *matHeaderCellDef mat-sort-header style="width: 33%"> {{ 'relation.from-entity-name' | translate }} </mat-header-cell>
           <mat-cell *matCellDef="let relation">
             <a class="link" [routerLink]="relation.entityURL">
-              {{ relation.fromName }}
+              {{ relation.fromName | customTranslate }}
             </a>
           </mat-cell>
         </ng-container>

ui-ngx/src/app/modules/home/components/widget/lib/home-page/doc-link.component.html

@@ -49,7 +49,7 @@
         <div class="tb-link-icon-container">
           <tb-icon color="primary">{{ docLink.icon }}</tb-icon>
         </div>
-        <div class="tb-link-text">{{ docLink.name }}</div>
+        <div class="tb-link-text">{{ docLink.name | customTranslate }}</div>
       </div>
     </div>
     <div class="tb-edit-buttons flex flex-row items-center justify-start">

ui-ngx/src/app/modules/home/components/widget/lib/home-page/doc-links-widget.component.html

@@ -34,7 +34,7 @@
           <div class="tb-link-icon-container">
             <tb-icon color="primary">{{ docLink.icon }}</tb-icon>
           </div>
-          <div class="tb-link-text">{{ docLink.name }}</div>
+          <div class="tb-link-text">{{ docLink.name | customTranslate }}</div>
         </div>
       </a>
     </mat-grid-tile>

ui-ngx/src/app/shared/components/dialog/confirm-dialog.component.html

@@ -15,7 +15,7 @@
     limitations under the License.
 
 -->
-<h2 mat-dialog-title tbTruncateWithTooltip>{{data.title}}</h2>
+<h2 mat-dialog-title tbTruncateWithTooltip>{{data.title | customTranslate}}</h2>
 <div mat-dialog-content [innerHTML]="data.message | safe: 'html'"></div>
 <div mat-dialog-actions class="flex items-center justify-end">
   <button mat-button color="primary" [mat-dialog-close]="false">{{data.cancel}}</button>