refactor: unified cn utils (#29916)

Co-authored-by: yyh <yuanyouhuilyz@gmail.com>
Co-authored-by: yyh <92089059+lyzno1@users.noreply.github.com>

web/app/components/datasets/settings/index-method/index.tsx

@@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next'
 import { useRef } from 'react'
 import { useHover } from 'ahooks'
 import { IndexingType } from '../../create/step-two'
-import classNames from '@/utils/classnames'
+import { cn } from '@/utils/classnames'
 import {
   PortalToFollowElem,
   PortalToFollowElemContent,
@@ -37,7 +37,7 @@ const IndexMethod = ({
   const isEconomyDisabled = currentValue === IndexingType.QUALIFIED
 
   return (
-    <div className={classNames('flex flex-col gap-y-2')}>
+    <div className={cn('flex flex-col gap-y-2')}>
       {/* High Quality */}
       <OptionCard
         id={IndexingType.QUALIFIED}

web/app/components/datasets/settings/option-card.tsx

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react'
 import React from 'react'
-import cn from '@/utils/classnames'
+import { cn } from '@/utils/classnames'
 import Badge from '@/app/components/base/badge'
 import { useTranslation } from 'react-i18next'
 import { EffectColor } from './chunk-structure/types'

web/app/components/datasets/settings/permission-selector/index.tsx

@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next'
-import cn from 'classnames'
+import { cn } from '@/utils/classnames'
 import React, { useCallback, useMemo, useState } from 'react'
 import { useDebounceFn } from 'ahooks'
 import { RiArrowDownSLine, RiGroup2Line, RiLock2Line } from '@remixicon/react'

web/app/components/datasets/settings/permission-selector/member-item.tsx

@@ -1,4 +1,4 @@
-import cn from '@/utils/classnames'
+import { cn } from '@/utils/classnames'
 import { RiCheckLine } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'