refactor(web): 前端改用 @stash/ui 组件库

- 新增本地依赖 @stash/ui（file:../../stash-ui），引入其 style.css 与设计令牌
- 页面骨架改用 Layout（contained + header/sider），搜索框改为吸顶
- 卡片/菜单/按钮/标签/头像/分页/空态/提示全部换成组件库组件
- 删除本地 iconfont 与 1400 行手写组件样式，App.css 只保留页面级样式
- 数据层、路由、过滤逻辑未改动；33 个 Rust 测试通过

stash-web/src/components/content/AppCard.tsx

@@ -1,14 +1,9 @@
+import { Avatar, ItemBadge, Space, Text } from '@stash/ui'
 import type { AppItem } from '../../data/types'
 
 /**
- * 应用卡片：逐项复刻 Alright 主题「推荐作者」条目的结构。
- *
- * 对应主题的：
- *   .flex-avatar  > img.avatar-48 + span.avatar-badge.badge_5
- *   .item-content > h3.font-title.text-md（名字 + span.item-badge.hot）
- *                 + div.text-xs.text-muted.h-1x（单行描述）
- *
- * 热门条目才会同时出现头像角标和 HOT 徽标，普通条目两者都没有。
+ * 应用卡片：头像 + 名称（热门带 HOT 角标）+ 单行描述。
+ * 点击进入条目详情；按住修饰键时保持浏览器默认行为（新标签打开原始链接）。
  */
 type AppCardProps = {
   item: AppItem
@@ -28,22 +23,25 @@ export function AppCard({ item, onOpen }: AppCardProps) {
         onOpen(item.id)
       }}
     >
-      <span className="app-card-avatar" aria-hidden="true">
-        {item.cover !== undefined ? (
-          <img src={item.cover} alt="" loading="lazy" />
-        ) : (
-          <span className="app-card-letter">{item.icon}</span>
-        )}
-        {item.hot === true && <span className="app-card-verify" />}
-      </span>
+      <Avatar
+        size="md"
+        shape="square"
+        src={item.cover}
+        fallback={item.icon}
+        verified={item.hot === true}
+      />
 
-      <span className="app-card-info">
-        <span className="app-card-title">
-          <span className="app-card-name">{item.name}</span>
-          {item.hot === true && <span className="app-card-badge" />}
-        </span>
-        <span className="app-card-desc">{item.desc}</span>
-      </span>
+      <div className="app-card-info">
+        <Space gap="xs">
+          <Text strong truncate className="app-card-name">
+            {item.name}
+          </Text>
+          {item.hot === true && <ItemBadge tone="hot">HOT</ItemBadge>}
+        </Space>
+        <Text size="xs" tone="muted" truncate>
+          {item.desc}
+        </Text>
+      </div>
     </a>
   )
 }