style(前台): 列表页去掉表头 emoji、已结束的比赛改成灰色；比赛列表置顶进行中的比赛，排名页先看榜单

- 前台 53 处表头改成纯文字，删掉只剩这一个用途的 utils/renders.ts
- 「已结束」从红色改灰色（比赛列表 / 详情 / 后台 / 首页一起）
- 比赛列表第一页、无筛选时顶部列出进行中和即将开始的比赛
- 内容少的页面页脚贴底，不再悬在半屏
- 排名页两张柱状图挪到最后，第一屏是 Top100、本周进步榜和我的排名

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

apps/web/src/shared/layout/default.vue

@@ -24,7 +24,12 @@ watch(
 </script>
 
 <template>
-  <n-layout position="absolute">
+  <!-- 滚动容器竖排、内容区撑满剩余高度：内容少的页面（比赛列表、班级 PK）
+       页脚才会贴在底上，而不是悬在半屏 -->
+  <n-layout
+    position="absolute"
+    content-style="display: flex; flex-direction: column; min-height: 100%"
+  >
     <n-layout-header bordered style="padding: 8px">
       <!-- 居中限宽套在外面，别用 class 传给 Header：那样 Header 就永远只能有
            一个根节点，多一个根就是 "Extraneous non-props attributes" 警告
@@ -34,6 +39,7 @@ watch(
       </div>
     </n-layout-header>
     <n-layout-content
+      style="flex: 1 0 auto"
       content-style="padding: 16px; overflow-x: initial; max-width: 2000px; margin: 0 auto;"
     >
       <router-view></router-view>