design dark mode turns & add-doctor & account & layout and components MUI

app/component/UploadFile.js

@@ -0,0 +1,29 @@
+"use client";
+
+import { Button } from "@mui/material";
+import ProfileP from "@/components/icons/ProfileP";
+import ArrowLeftPU from "@/components/icons/ArrowLeftPU";
+
+function UploadFile({ fileRef, openInput }) {
+  return (
+    <>
+      <input className="contents" ref={fileRef} type="file" />
+      <div
+        className="p-[24px] grid cursor-pointer place-items-center border border-solid border-[#EFEFEF] bg-[#EFEFEF] rounded-full"
+        onClick={openInput}
+      >
+        <ProfileP />
+      </div>
+      <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>
+    </>
+  );
+}
+
+export default UploadFile;