change design dashboard & side booking page

components/dashboard/userAccount/ContentTabs.js

@@ -13,6 +13,7 @@ import IsTurnsDetails from "./tabs/turns/isTurnsDetails";
 import ArrowRightD from "@/components/icons/ArrowRightD";
 import { Button } from "@mui/material";
 import NotfoundDashboard from "./NotfoundDashboard";
+import DownloadD from "@/components/icons/DownloadD";
 
 const listTab = ['حساب کاربری', 'نوبت های من', 'تراکنش های من', 'نظرات من', 'پیام ها'];
 
@@ -44,14 +45,25 @@ function ContentTabs({ user, value, setValue, isOpenSide, setIsOpenSide }) {
             shadow-none md:shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)]
             bg-transparent md:bg-[#FFF]"
         >
-            <Button
-                className="!flex !p-1 md:!hidden !items-center !justify-start !gap-[8px]"
-                onClick={() => isTurnsDetails ? setIsTurnsDetails(false) : setIsOpenSide(true)}
-                variant="text"
-            >
-                <ArrowRightD />
-                <p className="text-[#525252] text-[14px] font-bold">{isTurnsDetails ? 'جزئیات نوبت ' : listTab[value]}</p>
-            </Button>
+            <div className="w-full flex items-center justify-between">
+                <Button
+                    className="!flex !p-1 md:!hidden !items-center !justify-start !gap-[8px]"
+                    onClick={() => isTurnsDetails ? setIsTurnsDetails(false) : setIsOpenSide(true)}
+                    variant="text"
+                >
+                    <ArrowRightD />
+                    <p className="text-[#525252] text-[14px] font-bold">{isTurnsDetails ? 'جزئیات نوبت ' : listTab[value]}</p>
+                </Button>
+                {value === 1 && isTurnsDetails ? (
+                    <Button
+                        className="!flex md:!hidden !py-[8px] !px-[12px] !text-[#616161] !text-[14px] !font-medium !justify-center !items-center !gap-[4px]"
+                        variant="text"
+                    >
+                        <DownloadD />
+                        دانلود اطلاعات نوبت
+                    </Button>
+                ) : undefined}
+            </div>
             {isTurnsDetails ?
                 <IsTurnsDetails loading={loading} user={user} setIsTurnsDetails={setIsTurnsDetails} /> : (
                     <>