Refactor simulation dashboard styles and types

- Updated SCSS styles for the simulation dashboard, adjusting z-index and reintroducing the element dropdown styles.
- Simplified type definitions in simulationDashboard.d.ts by removing unnecessary exports and consolidating types.
- Modified shortcut key handling to import from the correct path for useSelectedZoneStore.
- Created a new Zustand store for managing simulation dashboard state, including blocks and elements.
- Introduced old visualization stores for chart and dropped objects, refactoring to use Zustand for state management.
- Added a new store for managing 3D widget data and zone widget data.
- Implemented a store for managing selected zones and their properties.
- Initialized a visualization store with a basic structure for future enhancements.
- Updated exported types to include ExtendedCSSProperties and refined Block and UIElement definitions.

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

@@ -5,14 +5,7 @@
     width: 100vw;
     overflow: hidden;
     color: #fff;
-    //   background-image:
-    //     linear-gradient(45deg, #2d2d2d 25%, transparent 25%),
-    //     linear-gradient(-45deg, #2d2d2d 25%, transparent 25%),
-    //     linear-gradient(45deg, transparent 75%, #2d2d2d 75%),
-    //     linear-gradient(-45deg, transparent 75%, #2d2d2d 75%);
-    //   background-size: 20px 20px;
-    //   background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
-    z-index: 100;
+    z-index: 2;
     background: transparent;
     position: absolute;
     top: 0;
@@ -235,35 +228,6 @@
         }
     }
 
-    .element-dropdown {
-        position: fixed;
-        background-color: rgba(50, 50, 50, 0.95);
-        backdrop-filter: blur(10px);
-        border: 1px solid rgba(255, 255, 255, 0.2);
-        padding: 10px;
-        z-index: 9999;
-        border-radius: 8px;
-        display: flex;
-        flex-direction: column;
-        gap: 5px;
-        min-width: 150px;
-
-        .dropdown-button {
-            padding: 8px 12px;
-            background-color: rgba(85, 85, 85, 0.8);
-            color: white;
-            border: none;
-            border-radius: 6px;
-            cursor: pointer;
-            backdrop-filter: blur(5px);
-            transition: all 0.2s ease;
-
-            &:hover {
-                background-color: rgba(85, 85, 85, 1);
-            }
-        }
-    }
-
     .panel {
         position: fixed;
         background-color: rgba(50, 50, 50, 0.95);
@@ -464,3 +428,32 @@
         justify-content: center;
     }
 }
+
+.element-dropdown {
+    position: fixed;
+    background-color: rgba(50, 50, 50, 0.95);
+    backdrop-filter: blur(10px);
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    padding: 10px;
+    z-index: 9999;
+    border-radius: 8px;
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+    min-width: 150px;
+
+    .dropdown-button {
+        padding: 8px 12px;
+        background-color: rgba(85, 85, 85, 0.8);
+        color: white;
+        border: none;
+        border-radius: 6px;
+        cursor: pointer;
+        backdrop-filter: blur(5px);
+        transition: all 0.2s ease;
+
+        &:hover {
+            background-color: rgba(85, 85, 85, 1);
+        }
+    }
+}