change date type for req & design and fields & add requests & fix bug appointment and dashboard

components/dashboard/userAccount/Head.js

@@ -1,15 +1,17 @@
 import CalendarAdD from "@/components/icons/CalendarAdD";
 import CardTickD from "@/components/icons/CardTickD";
-import { Button } from "@mui/material";
+import { getParsedUserInfo } from "@/helper";
 import Image from "next/image";
 
 function Head({ user }) {
+  const userInfo = getParsedUserInfo();
+
   return (
     <div className="hidden md:flex flex-col lg:flex-row w-full items-stretch justify-center gap-[12px] lg:gap-[24px]">
       <div className="bg-head-dashboard rounded-[8px] relative w-full !bg-no-repeat !bg-cover py-[20px] px-[24px] !bg-center flex items-center">
         <div className="flex w-full pl-[calc(5%+140px)] lg:pl-[calc(9%+171px)] flex-col justify-start items-start gap-[8px]">
           <p className="text-[#3B3B3B] text-[16px] font-bold">
-            {user.name}{" "}
+            {userInfo.realName}{" "}
             <span className="text-[#3B3B3B] text-[16px] font-normal">
               عزیز!
             </span>
@@ -18,12 +20,6 @@ function Head({ user }) {
             در این قسمت میتوانید اطلاعات حساب خود و نوبت های گرفته شده را مدیریت
             کنید.{" "}
           </p>
-          <Button
-            variant="contained"
-            className="!bg-[#5559CE] !rounded-[4px] !py-[4px] !px-[8px] !text-[#EFEFEF] !text-[12px] !font-medium !leading-[22px]"
-          >
-            مشاهده اطلاعات
-          </Button>
         </div>
         <Image
           className="w-[120px] lg:w-[140px] xl:w-[170px] xl:min-w-[170px] h-fit absolute bottom-0 left-[3%] md:left-[5%] lg:left-[9%]"