feat(admin): items_base browser and AdminPageShell on core pages

Co-authored-by: Cursor <[email protected]>

src/app/admin/articles/page.tsx

@@ -1,6 +1,8 @@
+import { Newspaper } from "lucide-react";
 import Link from "next/link";
 import { redirect } from "next/navigation";
 import { getTranslations } from "next-intl/server";
+import { AdminPageShell } from "@/components/admin/admin-page-shell";
 import { ArticleCard } from "@/components/admin/article-card";
 import { StatusCard } from "@/components/admin/dashboard";
 import { Button } from "@/components/ui/button";
@@ -56,17 +58,18 @@ export default async function AdminArticles({
 		: "—";
 
 	return (
-		<main>
-			<div className="flex justify-end mb-6">
+		<AdminPageShell
+			icon={Newspaper}
+			title={t("title")}
+			subtitle={t("subtitle")}
+			actions={
 				<Button variant="default" asChild>
 					<Link href="/admin/articles/new">{t("newArticle")}</Link>
 				</Button>
-			</div>
-
+			}
+		>
 			{error ? (
-				<p className="text-xs text-[var(--admin-error)] dark:text-[var(--admin-error)] mb-4">
-					Error: {error}
-				</p>
+				<p className="text-xs text-[var(--admin-error)] mb-4">Error: {error}</p>
 			) : null}
 
 			<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
@@ -83,7 +86,7 @@ export default async function AdminArticles({
 				/>
 			</div>
 
-			<section className="mt-6">
+			<section className="mt-2">
 				<h2 className="admin-section-title">{t("recentArticles")}</h2>
 				{articles.length === 0 ? (
 					<div className="admin-empty">{t("noArticles")}</div>
@@ -102,6 +105,6 @@ export default async function AdminArticles({
 					</div>
 				)}
 			</section>
-		</main>
+		</AdminPageShell>
 	);
 }