feat: tailwind related improvement (#6085)

web/app/components/billing/annotation-full/index.tsx

@@ -2,10 +2,10 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import cn from 'classnames'
 import UpgradeBtn from '../upgrade-btn'
 import Usage from './usage'
 import s from './style.module.css'
+import cn from '@/utils/classnames'
 import GridMask from '@/app/components/base/grid-mask'
 
 const AnnotationFull: FC = () => {

web/app/components/billing/annotation-full/modal.tsx

@@ -2,11 +2,11 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import cn from 'classnames'
 import UpgradeBtn from '../upgrade-btn'
 import Modal from '../../base/modal'
 import Usage from './usage'
 import s from './style.module.css'
+import cn from '@/utils/classnames'
 import GridMask from '@/app/components/base/grid-mask'
 
 type Props = {

web/app/components/billing/apps-full-in-dialog/index.tsx

@@ -2,10 +2,10 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import cn from 'classnames'
 import UpgradeBtn from '../upgrade-btn'
 import AppsInfo from '../usage-info/apps-info'
 import s from './style.module.css'
+import cn from '@/utils/classnames'
 import GridMask from '@/app/components/base/grid-mask'
 
 const AppsFull: FC<{ loc: string }> = ({

web/app/components/billing/apps-full/index.tsx

@@ -2,9 +2,9 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import cn from 'classnames'
 import UpgradeBtn from '../upgrade-btn'
 import s from './style.module.css'
+import cn from '@/utils/classnames'
 import GridMask from '@/app/components/base/grid-mask'
 
 const AppsFull: FC = () => {

web/app/components/billing/header-billing-btn/index.tsx

@@ -1,9 +1,9 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
-import cn from 'classnames'
 import UpgradeBtn from '../upgrade-btn'
 import { Plan } from '../type'
+import cn from '@/utils/classnames'
 import { useProviderContext } from '@/context/provider-context'
 
 type Props = {

web/app/components/billing/plan/index.tsx

@@ -1,7 +1,6 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
-import cn from 'classnames'
 import { useTranslation } from 'react-i18next'
 import { Plan } from '../type'
 import VectorSpaceInfo from '../usage-info/vector-space-info'
@@ -10,6 +9,7 @@ import UpgradeBtn from '../upgrade-btn'
 import { User01 } from '../../base/icons/src/vender/line/users'
 import { MessageFastPlus } from '../../base/icons/src/vender/line/communication'
 import { FileUpload } from '../../base/icons/src/vender/line/files'
+import cn from '@/utils/classnames'
 import { useProviderContext } from '@/context/provider-context'
 import UsageInfo from '@/app/components/billing/usage-info'
 

web/app/components/billing/pricing/plan-item.tsx

@@ -2,7 +2,6 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import cn from 'classnames'
 import {
   RiQuestionLine,
 } from '@remixicon/react'
@@ -12,6 +11,7 @@ import { ALL_PLANS, NUM_INFINITE, contactSalesUrl, contractSales, unAvailable }
 import Toast from '../../base/toast'
 import TooltipPlus from '../../base/tooltip-plus'
 import { PlanRange } from './select-plan-range'
+import cn from '@/utils/classnames'
 import { useAppContext } from '@/context/app-context'
 import { fetchSubscriptionUrls } from '@/service/billing'
 import { LanguagesSupported } from '@/i18n/language'

web/app/components/billing/pricing/select-plan-range.tsx

@@ -2,7 +2,7 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import cn from 'classnames'
+import cn from '@/utils/classnames'
 export enum PlanRange {
   monthly = 'monthly',
   yearly = 'yearly',
@@ -26,9 +26,9 @@ const ITem: FC<{ isActive: boolean; value: PlanRange; text: string; onClick: (va
 
 const ArrowIcon = (
   <svg xmlns="http://www.w3.org/2000/svg" width="26" height="38" viewBox="0 0 26 38" fill="none">
-    <path d="M20.5005 3.49991C23.5 18 18.7571 25.2595 2.92348 31.9599" stroke="#F26725" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
-    <path d="M2.21996 32.2756L8.37216 33.5812" stroke="#F26725" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
-    <path d="M2.22168 32.2764L3.90351 27.4459" stroke="#F26725" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+    <path d="M20.5005 3.49991C23.5 18 18.7571 25.2595 2.92348 31.9599" stroke="#F26725" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    <path d="M2.21996 32.2756L8.37216 33.5812" stroke="#F26725" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    <path d="M2.22168 32.2764L3.90351 27.4459" stroke="#F26725" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
   </svg>
 )
 

web/app/components/billing/upgrade-btn/index.tsx

@@ -2,10 +2,10 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import cn from 'classnames'
 import { GoldCoin } from '../../base/icons/src/vender/solid/FinanceAndECommerce'
 import { Sparkles } from '../../base/icons/src/public/billing'
 import s from './style.module.css'
+import cn from '@/utils/classnames'
 import { useModalContext } from '@/context/modal-context'
 
 type Props = {

web/app/components/billing/vector-space-full/index.tsx

@@ -2,10 +2,10 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import cn from 'classnames'
 import UpgradeBtn from '../upgrade-btn'
 import VectorSpaceInfo from '../usage-info/vector-space-info'
 import s from './style.module.css'
+import cn from '@/utils/classnames'
 import { useProviderContext } from '@/context/provider-context'
 import GridMask from '@/app/components/base/grid-mask'