Use download icon for public skill stats

Fixes openclaw#1534

Author: deepujain

src/components/SkillListItem.tsx

@@ -1,5 +1,5 @@
 import { Link } from "@tanstack/react-router";
-import { Package, Star } from "lucide-react";
+import { ArrowDownToLine, Star } from "lucide-react";
 import { MarketplaceIcon } from "./MarketplaceIcon";
 import { Badge } from "./ui/badge";
 import { getSkillBadges } from "../lib/badges";
@@ -44,7 +44,8 @@ export function SkillListItem({ skill, ownerHandle, owner }: SkillListItemProps)
             <Star size={14} aria-hidden="true" /> {formatCompactStat(skill.stats.stars)}
           </span>
           <span className="skill-list-item-meta-item">
-            <Package size={14} aria-hidden="true" /> {formatCompactStat(skill.stats.downloads)}
+            <ArrowDownToLine size={14} aria-hidden="true" />{" "}
+            {formatCompactStat(skill.stats.downloads)}
           </span>
         </div>
       </div>

src/components/SkillStats.tsx

@@ -1,4 +1,4 @@
-import { Package } from "lucide-react";
+import { ArrowDownToLine } from "lucide-react";
 import { formatSkillStatsTriplet, type SkillStatsTriplet } from "../lib/numberFormat";
 
 type SkillMetricsStats = SkillStatsTriplet & {
@@ -9,7 +9,8 @@ export function SkillStatsTripletLine({ stats }: { stats: SkillStatsTriplet }) {
   const formatted = formatSkillStatsTriplet(stats);
   return (
     <>
-      ⭐ {formatted.stars} · <Package size={13} aria-hidden="true" /> {formatted.downloads}
+      ⭐ {formatted.stars} · <ArrowDownToLine size={13} aria-hidden="true" />{" "}
+      {formatted.downloads}
     </>
   );
 }
@@ -19,7 +20,7 @@ export function SkillMetricsRow({ stats }: { stats: SkillMetricsStats }) {
   return (
     <>
       <span className="inline-flex w-14 items-center justify-end gap-1 tabular-nums">
-        <Package size={13} aria-hidden="true" /> {formatted.downloads}
+        <ArrowDownToLine size={13} aria-hidden="true" /> {formatted.downloads}
       </span>
       <span className="inline-flex w-14 items-center justify-end gap-1 tabular-nums">
         ★ {formatted.stars}