feat(阶段1): 搬入 ojnext 为 apps/web，未改业务代码

apps/web/src/oj/contest/components/ContestInfo.vue

@@ -0,0 +1,42 @@
+<script setup lang="ts">
+import { Icon } from "@iconify/vue"
+import { useContestStore } from "oj/store/contest"
+import { parseTime } from "utils/functions"
+import ContestType from "shared/components/ContestType.vue"
+
+const contestStore = useContestStore()
+</script>
+
+<template>
+  <n-popover
+    v-if="contestStore.contest"
+    placement="bottom-end"
+    :show-arrow="false"
+  >
+    <template #trigger>
+      <n-button>
+        <template #icon>
+          <Icon icon="streamline-emojis:exclamation-mark"></Icon>
+        </template>
+        比赛信息
+      </n-button>
+    </template>
+    <div v-html="contestStore.contest.description"></div>
+    <n-descriptions bordered label-placement="left" :column="1">
+      <n-descriptions-item label="开始时间">
+        {{
+          parseTime(contestStore.contest.start_time, "YYYY年M月D日 HH:mm:ss")
+        }}
+      </n-descriptions-item>
+      <n-descriptions-item label="结束时间">
+        {{ parseTime(contestStore.contest.end_time, "YYYY年M月D日 HH:mm:ss") }}
+      </n-descriptions-item>
+      <n-descriptions-item label="比赛类型">
+        <ContestType :contest="contestStore.contest" />
+      </n-descriptions-item>
+      <n-descriptions-item label="发起人">
+        {{ contestStore.contest.created_by.username }}
+      </n-descriptions-item>
+    </n-descriptions>
+  </n-popover>
+</template>