responsive pagination && handle free_turn value && fix set value in small size appo list in page doctors && set data rate in doctor item && fix set token in cookie in page login on domain nobat724.com

app/component/PaginationContent.js

@@ -1,25 +1,28 @@
-import { Pagination } from "@mui/material";
+import { Pagination, useMediaQuery, useTheme } from "@mui/material";
 
 function PaginationContent({ page, pageDetail, changePage, limit = 12 }) {
+  const theme = useTheme();
+  const isSmall = useMediaQuery(theme.breakpoints.down("sm"));
+
   const count = Math.ceil(pageDetail.totalRecords / limit);
 
   return (
     <Pagination
       count={count}
       page={page || 1}
+      size={isSmall ? "small" : "medium"}
       onChange={changePage}
       color="primary"
       className={(!count || count < 2) && "!hidden"}
       sx={{
-        "& .mui-8q7g72-MuiButtonBase-root-MuiPaginationItem-root": {
+        "& .MuiPaginationItem-root": {
           color: "#616161",
           fontSize: "16px",
           fontWeight: "500",
         },
-        "& .mui-8q7g72-MuiButtonBase-root-MuiPaginationItem-root.Mui-selected":
-          {
-            color: "#F8F8FF",
-          },
+        "& .MuiPaginationItem-root.Mui-selected": {
+          color: "#F8F8FF",
+        },
         "& .MuiSvgIcon-root": {
           rotate: "180deg !important",
         },