feat: embedded interactive map in property + match detail views

Integrates react-leaflet with OpenStreetMap tiles. PropertyDetailView
and MatchDetail now show property photo + zoomable/pannable map above
the tabs/content — always visible on card click, no redirect. Map
renders at correct lat/lng with a location marker and popup.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/components/supply/PropertyDetailView.tsx

@@ -13,6 +13,7 @@ import {
 import { X } from 'lucide-react'
 import { NegotiationInsightsPanel } from './NegotiationInsightsPanel'
 import { DataQualityPanel as DQPanel, ProvenancePanel } from '../data-quality'
+import { LocationPreview, PropertyMap } from '../shared'
 import type { Property } from '../../domain/property'
 import type { Match } from '../../domain/match'
 import type { FutureSignal } from '../../domain/futureSignal'
@@ -364,6 +365,28 @@ export function PropertyDetailView({ propertyId, onClose }: PropertyDetailViewPr
         )}
       </Box>
 
+      {/* Photo + Map */}
+      <Box sx={{ flexShrink: 0 }}>
+        {property.images?.[0] && (
+          <LocationPreview
+            imageUrl={property.images[0]}
+            lat={property.location.coordinates?.lat}
+            lng={property.location.coordinates?.lng}
+            address={`${property.address.street} ${property.address.houseNumber}, ${property.address.city}`}
+            cityLabel={property.location.city}
+            height={180}
+          />
+        )}
+        {property.location.coordinates && (
+          <PropertyMap
+            lat={property.location.coordinates.lat}
+            lng={property.location.coordinates.lng}
+            label={property.title}
+            height={240}
+          />
+        )}
+      </Box>
+
       {/* Tabs */}
       <Tabs
         value={tab}