Refactor conveyor mechanics and action handlers: update spawn count, interval, and delay handling; enhance material management in useMaterialStore; implement spawn action handler; unify action handling across various components.

app/src/modules/simulation/materials/instances/instance/materialInstance.tsx

@@ -1,9 +1,22 @@
-import React from 'react'
+import React, { useEffect, useState } from 'react'
+import * as THREE from 'three';
+import MaterialAnimator from '../animator/materialAnimator'
 
-function MaterialInstance() {
-  return (
-    <></>
-  )
+function MaterialInstance({ material }: { material: MaterialSchema }) {
+    const [position, setPosition] = useState<THREE.Vector3>();
+    const [rotation, setRotation] = useState<THREE.Vector3>();
+
+    useEffect(() => {
+        // console.log('material: ', material);
+    }, [material])
+
+    return (
+        <>
+
+            <MaterialAnimator />
+
+        </>
+    )
 }
 
 export default MaterialInstance