Add moderation APIs and admin UI

Add moderator/admin backend APIs and client features for managing novels and chapters. New endpoints include mod chapter routes (paginated list, single GET, PUT, DELETE, and bulk optimize), mod novel routes (create, GET by id, update, delete), genre CRUD, user bookmarks, novel comments, and rating endpoints. Update EPUB import to use a shared slugify util. Enhance moderator UI: chapter manager gains pagination, bulk optimization preview/apply, edit/delete dialogs; novel client adds genre management and edit/delete flows. Also update Prisma schema, add a DB wipe script, remove unused lib/data.ts, and adjust related types/utils and bookmark context.

app/the-loai/page.tsx

@@ -1,6 +1,6 @@
 import Link from "next/link"
 import { BookOpen, Sparkles, Flame, Heart, Swords, Building2, Rocket, Crown, Laugh, Search, Shield } from "lucide-react"
-import { genres, getNovelsByGenre } from "@/lib/data"
+import { prisma } from "@/lib/prisma"
 
 const iconMap: Record<string, React.ReactNode> = {
   Sparkles: <Sparkles className="h-6 w-6" />,
@@ -15,13 +15,21 @@ const iconMap: Record<string, React.ReactNode> = {
   Shield: <Shield className="h-6 w-6" />,
 }
 
-export default function GenresPage() {
+export default async function GenresPage() {
+  const genres = await prisma.genre.findMany({
+    include: {
+      _count: {
+        select: { novels: true }
+      }
+    }
+  })
+
   return (
     <div className="mx-auto max-w-6xl px-4 py-6">
       <h1 className="mb-6 text-2xl font-bold text-foreground">Thể Loại Truyện</h1>
       <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
         {genres.map((genre) => {
-          const novelCount = getNovelsByGenre(genre.slug).length
+          const novelCount = genre._count.novels
           return (
             <Link
               key={genre.id}
@@ -29,7 +37,7 @@ export default function GenresPage() {
               className="group flex items-start gap-4 rounded-xl border border-border bg-card p-5 transition-all hover:border-primary/30 hover:shadow-md"
             >
               <span className="flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground">
-                {iconMap[genre.icon] || <BookOpen className="h-6 w-6" />}
+                {genre.icon && iconMap[genre.icon] ? iconMap[genre.icon] : <BookOpen className="h-6 w-6" />}
               </span>
               <div>
                 <h2 className="text-base font-semibold text-foreground group-hover:text-primary transition-colors">{genre.name}</h2>