handle download poster and qrcode, fix to show timestamp, add pagination to doctors page

components/clinics/index.js

@@ -14,6 +14,7 @@ import cities from "@/data/city.json";
 
 function ClinicsPage({ clinics, matchedCity, matchedState }) {
   const searchParams = useSearchParams();
+  const [page, setPage] = useState(clinics?.page?.currentPage);
   const [filteredClinics, setFilteredClinics] = useState(clinics?.data);
 
   const selectedState = searchParams.get("state") || matchedState?.name;
@@ -38,6 +39,7 @@ function ClinicsPage({ clinics, matchedCity, matchedState }) {
       >
         <SearchBar
           limit={12}
+          setPage={setPage}
           selected={selected}
           state={matchedState}
           setSelected={setSelected}
@@ -47,9 +49,11 @@ function ClinicsPage({ clinics, matchedCity, matchedState }) {
       </HeadPageList>
       <List
         limit={12}
+        page={page}
+        setPage={setPage}
         selected={selected}
-        pages={clinics?.page || []}
         clinics={filteredClinics}
+        pages={clinics?.page || []}
         setFilteredClinics={setFilteredClinics}
       />
     </div>