feat: new icons (#5412)

web/app/components/header/account-setting/api-based-extension-page/item.tsx

@@ -1,7 +1,10 @@
 import type { FC } from 'react'
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { Edit02, Trash03 } from '@/app/components/base/icons/src/vender/line/general'
+import {
+  RiDeleteBinLine,
+} from '@remixicon/react'
+import { Edit02 } from '@/app/components/base/icons/src/vender/line/general'
 import type { ApiBasedExtension } from '@/models/common'
 import { useModalContext } from '@/context/modal-context'
 import { deleteApiBasedExtension } from '@/service/common'
@@ -50,7 +53,7 @@ const Item: FC<ItemProps> = ({
           className='flex items-center justify-center w-7 h-7 bg-white text-gray-700 rounded-md border-[0.5px] border-gray-200 shadow-xs cursor-pointer'
           onClick={() => setShowDeleteConfirm(true)}
         >
-          <Trash03 className='w-4 h-4' />
+          <RiDeleteBinLine className='w-4 h-4' />
         </div>
       </div>
       {