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/tenders/TenderListFilters.tsx

@@ -3,6 +3,7 @@ import { Select } from "@/components/FormElements/select";
 import { Button } from "@/components/ui-elements/button";
 import { Countries } from "@/constants/countries";
 import { TenderStatus } from "@/constants/enums";
+import { Languages } from "@/constants/languages";
 import { getEnumAsArray } from "@/utils/shared";
 import {
   FieldValues,
@@ -63,6 +64,16 @@ const TenderListFilters = ({
         value={watch("country_code")}
         onClear={() => setValue("country_code", undefined)}
       />
+      <Select
+        {...filterRegister("lang")}
+        items={Languages}
+        label="language"
+        name="lang"
+        placeholder="Language"
+        clearable
+        value={watch("lang")}
+        onClear={() => setValue("lang", undefined)}
+      />
 
       <div className="col-span-2 flex gap-4">
         <Button

src/components/Tables/tenders/index.tsx

@@ -32,6 +32,7 @@ const TendersTable = () => {
     router,
     pathName,
     setParams,
+    params,
     columns,
     isFilterModalOpen,
     setIsFilterModalOpen,
@@ -119,7 +120,10 @@ const TendersTable = () => {
                       data-tooltip-content="Details"
                       data-tooltip-place="top"
                       onClick={() => {
-                        router.push(`${pathName}/${item.id}`);
+                        const queryString = params?.lang
+                          ? `?lang=${encodeURIComponent(params.lang)}`
+                          : "";
+                        router.push(`${pathName}/${item.id}${queryString}`);
                       }}
                     >
                       <Tooltip
@@ -135,7 +139,10 @@ const TendersTable = () => {
                       data-tooltip-place="top"
                       className="text-gray-40 rounded-full bg-gray-dark bg-opacity-5 hover:text-green-dark dark:bg-gray dark:bg-opacity-5"
                       onClick={() => {
-                        router.push(`${pathName}/feedback/${item.id}`);
+                        const queryString = params?.lang
+                          ? `?lang=${encodeURIComponent(params.lang)}`
+                          : "";
+                        router.push(`${pathName}/feedback/${item.id}${queryString}`);
                       }}
                     >
                       <Tooltip {..._TooltipDefaultParams({ id: "feedback" })} />

src/components/Tables/tenders/useTenderListPresenter.ts

@@ -34,6 +34,7 @@ const useTenderListPresenter = () => {
       ...apiDefaultParams,
       offset: 0,
       limit: 10,
+      lang: "en",
     };
     for (const [key, value] of searchParams.entries()) {
       newParams[key] = value;
@@ -73,6 +74,7 @@ const useTenderListPresenter = () => {
     error,
     isPending,
     setParams,
+    params,
     data,
     pathName,
     isModalOpen,