feat(题单): 题单页重做——布置中的放最上面，详情顶上一条进度和奖章阶梯，没加入看得见题点不进；老师看全班、后台一屏编辑

- 列表：布置中的大卡片（做对几道、布置到哪天、再做对几道拿哪个奖章），其余小卡片，加入过的在前
- 详情：进度 + 奖章阶梯（下一个金圈「再做对 n 道」），题目两列写几点做对 / 交过几次；
  以前做对过的标「旧代码先藏着」；做完整条变绿，烟花只在做完那一刻放
- 老师多一个「全班情况」页签；题目页从链接直接进来没加入时，条上给「加入题单」
- 后台一屏编辑：布置一周 / 两周 / 四周 / 选日期，公开开关，粘贴多个题号一次加，拖动排序，奖章只剩两种条件
- 旧代码藏着的地方都说清楚是哪个题单、哪天之后能看
- 修掉列表卡片把选做题数说成「新加了 N 题」

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

apps/web/src/shared/components/UserBadge.vue

@@ -1,87 +0,0 @@
-<template>
-  <n-popover trigger="hover" placement="top">
-    <template #trigger>
-      <div class="badge-container">
-        <img
-          :src="badge.badge.icon"
-          :alt="badge.badge.name"
-          class="badge-icon"
-          @error="handleImageError"
-        />
-      </div>
-    </template>
-    <n-card size="small" class="badge-popover">
-      <n-flex vertical>
-        <n-text strong>{{ badge.badge.name }}</n-text>
-        <n-tag type="info"> 获得条件：{{ getConditionText() }} </n-tag>
-        <n-text depth="3">
-          获得时间：{{ parseTime(badge.earnedTime, "YYYY-MM-DD HH:mm:ss") }}
-        </n-text>
-      </n-flex>
-    </n-card>
-  </n-popover>
-</template>
-
-<script setup lang="ts">
-import type { UserBadge } from "utils/types"
-import { parseTime } from "utils/functions"
-interface Props {
-  badge: UserBadge
-}
-
-const props = defineProps<Props>()
-
-function handleImageError(event: Event) {
-  const img = event.target as HTMLImageElement
-  // 如果图片加载失败，显示默认图标
-  img.src = "/badge-1.png" // 使用默认徽章图标
-}
-
-function getConditionText() {
-  const { conditionType, conditionValue } = props.badge.badge
-
-  switch (conditionType) {
-    case "all_problems":
-      return "完成所有题目"
-    case "problem_count":
-      return `完成 ${conditionValue} 道题目`
-    case "score":
-      return `获得 ${conditionValue} 分`
-    default:
-      return "未知条件"
-  }
-}
-</script>
-
-<style scoped>
-.badge-container {
-  position: relative;
-  display: inline-block;
-  cursor: pointer;
-  width: 44px;
-  height: 44px;
-}
-
-.badge-icon {
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  object-fit: cover;
-  border: 2px solid #e0e0e0;
-  transition: all 0.3s ease;
-}
-
-.badge-icon:hover {
-  transform: scale(1.1);
-  border-color: #1890ff;
-  box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3);
-}
-
-.badge-popover {
-  max-width: 280px;
-}
-
-.badge-popover .n-space {
-  gap: 6px;
-}
-</style>