feat(world): add lafabrik lod support

src/components/three/world/LaFabrikMapModel.tsx

@@ -3,15 +3,27 @@ import {
   MergedStaticMapModel,
   type MergedStaticMapModelProps,
 } from "@/components/three/world/MergedStaticMapModel";
+import { getMapLodModelPath } from "@/data/world/mapLodConfig";
+import { useMapLodModelPath } from "@/hooks/world/useMapLodModelPath";
 
 const LA_FABRIK_MODEL_PATH = "/models/lafabrik/model.gltf";
+const LA_FABRIK_LOD_MODEL_PATH = getMapLodModelPath("lafabrik");
 
 type LaFabrikMapModelProps = Omit<MergedStaticMapModelProps, "modelPath">;
 
 export function LaFabrikMapModel(
   props: LaFabrikMapModelProps,
 ): React.JSX.Element {
-  return <MergedStaticMapModel modelPath={LA_FABRIK_MODEL_PATH} {...props} />;
+  const modelPath = useMapLodModelPath({
+    modelName: "lafabrik",
+    modelPath: LA_FABRIK_MODEL_PATH,
+    position: props.position,
+  });
+
+  return <MergedStaticMapModel modelPath={modelPath} {...props} />;
 }
 
 useGLTF.preload(LA_FABRIK_MODEL_PATH);
+if (LA_FABRIK_LOD_MODEL_PATH) {
+  useGLTF.preload(LA_FABRIK_LOD_MODEL_PATH);
+}

src/data/world/mapLodConfig.ts

@@ -10,6 +10,7 @@ export const MAP_LOD_MODEL_PATHS = {
   boiteimmeuble: "/models/boiteimmeuble-LOD/model.gltf",
   ecole: "/models/ecole-LOD/model.gltf",
   immeuble1: "/models/immeuble1-LOD/model.gltf",
+  lafabrik: "/models/lafabrik-LOD/model.gltf",
   maison1: "/models/maison1-LOD/model.gltf",
   panneauaffichage: "/models/panneauaffichage-LOD/model.gltf",
   talkie: "/models/talkie-LOD/model.gltf",