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

components/clinic/components/about/index.js

@@ -17,7 +17,7 @@ function About({ data }) {
                 <div className="flex flex-col items-center justify-center">
                     <p
                         className={`
-                        text-[#525252] text-[16px] font-normal leading-[32px] overflow-hidden relative
+                        text-[#525252] text-[16px] font-normal leading-[20px] sm:leading-[24px] md:leading-[28px] lg:leading-[32px] overflow-hidden relative
                         md:max-h-fit after:absolute after:right-0 after:bottom-0 after:h-[80px]
                         after:shadow-xl after:w-full transition-all duration-500
                         ${isMore ?

components/clinic/index.js

@@ -9,7 +9,7 @@ import Doctors from './components/doctors';
 
 function ClinicPage({ data, doctors }) {
 
-  const [value, setValue] = useState(1);
+  const [value, setValue] = useState(0);
   const handleChange = (event, newValue) => setValue(newValue);
 
   const Components = [
@@ -19,12 +19,12 @@ function ClinicPage({ data, doctors }) {
   ];
 
   return (
-    <div className="pt-[136px] mt-[40px] padding-responsive">
+    <div className="pt-[40px] sm:pt-[70px] md:pt-[100px] lg:pt-[136px] mt-[40px] padding-responsive">
       <Tabs
         value={value}
         handleChange={handleChange}
       />
-      <div className='mt-[32px]'>
+      <div className='mt-[24px] sm:mt-[27px] md:mt-[30px] lg:mt-[32px]'>
         {Components[value]}
       </div>
     </div>