fix responsive all pages & change style page list blog and blog item & add date picker

components/doctors/modal/Content.js

@@ -1,6 +1,6 @@
 import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect";
 import RadioContent from "./RadioContent";
-import { Button, Switch } from "@mui/material";
+import { Switch } from "@mui/material";
 
 const specialties = ['چشم پزشکی1', 'چشم پزشکی2', 'چشم پزشکی3', 'چشم پزشکی4', 'چشم پزشکی5'];
 const group1 = ['خانم', 'آقا', 'هر دو'];
@@ -15,7 +15,7 @@ function Content({ data, setData }) {
     };
 
     return (
-        <div className="mt-[50px] px-[38px] mb-[32px]">
+        <div className="mt-[50px] px-[0px] md:px-[19px] lg:px-[38px] mb-[32px]">
             <AutoCompleteSelect
                 updateData={(event) => changeData(event.target.innerText, 'expertise')}
                 list={specialties}