handle limit page dashboard & change header profile user & get data from api in page clinics & clinic item and doctor item

components/dashboard/userAccount/components/Head.js

@@ -1,7 +1,7 @@
 function Head({ text, children }) {
   return (
-    <div className="w-full flex mb-[40px] items-center justify-between">
-      <p className="text-[#525252] dark:text-[#A1A1A1] text-[20px] font-bold">
+    <div className="w-full flex mb-[40px] flex-col sm:flex-row items-start sm:items-center justify-between gap-2">
+      <p className="text-[#525252] dark:text-[#A1A1A1] text-[16px] md:text-[18px] lg:text-[20px] font-bold">
         {text}
       </p>
       <div className="flex items-center justify-end gap-4">{children}</div>

components/dashboard/userAccount/components/UpdateBtn.js

@@ -5,7 +5,8 @@ function UpdateBtn() {
   return (
     <Button
       variant="outlined"
-      className="!border-[#5559CE] !border-[2px] !flex !items-center !justify-center !gap-2 !text-[14px] md:!text-[14px] !font-medium"
+      className="!border-[#5559CE] !border-[2px] !flex !items-center !justify-center !gap-2 !text-[14px] !font-medium
+      !py-[6px] md:!py-2 lg:!py-[9px] !px-[16px] sm:!px-[23px] md:!px-[29px] lg:!px-[36px] !mr-0 md:!mr-4"
     >
       <UpdateList />
       آپدیت کردن