feat: Enhance Robotic Arm functionality with state management and action handling

app/src/modules/simulation/simulation.tsx

@@ -1,30 +1,30 @@
-import React, { useEffect } from 'react';
-import { useEventsStore } from '../../store/simulation/useEventsStore';
-import { useProductStore } from '../../store/simulation/useProductStore';
-import Vehicles from './vehicle/vehicles';
-import Points from './events/points/points';
+import React, { useEffect } from "react";
+import { useEventsStore } from "../../store/simulation/useEventsStore";
+import { useProductStore } from "../../store/simulation/useProductStore";
+import Vehicles from "./vehicle/vehicles";
+import Points from "./events/points/points";
+import RoboticArm from "./roboticArm/roboticArm";
 
 function Simulation() {
     const { events } = useEventsStore();
     const { products } = useProductStore();
 
     useEffect(() => {
-        console.log('events: ', events);
-    }, [events])
+        console.log("events: ", events);
+    }, [events]);
 
     useEffect(() => {
         // console.log('products: ', products);
-    }, [products])
+    }, [products]);
 
     return (
         <>
-
             <Points />
 
             <Vehicles />
-
+            <RoboticArm />
         </>
-    )
+    );
 }
 
-export default Simulation
+export default Simulation;