feat: tailwind related improvement (#6085)

web/app/components/tools/add-tool-modal/category.tsx

@@ -1,9 +1,9 @@
 'use client'
 import { useRef } from 'react'
-import cn from 'classnames'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
 import { useMount } from 'ahooks'
+import cn from '@/utils/classnames'
 import { Apps02 } from '@/app/components/base/icons/src/vender/line/others'
 import I18n from '@/context/i18n'
 import { getLanguage } from '@/i18n/language'

web/app/components/tools/add-tool-modal/index.tsx

@@ -4,7 +4,6 @@ import React, { useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useContext } from 'use-context-selector'
 import produce from 'immer'
-import cn from 'classnames'
 import {
   RiAddLine,
   RiCloseLine,
@@ -14,6 +13,7 @@ import type { Collection, CustomCollectionBackend, Tool } from '../types'
 import Type from './type'
 import Category from './category'
 import Tools from './tools'
+import cn from '@/utils/classnames'
 import I18n from '@/context/i18n'
 import { getLanguage } from '@/i18n/language'
 import Drawer from '@/app/components/base/drawer'

web/app/components/tools/add-tool-modal/tools.tsx

@@ -2,11 +2,11 @@ import {
   memo,
   useCallback,
 } from 'react'
-import cn from 'classnames'
 import { useTranslation } from 'react-i18next'
 import {
   RiAddLine,
 } from '@remixicon/react'
+import cn from '@/utils/classnames'
 import { ArrowUpRight } from '@/app/components/base/icons/src/vender/line/arrows'
 import { Check } from '@/app/components/base/icons/src/vender/line/general'
 import { Tag01 } from '@/app/components/base/icons/src/vender/line/financeAndECommerce'

web/app/components/tools/add-tool-modal/type.tsx

@@ -1,6 +1,6 @@
 'use client'
-import cn from 'classnames'
 import { useTranslation } from 'react-i18next'
+import cn from '@/utils/classnames'
 import { Exchange02, FileCode } from '@/app/components/base/icons/src/vender/line/others'
 
 type Props = {