refactor(tender-details): enhance translation and summary features

- Integrated language selection and translation functionality in TenderDetails, allowing users to choose display language and translate tender metadata.
- Added AI summary section to display overall summary of the tender.
- Updated API service to support translation requests and handle responses effectively.
- Improved pagination handling in AdminsTable for better user experience.
- Refactored various components to ensure consistent data flow and state management.

src/components/Tables/admins/index.tsx

@@ -3,9 +3,11 @@
 import { PencilSquareIcon, TrashIcon, UserSettingIcon } from "@/assets/icons";
 import EmptyListWrapper from "@/components/HOC/EmptyListWrapper";
 import ConfirmationModal from "@/components/ui/ConfirmationModal";
+import IsVisible from "@/components/ui/IsVisible";
 import ListHeader from "@/components/ui/ListHeader";
 import ListWrapper from "@/components/ui/ListWrapper";
 import Modal from "@/components/ui/modal";
+import Pagination from "@/components/ui/pagination";
 import Status from "@/components/ui/Status";
 import {
   Table,
@@ -48,6 +50,9 @@ const AdminsTable = () => {
     filterRegister,
     isMutating,
     watch,
+    metadata,
+    setParams,
+    shouldShowPagination,
   } = useAdminsPresenter();
 
   return (
@@ -77,6 +82,7 @@ const AdminsTable = () => {
             list={allUsers}
             columns={columns}
             emptyMessage="No admins were found"
+            isLoading={isPending}
           >
             {allUsers.map((item, index) => (
               <TableRow
@@ -85,7 +91,11 @@ const AdminsTable = () => {
                 data-cy={`admins-table-row-${item?.id ?? index}`}
               >
                 <TableCell className="text-start" colSpan={100} data-cy="admins-row-number">
-                  {getPaginatedRowNumber({ index })}
+                  {getPaginatedRowNumber({
+                    index,
+                    page: metadata?.page,
+                    limit: metadata?.limit,
+                  })}
                 </TableCell>
                 <TableCell className="text-start" colSpan={100} data-cy="admins-row-full-name">
                   {item?.full_name}
@@ -200,6 +210,19 @@ const AdminsTable = () => {
           onCancel={() => setIsModalOpen(false)}
         />
       )}
+      <IsVisible condition={shouldShowPagination}>
+        <Pagination
+          currentPage={metadata?.page ? metadata.page - 1 : 0}
+          totalPages={metadata?.pages ?? 1}
+          onPageChange={(e) => {
+            setParams((currentParams) => ({
+              ...currentParams,
+              offset: e.selected * (metadata?.limit ?? 10),
+              limit: metadata?.limit ?? 10,
+            }));
+          }}
+        />
+      </IsVisible>
     </ListWrapper>
   );
 };

src/components/Tables/admins/useAdminsPresenter.ts

@@ -58,7 +58,9 @@ export const useAdminsPresenter = () => {
     setParams(newParams);
     filterFormReset(newParams);
   }, [searchParams, filterFormReset]);
-  const { data, isPending } = useGetAdminListQuery(params);
+  const { data, isPending } = useGetAdminListQuery({ ...params, ...apiDefaultParams });
+  const shouldShowPagination =
+    !isPending && (data?.meta?.pages ?? 1) * (data?.meta?.limit ?? 10) > 10;
   const { mutate: deleteAdmin } = useDeleteAdmin(() => {
     setIsModalOpen(false);
   });
@@ -121,5 +123,6 @@ export const useAdminsPresenter = () => {
     handleFilterSubmit,
     search,
     watch,
+    shouldShowPagination,
   };
 };