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/css/style.css

@@ -545,6 +545,24 @@ span.flatpickr-weekday,
   @apply !visible;
 }
 
+/* Tenders table — active page (react-paginate merges page + active classes on <li>) */
+nav[data-pagination-variant="tenders"] li.pagination-tenders-active {
+  background-color: #5750f1 !important;
+  background-image: linear-gradient(
+    to bottom right,
+    rgb(87 80 241 / 0.85),
+    rgb(87 80 241 / 0.75),
+    rgb(87 80 241 / 0.65)
+  ) !important;
+  border-color: rgb(255 255 255 / 0.35) !important;
+  box-shadow: 0 1px 2px 0 rgb(87 80 241 / 0.25) !important;
+  color: #fff !important;
+}
+
+nav[data-pagination-variant="tenders"] li.pagination-tenders-active a {
+  color: #fff !important;
+}
+
 .data-table-two .datatable-bottom {
   @apply flex flex-col gap-4 px-8 py-7 after:hidden sm:flex-row sm:items-center sm:justify-between sm:gap-0 sm:space-x-4;
 }