feat: Integrate reset functionality in ArmBot and StaticMachine components

app/src/modules/simulation/armbot/ArmBot.tsx

@@ -4,6 +4,7 @@ import useModuleStore from "../../../store/useModuleStore";
 import { useSimulationStates } from "../../../store/store";
 import * as SimulationTypes from '../../../types/simulationTypes';
 import { ArmbotInstances } from "./ArmBotInstances";
+import { useResetButtonStore } from "../../../store/usePlayButtonStore";
 
 interface ArmBotState {
     uuid: string;
@@ -38,6 +39,7 @@ const ArmBot = ({ armBots, setArmBots, setStaticMachines }: ArmBotProps) => {
     const { activeModule } = useModuleStore();
     const { scene } = useThree();
     const { simulationStates } = useSimulationStates();
+    const { isReset } = useResetButtonStore();
 
     useEffect(() => {
         const filtered = simulationStates.filter((s): s is SimulationTypes.ArmBotEventsSchema => s.type === "ArmBot");
@@ -54,7 +56,7 @@ const ArmBot = ({ armBots, setArmBots, setStaticMachines }: ArmBotProps) => {
                 connections: bot.points.connections
             }));
         setArmBots(initialStates);
-    }, [simulationStates]);
+    }, [simulationStates, isReset]);
 
     useEffect(() => {
         armBots.forEach((bot) => {