feat(提交列表): 重做成左边列表、右边代码，方向键一条条翻，不再开弹框

- 右栏常驻选中那条的代码：编译失败 / 运行时错误用中文说清第几行错了并标红，
  老师看得到逐个测试点，学生看别人的只显示结果
- 老师一键「这节课」：筛到正在上课的班、这节课的题、今天
- 「正在评分」的行自己变成结果；新交的不插队，顶上提示「有 N 条新提交」
- 按天分组、默认每页 30 条；状态筛选补全，语言补上 SQL；流程图的评分详情也放进右栏
- 课堂看板的格子和名字能直接点进这个学生今天的提交

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

apps/web/src/oj/submission/components/UserName.vue

@@ -0,0 +1,48 @@
+<script setup lang="ts">
+import { useThemeVars } from "naive-ui"
+import { USERNAME_CLASS_RE } from "utils/constants"
+
+/**
+ * 用户名：班级前缀（`ks253`）淡一档，名字加粗 —— 一个班的人前缀都一样，
+ * 老师要认的是后面那段。`muted` 用在学生看别人的那几行（看得到结果、看不到代码）。
+ */
+const props = defineProps<{ username: string; muted?: boolean }>()
+
+const theme = useThemeVars()
+
+const parts = computed(() => {
+  const match = props.username.match(USERNAME_CLASS_RE)
+  if (!match) return { prefix: "", name: props.username }
+  return { prefix: match[0], name: props.username.slice(match[0].length) || match[0] }
+})
+</script>
+
+<template>
+  <span class="user" :class="{ muted }" :title="username">
+    <span v-if="parts.prefix" class="prefix">{{ parts.prefix }}</span>
+    <span class="name">{{ parts.name }}</span>
+  </span>
+</template>
+
+<style scoped>
+.user {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-width: 0;
+}
+
+.prefix {
+  color: v-bind("theme.textColor3");
+}
+
+.name {
+  font-weight: 600;
+  color: v-bind("theme.textColor1");
+}
+
+.muted .name {
+  font-weight: 400;
+  color: v-bind("theme.textColor2");
+}
+</style>