Description
As we add more tokens and pools, our data tables will become too long to display on a single page.
We need a reusable <Pagination /> UI component that can be placed at the bottom of any table.
It should feature "Previous" and "Next" buttons, along with clickable page numbers.
For now, it only needs to manage its own internal visual state, not actual data slicing.
Requirements
Description
As we add more tokens and pools, our data tables will become too long to display on a single page.
We need a reusable
<Pagination />UI component that can be placed at the bottom of any table.It should feature "Previous" and "Next" buttons, along with clickable page numbers.
For now, it only needs to manage its own internal visual state, not actual data slicing.
Requirements
components/ui/Pagination.tsx.currentPage,totalPages, andonPageChangeas props.currentPage === 1.currentPage === totalPages./poolsoverview table.