The Pagination component facilitates the organization of content across multiple pages by providing a set of navigational controls. Users can easily navigate through the pages, enhancing the user experience when dealing with large datasets or content collections

// state variable currentPage
const [currentPage, setCurrentPage] = useState(2)
.
. 
.
<Pagination currentPage={currentPage} totalPages={30} onPageChange={setCurrentPage}/>