Improve dashboard page html template formatting

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

@@ -114,8 +114,8 @@
                     matTooltip="{{'dashboard.edit-mode' | translate}}"
                     matTooltipPosition="below">
               <mat-icon>edit</mat-icon></button>
-              <button class="lt-lg:!hidden" mat-stroked-button (click)="toggleDashboardEditMode()">
+            <button class="lt-lg:!hidden" mat-stroked-button (click)="toggleDashboardEditMode()">
-                <mat-icon>edit</mat-icon>{{'dashboard.edit-mode' | translate}}</button>
+              <mat-icon>edit</mat-icon>{{'dashboard.edit-mode' | translate}}</button>
           }
           @if (isEdit) {
             <button class="gt-md:!hidden" mat-icon-button (click)="saveDashboard()" [disabled]="isLoading$ | async"
@@ -264,11 +264,10 @@
                                     [aliasController]="dashboardCtx.aliasController">
           </tb-aliases-entity-select>
           @if (!isEdit && !widgetEditMode && !embedded && displayDashboardsSelect()) {
-            <tb-dashboard-select
+            <tb-dashboard-select [(ngModel)]="currentDashboardId"
-              [(ngModel)]="currentDashboardId"
+                                 (ngModelChange)="currentDashboardIdChanged(currentDashboardId)"
-              (ngModelChange)="currentDashboardIdChanged(currentDashboardId)"
+                                 [customerId]="currentCustomerId"
-              [customerId]="currentCustomerId"
+                                 [dashboardsScope]="currentDashboardScope">
-              [dashboardsScope]="currentDashboardScope">
             </tb-dashboard-select>
           }
         </div>
@@ -276,12 +275,12 @@
     </tb-dashboard-toolbar>
   </section>
   <section class="tb-dashboard-container tb-absolute-fill"
-         tb-toast toastTarget="dashboardRoot"
+           tb-toast toastTarget="dashboardRoot"
-         #dashboardContainer
+           #dashboardContainer
-         [class.is-fullscreen]="forceFullscreen"
+           [class.is-fullscreen]="forceFullscreen"
-         [class.tb-dashboard-toolbar-opened]="toolbarOpened"
+           [class.tb-dashboard-toolbar-opened]="toolbarOpened"
-         [class.tb-dashboard-toolbar-animated]="isToolbarOpenedAnimate"
+           [class.tb-dashboard-toolbar-animated]="isToolbarOpenedAnimate"
-         [class.tb-dashboard-toolbar-closed]="!toolbarOpened">
+           [class.tb-dashboard-toolbar-closed]="!toolbarOpened">
     <mat-drawer-container hasBackdrop="false" class="tb-absolute-fill tb-dashboard-drawer-container">
       <mat-drawer-content #dashboardContent class="flex flex-col items-start justify-center">
         @if (!widgetEditMode) {
@@ -297,7 +296,7 @@
           </section>
         }
         <mat-drawer-container class="tb-dashboard-layouts flex-1"
-                                [class.tb-shrinked]="isEditingWidget">
+                              [class.tb-shrinked]="isEditingWidget">
           @if (layouts.right.show) {
             <mat-drawer
               id="tb-right-layout"