feat: Implement draggable panels in BlockEditor and ElementEditor, enhance dropdown styles, and improve layout responsiveness

app/src/styles/components/simulationDashboard/_simulationDashBoard.scss

@@ -282,6 +282,15 @@
         min-height: 60vh;
         padding: 12px;
 
+        .resize-icon {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            z-index: 100;
+            svg {
+                cursor: grab;
+            }
+        }
 
         .header {
             display: flex;
@@ -556,6 +565,7 @@
             }
 
         }
+
         .data-details {
             display: flex;
             flex-direction: column;
@@ -683,6 +693,9 @@
 
             max-width: 320px;
 
+            position: fixed;
+            top: 80px;
+            right: 40px;
             .appearance {
                 .design-datas-wrapper {
 
@@ -930,7 +943,7 @@
     }
 
     .input-container {
-        width: 100%;
+        min-width: 100px;
         display: flex;
         align-items: center;
         gap: 6px;
@@ -940,6 +953,12 @@
             background: transparent;
         }
 
+        .key {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+
         .icon {
             display: flex;
             padding: 2px;