feat(app): get rid of transitions

src/app/pages/dashboard/rooms/room-selector/room-selector.component.scss

@@ -27,14 +27,12 @@
     stroke: #bdc4cd;
     stroke-miterlimit: 10;
     fill: none;
-    transition: stroke 0.4s ease-out;
   }
 
   .room-bg {
     fill: nb-theme(card-bg);
     stroke: transparent;
     cursor: pointer;
-    transition: fill 0.4s ease-out;
     stroke-width: 4px;
   }
 

src/app/pages/dashboard/rooms/rooms.component.scss

@@ -62,7 +62,6 @@
         transform: translateX(-50%);
         font-size: 3rem;
         color: nb-theme(color-fg);
-        transition: display 0.3s ease;
 
         &:focus {
           outline: none;

src/app/pages/dashboard/security-cameras/security-cameras.component.scss

@@ -99,7 +99,6 @@
       width: 100%;
       height: 100%;
       opacity: 1;
-      transition: 0.2s;
     }
 
     &:hover::before {

src/app/pages/dashboard/status-card/status-card.component.scss

@@ -11,7 +11,6 @@
     $bevel: btn-hero-bevel(nb-theme(card-bg));
     $shadow: nb-theme(btn-hero-shadow);
     box-shadow: $bevel, $shadow;
-    transition: all 0.1s ease-out;
 
     .icon-container {
       height: 100%;
@@ -26,7 +25,10 @@
       height: 4.75rem;
       font-size: 3.75rem;
       border-radius: nb-theme(card-border-radius);
-      transition: all 0.1s ease-out, color 0s;
+      transition: width 0.4s ease;
+      transform: translate3d(0, 0, 0);
+      -webkit-transform-style: preserve-3d;
+      -webkit-backface-visibility: hidden;
       color: nb-theme(color-white);
 
       &.primary {

src/app/pages/dashboard/temperature/temperature-dragger/temperature-dragger.component.scss

@@ -62,7 +62,6 @@
     cursor: pointer;
     font-size: 3rem;
     color: nb-theme(color-fg-heading);
-    transition: all 0.1s ease-out;
     border: 2px solid nb-theme(separator);
 
     &:hover {