feat: code split

src/app/tools/tankopedia/[id]/components/Control.tsx

@@ -3,15 +3,16 @@ import { useThree } from '@react-three/fiber';
 import { RefObject, useEffect, useRef } from 'react';
 import { Box3, Object3D } from 'three';
 import { OrbitControls as OrbitControlsClass } from 'three-stdlib';
+import { useTankopedia } from '../../../../../stores/tankopedia';
 
 interface ControlsProps {
-  enabled: boolean;
   fit: RefObject<Object3D>;
 }
 
-export function Controls({ enabled, fit }: ControlsProps) {
+export function Controls({ fit }: ControlsProps) {
   const camera = useThree((state) => state.camera);
   const orbitControls = useRef<OrbitControlsClass>(null);
+  const enabled = useTankopedia((state) => state.model.controlsEnabled);
 
   useEffect(() => {
     const box = new Box3().setFromObject(fit.current!);