feat(ui): display purchaser details on receipt and seat pages

Show customer name and phone number in a new panel
Add English and Chinese translations for the purchaser label

app/pages/receipt/[token].vue

@@ -407,6 +407,22 @@ async function openBatchShare() {
         :ui="{ body: 'p-4 sm:p-8' }"
       >
         <div class="mx-auto flex max-w-sm flex-col items-center gap-5 text-center">
+          <div class="surface-panel w-full rounded-lg px-4 py-3 text-left shadow-sm">
+            <p class="text-[11px] font-medium uppercase tracking-wide text-muted">
+              {{ t('receipt.purchaser') }}
+            </p>
+            <div class="mt-2 space-y-2">
+              <div class="flex min-w-0 items-center gap-2 text-sm font-semibold text-highlighted">
+                <UIcon name="i-lucide-user-round" class="size-4 shrink-0 text-muted" />
+                <span class="min-w-0 break-words">{{ receipt.booking.customerName }}</span>
+              </div>
+              <div class="flex min-w-0 items-center gap-2 text-sm text-default">
+                <UIcon name="i-lucide-phone" class="size-4 shrink-0 text-muted" />
+                <span class="min-w-0 break-words">{{ receipt.booking.customerPhone }}</span>
+              </div>
+            </div>
+          </div>
+
           <div class="surface-panel w-full rounded-lg p-3 shadow-sm sm:p-5">
             <QrCodeSvg :value="receipt.receiptUrl" :size="220" />
           </div>