Feat: settings dark mode (#15184)

web/app/components/billing/usage-info/apps-info.tsx

@@ -2,7 +2,9 @@
 import type { FC } from 'react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { ChatBot } from '../../base/icons/src/vender/line/communication'
+import {
+  RiApps2Line,
+} from '@remixicon/react'
 import UsageInfo from '../usage-info'
 import { useProviderContext } from '@/context/provider-context'
 
@@ -22,7 +24,7 @@ const AppsInfo: FC<Props> = ({
   return (
     <UsageInfo
       className={className}
-      Icon={ChatBot}
+      Icon={RiApps2Line}
       name={t('billing.usagePage.buildApps')}
       usage={usage.buildApps}
       total={total.buildApps}