feat: Implement ArmReplace component with MultiGLTFInstances for dynamic arm rendering

- Added ArmReplace component to manage the rendering of arm models based on scene objects.
- Integrated MultiGLTFInstances for loading and displaying multiple GLTF models.
- Created findLinkObjects function to traverse the scene and extract positions, rotations, and visibility settings for objects named 'link_0'.
- Utilized useModuleStore to manage active module state and control visibility of arm models.

app/src/modules/scene/world/world.tsx

@@ -55,6 +55,7 @@ import DrieHtmlTemp from "../mqttTemp/drieHtmlTemp";
 import ZoneGroup from "../../builder/groups/zoneGroup";
 import useModuleStore from "../../../store/useModuleStore";
 import NavMeshCreator from "../../builder/agv/navMeshCreator";
+import ArmReplace from "../../simulation/ik/ArmReplace";
 
 export default function World() {
   const state = useThree<Types.ThreeState>(); // Importing the state from the useThree hook, which contains the scene, camera, and other Three.js elements.
@@ -370,6 +371,9 @@ export default function World() {
 
       <NavMeshCreator lines={lines} />
 
+      {/* replacing exsisting arms with rigged ones */}
+      <ArmReplace />
+
     </>
   );
 }