change name in register & add link to most-searched home page & change tag & change design and responsive & fix active link header & must include field num in register & send code msg

components/doctors/index.js

@@ -14,15 +14,13 @@ import { Button } from "@mui/material";
 import citiesData from "@/data/city.json";
 import statesData from "@/data/state.json";
 
-function DoctorsPage() {
+function DoctorsPage({ params, matchedCity, matchedState }) {
   const [loading, setLoading] = useState(true);
   const [open, setOpen] = useState(false);
   const { isProvinceInclude } = useProvince();
   const [selected, setSelected] = useState({
-    // province: isProvinceInclude?.name || locationSelected.province,
-    // city: locationSelected.city || newCity,
-    province: isProvinceInclude?.name,
-    city: null,
+    province: matchedState?.name,
+    city: matchedCity?.name,
   });
   const searchParams = useSearchParams();
   const locationSelected = {
@@ -65,16 +63,16 @@ function DoctorsPage() {
             onClick={() => setOpen(true)}
           >
             <LocationD />
-            <p className="text-[#525252] text-[16px] font-semibold">
+            <h1 className="text-[#525252] text-[16px] font-semibold">
               {" "}
               {selected.province || "استان"}
               {" / "}
               {selected.city || "شهر"}
-            </p>
+            </h1>
           </Button>
         </ModalSearchCity>
         <div className="flex flex-col lg:flex-row items-start lg:items-center justify-center gap-[24px] lg:gap-[32px] w-full">
-          <SearchBar data={data} setData={setData} />
+          <SearchBar data={data} setData={setData} params={params} />
           <SortList data={data} setData={setData} />
         </div>
       </div>