responsive page user-account & add-doctor & turns & add loading to all page panel & change design page dashboard

components/panel/turns/head/SearchDoctor.js

@@ -5,11 +5,11 @@ import { Button, ButtonGroup, TextField } from '@mui/material'
 
 function SearchDoctor() {
     return (
-        <div className="flex items-center justify-between">
+        <div className="flex flex-col sm:flex-row items-start sm:items-center gap-y-[20px] justify-between mt-[20px] md:mt-[22px] lg:mt-[24px] ">
             <ButtonGroup
                 variant="contained"
-                className="!bg-[#FFF] lg:!w-[55%] !mt-[24px] !rounded-[4px] !overflow-hidden 
-            flex items-center !shadow-none !h-fit !p-1 !border !border-[#EFEFEF]"
+                className="!bg-[#FFF] lg:!w-[55%] !rounded-[4px] !overflow-hidden 
+                flex items-center !shadow-none !h-fit !p-1 !border !border-[#EFEFEF]"
             >
                 <TextField
                     variant="standard"
@@ -40,7 +40,7 @@ function SearchDoctor() {
             </ButtonGroup>
             <Button
                 variant='outlined'
-                className='!border-[#5559CE] !flex !items-center !gap-[6px] !rounded-[4px]'
+                className='!border-[#5559CE] !flex !text-[14px] md:!text-[16px] !items-center !gap-[4px] md:!gap-[5px] lg:!gap-[6px] !rounded-[4px] !py-[8px] md:!py-[9px] !px-[12px] sm:!px-[14px] md:!px-[16px] lg:!px-[18px]'
             >
                 <ExportP />
                 خروجی گرفتن