fix: conditonally display MapSearch bar based on trip state

src/pages/Home.js

@@ -504,13 +504,14 @@ const Home = () => {
           )}
         </div>
         <div className={`map-container ${showNewTrip ? 'hidden' : ''}`}>
+          {!showNewTrip && !showDirection && !selectedPlace && (
             <MapSearch
+              onPlaceSelect={handlePlaceSelect}
               map={map}
-            onSearchResult={handleSearchResult}
-            clearMap={clearMap}
+              markers={markers}
               setMarkers={setMarkers}
-            trips={trips}
             />
+          )}
           <Map
             latitude={selectedLocation.latitude}
             longitude={selectedLocation.longitude}