书架拆成「在读」和「书籍」两个独立页面

问题：两块内容挤在 /bookshelf/ 一页里，往下滚就从「在读」滑进「书籍」，
不像两个分类该有的样子。

拆法
- src/pages/bookshelf.astro -> src/pages/bookshelf/index.astro（书籍页）
- 新增 src/pages/bookshelf/reading.astro（在读页）
- 两页共用 bookshelf-content.astro，只多收一个 view: "reading" | "books"，
  决定渲染哪一块；外壳（页眉/侧栏/页脚/样式）完全同一份，样式不会跑偏
- 在读页标题带真实本数：「在读 20 本 | 时之刃的小站」

侧栏「馆藏」改成真导航
- 在读 -> /bookshelf/reading/，数量 = 未读完本数（20）
- 书籍 -> /bookshelf/，数量 = 手工书单 + 微信读书已读完（0 + 6 = 6）
  原来这里只算 books.json 的 total，所以显示 0，正是截图里的问题
- 当前页用 aria-current="page" + 主色底高亮

页面互相不串
- /bookshelf/        : id=books、搜索框、已读完分组 6 张、无在读区块、0 条进度条
- /bookshelf/reading/: id=reading、在读卡片 20 张、20 条进度条、无书籍区块、
                       无搜索框、无已读完分组、0 张 data-weread-card

顺带更正 README 首段还写着的「读书/论文/漫画书架」。

src/pages/bookshelf/index.astro

@@ -0,0 +1,12 @@
+---
+import BaseLayout from "@/layouts/BaseLayout.astro"
+import BookshelfContent from "@/components/bookshelf-content.astro"
+import { siteTitleSuffix } from "@/data/site"
+
+const title = `书籍 | ${siteTitleSuffix}`
+const description = "我的阅读记录与书籍推荐"
+---
+
+<BaseLayout {title} {description} fontProfile="interface">
+  <BookshelfContent view="books" />
+</BaseLayout>

src/pages/bookshelf/reading.astro

@@ -0,0 +1,17 @@
+---
+import BaseLayout from "@/layouts/BaseLayout.astro"
+import BookshelfContent from "@/components/bookshelf-content.astro"
+import { getReadingData } from "@/lib/reading"
+import { siteTitleSuffix } from "@/data/site"
+
+const title = `在读 | ${siteTitleSuffix}`
+const description = "最近在读的书，数据来自微信读书"
+
+// 用真实本数做标题，抓不到数据时退回通用文案
+const count = getReadingData()?.books.filter((book) => !book.finished).length ?? 0
+const heading = count > 0 ? `在读 ${count} 本` : "在读"
+---
+
+<BaseLayout title={`${heading} | ${siteTitleSuffix}`} {description} fontProfile="interface">
+  <BookshelfContent view="reading" />
+</BaseLayout>