fix(题目): 修掉题目页重构审查查出的问题——提交途中换题会把结果算到新题上、运行例子把对的菱形判错、点评完「下一题」不跳等

题目页重构之后按「功能对照 / 状态 / 结果页 / 布局与后端」四路审查了一遍，查出的问题一起修：

提交与换题
- 提交、画流程图途中换题：A 题格式化好的代码会盖掉 B 的草稿，A 判对了把 B 标成已解决、
  弹 B 的点评、题单里跳回题单。现在每个请求回来先核对题目，轮询和推送回来的也核对提交编号
- 画着流程图换到不能画的题，语言退到题目的第一门、还被记成偏好；现在回到学生习惯的那门
- 强制点评评完点「继续 / 下一题」，学生之前在看「题目」页签的话会停在原题
- 离开题目页之后判题、流程图的 WebSocket 一直连着，现在闲 15 分钟断开

运行例子
- 输出开头的空格被削掉，打印菱形这类题对的代码也显示「没对上」
- C 的编译警告拼进了「你的输出」（后台生成测试点也会写进 .out）
- Python 的语法错误（中文标点）被说成「下标有没有越界、除数是不是 0」
- 比赛里仍然把空格画成「·」、把不同的地方标红

入口与协作
- 比赛里不给「课堂统计」、不绑协作：房间和统计都按题号找，比赛题号和公开题撞号
- 「看他交过什么」按整名匹配，不再混进学号相近的同学
- 协作中点上下文条、相似题、下一题开新标签，协作不断
- 题单入口给管理员的「⋯」里留「本题提交」

结果与题面
- 「去自己输入拿 51 这些数试试」取到了题面 HTML 里的颜色值；「题目原话」露出 "
- 流程图 A 级的学生标题下还写着「还没交过」
- 「我的提交」上方补回「答案错误 × 3」这样的计数
- 流程图历次评分能点开看那一版的图；读分数失败不再说「还没交过流程图」；手机上能看流程图点评
- 「结果」页签有新结果没看时加粗上色，看过就恢复
- 空画布拖进第一个节点画布会跳一下；画布底下空着一条
- 比赛没开始写成「已结束」、倒计时超过一个月算错；分隔条拖到头工具栏被挤坏；题单里的题目页有备案页脚
- 流程图历次分数只读需要的几列（一个学生一道题 23 次提交：96 kB → 2 kB）
- 比赛密码、比赛没开始等几条学生看得到的英文报错换成中文

设计文档照实际做法更新了第 5.5、5.6、6、8、9、10、11 节。

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

apps/web/src/oj/store/submission.ts

@@ -89,6 +89,10 @@ export const useSubmissionStore = defineStore("submission", () => {
   async function submit(entry: { contestId: string; problemSetId: string }) {
     const problem = problemStore.problem
     if (!problem) return
+    // 格式化、提交都要等请求回来，这中间学生可能已经点了「下一题」或课堂条上的别的题。
+    // 换了题就什么都别再写：不然 A 格式化好的代码会盖掉 B 的编辑器（连带 B 的草稿），
+    // 或者开始跟 A 的那条提交，A 判对了却把 B 标成已解决、弹 B 的点评
+    const stale = () => problemStore.problem?.id !== problem.id
     syntaxErrorInfo.value = ""
     formattedBeforeSubmit.value = false
 
@@ -102,11 +106,13 @@ export const useSubmissionStore = defineStore("submission", () => {
           code: codeStore.code.value,
           language: formatLang,
         })
+        if (stale()) return
         if (res.code !== codeStore.code.value) {
           codeStore.setCode(res.code)
           formattedBeforeSubmit.value = true
         }
       } catch (e) {
+        if (stale()) return
         if (errorCode(e) === "syntax-error") {
           // 仅 Python 会出现：message 是 CPython 的报错原文，交给 PythonErrorExplain 翻译
           syntaxErrorInfo.value = errorMessage(e)
@@ -124,9 +130,10 @@ export const useSubmissionStore = defineStore("submission", () => {
       problemId: problem.id,
       language: codeStore.code.language,
       code: codeStore.code.value,
-      // 编辑过程信号，见 utils/editTrace.ts。协作的判断和 ProblemEditor 的 collabHere 同一个口径
+      // 编辑过程信号，见 utils/editTrace.ts。协作的判断和 ProblemEditor 的 collabHere
+      // （teacherCollab.ts 的 useCollabHere）同一个口径：比赛入口不算协作
       trace: snapshotEditTrace(
-        collabStore.room !== null && collabStore.room.problemId === problem._id,
+        !entry.contestId && collabStore.room !== null && collabStore.room.problemId === problem._id,
       ),
     }
     if (entry.contestId) {
@@ -142,6 +149,8 @@ export const useSubmissionStore = defineStore("submission", () => {
     try {
       const res = await submitCode(data)
       console.log(`[Submit] 代码已提交: ID=${res.submissionId}`)
+      // 这条照常判完落库、题库里查得到，只是这一页已经换了题，不再跟
+      if (stale()) return
       // 交上了才清零；被限流 / 网络失败的话这一段接着记，下次提交一起报
       restartEditTrace(codeStore.code.value.length)