validation & change deisng sidebar dashboard & add menu to profile & handle menu item in profile & add api

components/doctor/poster/Address.js

@@ -8,7 +8,7 @@ function Address({ data }) {
         <p className="text-[#E7EEF6] text-[20px] font-semibold">آدرس:</p>
       </div>
       <p className="text-[#E7EEF6] text-[16px] !font-normal mt-[16px]">
-        {data.location}
+        {data?.location}
       </p>
     </div>
   );

components/doctor/poster/ImageProfile.js

@@ -3,7 +3,7 @@ import Image from "next/image";
 function ImageProfile({ data }) {
   return (
     <div className="bg-stroke-circle ml-[10px] mt-[57px] p-[9px] rounded-full overflow-hidden">
-      <Image src={data.img} width={173} height={173} alt="profile-user" />
+      <Image src={data?.img} width={173} height={173} alt="profile-user" />
     </div>
   );
 }

components/doctor/poster/Telefon.js

@@ -8,10 +8,10 @@ function Telefon({ data }) {
         <p className="text-[#E7EEF6] text-[20px] font-semibold">تلفن:</p>
       </div>
       <p className="text-[#E7EEF6] text-[16px] font-normal mt-[16px]">
-        {data.phone}
+        {data?.phone}
       </p>
       <p className="text-[#E7EEF6] text-[16px] font-normal mt-[12px]">
-        {data.phone} - {data.phone}
+        {data?.phone} - {data?.phone}
       </p>
     </div>
   );

components/doctor/poster/index.js

@@ -15,10 +15,10 @@ function Poster({ data }) {
           <p className="text-[#E7EEF6] text-[16px] font-bold">nobat724.com</p>
         </div>
         <p className="mt-[40px] text-[#E7EEF6] text-[20px] font-bold">
-          {data.name}
+          {data?.name}
         </p>
         <p className="text-[24px] mt-[20px] text-[#E7EEF6] font-bold">
-          تخصص: {data.expertise}
+          تخصص: {data?.expertise}
         </p>
         <Services data={data} />
         <Address data={data} />