feat: show transaction due dates on invoices

Surface paid vs pending installments and imported transaction counts after moving transactions off the payment document.

src/views/payments/PaymentDetailView.vue

@@ -73,9 +73,19 @@
                 {{ toPersianDigits(data.amount?.toLocaleString()) }} تومان
               </template>
             </Column>
+            <Column field="status" header="وضعیت">
+              <template #body="{ data }">
+                <StatusTag :status="data.status || (data.date ? 'paid' : 'pending')" type="payment" />
+              </template>
+            </Column>
             <Column field="method" header="روش پرداخت">
               <template #body="{ data }">
-                <Tag :value="data.method === 'online' ? 'درگاه آنلاین' : (data.method === 'card' ? 'کارت به کارت' : 'نقدی')" severity="info" />
+                <Tag
+                  v-if="data.method"
+                  :value="data.method === 'online' ? 'درگاه آنلاین' : (data.method === 'card' ? 'کارت به کارت' : 'نقدی')"
+                  severity="info"
+                />
+                <span v-else class="text-muted">—</span>
               </template>
             </Column>
             <Column field="receiptNumber" header="شماره فیش / پیگیری">
@@ -83,9 +93,14 @@
                 <span dir="ltr">{{ toPersianDigits(data.receiptNumber || '-') }}</span>
               </template>
             </Column>
-            <Column field="createdAt" header="تاریخ ثبت">
+            <Column field="dueDate" header="سررسید">
               <template #body="{ data }">
-                {{ formatJalali(data.createdAt || data.date) }}
+                {{ formatJalali(data.dueDate) }}
+              </template>
+            </Column>
+            <Column field="date" header="تاریخ پرداخت">
+              <template #body="{ data }">
+                {{ data.date ? formatJalali(data.date) : '—' }}
               </template>
             </Column>
             <Column field="notes" header="یادداشت">