add images and update member

src/app/(main)/hoi-vien/ket-noi-hoi-vien/page.tsx

@@ -32,9 +32,18 @@ export default function Page() {
 
 							<div className='w-full flex justify-center mt-4'>
 								<Pagination
-									current={allData?.responseData.currentPage ?? page}
-									total={allData?.responseData.totalPages ?? 1}
-									onChange={(p) => setPage(p)}
+									pageCount={Number(allData?.responseData.totalPages ?? 1)}
+									page={Number(allData?.responseData.currentPage ?? page)}
+									onChangePage={(p) => setPage(p)}
+									onGoToPreviousPage={() => setPage(Math.max(1, page - 1))}
+									onGoToNextPage={() =>
+										setPage(
+											Math.min(
+												Number(allData?.responseData.totalPages ?? 1),
+												page + 1
+											)
+										)
+									}
 								/>
 							</div>
 						</div>

src/app/(main)/hoi-vien/tin-hoi-vien/page.tsx

@@ -32,9 +32,18 @@ export default function Page() {
 
 							<div className='w-full flex justify-center mt-4'>
 								<Pagination
-									current={allData?.responseData.currentPage ?? page}
-									total={allData?.responseData.totalPages ?? 1}
-									onChange={(p) => setPage(p)}
+									pageCount={Number(allData?.responseData.totalPages ?? 1)}
+									page={Number(allData?.responseData.currentPage ?? page)}
+									onChangePage={(p) => setPage(p)}
+									onGoToPreviousPage={() => setPage(Math.max(1, page - 1))}
+									onGoToNextPage={() =>
+										setPage(
+											Math.min(
+												Number(allData?.responseData.totalPages ?? 1),
+												page + 1
+											)
+										)
+									}
 								/>
 							</div>
 						</div>