feat(submissions): Implement submissions page with paginated table

This commit introduces a new page for users to view their submissions in a structured and paginated table. This allows users to easily track their submission history and access key details.

The main changes include:
- A new page at `/submissions` to display the submissions list.
- A `SubmissionsTable` component to render submission data, including title, country, status, and a link to the submission URL.
- Integration of `react-paginate` to handle navigation through large sets of data.
- A new `useSubmissions` custom hook using TanStack Query for efficient, paginated data fetching from the API.
- Addition of the `currency-symbol-map` dependency to display prices with the correct currency symbol.

src/components/Tables/tenders/useTenderListPresenter.ts

@@ -1,9 +1,9 @@
 "use client";
 import { ConfirmationModalProps } from "@/components/ui/ConfirmationModal";
-import { useTendersInfiniteQuery } from "@/hooks/queries";
+import { useTendersQuery } from "@/hooks/queries";
 import useDebounce from "@/hooks/useDebounce";
 import { TCustomer } from "@/lib/api";
-import { usePathname } from "next/navigation";
+import { usePathname, useRouter } from "next/navigation";
 import { useEffect, useRef, useState } from "react";
 import { useInView } from "react-intersection-observer";
 import { z } from "zod";
@@ -17,31 +17,18 @@ const useTenderListPresenter = () => {
   const [params, setParams] = useState<Record<string, any>>({
     sort: "created_at",
   });
+  const router = useRouter();
   const debouncedSearch = useDebounce(search, 1000);
   const pathName = usePathname();
-  const {
-    data,
-    error,
-    isPending,
-    fetchNextPage,
-    hasNextPage,
-    isFetchingNextPage,
-  } = useTendersInfiniteQuery(params);
+  const { data, error, isPending } = useTendersQuery(params);
 
   const { ref, inView } = useInView({ threshold: 0.5 });
 
-  useEffect(() => {
-    if (inView && hasNextPage && (data?.pages.length ?? 0) < 5) {
-      fetchNextPage();
-    }
-  }, [inView, hasNextPage, fetchNextPage, data?.pages.length]);
-
   useEffect(() => {
     const result = z.string().safeParse(debouncedSearch);
     if (result.success) {
       setParams((prevParams) => ({
         ...prevParams,
-        search: debouncedSearch,
       }));
     }
   }, [debouncedSearch]);
@@ -55,20 +42,18 @@ const useTenderListPresenter = () => {
   //   }
   // };
 
-  const allTenders = data?.pages.flatMap((page) => page.data.tenders) ?? [];
   return {
     ref,
     currentTender,
     setCurrentTender,
     search,
     handleFilterChange,
-    allTenders,
+    router,
+    allTenders: data,
     error,
     isPending,
-    hasNextPage,
+    setParams,
     data,
-    fetchNextPage,
-    isFetchingNextPage,
     pathName,
     isModalOpen,
     setIsModalOpen,