update status button in project search

src/components/ProjectSearch/ProjectSearch.tsx

@@ -14,6 +14,7 @@ import { loadDrafts } from "@/app/utils/draftUtils";
 import { TeamResult } from "@/app/api/team";
 import { Customer } from "@/app/api/customer";
 import ContentCopyIcon from '@mui/icons-material/ContentCopy';
+import PlayCircleOutlineIcon from '@mui/icons-material/PlayCircleOutline';
 
 type ProjectResultOrDraft = ProjectResult & { isDraft?: boolean };
 
@@ -194,11 +195,29 @@ const ProjectSearch: React.FC<Props> = ({
       { 
         name: "status",
         label: t("Status"),
-        type: "link",
+        // type: "link",
+        // onClick: onProjectStatusClick,
+        // underlines: ignoreStatusList.reduce((acc, cur) => ({...acc, [cur]: "none"}), {}),
+        // colors: ignoreStatusList.reduce((acc, cur) => ({...acc, [cur]: "inherit"}), {}),
+      },
+      // { 
+      //   name: "status",
+      //   label: t("Status"),
+      //   type: "button",
+      //   onClick: onProjectStatusClick,
+      //   variants: ignoreStatusList.reduce((acc, cur) => ({...acc, [cur]: "text"}), {}),
+      //   colors: ignoreStatusList.reduce((acc, cur) => ({...acc, [cur]: "inherit"}), {}),
+      // }
+      {
+        name: "status",
+        label: t(""),
         onClick: onProjectStatusClick,
-        underlines: ignoreStatusList.reduce((acc, cur) => ({...acc, [cur]: "none"}), {}),
-        colors: ignoreStatusList.reduce((acc, cur) => ({...acc, [cur]: "inherit"}), {}),
-      }
+        buttonIcon: <PlayCircleOutlineIcon />,
+        disabled: !abilities.includes(MAINTAIN_PROJECT),
+        disabledRows: {
+          status: ignoreStatusList
+        }
+      },
     ],
     [t, onProjectClick],
   );