Card View Pagination and filters using MRT (catalogue categories )

[joshuadkitenge]

Description
Create a Card View component that supports pagination and filter options, using Material React Table (MRT) for consistency and reusable functionality across views. This wrapper will allow easy data filtering, sorting, and pagination, enhancing user navigation and accessibility.

Requirements

1. Pagination Support: Implement pagination in the Card View to improve data navigation. Users should be able to:

   • Switch between pages
   • Set a custom number of items per page

2. Filters Wrapper: Add a flexible filter wrapper to enable easy integration of filter types like text, select, date range, and checkbox.

   • Utilize the COLUMN_FILTER_FUNCTIONS and COLUMN_FILTER_VARIANTS for standardized filter support across card views.
   • Ensure filter compatibility with different data types (e.g., boolean, datetime, string).

Acceptance Criteria

• Card View displays paginated data, controlled via MRT or custom pagination.
• Filter options are functional and aligned with the existing COLUMN_FILTER_FUNCTIONS.

** ISSUES**

• CatalogueCategories
• Add pagination to thumbnail view #1099