Google maps integration

frontend/src/pages/ItemDetail.tsx

@@ -3,7 +3,7 @@ import { useParams, useNavigate } from "react-router-dom";
 import { Item, Rental } from "../types";
 import { useAuth } from "../contexts/AuthContext";
 import { itemAPI, rentalAPI } from "../services/api";
-import LocationMap from "../components/LocationMap";
+import GoogleMapWithRadius from "../components/GoogleMapWithRadius";
 import ItemReviews from "../components/ItemReviews";
 
 const ItemDetail: React.FC = () => {
@@ -357,11 +357,9 @@ const ItemDetail: React.FC = () => {
               </div>
 
               {/* Map */}
-              <LocationMap
+              <GoogleMapWithRadius
                 latitude={item.latitude}
                 longitude={item.longitude}
-                location={item.location}
-                itemName={item.name}
               />
 
               <ItemReviews itemId={item.id} />