fix(doctor): unwrap double-nested API response and guard empty sections

The GET /api/v1/doctor/{uuid} response is double-nested
({ success, data: { data: {...} } }), but the page only unwrapped one
level, leaving every field (name, specialties, expertise, address)
undefined — so خدمات / موقعیت مکانی / نظرات rendered empty or broken.

- Extract the doctor object with res.data?.data?.data in both
  generateMetadata and the page.
- Hide the خدمات block when expertise is empty (no fabricated data).
- Render the location map iframe and routing buttons only when the
  address has real latitude/longitude (was building q=null,null).
- Fix the comments list rendering a stray 0 on empty arrays.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

components/doctor/detailDoctor/cards/AboutDcotor.js

@@ -39,23 +39,25 @@ function AboutDcotor({ doctor }) {
           </Button>
         </MultilineLoading>
       </div>
-      <div className="mt-[12px] lg:mt-[8px] mb-6 md:mb-7 lg:mb-8">
-        <p className="text-[#525252] text-[14px] md:text-[16px] font-bold">
-          خدمات
-        </p>
-        <ul className="flex flex-col mt-[12px] sm:flex-row gap-y-[16px] items-start sm:items-center justify-start gap-4 flex-wrap">
-          {doctor?.expertise?.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 width={70} height={18}>
-                <h4 className="text-[#616161] text-[16px] font-normal text-nowrap">
-                  {item.name}
-                </h4>
-              </TextLoading>
-            </li>
-          ))}
-        </ul>
-      </div>
+      {doctor?.expertise?.length > 0 && (
+        <div className="mt-[12px] lg:mt-[8px] mb-6 md:mb-7 lg:mb-8">
+          <p className="text-[#525252] text-[14px] md:text-[16px] font-bold">
+            خدمات
+          </p>
+          <ul className="flex flex-col mt-[12px] sm:flex-row gap-y-[16px] items-start sm:items-center justify-start gap-4 flex-wrap">
+            {doctor.expertise.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 width={70} height={18}>
+                  <h4 className="text-[#616161] text-[16px] font-normal text-nowrap">
+                    {item.name}
+                  </h4>
+                </TextLoading>
+              </li>
+            ))}
+          </ul>
+        </div>
+      )}
     </div>
   );
 }