feat: update pagination condition to include previous page URL and enhance attachment layout in transaction details

Author: 4msar

resources/js/components/shared/Pagination.vue

@@ -6,7 +6,7 @@ const { data: pagination } = defineProps<{ data: PaginationData<T[]> }>();
 </script>
 <template>
     <nav
-        v-if="pagination.links.length > 0 && pagination.next_page_url"
+        v-if="pagination.links.length > 0 && (pagination.next_page_url || pagination.prev_page_url)"
         class="flex-column flex flex-wrap items-center justify-between py-5 pt-6 md:flex-row"
         aria-label="Table navigation"
     >

resources/js/components/transactions/TransactionDetailsDialog.vue

@@ -108,7 +108,7 @@ const paymentMethodIcon = computed(() => {
                 <div v-if="transaction.attachment">
                     <h4 class="text-muted-foreground mb-2 text-sm font-medium">Attachment</h4>
                     <div class="rounded-lg border p-3">
-                        <div class="flex items-center justify-between">
+                        <div class="flex flex-wrap items-center justify-between gap-4">
                             <div class="flex items-center">
                                 <component
                                     :is="isImage(transaction.attachment) ? 'Image' : isPdf(transaction.attachment) ? FileText : FileText"

resources/js/pages/Bills/Index.vue

@@ -181,7 +181,8 @@ function markAsPaid(id: string | number) {
                                         <div>
                                             <span
                                                 :class="{
-                                                    'text-destructive': new Date(bill.due_date as string) < new Date() && bill.status === 'unpaid',
+                                                    'text-yellow-500': bill.status === 'unpaid',
+                                                    'text-destructive': bill.status === 'overdue',
                                                 }"
                                             >
                                                 {{ formatDate(bill.due_date as string) }}