list specialties & finish page pecialties

components/doctors/listDoctors/index.js

@@ -1,6 +1,6 @@
 import doctors from '@/data/doctors.json'
 import ItemDoctor from './ItemDoctor';
-import { Pagination } from '@mui/material';
+import Pagination from '@/app/component/Pagination';
 
 function ListDoctors() {
     return (
@@ -14,21 +14,7 @@ function ListDoctors() {
                 ))}
             </ul>
             <div className='mt-[56px] flex justify-center'>
-                <Pagination
-                    // count={doctors.length / 12} org
-                    count={20} // test
-                    color='primary'
-                    sx={{
-                        '& .mui-8q7g72-MuiButtonBase-root-MuiPaginationItem-root': {
-                            color: '#616161',
-                            fontSize: '16px',
-                            fontWeight: '500'
-                        },
-                        '& .mui-8q7g72-MuiButtonBase-root-MuiPaginationItem-root.Mui-selected': {
-                            color: '#F8F8FF'
-                        }
-                    }}
-                />
+                <Pagination />
             </div>
         </div>
     )