fix: icon tsx to router problem

web/app/components/plugins/card/index.tsx

@@ -2,6 +2,7 @@ import React from 'react'
 import { RiVerifiedBadgeLine } from '@remixicon/react'
 import type { Plugin } from '../types'
 import Badge from '../../base/badge'
+import Icon from '../card/base/card-icon'
 import CornerMark from './base/corner-mark'
 import Title from './base/title'
 import OrgInfo from './base/org-info'
@@ -39,7 +40,7 @@ const Card = ({
       <CornerMark text={type} />
       {/* Header */}
       <div className="flex">
-        {/* <Icon src={payload.icon} installed={installed} /> */}
+        <Icon src={payload.icon} installed={installed} />
         <div className="ml-3 grow">
           <div className="flex items-center h-5">
             <Title title={label[locale]} />

web/app/components/plugins/install-model-item.tsx

@@ -4,7 +4,7 @@ import { RiVerifiedBadgeLine } from '@remixicon/react'
 import Badge from '../base/badge'
 import type { Plugin } from './types'
 import Description from './card/base/description'
-import Icon from './card/base/icon'
+import Icon from './card/base/card-icon'
 import Title from './card/base/title'
 import DownloadCount from './card/base/download-count'
 import { getLocaleOnServer } from '@/i18n/server'

web/app/components/plugins/plugin-item/index.tsx

@@ -6,7 +6,7 @@ import Badge from '../../base/badge'
 import type { Plugin } from '../types'
 import CornerMark from '../card/base/corner-mark'
 import Description from '../card/base/description'
-import Icon from '../card/base/icon'
+import Icon from '../card/base/card-icon'
 import OrgInfo from '../card/base/org-info'
 import Title from '../card/base/title'
 import Action from './action'