Update styles, add marketplace components, and enhance drag-and-drop functionality

app/src/styles/pages/realTimeViz.scss

@@ -167,7 +167,9 @@
 
       .chart-container {
         width: 100%;
-        height: 200px;
+        height: 24% !important;
+
+        min-height: 150px;
         max-height: 100%;
         border: 1px dotted #a9a9a9;
         border-radius: 8px;
@@ -192,17 +194,17 @@
       left: 0;
       right: 0;
 
-      .fullScreen {
-        background-color: red;
-      }
+
 
       .panel-content {
         display: flex;
         flex-direction: row;
+        height: 100%;
 
         .chart-container {
-          height: 100%;
-          width: 200px;
+          height: 100% !important;
+          width: 20%;
+          min-width: 150px;
         }
       }
     }
@@ -234,6 +236,11 @@
   }
 }
 
+.playingFlase{
+  .zoon-wrapper{
+    bottom: 300px !important;
+  }
+}
 // Side Buttons
 .side-button-container {
   position: absolute;