refactor: Update material default value and remove console logs for cleaner output

app/src/modules/simulation/roboticArm/instances/armInstance/roboticArmInstance.tsx

@@ -7,12 +7,12 @@ import { useArmBotStore } from '../../../../../store/simulation/useArmBotStore';
 function RoboticArmInstance({ armBot }: any) {
     const { isPlaying } = usePlayButtonStore();
     const [currentPhase, setCurrentPhase] = useState<(string)>("init");
-    console.log('currentPhase: ', currentPhase);
+    // console.log('currentPhase: ', currentPhase);
     const { armBots, addArmBot, addCurrentAction } = useArmBotStore();
 
     useEffect(() => {
 
-        console.log('isPlaying: ', isPlaying);
+        // console.log('isPlaying: ', isPlaying);
         if (isPlaying) {
             //Moving armBot from initial point to rest position.
 

app/src/modules/simulation/roboticArm/instances/roboticArmInstances.tsx

@@ -9,12 +9,9 @@ function RoboticArmInstances() {
     return (
         <>
             {
-                armBots?.map((robot: any) => (
-
-                    <RoboticArmInstance armdetals={robot} />
-                )
-                )
-
+                armBots?.map((robot) => (
+                    <RoboticArmInstance key={robot.modelUuid} armdetals={robot} />
+                ))
             }
 
         </>

app/src/modules/simulation/roboticArm/roboticArm.tsx

@@ -86,7 +86,7 @@ function RoboticArm() {
 
 
     useEffect(() => {
-        console.log('armBots: ', armBots);
+        // console.log('armBots: ', armBots);
     }, [armBots]);
 
     return (

app/src/modules/simulation/simulation.tsx

@@ -23,7 +23,7 @@ function Simulation() {
     }, [events])
 
     useEffect(() => {
-        console.log('products: ', products);
+        // console.log('products: ', products);
     }, [products])
 
     return (