feat(题目): 通过之后直接给出这节课的下一题；在题目页里换题时不再带着上一道题的结果和评价弹窗

72% 的提交一次就通过，每次通过之后学生都要回首页或再问一遍题号去找下一道。

- 结果面板在通过时显示 LessonNext：取 /me/class-activity（老师布置的优先，否则推断），
  给出排在当前题后面、还没通过的第一道，后面都做完了再从头找；全做完了显示「都做完了」
  并指向题单。当前题不在列表里、比赛、题单入口都不显示
- 评价弹窗关掉后重新打开结果面板：点弹窗时面板会被当成点了外面收起来，「下一题」就在面板里
- 换题（同一组件只换路由参数，有了题号直达和下一题之后成了常规操作）时收掉上一道题的
  结果面板、语法错误、还在跟的提交（新增 useSubmissionMonitor.reset），并取消通过后
  那两个 1.5 秒的定时器——否则会给还没做的新题弹评价，上一道判完时还会把新题标成已解决

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

apps/web/src/oj/problem/components/LessonNext.vue

@@ -0,0 +1,75 @@
+<script setup lang="ts">
+import { getClassActivity } from "oj/api"
+import type { ClassActivity } from "utils/types"
+
+/**
+ * 通过之后告诉学生「这节课的下一题是哪道」。
+ *
+ * 72% 的提交一次就通过，每次通过之后学生都得回首页、或者再问一遍题号去找下一道。
+ * 这节课的题就是首页「班里在做」那几道（老师在课堂看板布置的，或者从同班提交推断的），
+ * 这里直接拿同一个接口，给出下一道没做完的。
+ *
+ * 「下一道」是按列表顺序排在这道**后面**、还没通过的第一道，后面都做完了再从头找 ——
+ * 学生常常跳着做，先做完了第 3 道再回头做第 1 道。当前这道本身不看它的 myStatus：
+ * 接口是通过之前那一刻的状态，这时候它刚刚才通过。
+ *
+ * 这道题不在这节课的列表里（学生在做别的）就什么都不显示。
+ */
+const props = defineProps<{
+  /** 当前这道题的展示题号 */
+  problemDisplayId: string
+}>()
+
+const activity = ref<ClassActivity | null>(null)
+
+onMounted(async () => {
+  activity.value = await getClassActivity().catch(() => null)
+})
+
+const lesson = computed(() => {
+  const list = activity.value?.problems ?? []
+  const current = props.problemDisplayId.toLowerCase()
+  const index = list.findIndex((item) => item.problemDisplayId.toLowerCase() === current)
+  if (index < 0) return null
+  const rest = [...list.slice(index + 1), ...list.slice(0, index)].filter(
+    (item) => item.myStatus !== "accepted",
+  )
+  return { total: list.length, next: rest[0] ?? null, remaining: rest.length }
+})
+
+const label = computed(() => (activity.value?.source === "teacher" ? "老师布置的题" : "这节课的题"))
+</script>
+
+<template>
+  <n-card v-if="lesson" size="small" embedded class="lesson-next">
+    <n-flex v-if="lesson.next" align="center" justify="space-between" :wrap="false">
+      <n-text depth="3">{{ label }}还剩 {{ lesson.remaining }} 道</n-text>
+      <router-link :to="`/problem/${lesson.next.problemDisplayId}`">
+        <n-button type="primary">
+          下一题：{{ lesson.next.problemDisplayId }} {{ lesson.next.title }}
+        </n-button>
+      </router-link>
+    </n-flex>
+    <n-flex v-else align="center" justify="space-between">
+      <n-text>{{ label }}都做完了，一共 {{ lesson.total }} 道 🎉</n-text>
+      <router-link to="/problemset">
+        <n-button secondary>去题单继续练</n-button>
+      </router-link>
+    </n-flex>
+  </n-card>
+</template>
+
+<style scoped>
+.lesson-next {
+  margin-top: 12px;
+  max-width: 560px;
+}
+
+/* 题目名可能很长（带 emoji 的、二十几个字的），按钮别把结果面板撑宽 */
+.lesson-next :deep(.n-button__content) {
+  display: block;
+  max-width: 320px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+</style>