added ui and integerated ui for the vehicle mechanics

app/src/modules/scene/world/world.tsx

@@ -29,6 +29,7 @@ import {
   useUpdateScene,
   useWalls,
   useToolMode,
+  useRefTextUpdate,
 } from "../../../store/store";
 
 //////////  3D Function Imports  //////////
@@ -118,7 +119,7 @@ export default function World() {
   const { shadows, setShadows } = useShadows();
   const { updateScene, setUpdateScene } = useUpdateScene();
   const { walls, setWalls } = useWalls();
-  const [RefTextupdate, setRefTextUpdate] = useState(-1000);
+  const { refTextupdate, setRefTextUpdate } = useRefTextUpdate();
 
   // const loader = new GLTFLoader();
   // const dracoLoader = new DRACOLoader();
@@ -158,7 +159,7 @@ export default function World() {
   //////////  All Toggle's //////////
 
   useEffect(() => {
-    setRefTextUpdate((prevUpdate) => prevUpdate - 1);
+    setRefTextUpdate((prevUpdate: number) => prevUpdate - 1);
     if (dragPointControls.current) {
       dragPointControls.current.enabled = false;
     }
@@ -241,7 +242,7 @@ export default function World() {
       <DistanceText key={toggleView} />
 
       <ReferenceDistanceText
-        key={RefTextupdate}
+        key={refTextupdate}
         line={ReferenceLineMesh.current}
       />