feat: Enhance map controls and overlay visibility in project map components

src/components/ui/ProjectMap.js

@@ -20,6 +20,7 @@ export default function ProjectMap({
 	showLayerControl = true,
 	mapHeight = "h-64",
 	defaultLayer = "OpenStreetMap",
+	showOverlays = true,
 }) {
 	const [coords, setCoords] = useState(null);
 
@@ -101,7 +102,7 @@ export default function ProjectMap({
 				)}
 			</div>
 			<div
-				className={`w-full ${mapHeight} rounded-lg overflow-hidden border border-gray-200`}
+				className={`w-full ${mapHeight} rounded-lg border border-gray-200`}
 			>
 				<DynamicMap
 					center={[coords.lat, coords.lng]}
@@ -155,6 +156,7 @@ export default function ProjectMap({
 					]}
 					showLayerControl={showLayerControl}
 					defaultLayer={defaultLayer}
+					showOverlays={showOverlays}
 				/>
 			</div>
 			<div className="flex items-center justify-between">