feat(admins): implement admin status management

This commit introduces the functionality for super admins to change the status of other admin users to either 'Active' or 'Inactive'. This provides better control over admin account access.

Key changes include:
- A 'Status' column with a visual badge has been added to the admins table.
- A new 'Change Status' action button, using a new `UserSettingIcon`, opens a modal for status updates.
- The backend service and frontend mutation for updating an admin's status are implemented.
- The `IUser` type and a new `AdminStatus` enum have been added to support this feature.

Additionally, the confirmation modal implementation has been simplified across the admin and customer tables by removing the `modalConfig` state.

src/components/Tables/tenders/index.tsx

@@ -17,7 +17,7 @@ import TableSkeleton from "@/components/ui/TableSkeleton";
 import { cn } from "@/lib/utils";
 import Link from "next/link";
 const TendersTable = () => {
-  const { allTenders, isPending, router, pathName, setParams } =
+  const { allTenders, isPending, router, pathName, setParams, columns } =
     useTenderListPresenter();
 
   return (
@@ -25,29 +25,15 @@ const TendersTable = () => {
       <Table>
         <TableHeader>
           <TableRow className="border-none uppercase [&>th]:text-start">
-            <TableHead colSpan={100} className="text-start font-extrabold">
-              Row
-            </TableHead>
-            <TableHead colSpan={100} className="text-start font-extrabold">
-              Title
-            </TableHead>
-            <TableHead colSpan={100} className="text-start font-extrabold">
-              Country Code
-            </TableHead>
-            <TableHead colSpan={100} className="text-start font-extrabold">
-              Submission Url
-            </TableHead>
-            <TableHead colSpan={100} className="text-start font-extrabold">
-              Status
-            </TableHead>
-
-            <TableHead colSpan={100} className="text-start font-extrabold">
-              Actions
-            </TableHead>
+            {columns.map((column) => (
+              <TableHead key={column} colSpan={100}>
+                {column}
+              </TableHead>
+            ))}
           </TableRow>
         </TableHeader>
 
-        {isPending && <TableSkeleton column={6} />}
+        {isPending && <TableSkeleton column={columns.length} />}
         <TableBody>
           {allTenders?.data.tenders?.map((item, index) =>
             !item ? (

src/components/Tables/tenders/useTenderListPresenter.ts

@@ -34,9 +34,17 @@ const useTenderListPresenter = () => {
   const handleFilterChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     setSearch(e.target.value);
   };
-
+  const columns = [
+    "row",
+    "title",
+    "country code",
+    "submission url",
+    "status",
+    "actions",
+  ];
   return {
     currentTender,
+    columns,
     setCurrentTender,
     search,
     handleFilterChange,