UI: make dashboard title translatable when 'Display dashboard title' option enabled

ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-page.component.html

@@ -148,7 +148,7 @@
       <mat-drawer-content fxLayout="column" fxLayoutAlign="center start">
         <section *ngIf="!widgetEditMode" class="tb-dashboard-title"
                  [ngStyle]="{'color': dashboard.configuration.settings.titleColor}">
-          <h3 [fxShow]="!isEdit && displayTitle()">{{ dashboard.title }}</h3>
+          <h3 [fxShow]="!isEdit && displayTitle()">{{ utils.customTranslation(dashboard.title, dashboard.title) }}</h3>
           <mat-form-field [fxShow]="isEdit" class="mat-block">
             <mat-label translate [ngStyle]="{'color': dashboard.configuration.settings.titleColor}">dashboard.title</mat-label>
             <input matInput class="tb-dashboard-title"

ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-page.component.ts

@@ -303,7 +303,7 @@ export class DashboardPageComponent extends PageComponent implements IDashboardC
               private breakpointObserver: BreakpointObserver,
               private route: ActivatedRoute,
               private router: Router,
-              private utils: UtilsService,
+              public utils: UtilsService,
               private dashboardUtils: DashboardUtilsService,
               private authService: AuthService,
               private entityService: EntityService,