feat: Enhance simulation event handling and material management with new components and state management

app/src/store/simulation/useSimulationStore.ts

@@ -0,0 +1,25 @@
+import { create } from 'zustand';
+import { immer } from 'zustand/middleware/immer';
+import * as THREE from 'three';
+
+interface SelectedEventSphereState {
+    selectedEventSphere: THREE.Mesh | null;
+    setSelectedEventSphere: (mesh: THREE.Mesh | null) => void;
+    clearSelectedEventSphere: () => void;
+}
+
+export const useSelectedEventSphere = create<SelectedEventSphereState>()(
+    immer((set) => ({
+        selectedEventSphere: null,
+        setSelectedEventSphere: (mesh) => {
+            set((state) => {
+                state.selectedEventSphere = mesh;
+            });
+        },
+        clearSelectedEventSphere: () => {
+            set((state) => {
+                state.selectedEventSphere = null;
+            });
+        },
+    }))
+);