feat: update anime page function and TOC performance and style (#181)

This PR enhances the anime page by moving list rendering server‐side, introduces a new anime name style config, and refactors the Table of Contents for better performance and smoother scrolling.  

- Introduce `anilist_anime_name_style` in config and adjust schemas for anime data.  
- Refactor TOC logic to use refs and requestAnimationFrame, plus new `tocUtils` helpers.  
- Update header/menu and anime components (dynamic imports, styling tweaks).

Author: ZL-Asica

.github/workflows/server-deploy.yml

@@ -1,5 +1,18 @@
 # SuzuBlog Changelog
 
+## 1.10.0 (2025-06-15)
+
+### Minor Changes
+
+- Update anime page function and TOC performance and style
+
+  - Update anime page settings and some factors may caused by the new introduced config setting.
+  - Move list rendering into server side to improve performance (the part contains map and sort).
+  - Change `Notes` to dynamic import to save needs.
+  - Update `TOC` detection logic use ref to replace state to reduce re-rendering and improve performance.
+  - Fix `TOC` click the link may be hidden by the header issue.
+  - Improve `TOC` auto centering function.
+
 ## 1.9.3 (2025-05-23)
 
 ### Patch Changes

CHANGELOG.md

@@ -81,6 +81,11 @@ startYear: 2017 # Leave empty if you do not want to display a start year.
 # Add your AniList username if you want to display your AniList profile.
 # Leave the field empty if you do not want to display your AniList profile.
 anilist_username: zlasica # Your AniList username. https://anilist.co/user/username
+# Set the desired anime name style you want to use.
+# Options: 'romaji', 'english', 'native'
+# Fallback to 'romaji' if the specified style is not available.
+# Default for `ja` locale is 'native', for other locales is 'english'.
+anilist_anime_name_style: english
 
 # ######################
 # SOCIAL MEDIA SETTINGS

config.yml

@@ -1,8 +1,8 @@
 {
   "name": "suzu-blog",
-  "version": "1.9.3",
+  "version": "1.10.0",
   "private": true,
-  "packageManager": "pnpm@10.11.1",
+  "packageManager": "pnpm@10.12.1",
   "author": {
     "name": "ZL Asica",
     "email": "[email protected]",
@@ -32,7 +32,7 @@
     "clsx": "^2.1.1",
     "gray-matter": "^4.0.3",
     "katex": "^0.16.22",
-    "lucide-react": "^0.513.0",
+    "lucide-react": "^0.515.0",
     "minisearch": "^7.1.2",
     "next": "15.3.3",
     "react": "19.1.0",
@@ -47,31 +47,31 @@
     "remark-math": "^6.0.0",
     "twikoo": "^1.6.44",
     "yaml": "^2.8.0",
-    "zod": "^3.25.51"
+    "zod": "^3.25.64"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^4.13.3",
+    "@antfu/eslint-config": "^4.14.1",
     "@changesets/cli": "^2.29.4",
-    "@eslint-react/eslint-plugin": "^1.51.0",
+    "@eslint-react/eslint-plugin": "^1.52.2",
     "@next/eslint-plugin-next": "^15.3.3",
-    "@tailwindcss/postcss": "^4.1.8",
-    "@types/node": "^22.15.29",
-    "@types/react": "^19.1.6",
+    "@tailwindcss/postcss": "^4.1.10",
+    "@types/node": "^24.0.1",
+    "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@types/rss": "^0.0.32",
-    "eslint": "^9.28.0",
+    "eslint": "^9.29.0",
     "eslint-plugin-format": "^1.0.1",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.20",
     "eslint-plugin-tailwindcss": "^3.18.0",
     "husky": "^9.1.7",
-    "lint-staged": "^16.1.0",
-    "postcss": "^8.5.4",
+    "lint-staged": "^16.1.1",
+    "postcss": "^8.5.5",
     "postcss-flexbugs-fixes": "^5.0.2",
-    "postcss-preset-env": "^10.2.0",
+    "postcss-preset-env": "^10.2.3",
     "prettier": "^3.5.3",
     "rss": "^1.2.2",
-    "tailwindcss": "^4.1.8",
+    "tailwindcss": "^4.1.10",
     "typescript": "^5.8.3"
   },
   "lint-staged": {