feat: 改版阶段 1：统一顶栏和教学侧栏、配色和图标规范、路由角色守卫

- 所有页面共用顶栏（教程 / 挑战 / 自由创作 / 作品展，右边“教学”和用户菜单）；
  没登录时顶栏有“登录”按钮，关掉登录框不再白屏；/submission/:id 全屏页不带顶栏
- 后台改成“教学”侧栏，分出题 / 班级 / 管理三组；“全部提交”留在侧栏里打开；
  admin 也能进作品展管理（后端本来就允许）
- 路由按角色守卫：meta.role 为 staff / super，学生和 admin 进不了无权页面
- 配色只在 theme.ts 定义，同时生成 --wp-* CSS 变量和 Naive UI 主题，暗色值先定好
- 图标改用打包进来的 lucide（断网也能显示），去掉 @iconify/vue 和 PUBLIC_ICONIFY_URL；
  代码字体换成打包的 JetBrains Mono，编辑器默认字号 24 → 16
- 教程面板去掉和顶栏重复的切换和图标按钮，图标按钮都补上文字或提示

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

client/src/main.ts

@@ -1,8 +1,10 @@
 import { createApp } from "vue"
 import { create } from "naive-ui"
 import App from "./App.vue"
+import "@fontsource/jetbrains-mono/400.css"
+import "@fontsource/jetbrains-mono/600.css"
 import "./global.css"
-import { addAPIProvider } from "@iconify/vue"
+import { applyCssVars, light } from "./theme"
 
 //@ts-ignore
 import "github-markdown-css/github-markdown-light.css"
@@ -14,6 +16,7 @@ import "highlight.js/styles/github.min.css"
 import { router } from "./router"
 
 marked.use(...trustedExtensions)
+applyCssVars(light)
 
 const app = createApp(App)
 const naive = create()
@@ -21,9 +24,3 @@ const naive = create()
 app.use(naive)
 app.use(router)
 app.mount("#app")
-
-if (!!import.meta.env.PUBLIC_ICONIFY_URL) {
-  addAPIProvider("", {
-    resources: [import.meta.env.PUBLIC_ICONIFY_URL],
-  })
-}