feat: add server-side search and pagination to payments dashboard

[Nursca]

Overview

This PR enhances the payments dashboard with server-side search by amount and a scalable pagination system, making it easier to manage and navigate large datasets.

---

What’s Included

Server-side Search (Amount)

• Updated payments.js to support numeric search
• Detects when a search term is a number and applies:

  amount.eq.${numTerm}
  

• Enables exact amount matching directly from the backend

Pagination with URL Sync

• Extracted page and limit from URL search params
• Added Items per page selector (10, 20, 50, 100)
• Automatically resets to page 1 when filters change

Pagination Controls UI

• Added Previous and Next buttons
• Properly handles:
  • Disabled states
  • Boundary checks using totalCount and limit
• Prevents navigation to empty pages

CSV Export Improvement

• Export now reflects the current paginated view
• Avoids performance issues from exporting large datasets at once

Validation

• Passed TypeScript checks (tsc --noEmit)
• Confirmed pagination state resets correctly on filter updates

---

Related Issue

Fixes #306

[vercel]

@Nursca is attempting to deploy a commit to the Emmanuel's projects Team on Vercel.

A member of the Team first needs to authorize it.

[drips-wave]

@Nursca Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits