change design dashboards all page and search clinics

components/dashboard/userAccount/components/Head.js

@@ -1,12 +1,10 @@
-import React from "react";
-
 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">
         {text}
       </p>
-      {children}
+      <div className="flex items-center justify-end gap-4">{children}</div>
     </div>
   );
 }

components/dashboard/userAccount/components/UpdateBtn.js

@@ -0,0 +1,16 @@
+import UpdateList from "@/components/icons/UpdateList";
+import { Button } from "@mui/material";
+
+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"
+    >
+      <UpdateList />
+      آپدیت کردن
+    </Button>
+  );
+}
+
+export default UpdateBtn;