fix(appointment): correct payment flow and account-info prefill

- Booking response is double-nested: read appointment uuid/expires_at from
  res.data.data so the payment countdown and gateway redirect actually fire.
- Payment result page (/payment/[uuid]): unwrap res.data.data, use real
  backend fields (amount_rials, gateway, created_at, type) and statuses
  (pending/success/failed/canceled/refunded); the "pay" button now re-initiates
  via postAppointmentPayment instead of building a URL on the API origin.
- Add /payment/result interstitial that reads payment_uuid from the gateway
  callback and forwards to /payment/[uuid].
- Prefill account info correctly in the booking form: name from profile.label,
  insurances from *_id, gender as string, national_code editable unless approved.

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

app/payment/result/page.js

@@ -0,0 +1,38 @@
+"use client";
+
+import { Suspense, useEffect } from "react";
+import { useRouter, useSearchParams } from "next/navigation";
+import Layout from "@/components/layout";
+
+function PaymentResultRedirect() {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+
+  useEffect(() => {
+    const paymentUuid = searchParams.get("payment_uuid");
+    if (paymentUuid) {
+      router.replace(`/payment/${paymentUuid}`);
+    } else {
+      router.replace("/dashboard?sidebar=2");
+    }
+  }, [searchParams, router]);
+
+  return (
+    <div className="flex items-center justify-center min-h-screen">
+      <div className="flex flex-col items-center gap-4">
+        <div className="w-12 h-12 border-4 border-[#5559CE] border-t-transparent rounded-full animate-spin"></div>
+        <p className="text-[#3B3B3B] text-[16px]">در حال انتقال به نتیجه‌ی پرداخت...</p>
+      </div>
+    </div>
+  );
+}
+
+export default function PaymentResultPage() {
+  return (
+    <Layout>
+      <Suspense fallback={null}>
+        <PaymentResultRedirect />
+      </Suspense>
+    </Layout>
+  );
+}