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

components/layout/sidebar/Head.js

@@ -1,26 +1,21 @@
+import { getParsedUserInfo } from "@/helper";
 import Image from "next/image";
 
 function Head({ user }) {
-  // const userInfo = Cookies.get("userInfo");
-  // const parsedInfo = userInfo && JSON.parse(userInfo);
+  const userInfo = getParsedUserInfo();
 
   return (
     <div className="w-full flex flex-row md:flex-col items-center justify-center md:justify-start gap-[12px] md:gap-[4px]">
       <Image
         className="rounded-full border-[3px] border-solid border-[#F8F8FF] shadow-[0px_1px_25.6px_0px_rgba(85,_89,_205,_0.20)]"
-        src={user.profile}
+        src={userInfo?.picture[0]?.url}
         alt="profile"
         height={73}
         width={73}
       />
       <div className="flex flex-col items-start md:items-center justify-center gap-[8px] md:gap-[4px]">
         <p className="text-[#3B3B3B] text-[14px] font-bold">
-          {/* {parsedInfo?.realName} */}
-          user
-        </p>
-        <p className="text-[#7E7E7E] text-[14px] font-normal">
-          {/* {parsedInfo?.username} */}
-          user
+          {userInfo?.realName}
         </p>
       </div>
     </div>