fix responsive all page & add modal doctor id & page dashboard aside

app/component/date/dateTime/Hours.js

@@ -12,7 +12,7 @@ function Hours({ doctor, hour, setHour, value, nameHours }) {
                     <Button
                         onClick={() => setHour(idx)}
                         className={`
-                        !w-full !rounded-[8px] !grid !place-items-center !bg-[#EFEFEF] !py-[10px] !px-[14px]
+                        !w-full !rounded-[8px] !grid !place-items-center !bg-[#EFEFEF] !py-[10px] !px-[14px] !h-[40px] md:!h-[42px] lg:!h-[44px]
                         ${idx === hour ? '!bg-[#F79463] ' : ''}
                     `}
                     >

app/component/date/dateTime/index.js

@@ -37,7 +37,7 @@ function DateTime({ doctor }) {
         className="w-full flex justify-end"
       >
         <Button
-          className="!gap-[4px] !px-[12px] !py-[8px] !w-full !min-w-[157px]"
+          className="!gap-[4px] !px-[12px] !py-[8px] md:!py-[9px] !w-full md:!w-fit !min-w-[157px]"
           onClick={() =>
             localStorage.setItem('doctor-id', doctor?.id)
           }