feat(pagination): implement hybrid pagination across multiple components

- Introduced a new `useHybridPagination` hook to manage pagination logic, enhancing data fetching and navigation.
- Updated various components including `useAdminsPresenter`, `useCompanyListPresenter`, `useCustomerListPresenter`, and others to utilize the new pagination hook, improving code consistency and reducing duplication.
- Refactored pagination handling in each component to streamline state management and improve user experience during data navigation.
- Enhanced search functionality to reset pagination state when new search parameters are applied, ensuring accurate data display.

src/components/Tables/tenders/useTenderListPresenter.ts

@@ -2,6 +2,7 @@
 import { ConfirmationModalProps } from "@/components/ui/ConfirmationModal";
 import { apiDefaultParams } from "@/constants/Api_Params";
 import { useTendersQuery } from "@/hooks/queries";
+import { useHybridPagination } from "@/hooks/useHybridPagination";
 import { TCustomer } from "@/lib/api";
 import { deleteEmptyKeys, getPaginatedRowNumber, unixToDate } from "@/utils/shared";
 import gsap from "gsap";
@@ -284,7 +285,17 @@ const useTenderListPresenter = () => {
     filterFormReset(mergeTenderFilterFormState(newParams));
   }, [searchParams, filterFormReset]);
 
-  const { data, error, isPending } = useTendersQuery(params);
+  const { data, error, isPending, isError } = useTendersQuery(params);
+
+  const { pagination, handlePaginationChange, buildFirstPageParams } =
+    useHybridPagination({
+      meta: data?.meta,
+      params,
+      setParams,
+      isError,
+      error,
+    });
+
   const shouldShowPagination =
     !isPending && (data?.meta?.pages ?? 1) * (data?.meta?.limit ?? 10) > 10;
 
@@ -311,18 +322,6 @@ const useTenderListPresenter = () => {
     [pathName, router, langQuerySuffix],
   );
 
-  const handlePaginationChange = useCallback(
-    (e: { selected: number }) => {
-      const limit = data?.meta?.limit ?? 10;
-      setParams((currentParams) => ({
-        ...currentParams,
-        offset: e.selected * limit,
-        limit,
-      }));
-    },
-    [data?.meta?.limit, setParams],
-  );
-
   const getRowNumber = useCallback(
     (index: number) =>
       getPaginatedRowNumber({
@@ -337,14 +336,6 @@ const useTenderListPresenter = () => {
     return unixToDate({ unix, hasTime: true });
   }, []);
 
-  const pagination = useMemo(
-    () => ({
-      currentPage: data?.meta?.page ? data.meta.page - 1 : 0,
-      totalPages: data?.meta?.pages ?? 1,
-    }),
-    [data?.meta?.page, data?.meta?.pages],
-  );
-
   useLayoutEffect(() => {
     const reduced =
       typeof window !== "undefined" &&
@@ -401,21 +392,20 @@ const useTenderListPresenter = () => {
         delete merged[key];
       }
     }
-    const newParams = { ...merged, ...normalizedData, offset: 0 };
+    const newParams = buildFirstPageParams({ ...merged, ...normalizedData });
     const cleanedParams = deleteEmptyKeys(newParams);
     const queryString = new URLSearchParams(cleanedParams).toString();
     router.push(`${pathName}?${queryString}`);
   };
 
   const clearAllFilters = useCallback(() => {
-    const cleared: Record<string, any> = {
+    const cleared = buildFirstPageParams({
       ...apiDefaultParams,
-      offset: 0,
       limit: 10,
-    };
+    });
     filterFormReset(mergeTenderFilterFormState(cleared));
     router.push(pathName);
-  }, [pathName, router, filterFormReset]);
+  }, [buildFirstPageParams, pathName, router, filterFormReset]);
   const columns = [
     "row",
     "title",