feat(admin): grouped sidebar shell (replace cramped 27-link top bar)

- AdminShell: fixed RTL sidebar with grouped nav (نمای کلی / محتوا / رشد و ارتباطات
  / کاربران و مالی / فارم رندر / سیستم), active-link highlighting via usePathname,
  sticky header showing the current section, mobile drawer with hamburger + overlay
- layout: build the grouped nav and render via AdminShell

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

src/app/[locale]/admin/layout.tsx

@@ -1,6 +1,7 @@
 import { redirect } from "next/navigation";
 import { getTranslations } from "next-intl/server";
 
+import { AdminShell, type NavGroup } from "@/components/admin/AdminShell";
 import { getCurrentUser } from "@/lib/auth/session";
 
 export const dynamic = "force-dynamic";
@@ -15,58 +16,66 @@ export default async function AdminLayout({
     redirect("/dashboard");
   }
   const t = await getTranslations("auto.appAdminLayout");
-  const links: { href: string; label: string }[] = [
-    { href: "/admin/stats", label: t("stats") },
-    { href: "/admin/categories", label: t("categories") },
-    { href: "/admin/templates", label: t("templates") },
-    { href: "/admin/projects", label: t("projects") },
-    { href: "/admin/ranking", label: t("ranking") },
-    { href: "/admin/tags", label: t("tags") },
-    { href: "/admin/fonts", label: t("fonts") },
-    { href: "/admin/music", label: t("music") },
-    { href: "/admin/blogs", label: t("blogs") },
-    { href: "/admin/slides", label: t("slides") },
-    { href: "/admin/home-events", label: t("homeEvents") },
-    { href: "/admin/routes", label: t("routes") },
-    { href: "/admin/comments", label: t("comments") },
-    { href: "/admin/files", label: t("media") },
-    { href: "/admin/ai", label: t("aiContent") },
-    { href: "/admin/messaging", label: t("messaging") },
-    { href: "/admin/integrations", label: t("integrations") },
-    { href: "/admin/marketing", label: t("marketing") },
-    { href: "/admin/crm", label: t("crm") },
-    { href: "/admin/users", label: t("users") },
-    { href: "/admin/plans", label: t("plans") },
-    { href: "/admin/discounts", label: t("discounts") },
-    { href: "/admin/settings", label: t("siteSettings") },
-    { href: "/admin/nodes", label: t("nodes") },
-    { href: "/admin/node-fonts", label: t("nodeFonts") },
-    { href: "/admin/renders", label: t("renderQueue") },
-    { href: "/admin/exports", label: t("exports") },
+
+  const groups: NavGroup[] = [
+    {
+      title: "نمای کلی",
+      items: [{ href: "/admin/stats", label: t("stats") }],
+    },
+    {
+      title: "محتوا",
+      items: [
+        { href: "/admin/categories", label: t("categories") },
+        { href: "/admin/templates", label: t("templates") },
+        { href: "/admin/projects", label: t("projects") },
+        { href: "/admin/ranking", label: t("ranking") },
+        { href: "/admin/tags", label: t("tags") },
+        { href: "/admin/fonts", label: t("fonts") },
+        { href: "/admin/music", label: t("music") },
+        { href: "/admin/blogs", label: t("blogs") },
+        { href: "/admin/slides", label: t("slides") },
+        { href: "/admin/home-events", label: t("homeEvents") },
+        { href: "/admin/routes", label: t("routes") },
+        { href: "/admin/comments", label: t("comments") },
+        { href: "/admin/files", label: t("media") },
+        { href: "/admin/ai", label: t("aiContent") },
+      ],
+    },
+    {
+      title: "رشد و ارتباطات",
+      items: [
+        { href: "/admin/messaging", label: t("messaging") },
+        { href: "/admin/integrations", label: t("integrations") },
+        { href: "/admin/marketing", label: t("marketing") },
+        { href: "/admin/crm", label: t("crm") },
+      ],
+    },
+    {
+      title: "کاربران و مالی",
+      items: [
+        { href: "/admin/users", label: t("users") },
+        { href: "/admin/plans", label: t("plans") },
+        { href: "/admin/discounts", label: t("discounts") },
+      ],
+    },
+    {
+      title: "فارم رندر",
+      items: [
+        { href: "/admin/nodes", label: t("nodes") },
+        { href: "/admin/node-fonts", label: t("nodeFonts") },
+        { href: "/admin/renders", label: t("renderQueue") },
+        { href: "/admin/exports", label: t("exports") },
+      ],
+    },
+    {
+      title: "سیستم",
+      items: [{ href: "/admin/settings", label: t("siteSettings") }],
+    },
   ];
+
   return (
-    <div className="min-h-screen bg-[#0c0e1a] text-gray-200">
-      <nav className="border-b border-[#1e2235] bg-[#0f1120] px-6 py-3">
-        <div className="mx-auto flex max-w-7xl flex-wrap items-center gap-x-5 gap-y-2">
-          <span className="text-sm font-semibold text-white">{t("brand")}</span>
-          {links.map((l) => (
-            <a
-              key={l.href}
-              href={l.href}
-              className="text-sm text-gray-400 transition-colors hover:text-white"
-            >
-              {l.label}
-            </a>
-          ))}
-          <a
-            href="/dashboard"
-            className="ms-auto text-xs text-gray-500 transition-colors hover:text-gray-300"
-          >
-            {t("backToDashboard")}
-          </a>
-        </div>
-      </nav>
-      <main className="mx-auto max-w-7xl px-6 py-8">{children}</main>
-    </div>
+    <AdminShell groups={groups} brand={t("brand")} back={t("backToDashboard")}>
+      {children}
+    </AdminShell>
   );
 }