Fix CSS property naming and improve distance label formatting in DistanceLines component

app/src/styles/layout/sidebar.scss

@@ -440,7 +440,7 @@
 
                 path {
                   stroke: var(--text-button-color);
-                  strokeWidth: 1.3;
+                  stroke-width: 1.3;
                 }
               }
             }
@@ -710,7 +710,7 @@
 
         path {
           stroke: var(--accent-color);
-          strokeWidth: 1.5px;
+          stroke-width: 1.5px;
         }
 
         &:hover {
@@ -1397,14 +1397,10 @@
 
 .skeleton-wrapper {
   display: flex;
-
-  .skeleton-content {}
-
   .asset-name {
     width: 40%;
     height: 10px;
   }
-
   .asset {
     width: 100%;
     height: 100%;
@@ -1417,8 +1413,7 @@
 .sidebar-left-wrapper,
 .sidebar-right-wrapper {
   height: calc(50vh + 150px);
-  overflow-y: hidden;
-  transition: height 0.4s ease-in-out;
+  transition: height 0.2s ease-in-out;
 }
 
 .sidebar-left-wrapper.closed,

app/src/styles/pages/realTimeViz.scss

@@ -65,7 +65,6 @@
 
     overflow: auto;
     max-width: calc(100% - 500px);
-    // min-width: 150px;
     z-index: 3;
     transform: translate(-50%, -10%);
     pointer-events: all;
@@ -431,7 +430,7 @@
 
       path {
         stroke: #f65648;
-        strokewidth: 1.3;
+        stroke-width: 1.3;
       }
     }
   }