feat: finish card components

web/app/components/plugins/card/base/description.tsx

@@ -15,11 +15,11 @@ const Description: FC<Props> = ({
 }) => {
   const lineClassName = useMemo(() => {
     if (descriptionLineRows === 1)
-      return 'truncate'
+      return 'h-4 truncate'
     else if (descriptionLineRows === 2)
-      return 'line-clamp-2'
+      return 'h-8 line-clamp-2'
     else
-      return 'line-clamp-3'
+      return 'h-12 line-clamp-3'
   }, [descriptionLineRows])
   return (
     <div className={cn('text-text-tertiary system-xs-regular', lineClassName, className)}>

web/app/components/plugins/card/base/download-count.tsx

@@ -0,0 +1,19 @@
+import { RiInstallLine } from '@remixicon/react'
+import { formatNumber } from '@/utils/format'
+
+type Props = {
+  downloadCount: number
+}
+
+const DownloadCount = ({
+  downloadCount,
+}: Props) => {
+  return (
+    <div className="flex items-center space-x-1 text-text-tertiary">
+      <RiInstallLine className="shrink-0 w-3 h-3" />
+      <div className="system-xs-regular">{formatNumber(downloadCount)}</div>
+    </div>
+  )
+}
+
+export default DownloadCount