Enhance shadow handling and visibility settings across components

app/src/modules/builder/asset/models/model/model.tsx

@@ -92,6 +92,17 @@ function Model({ asset }: { readonly asset: Asset }) {
         }
     }, [asset.modelUuid, ikData])
 
+    useEffect(() => {
+        if (gltfScene) {
+            gltfScene.traverse((child: any) => {
+                if (child.isMesh) {
+                    child.castShadow = true;
+                    child.receiveShadow = true;
+                }
+            })
+        }
+    }, [gltfScene]);
+
     useEffect(() => {
         setDeletableFloorItem(null);
         if (selectedFloorItem === null || selectedFloorItem.userData.modelUuid !== asset.modelUuid) {
@@ -481,6 +492,8 @@ function Model({ asset }: { readonly asset: Asset }) {
             rotation={asset.rotation}
             visible={asset.isVisible}
             userData={{ ...asset, iks: ikData }}
+            castShadow
+            receiveShadow
             onDoubleClick={(e) => {
                 e.stopPropagation();
                 if (!toggleView) {