Add new images and update styles for visualization components

app/src/styles/pages/realTimeViz.scss

@@ -15,6 +15,7 @@
   border-radius: #{$border-radius-medium};
   transition: all 0.2s;
   z-index: #{$z-index-default};
+
   .floating {
     width: 100%;
     max-width: 250px;
@@ -27,6 +28,7 @@
     position: absolute;
     z-index: 1000;
   }
+
   .scene-container {
     overflow: hidden;
   }
@@ -76,16 +78,19 @@
       gap: 6px;
       border-radius: #{$border-radius-medium};
       overflow-x: auto;
+
       &::-webkit-scrollbar {
         display: none;
       }
     }
+
     .no-zone {
       @include flex-center;
       gap: 4px;
       padding: 4px;
       color: var(--text-disabled);
     }
+
     .zone {
       width: auto;
       background-color: var(--background-color);
@@ -186,7 +191,7 @@
         height: 25% !important;
         min-height: 150px;
         max-height: 100%;
-        border: 1px dotted #a9a9a9;
+        border: 1px dashed #a9a9a9;
         border-radius: 8px;
         box-shadow: 0px 2px 6px 0px rgba(60, 60, 67, 0.1);
         padding: 6px 0;
@@ -206,8 +211,8 @@
 
         .kebab-options {
           position: absolute;
-          top: 12px;
-          right: -100px;
+          top: 18px;
+          right: 5px;
           transform: translate(0px, 0);
           background-color: var(--background-color);
           z-index: 10;
@@ -257,6 +262,10 @@
         }
       }
 
+      .chart-container.notLinked {
+        border-color: red;
+      }
+
       .close-btn {
         position: absolute;
         top: 5px;
@@ -364,19 +373,24 @@
     border: none;
     color: var(--background-color);
     border-radius: 4px;
+
     .add-icon {
       @include flex-center;
       transition: rotate 0.2s;
     }
+
     path {
       stroke: var(--primary-color);
       stroke-width: 2;
     }
   }
+
   .active {
     background: #ffe3e0;
+
     .add-icon {
       rotate: 45deg;
+
       path {
         stroke: #f65648;
         stroke-width: 2;
@@ -442,7 +456,7 @@
   transform: translate(-0%, 0);
 
   h2 {
-    font-size: 12px;
+    font-size: var(--font-size-small);
     margin-bottom: 8px;
     color: #2b3344;
   }
@@ -527,4 +541,4 @@
 .zone.active {
   background-color: #007bff;
   color: white;
-}
+}