change design poster and text head && design modal filter & data for filter and doctors & handle functionality filter, set in url, read from url and change state

app/component/openLocation/Content.js

@@ -2,33 +2,35 @@ import CloseModalD from "@/components/icons/CloseModalD";
 import Image from "next/image";
 
 function Content({ data, onClose }) {
+  console.log(data);
+
   const { latitude, longitude } = data && data.map;
 
   const maps = [
     {
       src: "/assets/images/snapp.png",
       name: "snapp",
-      url: `https://snapp.ir/route?lat=${latitude}&lng=${longitude}`,
+      url: `https://snapp.ir/route?lat=${"latitude"}&lng=${"longitude"}`,
     },
     {
       src: "/assets/images/tapsi.png",
       name: "tapsi",
-      url: `https://tapsi.ir/route?lat=${latitude}&lng=${longitude}`,
+      url: `https://tapsi.ir/route?lat=${"latitude"}&lng=${"longitude"}`,
     },
     {
       src: "/assets/images/maps.png",
       name: "maps",
-      url: `https://www.google.com/maps/dir/?api=1&destination=${latitude},${longitude}`,
+      url: `https://www.google.com/maps/dir/?api=1&destination=${"latitude"},${"longitude"}`,
     },
     {
       src: "/assets/images/balad.png",
       name: "balad",
-      url: `https://balad.ir/map?lat=${latitude}&lng=${longitude}`,
+      url: `https://balad.ir/map?lat=${"latitude"}&lng=${"longitude"}`,
     },
     {
       src: "/assets/images/waze.png",
       name: "waze",
-      url: `https://waze.com/ul?ll=${latitude},${longitude}&navigate=yes`,
+      url: `https://waze.com/ul?ll=${"latitude"},${"longitude"}&navigate=yes`,
     },
   ];
 
@@ -61,7 +63,7 @@ function Content({ data, onClose }) {
                 height={40}
                 width={40}
               />
-              <p className="text-[#3B3B3B] font-normal text-[14px]">
+              <p className="text-[#3B3B3B] text-center font-normal text-[14px]">
                 {item.name}
               </p>
             </a>