feat(tenders): enhance pagination functionality and styling

- Added absoluteCurrentPage to the useTenderListPresenter for better pagination state management.
- Updated the TendersTable component to utilize absoluteCurrentPage in the pagination key.
- Enhanced the Pagination component to support a new "tenders" variant for improved styling.
- Introduced custom styles for the active page in the tenders pagination, ensuring a distinct visual representation.
- Refactored the useHybridPagination hook to maintain accurate page tracking with cursor navigation.

src/components/Tables/tenders/index.tsx

@@ -46,6 +46,7 @@ const TendersTable = () => {
     getRowNumber,
     formatDateTimeCell,
     pagination,
+    absoluteCurrentPage,
   } = useTenderListPresenter();
 
   return (
@@ -155,12 +156,14 @@ const TendersTable = () => {
       </div>
       <IsVisible condition={shouldShowPagination}>
         <Pagination
+          key={`pagination-tenders-${absoluteCurrentPage}`}
           currentPage={pagination.currentPage}
           totalPages={pagination.totalPages}
           onPageChange={handlePaginationChange}
           pageRangeDisplayed={3}
           marginPagesDisplayed={1}
           pageLabelBuilder={buildWindowedPageLabel}
+          variant="tenders"
         />
       </IsVisible>
     </ListWrapper>

src/components/Tables/tenders/useTenderListPresenter.ts

@@ -539,6 +539,7 @@ const useTenderListPresenter = () => {
     getRowNumber,
     formatDateTimeCell,
     pagination: windowedPagination,
+    absoluteCurrentPage: pagination.currentPage,
   };
 };