feat: Refactor NavMeshDetails component to improve imports and utilize scene context for aisles and walls

app/src/modules/simulation/vehicle/navMesh/navMeshDetails.tsx

@@ -1,10 +1,10 @@
 import React, { useEffect } from "react";
-import { init as initRecastNavigation } from "@recast-navigation/core";
-import { generateSoloNavMesh } from "@recast-navigation/generators";
-import { DebugDrawer, getPositionsAndIndices } from "@recast-navigation/three";
-import { useThree } from "@react-three/fiber";
 import * as THREE from "three";
-import * as Types from "../../../../types/world/worldTypes";
+import { useThree } from "@react-three/fiber";
+import { generateSoloNavMesh } from "@recast-navigation/generators";
+import { init as initRecastNavigation } from "@recast-navigation/core";
+import { DebugDrawer, getPositionsAndIndices } from "@recast-navigation/three";
+import { useSceneContext } from "../../../scene/sceneContext";
 
 interface NavMeshDetailsProps {
     setNavMesh: (navMesh: any) => void;
@@ -15,7 +15,10 @@ export default function NavMeshDetails({
     setNavMesh,
     groupRef,
 }: NavMeshDetailsProps) {
+    const { aisleStore, wallStore } = useSceneContext();
+    const { aisles } = aisleStore();
     const { scene } = useThree();
+    const { walls } = wallStore();
 
     useEffect(() => {
         const initializeNavigation = async () => {
@@ -61,7 +64,7 @@ export default function NavMeshDetails({
         };
 
         initializeNavigation();
-    }, [scene, groupRef]);
+    }, [scene, groupRef, aisles, walls]);
 
     return null;
 }