change upload foto function

app/component/uploadFile/index.js

@@ -43,6 +43,10 @@ function UploadFile({ image, setImage }) {
         className="contents"
         onChange={handleChange}
       />
+      <div
+        onClick={openInput}
+        className="flex items-center justify-start gap-[10px] cursor-pointer"
+      >
         {image ? (
           <Image
             width={24}
@@ -58,12 +62,12 @@ function UploadFile({ image, setImage }) {
         )}
         <Button
           variant="text"
-        onClick={openInput}
           className="!flex !p-1 dark:!text-[#A1A1A1] !text-[#525252] !text-[16px] !font-medium !items-center !justify-center !gap-[4px]"
         >
           انتخاب تصویر
           <ArrowLeftPU />
         </Button>
+      </div>
     </>
   );
 }

components/panel/addDoctor/listMenu/generalInformation/Head.js

@@ -4,11 +4,7 @@ import { useState } from "react";
 function Head() {
   const [image, setImage] = useState("");
 
-  return (
-    <div className="flex items-center justify-center md:justify-start gap-[10px]">
-      <UploadFile image={image} setImage={setImage} />
-    </div>
-  );
+  return <UploadFile image={image} setImage={setImage} />;
 }
 
 export default Head;

components/panel/userAccount/account/Head.js

@@ -6,11 +6,7 @@ import { useState } from "react";
 function Head() {
   const [image, setImage] = useState("");
 
-  return (
-    <div className="flex items-center justify-center md:justify-start gap-[10px]">
-      <UploadFile image={image} setImage={setImage} />
-    </div>
-  );
+  return <UploadFile image={image} setImage={setImage} />;
 }
 
 export default Head;