fix lint

frontend/src/pages/organization/SecretManagerOverviewPage/SecretManagerOverviewPage.tsx

@@ -86,8 +86,7 @@ export const ProductOverviewPage = ({ type }: Props) => {
             </div>
           }
           description={formatDescription(type)}
-        >
+        />
-        </PageHeader>
       </div>
       {projectListView === ProjectListView.MyProjects ? (
         <MyProjectView

frontend/src/pages/organization/SecretManagerOverviewPage/components/AllProjectView.tsx

@@ -26,10 +26,10 @@ import {
   Skeleton,
   Tooltip
 } from "@app/components/v2";
+import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context";
 import { getProjectHomePage } from "@app/helpers/project";
 import { useDebounce, usePagination, usePopUp, useResetPageHelper } from "@app/hooks";
 import { useRequestProjectAccess, useSearchProjects } from "@app/hooks/api";
-import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context";
 import { ProjectType, Workspace } from "@app/hooks/api/workspace/types";
 
 type Props = {
@@ -86,7 +86,12 @@ const RequestAccessModal = ({ projectId, onPopUpToggle }: RequestAccessModalProp
   );
 };
 
-export const AllProjectView = ({ type, onAddNewProject, onUpgradePlan, isAddingProjectsAllowed }: Props) => {
+export const AllProjectView = ({
+  type,
+  onAddNewProject,
+  onUpgradePlan,
+  isAddingProjectsAllowed
+}: Props) => {
   const navigate = useNavigate();
   const [searchFilter, setSearchFilter] = useState("");
   const [debouncedSearch] = useDebounce(searchFilter);

frontend/src/pages/organization/SecretManagerOverviewPage/components/MyProjectView.tsx

@@ -42,7 +42,12 @@ enum ProjectsViewMode {
   LIST = "list"
 }
 
-export const MyProjectView = ({ type, onAddNewProject, onUpgradePlan, isAddingProjectsAllowed }: Props) => {
+export const MyProjectView = ({
+  type,
+  onAddNewProject,
+  onUpgradePlan,
+  isAddingProjectsAllowed
+}: Props) => {
   const navigate = useNavigate();
   const { currentOrg } = useOrganization();
 

frontend/src/pages/organization/SecretManagerOverviewPage/components/ProjectListToggle.tsx

@@ -1,6 +1,7 @@
-import { Select, SelectItem } from "@app/components/v2";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faChevronDown } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+
+import { Select, SelectItem } from "@app/components/v2";
 
 export enum ProjectListView {
   MyProjects = "my-projects",
@@ -13,18 +14,27 @@ type Props = {
 };
 
 export const ProjectListToggle = ({ value, onChange }: Props) => {
-  const getDisplayText = (value: ProjectListView) => {
+  const getDisplayText = (listView: ProjectListView) => {
-    return value === ProjectListView.MyProjects ? "My Projects" : "All Projects";
+    return listView === ProjectListView.MyProjects ? "My Projects" : "All Projects";
   };
 
   return (
-    <div className="flex items-center gap-2 relative group cursor-pointer">
+    <div className="group relative flex cursor-pointer items-center gap-2">
-      <h1 className="text-3xl font-semibold group-hover:text-gray-500 transition-colors">{getDisplayText(value)}</h1>
+      <h1 className="text-3xl font-semibold transition-colors group-hover:text-gray-500">
-      <Select value={value} onValueChange={onChange} className="absolute left-0 top-0 w-full h-full opacity-0 cursor-pointer">
+        {getDisplayText(value)}
+      </h1>
+      <Select
+        value={value}
+        onValueChange={onChange}
+        className="absolute left-0 top-0 h-full w-full cursor-pointer opacity-0"
+      >
         <SelectItem value={ProjectListView.MyProjects}>My Projects</SelectItem>
         <SelectItem value={ProjectListView.AllProjects}>All Projects</SelectItem>
       </Select>
-      <FontAwesomeIcon icon={faChevronDown} className="group-hover:text-gray-500 transition-colors text-lg" />
+      <FontAwesomeIcon
+        icon={faChevronDown}
+        className="text-lg transition-colors group-hover:text-gray-500"
+      />
     </div>
   );
 };