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/ui/pagination.tsx

@@ -0,0 +1,32 @@
+import { FC, Fragment } from "react";
+import ReactPaginate, { ReactPaginateProps } from "react-paginate";
+interface IProps {
+  currentPage: number;
+  totalPages: number;
+  onPageChange: ReactPaginateProps["onPageChange"];
+}
+const Pagination: FC<IProps> = ({ totalPages, currentPage, onPageChange }) => {
+  return (
+    <Fragment>
+      <ReactPaginate
+        pageCount={totalPages}
+        initialPage={currentPage}
+        nextLabel=">"
+        previousLabel="<"
+        pageRangeDisplayed={5}
+        activeClassName="flex justify-center rounded-md bg-primary p-1 font-medium !text-white hover:bg-opacity-90"
+        onPageChange={(e) => {
+          if (!onPageChange) return;
+          window.scrollTo({ top: 0, behavior: "smooth" });
+          onPageChange(e);
+        }}
+        className="flex w-full items-center justify-center text-sm text-gray-dark dark:text-white"
+        nextClassName="flex justify-center rounded-md  p-1 font-medium text-gray-dark dark:text-white hover:bg-opacity-90"
+        previousClassName="flex justify-center rounded-md  p-1 font-medium text-gray-dark dark:text-white hover:bg-opacity-90"
+        pageClassName="flex justify-center h-fit rounded-md mx-2  p-1 text-gray-dark dark:text-white hover:bg-opacity-90"
+      />
+    </Fragment>
+  );
+};
+
+export default Pagination;