handle limit page dashboard & change header profile user & get data from api in page clinics & clinic item and doctor item

components/doctor/detailDoctor/cards/AboutDcotor.js

@@ -28,7 +28,7 @@ function AboutDcotor({ doctor, loading }) {
                         }
                     `}
           >
-            {doctor.detail}
+            {doctor?.detail}
           </p>
           <Button
             className="!text-[#F17732] md:!hidden !text-[14px] !font-light !p-2"
@@ -44,7 +44,7 @@ function AboutDcotor({ doctor, loading }) {
           تخصص ها
         </p>
         <ul className="flex flex-col mt-[12px] sm:flex-row gap-y-[16px] items-start sm:items-center justify-start gap-4">
-          {doctor.specialties.map((item, idx) => (
+          {doctor?.specialties?.map((item, idx) => (
             <li key={idx} className="flex items-center justify-start gap-1">
               <span className="w-2 h-2 bg-[#F17732] rounded-full"></span>
               <TextLoading loading={loading} width={70} height={18}>