DashboardPage: refactored styles from sass to emotion (#32955)

* DashboardPage: refactored styles from sass to emotion

* refactored dashboardPage component to be alot easier to read and understand

* more refactoring...

* more cleaning...

* fixes frontend test

* fixes frontend test- I hope

* fixes frontend test- I hope

* moves dashboard scss styles back to it's standalone file

public/sass/pages/_dashboard.scss

@@ -1,64 +1,7 @@
-.dashboard-container {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex: 1 1 0;
-  flex-direction: column;
-}
-
-.dashboard-scroll {
-  width: 100%;
-  flex-grow: 1;
-  min-height: 0;
-  display: flex;
-}
-
-.dashboard-content {
-  padding: $dashboard-padding;
-  flex-basis: 100%;
-  flex-grow: 1;
-}
-
-div.flot-text {
-  color: $text-color !important;
-}
-
 .panel {
   height: 100%;
 }
 
-.dashboard-solo {
-  .footer,
-  .sidemenu {
-    display: none;
-  }
-}
-
-.template-variable {
-  color: $variable;
-}
-
-.panel-solo {
-  position: fixed;
-  bottom: 0;
-  right: 0;
-  margin: 0;
-  left: 0;
-  top: 0;
-
-  .panel-container {
-    border: none;
-  }
-
-  .panel-menu-toggle,
-  .panel-menu {
-    display: none;
-  }
-}
-
 .panel-height-helper {
   display: block;
   height: 100%;
@@ -109,31 +52,36 @@ div.flot-text {
     padding: 0;
   }
 }
-.dashboard-header {
-  font-size: $font-size-h2;
-  text-align: center;
-  overflow: hidden;
-  position: relative;
-  top: -10px;
-  span {
-    display: inline-block;
-    @include brand-bottom-border();
-    padding: $space-sm $space-sm $space-xxs $space-sm;
+
+div.flot-text {
+  color: $text-color !important;
+}
+
+.dashboard-solo {
+  .footer,
+  .sidemenu {
+    display: none;
   }
 }
 
-.dashboard-loading {
-  height: 60vh;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+.template-variable {
+  color: $variable;
+}
 
-  .alert {
-    max-width: 600px;
-    min-width: 600px;
+.panel-solo {
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  margin: 0;
+  left: 0;
+  top: 0;
+
+  .panel-container {
+    border: none;
+  }
+
+  .panel-menu-toggle,
+  .panel-menu {
+    display: none;
   }
 }
-
-.dashboard-loading__text {
-  font-size: $font-size-lg;
-}