fix: lint

frontend/src/components/v2/PageHeader/PageHeader.tsx

@@ -1,10 +1,10 @@
+import { createElement } from "react";
 import { ReactNode } from "@tanstack/react-router";
 import { LucideIcon } from "lucide-react";
 import { twMerge } from "tailwind-merge";
 
 import { InstanceIcon, OrgIcon, ProjectIcon, SubOrgIcon } from "@app/components/v3";
 import { ProjectType } from "@app/hooks/api/projects/types";
-import { createElement } from "react";
 
 type Props = {
   title: ReactNode;

frontend/src/layouts/OrganizationLayout/components/NavBar/Navbar.tsx

@@ -1,3 +1,4 @@
+import { useEffect, useState } from "react";
 import { faGithub, faSlack } from "@fortawesome/free-brands-svg-icons";
 import { faCircleQuestion, faUserCircle } from "@fortawesome/free-regular-svg-icons";
 import {
@@ -23,7 +24,6 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { Link, useLocation, useNavigate, useRouter, useRouterState } from "@tanstack/react-router";
 import { UserPlusIcon } from "lucide-react";
-import { useEffect, useState } from "react";
 import { twMerge } from "tailwind-merge";
 
 import { Mfa } from "@app/components/auth/Mfa";

frontend/src/pages/admin/ResourceOverviewPage/components/OrganizationsTable.tsx

@@ -1,3 +1,4 @@
+import { useMemo, useState } from "react";
 import {
   faArrowDown,
   faArrowUp,
@@ -18,7 +19,6 @@ import {
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useNavigate } from "@tanstack/react-router";
 import { CircleQuestionMarkIcon } from "lucide-react";
-import { useMemo, useState } from "react";
 import { twMerge } from "tailwind-merge";
 
 import { createNotification } from "@app/components/notifications";

frontend/src/pages/cert-manager/IntegrationsListPage/IntegrationsListPage.tsx

@@ -1,6 +1,6 @@
-import { useNavigate, useSearch } from "@tanstack/react-router";
 import { Helmet } from "react-helmet";
 import { useTranslation } from "react-i18next";
+import { useNavigate, useSearch } from "@tanstack/react-router";
 
 import { ProjectPermissionCan } from "@app/components/permissions";
 import { PageHeader, Tab, TabList, TabPanel, Tabs } from "@app/components/v2";

frontend/src/pages/cert-manager/SettingsPage/SettingsPage.tsx

@@ -1,12 +1,12 @@
 import { Helmet } from "react-helmet";
 import { useTranslation } from "react-i18next";
+import { Link } from "@tanstack/react-router";
+import { InfoIcon } from "lucide-react";
 
 import { PageHeader, Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
 import { useOrganization } from "@app/context";
 import { ProjectType } from "@app/hooks/api/projects/types";
 import { ProjectGeneralTab } from "@app/pages/project/SettingsPage/components/ProjectGeneralTab";
-import { Link } from "@tanstack/react-router";
-import { InfoIcon } from "lucide-react";
 
 const tabs = [
   {
@@ -28,7 +28,7 @@ export const SettingsPage = () => {
       <div className="w-full max-w-8xl">
         <PageHeader scope={ProjectType.CertificateManager} title={t("settings.project.title")}>
           <Link
-            to={"/organizations/$orgId/settings"}
+            to="/organizations/$orgId/settings"
             params={{
               orgId: currentOrg.id
             }}

frontend/src/pages/kms/SettingsPage/SettingsPage.tsx

@@ -1,12 +1,12 @@
 import { Helmet } from "react-helmet";
 import { useTranslation } from "react-i18next";
+import { Link } from "@tanstack/react-router";
+import { InfoIcon } from "lucide-react";
 
 import { PageHeader, Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
 import { useOrganization } from "@app/context";
 import { ProjectType } from "@app/hooks/api/projects/types";
 import { ProjectGeneralTab } from "@app/pages/project/SettingsPage/components/ProjectGeneralTab";
-import { Link } from "@tanstack/react-router";
-import { InfoIcon } from "lucide-react";
 
 const tabs = [
   {
@@ -33,7 +33,7 @@ export const SettingsPage = () => {
           description="Configure general project settings"
         >
           <Link
-            to={"/organizations/$orgId/settings"}
+            to="/organizations/$orgId/settings"
             params={{
               orgId: currentOrg.id
             }}

frontend/src/pages/organization/AccessManagementPage/AccessManagementPage.tsx

@@ -1,9 +1,9 @@
-import { faInfoCircle } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { useNavigate, useSearch } from "@tanstack/react-router";
 import { useState } from "react";
 import { Helmet } from "react-helmet";
 import { useTranslation } from "react-i18next";
+import { faInfoCircle } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { useNavigate, useSearch } from "@tanstack/react-router";
 
 import { OrgPermissionGuardBanner } from "@app/components/permissions/OrgPermissionCan";
 import { Button, PageHeader, Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
@@ -18,8 +18,8 @@ import {
 } from "@app/context";
 import { OrgAccessControlTabSections } from "@app/types/org";
 
-import { OrgGroupsTab, OrgIdentityTab, OrgMembersTab, OrgRoleTabSection } from "./components";
 import { UpgradePrivilegeSystemModal } from "./components/UpgradePrivilegeSystemModal/UpgradePrivilegeSystemModal";
+import { OrgGroupsTab, OrgIdentityTab, OrgMembersTab, OrgRoleTabSection } from "./components";
 
 export const AccessManagementPage = () => {
   const { t } = useTranslation();

frontend/src/pages/organization/AccessManagementPage/components/OrgGroupsTab/components/OrgGroupsSection/OrgGroupsSection.tsx

@@ -57,7 +57,7 @@ export const OrgGroupsSection = () => {
         <OrgPermissionCan I={OrgPermissionGroupActions.Create} a={OrgPermissionSubjects.Groups}>
           {(isAllowed) => (
             <Button
-              variant={"outline_bg"}
+              variant="outline_bg"
               type="submit"
               leftIcon={<FontAwesomeIcon icon={faPlus} />}
               onClick={() => handleAddGroupModal()}

frontend/src/pages/organization/AccessManagementPage/components/OrgGroupsTab/components/OrgGroupsSection/OrgGroupsTable.tsx

@@ -1,3 +1,4 @@
+import { useMemo } from "react";
 import {
   faArrowDown,
   faArrowUp,
@@ -12,7 +13,6 @@ import {
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useNavigate } from "@tanstack/react-router";
-import { useMemo } from "react";
 
 import { createNotification } from "@app/components/notifications";
 import { OrgPermissionCan } from "@app/components/permissions";

frontend/src/pages/organization/AccessManagementPage/components/OrgIdentityTab/components/IdentitySection/IdentityTable.tsx

@@ -1,3 +1,4 @@
+import { useCallback, useState } from "react";
 import {
   faArrowDown,
   faArrowUp,
@@ -13,7 +14,6 @@ import {
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useNavigate } from "@tanstack/react-router";
-import { useCallback, useState } from "react";
 import { twMerge } from "tailwind-merge";
 
 import { createNotification } from "@app/components/notifications";

frontend/src/pages/organization/AccessManagementPage/components/OrgMembersTab/components/OrgMembersSection/OrgMembersSection.tsx

@@ -1,8 +1,8 @@
+import { useEffect, useState } from "react";
 import { faTrash } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useNavigate, useSearch } from "@tanstack/react-router";
 import { BanIcon, UserPlusIcon } from "lucide-react";
-import { useEffect, useState } from "react";
 import { twMerge } from "tailwind-merge";
 
 import { UpgradePlanModal } from "@app/components/license/UpgradePlanModal";
@@ -211,7 +211,7 @@ export const OrgMembersSection = () => {
           <OrgPermissionCan I={OrgPermissionActions.Create} a={OrgPermissionSubjects.Member}>
             {(isAllowed) => (
               <Button
-                variant={"outline_bg"}
+                variant="outline_bg"
                 type="submit"
                 leftIcon={<UserPlusIcon size={16} />}
                 onClick={() =>

frontend/src/pages/organization/AccessManagementPage/components/OrgMembersTab/components/OrgMembersSection/OrgMembersTable.tsx

@@ -1,3 +1,4 @@
+import { Dispatch, SetStateAction, useCallback, useMemo, useState } from "react";
 import {
   faArrowDown,
   faArrowUp,
@@ -16,7 +17,6 @@ import {
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useNavigate } from "@tanstack/react-router";
 import { UserCogIcon } from "lucide-react";
-import { Dispatch, SetStateAction, useCallback, useMemo, useState } from "react";
 import { twMerge } from "tailwind-merge";
 
 import { createNotification } from "@app/components/notifications";

frontend/src/pages/organization/AccessManagementPage/components/OrgRoleTabSection/OrgRoleTable.tsx

@@ -1,3 +1,4 @@
+import { useMemo } from "react";
 import {
   faArrowDown,
   faArrowUp,
@@ -14,7 +15,6 @@ import {
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useNavigate } from "@tanstack/react-router";
 import { ServerIcon, WrenchIcon } from "lucide-react";
-import { useMemo } from "react";
 import { twMerge } from "tailwind-merge";
 
 import { UpgradePlanModal } from "@app/components/license/UpgradePlanModal";

frontend/src/pages/organization/AppConnections/AppConnectionsPage/AppConnectionsPage.tsx

@@ -1,6 +1,6 @@
+import { Helmet } from "react-helmet";
 import { faInfoCircle } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { Helmet } from "react-helmet";
 
 import { PageHeader } from "@app/components/v2";
 import { useOrganization } from "@app/context";

frontend/src/pages/organization/GroupDetailsByIDPage/GroupDetailsByIDPage.tsx

@@ -1,8 +1,8 @@
+import { Helmet } from "react-helmet";
+import { useTranslation } from "react-i18next";
 import { faChevronLeft } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { Link, useNavigate, useParams } from "@tanstack/react-router";
-import { Helmet } from "react-helmet";
-import { useTranslation } from "react-i18next";
 import { twMerge } from "tailwind-merge";
 
 import { createNotification } from "@app/components/notifications";

frontend/src/pages/organization/IdentityDetailsByIDPage/IdentityDetailsByIDPage.tsx

@@ -1,8 +1,8 @@
+import { Helmet } from "react-helmet";
+import { useTranslation } from "react-i18next";
 import { faChevronLeft } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { Link, useNavigate, useParams } from "@tanstack/react-router";
-import { Helmet } from "react-helmet";
-import { useTranslation } from "react-i18next";
 
 import { UpgradePlanModal } from "@app/components/license/UpgradePlanModal";
 import { createNotification } from "@app/components/notifications";

frontend/src/pages/organization/ProjectsPage/ProjectsPage.tsx

@@ -1,8 +1,8 @@
 // REFACTOR(akhilmhdh): This file needs to be split into multiple components too complex
-import { Outlet, useMatches } from "@tanstack/react-router";
 import { useState } from "react";
 import { Helmet } from "react-helmet";
 import { useTranslation } from "react-i18next";
+import { Outlet, useMatches } from "@tanstack/react-router";
 
 import { UpgradePlanModal } from "@app/components/license/UpgradePlanModal";
 import { NewProjectModal } from "@app/components/projects";

frontend/src/pages/organization/UserDetailsByIDPage/UserDetailsByIDPage.tsx

@@ -1,8 +1,8 @@
+import { Helmet } from "react-helmet";
+import { useTranslation } from "react-i18next";
 import { faChevronLeft } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { Link, useNavigate, useParams } from "@tanstack/react-router";
-import { Helmet } from "react-helmet";
-import { useTranslation } from "react-i18next";
 import { twMerge } from "tailwind-merge";
 
 import { UpgradePlanModal } from "@app/components/license/UpgradePlanModal";
@@ -34,9 +34,9 @@ import {
 import { usePopUp } from "@app/hooks/usePopUp";
 import { OrgAccessControlTabSections } from "@app/types/org";
 
-import { UserDetailsSection, UserOrgMembershipModal, UserProjectsSection } from "./components";
 import { UserAuditLogsSection } from "./components/UserProjectsSection/UserAuditLogsSection";
 import { UserGroupsSection } from "./components/UserProjectsSection/UserGroupsSection";
+import { UserDetailsSection, UserOrgMembershipModal, UserProjectsSection } from "./components";
 
 const Page = withPermission(
   () => {

frontend/src/pages/pam/SettingsPage/SettingsPage.tsx

@@ -1,12 +1,12 @@
 import { Helmet } from "react-helmet";
 import { useTranslation } from "react-i18next";
+import { Link } from "@tanstack/react-router";
+import { InfoIcon } from "lucide-react";
 
 import { PageHeader, Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
 import { useOrganization } from "@app/context";
 import { ProjectType } from "@app/hooks/api/projects/types";
 import { ProjectGeneralTab } from "@app/pages/project/SettingsPage/components/ProjectGeneralTab";
-import { Link } from "@tanstack/react-router";
-import { InfoIcon } from "lucide-react";
 
 export const SettingsPage = () => {
   const { t } = useTranslation();
@@ -25,7 +25,7 @@ export const SettingsPage = () => {
           description="Configure your PAM project."
         >
           <Link
-            to={"/organizations/$orgId/settings"}
+            to="/organizations/$orgId/settings"
             params={{
               orgId: currentOrg.id
             }}

frontend/src/pages/project/AccessControlPage/AccessControlPage.tsx

@@ -1,6 +1,7 @@
-import { Link, useNavigate, useSearch } from "@tanstack/react-router";
 import { Helmet } from "react-helmet";
 import { useTranslation } from "react-i18next";
+import { Link, useNavigate, useSearch } from "@tanstack/react-router";
+import { InfoIcon } from "lucide-react";
 
 import { PageHeader, Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
 import { useOrganization, useProject } from "@app/context";
@@ -8,7 +9,6 @@ import { getProjectBaseURL } from "@app/helpers/project";
 import { ProjectType } from "@app/hooks/api/projects/types";
 import { ProjectAccessControlTabs } from "@app/types/project";
 
-import { InfoIcon } from "lucide-react";
 import {
   GroupsTab,
   IdentityTab,
@@ -48,7 +48,7 @@ const Page = () => {
           description="Manage fine-grained access for users, groups, roles, and machine identities within your project resources."
         >
           <Link
-            to={"/organizations/$orgId/access-management"}
+            to="/organizations/$orgId/access-management"
             params={{
               orgId: currentOrg.id
             }}

frontend/src/pages/project/AccessControlPage/components/GroupsTab/components/GroupsSection/GroupsTable.tsx

@@ -1,3 +1,4 @@
+import { useMemo } from "react";
 import {
   faArrowDown,
   faArrowUp,
@@ -10,7 +11,6 @@ import {
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useNavigate } from "@tanstack/react-router";
 import { format } from "date-fns";
-import { useMemo } from "react";
 
 import { ProjectPermissionCan } from "@app/components/permissions";
 import {

frontend/src/pages/project/AccessControlPage/components/IdentityTab/IdentityTab.tsx

@@ -1,3 +1,4 @@
+import { useState } from "react";
 import { subject } from "@casl/ability";
 import {
   faArrowDown,
@@ -13,7 +14,6 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useNavigate } from "@tanstack/react-router";
 import { AnimatePresence, motion } from "framer-motion";
 import { LinkIcon, PlusIcon } from "lucide-react";
-import { useState } from "react";
 import { twMerge } from "tailwind-merge";
 
 import { createNotification } from "@app/components/notifications";

frontend/src/pages/project/AccessControlPage/components/MembersTab/components/MembersTable.tsx

@@ -1,3 +1,4 @@
+import { useCallback, useMemo, useState } from "react";
 import {
   faArrowDown,
   faArrowUp,
@@ -13,7 +14,6 @@ import {
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useNavigate } from "@tanstack/react-router";
-import { useCallback, useMemo, useState } from "react";
 import { twMerge } from "tailwind-merge";
 
 import { ProjectPermissionCan } from "@app/components/permissions";

frontend/src/pages/project/AccessControlPage/components/ProjectRoleListTab/components/ProjectRoleList/ProjectRoleList.tsx

@@ -1,3 +1,4 @@
+import { useMemo } from "react";
 import {
   faArrowDown,
   faArrowUp,
@@ -13,7 +14,6 @@ import {
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useNavigate } from "@tanstack/react-router";
 import { ServerIcon, WrenchIcon } from "lucide-react";
-import { useMemo } from "react";
 import { twMerge } from "tailwind-merge";
 
 import { createNotification } from "@app/components/notifications";

frontend/src/pages/project/AccessControlPage/components/ServiceTokenTab/components/ServiceTokenSection/ServiceTokenSection.tsx

@@ -1,6 +1,6 @@
+import { useTranslation } from "react-i18next";
 import { faPlus } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { useTranslation } from "react-i18next";
 
 import { createNotification } from "@app/components/notifications";
 import { ProjectPermissionCan } from "@app/components/permissions";

frontend/src/pages/project/AuditLogsPage/AuditLogsPage.tsx

@@ -1,10 +1,10 @@
 import { Helmet } from "react-helmet";
+import { Link } from "@tanstack/react-router";
+import { InfoIcon } from "lucide-react";
 
 import { PageHeader } from "@app/components/v2";
 import { useProject } from "@app/context";
 import { LogsSection } from "@app/pages/organization/AuditLogsPage/components";
-import { Link } from "@tanstack/react-router";
-import { InfoIcon } from "lucide-react";
 
 export const AuditLogsPage = () => {
   const { currentProject } = useProject();
@@ -23,7 +23,7 @@ export const AuditLogsPage = () => {
             description="Audit logs for security and compliance teams to monitor information access."
           >
             <Link
-              to={"/organizations/$orgId/audit-logs"}
+              to="/organizations/$orgId/audit-logs"
               params={{
                 orgId: currentProject.orgId
               }}

frontend/src/pages/project/GroupDetailsByIDPage/GroupDetailsByIDPage.tsx

@@ -1,9 +1,9 @@
+import { Helmet } from "react-helmet";
+import { useTranslation } from "react-i18next";
 import { faChevronLeft } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { Link, useParams } from "@tanstack/react-router";
 import { formatRelative } from "date-fns";
-import { Helmet } from "react-helmet";
-import { useTranslation } from "react-i18next";
 
 import { ProjectPermissionCan } from "@app/components/permissions";
 import { EmptyState, PageHeader, Spinner } from "@app/components/v2";

frontend/src/pages/project/IdentityDetailsByIDPage/IdentityDetailsByIDPage.tsx

@@ -1,11 +1,11 @@
+import { Helmet } from "react-helmet";
+import { useTranslation } from "react-i18next";
 import { subject } from "@casl/ability";
 import { faChevronLeft } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useQuery } from "@tanstack/react-query";
 import { Link, useNavigate, useParams } from "@tanstack/react-router";
 import { formatRelative } from "date-fns";
-import { Helmet } from "react-helmet";
-import { useTranslation } from "react-i18next";
 
 import { createNotification } from "@app/components/notifications";
 import { OrgPermissionCan, ProjectPermissionCan } from "@app/components/permissions";

frontend/src/pages/project/IdentityDetailsByIDPage/components/IdentityRoleDetailsSection/IdentityRoleModify.tsx

@@ -1,10 +1,10 @@
 /* eslint-disable no-nested-ternary */
+import { Controller, useFieldArray, useForm } from "react-hook-form";
 import { faCaretDown, faClock, faPlus, faTrash } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { format, formatDistance } from "date-fns";
 import ms from "ms";
-import { Controller, useFieldArray, useForm } from "react-hook-form";
 import { twMerge } from "tailwind-merge";
 import { z } from "zod";
 

frontend/src/pages/project/MemberDetailsByIDPage/MemberDetailsByIDPage.tsx

@@ -1,9 +1,9 @@
+import { Helmet } from "react-helmet";
+import { useTranslation } from "react-i18next";
 import { faChevronLeft } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { Link, useNavigate, useParams } from "@tanstack/react-router";
 import { formatRelative } from "date-fns";
-import { Helmet } from "react-helmet";
-import { useTranslation } from "react-i18next";
 
 import { UpgradePlanModal } from "@app/components/license/UpgradePlanModal";
 import { createNotification } from "@app/components/notifications";

frontend/src/pages/project/RoleDetailsBySlugPage/RoleDetailsBySlugPage.tsx

@@ -1,3 +1,5 @@
+import { Helmet } from "react-helmet";
+import { useTranslation } from "react-i18next";
 import {
   faChevronLeft,
   faCopy,
@@ -7,8 +9,6 @@ import {
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { Link, useNavigate, useParams } from "@tanstack/react-router";
-import { Helmet } from "react-helmet";
-import { useTranslation } from "react-i18next";
 import { twMerge } from "tailwind-merge";
 
 import { createNotification } from "@app/components/notifications";

frontend/src/pages/secret-manager/IntegrationsListPage/IntegrationsListPage.tsx

@@ -1,6 +1,6 @@
-import { useNavigate, useSearch } from "@tanstack/react-router";
 import { Helmet } from "react-helmet";
 import { useTranslation } from "react-i18next";
+import { useNavigate, useSearch } from "@tanstack/react-router";
 
 import { ProjectPermissionCan } from "@app/components/permissions";
 import { PageHeader, Tab, TabList, TabPanel, Tabs } from "@app/components/v2";

frontend/src/pages/secret-manager/OverviewPage/OverviewPage.tsx

@@ -1,3 +1,6 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Helmet } from "react-helmet";
+import { useTranslation } from "react-i18next";
 import { subject } from "@casl/ability";
 import { faCheckCircle } from "@fortawesome/free-regular-svg-icons";
 import {
@@ -20,9 +23,6 @@ import {
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { Link, useNavigate, useParams, useRouter, useSearch } from "@tanstack/react-router";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { Helmet } from "react-helmet";
-import { useTranslation } from "react-i18next";
 import { twMerge } from "tailwind-merge";
 
 import { UpgradePlanModal } from "@app/components/license/UpgradePlanModal";

frontend/src/pages/secret-manager/SettingsPage/SettingsPage.tsx

@@ -1,13 +1,13 @@
 import { Helmet } from "react-helmet";
 import { useTranslation } from "react-i18next";
+import { Link } from "@tanstack/react-router";
+import { InfoIcon } from "lucide-react";
 
 import { PageHeader, Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
 import { useProject } from "@app/context";
 import { ProjectType, ProjectVersion } from "@app/hooks/api/projects/types";
 import { ProjectGeneralTab } from "@app/pages/project/SettingsPage/components/ProjectGeneralTab";
 
-import { Link } from "@tanstack/react-router";
-import { InfoIcon } from "lucide-react";
 import { EncryptionTab } from "./components/EncryptionTab";
 import { SecretSettingsTab } from "./components/ProjectGeneralTab";
 import { WebhooksTab } from "./components/WebhooksTab";
@@ -49,7 +49,7 @@ export const SettingsPage = () => {
           description="Configure your secret manager's encryption, environments, webhooks and other configurations."
         >
           <Link
-            to={"/organizations/$orgId/settings"}
+            to="/organizations/$orgId/settings"
             params={{
               orgId: currentProject.orgId
             }}

frontend/src/pages/secret-scanning/SettingsPage/SettingsPage.tsx

@@ -1,5 +1,7 @@
 import { Helmet } from "react-helmet";
 import { useTranslation } from "react-i18next";
+import { Link } from "@tanstack/react-router";
+import { InfoIcon } from "lucide-react";
 
 import { ProjectPermissionCan } from "@app/components/permissions";
 import { PageHeader, Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
@@ -8,8 +10,6 @@ import { ProjectPermissionSecretScanningConfigActions } from "@app/context/Proje
 import { ProjectType } from "@app/hooks/api/projects/types";
 import { ProjectGeneralTab } from "@app/pages/project/SettingsPage/components/ProjectGeneralTab";
 
-import { Link } from "@tanstack/react-router";
-import { InfoIcon } from "lucide-react";
 import { ProjectScanningConfigTab } from "./components/ProjectScanningConfigTab";
 
 export const SettingsPage = () => {
@@ -28,7 +28,7 @@ export const SettingsPage = () => {
           description="Configure your Secret Scanning product's configurations."
         >
           <Link
-            to={"/organizations/$orgId/settings"}
+            to="/organizations/$orgId/settings"
             params={{
               orgId: currentOrg.id
             }}

frontend/src/pages/ssh/SettingsPage/SettingsPage.tsx

@@ -1,5 +1,7 @@
 import { Helmet } from "react-helmet";
 import { useTranslation } from "react-i18next";
+import { Link } from "@tanstack/react-router";
+import { InfoIcon } from "lucide-react";
 
 import { ProjectPermissionCan } from "@app/components/permissions";
 import { PageHeader, Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
@@ -7,8 +9,6 @@ import { ProjectPermissionActions, ProjectPermissionSub, useOrganization } from
 import { ProjectType } from "@app/hooks/api/projects/types";
 import { ProjectGeneralTab } from "@app/pages/project/SettingsPage/components/ProjectGeneralTab";
 
-import { Link } from "@tanstack/react-router";
-import { InfoIcon } from "lucide-react";
 import { ProjectSshTab } from "./components/ProjectSshTab";
 
 export const SettingsPage = () => {
@@ -28,7 +28,7 @@ export const SettingsPage = () => {
           description="Configure your SSH product's configurations."
         >
           <Link
-            to={"/organizations/$orgId/settings"}
+            to="/organizations/$orgId/settings"
             params={{
               orgId: currentOrg.id
             }}