feat(ux): M1/M2 移动端可用 — 导航汉堡抽屉 + 写作工具条不溢出

M1 左导航响应式抽屉：抽出 lib/nav/items.ts（条目数据+激活判定，纯逻辑+vitest）
共用于桌面静态侧栏（hidden lg:block）与移动汉堡抽屉。新增通用 Drawer（遮罩/
Esc 关闭/打开聚焦，复用 CommandPalette a11y 模式）+ NavDrawer + NavItems；
LeftNav 改 <lg 隐藏，AppShell 顶栏加汉堡（aria-label 打开导航）。

M2 写作工具条不溢出 + 移动端可达章节/助手：Toolbar 改 flex-wrap，390px 不再
横切「尚未保存」；ChapterList/ChapterAssistant 抽出 *Content，Workbench 经
左/右 Drawer 在 <lg 触达目录/助手。

实景 390px 复验（browse）：汉堡显示/静态导航隐藏/抽屉开合聚焦+Esc、工具条
两行不溢出、助手抽屉真注入面板。门禁：lint/typecheck 干净 · vitest 177 · build OK。

apps/web/components/AppShell.tsx

@@ -1,7 +1,9 @@
 import Link from "next/link";
 import type { ReactNode } from "react";
 
-import { LeftNav, type ActiveNav } from "./LeftNav";
+import type { ActiveNav } from "@/lib/nav/items";
+import { LeftNav } from "./LeftNav";
+import { NavDrawer } from "./NavDrawer";
 
 interface AppShellProps {
   children: ReactNode;
@@ -24,7 +26,8 @@ export function AppShell({
 }: AppShellProps) {
   return (
     <div className="min-h-screen">
-      <header className="flex h-16 items-center gap-4 border-b border-line bg-panel px-6">
+      <header className="flex h-16 items-center gap-4 border-b border-line bg-panel px-4 sm:px-6">
+        <NavDrawer projectId={projectId} activeNav={activeNav} />
         <Link
           href="/"
           className="font-serif text-xl text-cinnabar"