refacto : cleaning the codebasebase again

src/world/Map.tsx

@@ -2,35 +2,25 @@ import { useEffect, useRef } from "react";
 import { useThree } from "@react-three/fiber";
 import { useGLTF } from "@react-three/drei";
 import * as THREE from "three";
-import { Octree } from "three/addons/math/Octree.js";
 import { MAP_DEBUG_BOX_HELPER_COLOR } from "@/data/debugConfig";
+import { useOctreeGraphNode } from "@/hooks/useOctreeGraphNode";
+import type { OctreeReadyHandler } from "@/types/3d";
 import { Debug } from "@/utils/debug/Debug";
 
 const MAP_PATH = "/models/map/model.gltf";
 
 interface MapProps {
-  onOctreeReady: (octree: Octree) => void;
+  onOctreeReady: OctreeReadyHandler;
 }
 
 export function Map({ onOctreeReady }: MapProps): React.JSX.Element {
   const { scene: gltfScene } = useGLTF(MAP_PATH);
   const groupRef = useRef<THREE.Group>(null);
-  const octreeBuilt = useRef(false);
   const boxHelpersRef = useRef<THREE.BoxHelper[]>([]);
   const { scene } = useThree();
 
-  useEffect(() => {
-    if (octreeBuilt.current || !groupRef.current) return;
-    octreeBuilt.current = true;
+  useOctreeGraphNode(groupRef, onOctreeReady);
 
-    groupRef.current.updateMatrixWorld(true);
-
-    const octree = new Octree();
-    octree.fromGraphNode(groupRef.current);
-    onOctreeReady(octree);
-  }, [onOctreeReady]);
-
-  // BoxHelper wireframes in debug mode — one per mesh in the model
   useEffect(() => {
     const debug = Debug.getInstance();
     if (!debug.active || !groupRef.current) return;