change text location all page

components/doctors/index.js

@@ -6,10 +6,12 @@ import SortList from "./sortlist";
 import ListDoctors from "./listDoctors";
 import LocationD from "../icons/LocationD";
 import { useSearchParams } from "next/navigation";
+import { useProvince } from "@/context/ProvinceProvider";
 
 function DoctorsPage() {
   const [loading, setLoading] = useState(true);
   const searchParams = useSearchParams();
+  const { isProvinceInclude } = useProvince();
   const locationSelected = {
     province: searchParams.get("province"),
     city: searchParams.get("city"),
@@ -34,7 +36,9 @@ function DoctorsPage() {
           <LocationD />
           <p className="text-[#525252] text-[16px] font-semibold">
             {" "}
-            {locationSelected.province || "استان"} /{" "}
+            {isProvinceInclude?.name || locationSelected.province || "استان"}
+            {/* {isProvinceInclude?.name ? "" : " / "} */}
+            {" / "}
             {locationSelected.city || "شهر"}
           </p>
         </div>