design page booking & add page loginverify

components/doctor/appointmentList/index.js

@@ -1,28 +1,17 @@
 'use client';
 
-import { useState } from 'react';
-
 import turns from '@/data/turns.json';
-import ModalDatePicker from './modal';
 import { Button } from '@mui/material';
 import ItemAppointment from './ItemAppointment';
 import ArrowLeftD from '@/components/icons/ArrowLeftD';
+import Link from 'next/link';
 
 function AppointmentList({ doctor }) {
 
     const itemActive = turns[0];
 
-    const [open, setOpen] = useState(true);
-
-    const handleOpen = () => setOpen(true);
-    const handleClose = () => setOpen(false);
-
     return (
         <>
-            <ModalDatePicker
-                open={open}
-                handleClose={handleClose}
-            />
             <ul className="hidden lg:flex w-[38%] flex-col justify-start items-center gap-8">
                 {turns.map(item => (
                     <ItemAppointment