on map, when marker is clicked and popup appears, make it so that click of popup will open corresponding details about restaurant, like in the "featured restaurants" section
I've added modal interaction to the map. Now when you click on a marker popup, it displays a clickable area that shows "Click to view details" and opens the restaurant modal when clicked, just like clicking on a restaurant card does. The popup automatically closes after opening the modal, and the same modal component is reused for consistency.
fix z indexes, map appears on top of restaurant details
I've fixed the z-index layering by increasing the modal's z-index to 9999 and ensuring the Leaflet map container has a lower z-index of 1. This guarantees the restaurant details modal will always appear on top of the map when opened.
Upgrade Next.js from 16.0.0 to 16.0.7