refactor: update VehicleMechanics to use LabledDropdown for start and end point selection; clean up unused MQTT code and improve zone data fetching logic

app/src/components/ui/componets/RealTimeVisulization.tsx

@@ -76,7 +76,7 @@ const RealTimeVisulization: React.FC = () => {
     }
 
     GetZoneData();
-  }, []); // Removed `zones` from dependencies
+  }, [activeModule]); // Removed `zones` from dependencies
 
 
   useEffect(() => {
@@ -97,7 +97,7 @@ const RealTimeVisulization: React.FC = () => {
       };
     });
   }, [selectedZone]);
-  
+
   useEffect(() => {
 
   }, [floatingWidgets])

app/src/components/ui/inputs/EyeDropInput.tsx

@@ -1,5 +1,6 @@
 import React from "react";
 import { EyeDroperIcon } from "../../icons/ExportCommonIcons";
+import RegularDropDown from "./RegularDropDown";
 
 interface EyeDropInputProps {
   label: string;
@@ -23,7 +24,12 @@ const EyeDropInput: React.FC<EyeDropInputProps> = ({
     <div className="eye-dropper-input-container">
       <div className="label">{label}</div>
       <div className="input-container">
-      <input disabled type="text" />
+        {/* <input disabled type="text" /> */}
+        <RegularDropDown
+          header="select object"
+          options={[]}
+          onSelect={() => { }}
+        />
         <div className="eye-picker-button" onClick={handleEyeDropClick}>
           <EyeDroperIcon isActive={false} />
         </div>