fix: jalali date defaults, calendar arrow direction, payment status label, edit page load, and session holding notification

src/views/payments/PaymentDetailView.vue

@@ -63,7 +63,7 @@
           <div class="flex align-items-center justify-content-between mb-3">
             <h3 class="text-lg font-bold m-0">تاریخچه تراکنش‌های دریافتی</h3>
             <PermissionGate permission="payments:update">
-              <Button label="ثبت تراکنش جدید" icon="pi pi-plus" size="small" severity="success" @click="showTransactionModal = true" />
+              <Button label="ثبت تراکنش جدید" icon="pi pi-plus" size="small" severity="success" @click="openTransactionModal" />
             </PermissionGate>
           </div>
 
@@ -316,6 +316,16 @@ const defaultTrxForm = () => ({
 
 const trxForm = reactive(defaultTrxForm());
 
+const openTransactionModal = () => {
+  Object.assign(trxForm, defaultTrxForm());
+  if (remainingAmount.value > 0) {
+    trxForm.amount = remainingAmount.value;
+  }
+  trxForm.dueDate = getTodayJalali();
+  trxForm.date = getTodayJalali();
+  showTransactionModal.value = true;
+};
+
 const editForm = reactive({
   amount: 0,
   status: 'paid',