Changed font sizes in dashboard toolbar and default state id

ui-ngx/src/app/core/services/dashboard-utils.service.ts

@@ -95,10 +95,10 @@ export class DashboardUtilsService {
     }
     if (isUndefined(dashboard.configuration.states)) {
       dashboard.configuration.states = {
-        default: this.createDefaultState(dashboard.title, true)
+        Default: this.createDefaultState(dashboard.title, true)
       };
 
-      const mainLayout = dashboard.configuration.states.default.layouts.main;
+      const mainLayout = dashboard.configuration.states.Default.layouts.main;
       for (const id of Object.keys(dashboard.configuration.widgets)) {
         const widget = dashboard.configuration.widgets[id];
         mainLayout.widgets[id] = {

ui-ngx/src/app/modules/home/components/dashboard-page/layout/select-dashboard-breakpoint.component.scss

@@ -26,6 +26,7 @@
   .mat-mdc-select.select-dashboard-breakpoint {
     .mat-mdc-select-value {
       max-width: 200px;
+      font-size: 14px;
     }
     .mat-mdc-select-arrow {
       width: 24px;

ui-ngx/src/app/modules/home/components/dashboard-page/states/default-state-controller.component.scss

@@ -22,6 +22,7 @@
   .mat-mdc-select.default-state-controller {
     .mat-mdc-select-value {
       max-width: 200px;
+      font-size: 14px;
     }
     .mat-mdc-select-arrow {
       width: 24px;