feat(SQL 题): 增删改题的期望结果标出执行后变了的格子，删掉的行写清是哪几行

学生原来只能拿两张表逐格对，看不出要改的是哪几行。现在改过的格子、新插的行标黄，
删掉的行在表下面写「删掉了 2 行（id 是 2、3）」。按第一列配对，对不上就不标。
数据表和期望结果抽成一个组件，后台出题页的预览也用它。
题型判断统一走契约的 isSqlProblem()。

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

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

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { isSqlProblem } from "@oj2/contract"
 import { storeToRefs } from "pinia"
 import { useProblemStore } from "oj/store/problem"
 import { useSubmissionStore } from "oj/store/submission"
@@ -81,10 +82,7 @@ const codeSegments = computed<{ value: Segment; label: string; time: string }[]>
 const drawing = computed(() => codeStore.code.language === "Flowchart")
 
 // 试跑走判题机，SQL 题不走那里；流程图也没得跑。这两种只留「提交结果」
-const canTrial = computed(() => {
-  const languages = problem.value?.languages ?? []
-  return !languages.includes("SQL")
-})
+const canTrial = computed(() => !problem.value || !isSqlProblem(problem.value))
 
 const segments = computed(() => {
   const list = canTrial.value ? codeSegments.value : codeSegments.value.slice(0, 1)