change list sort doctors page & change function search list specialties & remove pagination from page specialties & fix zoom page & change design all fields & change regex validation phone number for nobat724 and clinic-pro

components/doctors/index.js

@@ -3,38 +3,18 @@
 import { useEffect, useState } from "react";
 import SearchBar from "./search";
 import SortList from "./sortlist";
+import { Button } from "@mui/material";
 import ListDoctors from "./listDoctors";
 import LocationD from "../icons/LocationD";
-import { useSearchParams } from "next/navigation";
 import ModalSearchCity from "@/app/component/modalSearchCity";
-import { useProvince } from "@/context/ProvinceProvider";
-import { Button } from "@mui/material";
-
-// Data
-import citiesData from "@/data/city.json";
-import statesData from "@/data/state.json";
 
 function DoctorsPage({ params, matchedCity, matchedState }) {
   const [loading, setLoading] = useState(true);
   const [open, setOpen] = useState(false);
-  const { isProvinceInclude } = useProvince();
   const [selected, setSelected] = useState({
-    province: matchedState?.name,
-    city: matchedCity?.name,
+    province: matchedState?.name || params?.province,
+    city: matchedCity?.name || params?.city,
   });
-  const searchParams = useSearchParams();
-  const locationSelected = {
-    province: searchParams.get("province"),
-    city: searchParams.get("city"),
-  };
-  const provinceId = statesData.find(
-    (state) => state.name === locationSelected?.province
-  );
-
-  const newCity =
-    locationSelected.city ||
-    (provinceId &&
-      citiesData.find((city) => city.province_id === provinceId.id)?.name);
 
   const [data, setData] = useState({
     expertise: "",