[refactor] refactor load3d (#5765)

Summary

Fully Refactored the Load3D module to improve architecture and
maintainability by consolidating functionality into a
centralized composable pattern and simplifying component structure. and
support VueNodes system

  Changes

- Architecture: Introduced new useLoad3d composable to centralize 3D
loading logic and state
  management
- Component Simplification: Removed redundant components
(Load3DAnimation.vue, Load3DAnimationScene.vue,
  PreviewManager.ts) 
- Support VueNodes
- improve config store
- remove lineart output due Animation doesnot support it, may add it
back later
- remove Preview screen and keep scene in fixed ratio in load3d (not
affect preview3d)
- improve record video feature which will already record video by same
ratio as scene
Need BE change https://github.com/comfyanonymous/ComfyUI/pull/10025


https://github.com/user-attachments/assets/9e038729-84a0-45ad-b0f2-11c57d7e0c9a



┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-5765-refactor-refactor-load3d-2796d73d365081728297cc486e2e9052)
by [Unito](https://www.unito.io)

src/extensions/core/load3d/ControlsManager.ts

@@ -24,13 +24,14 @@ export class ControlsManager implements ControlsManagerInterface {
     this.nodeStorage = nodeStorage
     this.camera = camera
 
-    this.controls = new OrbitControls(camera, renderer.domElement)
+    const container = renderer.domElement.parentElement || renderer.domElement
+    this.controls = new OrbitControls(camera, container)
     this.controls.enableDamping = true
   }
 
   init(): void {
     this.controls.addEventListener('end', () => {
-      this.nodeStorage.storeNodeProperty('Camera Info', {
+      const cameraState = {
         position: this.camera.position.clone(),
         target: this.controls.target.clone(),
         zoom:
@@ -41,7 +42,17 @@ export class ControlsManager implements ControlsManagerInterface {
           this.camera instanceof THREE.PerspectiveCamera
             ? 'perspective'
             : 'orthographic'
+      }
+
+      const cameraConfig = this.nodeStorage.loadNodeProperty('Camera Config', {
+        cameraType: cameraState.cameraType,
+        fov:
+          this.camera instanceof THREE.PerspectiveCamera
+            ? (this.camera as THREE.PerspectiveCamera).fov
+            : 75
       })
+      cameraConfig.state = cameraState
+      this.nodeStorage.storeNodeProperty('Camera Config', cameraConfig)
     })
   }