feat(appointment): real for-another-patient form and booking payload

Replace the mock for-another button with a real toggle: switching keeps
the user's own data, clears the form to editable patient fields (phone
becomes an input, adds علت مراجعه), and can switch back. SubmitData now
sends for_self plus patient_* only when booking for someone else, skips
the self-profile PATCH/POST in that case, stores the booking expires_at,
and surfaces a clearer 409 message. Thread appointmentExpiresAt through
the wizard to the payment step.

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

components/appointment/index.js

@@ -56,6 +56,7 @@ function AppointmentPage({ doctor, disabledDates, matchedCity }) {
   const [selectedSlot, setSelectedSlot] = useState(null);
   const [selectedDate, setSelectedDate] = useState(null);
   const [appointmentId, setAppointmentId] = useState(null);
+  const [appointmentExpiresAt, setAppointmentExpiresAt] = useState(null);
 
   useEffect(() => {
     const fetchUserData = async () => {
@@ -183,6 +184,8 @@ function AppointmentPage({ doctor, disabledDates, matchedCity }) {
       setSelectedDate={setSelectedDate}
       appointmentId={appointmentId}
       setAppointmentId={setAppointmentId}
+      appointmentExpiresAt={appointmentExpiresAt}
+      setAppointmentExpiresAt={setAppointmentExpiresAt}
     />
   );
 }