Fix lint/type issues

frontend/src/hooks/api/scim/index.tsx

@@ -1,5 +1,5 @@
-export { useGetScimTokens } from "./queries";
 export { 
     useCreateScimToken,
     useDeleteScimToken
-} from "./mutations";
+} from "./mutations";
+export { useGetScimTokens } from "./queries";

frontend/src/hooks/api/scim/mutations.tsx

@@ -1,11 +1,13 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
+
 import { apiRequest } from "@app/config/request";
+
+import { scimKeys } from "./queries";
 import {
     CreateScimTokenDTO,
     CreateScimTokenRes,
     DeleteScimTokenDTO
 } from "./types";
-import { scimKeys } from "./queries";
 
 export const useCreateScimToken = () => {
     const queryClient = useQueryClient();
@@ -32,10 +34,7 @@ export const useCreateScimToken = () => {
 export const useDeleteScimToken = () => {
     const queryClient = useQueryClient();
     return useMutation<CreateScimTokenRes, {}, DeleteScimTokenDTO>({
-        mutationFn: async ({
-            organizationId,
-            scimTokenId
-        }) => {
+        mutationFn: async ({ scimTokenId }) => {
             const { data } = await apiRequest.delete(`/api/v1/scim/scim-tokens/${scimTokenId}`);
             return data;
         },

frontend/src/hooks/api/scim/queries.tsx

@@ -1,5 +1,7 @@
-import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
+
 import { apiRequest } from "@app/config/request";
+
 import { ScimTokenData } from "./types";
 
 export const scimKeys = {

frontend/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/OrgAuthTab.tsx

@@ -1,8 +1,8 @@
 import { OrgPermissionActions, OrgPermissionSubjects } from "@app/context";
 import { withPermission } from "@app/hoc";
 
-import { OrgScimSection } from "./OrgScimSection";
 import { OrgGeneralAuthSection } from "./OrgGeneralAuthSection";
+import { OrgScimSection } from "./OrgSCIMSection";
 import { OrgSSOSection } from "./OrgSSOSection";
 
 export const OrgAuthTab = withPermission(

frontend/src/views/Settings/OrgSettingsPage/components/OrgAuthTab/ScimTokenModal.tsx

@@ -26,14 +26,13 @@ import {
   THead,
   Tr
 } from "@app/components/v2";
+import { useOrganization } from "@app/context";
 import { useToggle } from "@app/hooks";
 import {
-    useGetScimTokens, 
     useCreateScimToken,
-    useDeleteScimToken
-} from "@app/hooks/api";
+    useDeleteScimToken,
+    useGetScimTokens} from "@app/hooks/api";
 import { UsePopUpState } from "@app/hooks/usePopUp";
-import { useOrganization } from "@app/context";
 
 const schema = yup.object({
   description: yup.string(),
@@ -162,7 +161,7 @@ export const ScimTokenModal = ({
         setToken("");
       }}
     >
-      <ModalContent title={`Manage SCIM credentials`}>
+      <ModalContent title="Manage SCIM credentials">
         <h2 className="mb-4">SCIM URL</h2>
         <div className="mb-8 flex items-center justify-between rounded-md bg-white/[0.07] p-2 text-base text-gray-400">
           <p className="mr-4 break-all">{scimUrl}</p>
@@ -326,7 +325,7 @@ export const ScimTokenModal = ({
         </TableContainer>
         <DeleteActionModal
           isOpen={popUp.deleteScimToken.isOpen}
-          title={"Are you sure want to delete the SCIM token?"}
+          title="Are you sure want to delete the SCIM token?"
           onChange={(isOpen) => handlePopUpToggle("scimToken", isOpen)}
           deleteKey="confirm"
           onDeleteApproved={() => {