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,