refactor & perf: import { noop } from 'lodash-es' across web (#17439)

web/app/components/header/account-setting/members-page/edit-workspace-modal/index.tsx

@@ -11,6 +11,8 @@ import { RiCloseLine } from '@remixicon/react'
 import { useAppContext } from '@/context/app-context'
 import { updateWorkspaceInfo } from '@/service/common'
 import { ToastContext } from '@/app/components/base/toast'
+import { noop } from 'lodash-es'
+
 type IEditWorkspaceModalProps = {
   onCancel: () => void
 }
@@ -40,7 +42,7 @@ const EditWorkspaceModal = ({
 
   return (
     <div className={cn(s.wrap)}>
-      <Modal overflowVisible isShow onClose={() => {}} className={cn(s.modal)}>
+      <Modal overflowVisible isShow onClose={noop} className={cn(s.modal)}>
         <div className='mb-2 flex justify-between'>
           <div className='text-xl font-semibold text-text-primary'>{t('common.account.editWorkspaceInfo')}</div>
           <RiCloseLine className='h-4 w-4 cursor-pointer text-text-tertiary' onClick={onCancel} />

web/app/components/header/account-setting/members-page/invite-modal/index.tsx

@@ -15,8 +15,9 @@ import { emailRegex } from '@/config'
 import { ToastContext } from '@/app/components/base/toast'
 import type { InvitationResult } from '@/models/common'
 import I18n from '@/context/i18n'
-
 import 'react-multi-email/dist/style.css'
+import { noop } from 'lodash-es'
+
 type IInviteModalProps = {
   isEmailSetup: boolean
   onCancel: () => void
@@ -57,7 +58,7 @@ const InviteModal = ({
 
   return (
     <div className={cn(s.wrap)}>
-      <Modal overflowVisible isShow onClose={() => { }} className={cn(s.modal)}>
+      <Modal overflowVisible isShow onClose={noop} className={cn(s.modal)}>
         <div className='mb-2 flex justify-between'>
           <div className='text-xl font-semibold text-text-primary'>{t('common.members.inviteTeamMember')}</div>
           <RiCloseLine className='h-4 w-4 cursor-pointer text-text-tertiary' onClick={onCancel} />

web/app/components/header/account-setting/members-page/invited-modal/index.tsx

@@ -10,6 +10,7 @@ import Button from '@/app/components/base/button'
 import { IS_CE_EDITION } from '@/config'
 import type { InvitationResult } from '@/models/common'
 import Tooltip from '@/app/components/base/tooltip'
+import { noop } from 'lodash-es'
 
 export type SuccessInvitationResult = Extract<InvitationResult, { status: 'success' }>
 export type FailedInvitationResult = Extract<InvitationResult, { status: 'failed' }>
@@ -29,7 +30,7 @@ const InvitedModal = ({
 
   return (
     <div className={s.wrap}>
-      <Modal isShow onClose={() => {}} className={s.modal}>
+      <Modal isShow onClose={noop} className={s.modal}>
         <div className='mb-3 flex justify-between'>
           <div className='
             flex h-12 w-12 items-center justify-center rounded-xl