Refactor root admin dashboards and settings

components/root/portfolio-categories-manager.tsx

@@ -5,6 +5,7 @@ import { useSearchParams } from "next/navigation";
 import { FileText, FolderPlus, Hash, Layers3, Pencil, Text, Trash2 } from "lucide-react";
 
 import type { deleteCategoryAction, upsertCategoryAction } from "@/app/root/portfolio/actions";
+import { StatsCard } from "@/components/dashboard/stats-card";
 import { AppCard } from "@/components/ui/app-card";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion";
 import { Badge } from "@/components/ui/badge";
@@ -234,21 +235,12 @@ export function PortfolioCategoriesManager({
 
   return (
     <div className="space-y-6">
-      <AppCard level={3}>
+        <AppCard level={3}>
         <CardContent className="flex flex-col gap-6 p-6 lg:flex-row lg:items-end lg:justify-between lg:p-8">
           <div className="grid gap-4 sm:grid-cols-3">
-            <AppCard level={2} padding="sm">
-              <p className="text-xs uppercase tracking-[0.12em] text-muted-foreground">Total</p>
-              <p className="mt-2 text-3xl font-semibold text-foreground">{categories.length}</p>
-            </AppCard>
-            <AppCard level={2} padding="sm">
-              <p className="text-xs uppercase tracking-[0.12em] text-muted-foreground">Active</p>
-              <p className="mt-2 text-3xl font-semibold text-foreground">{activeCount}</p>
-            </AppCard>
-            <AppCard level={2} padding="sm">
-              <p className="text-xs uppercase tracking-[0.12em] text-muted-foreground">Assigned</p>
-              <p className="mt-2 text-3xl font-semibold text-foreground">{assignedProjects}</p>
-            </AppCard>
+            <StatsCard title="Total" value={String(categories.length)} />
+            <StatsCard title="Active" value={String(activeCount)} />
+            <StatsCard title="Assigned" value={String(assignedProjects)} />
           </div>
 
           <Dialog open={createOpen} onOpenChange={setCreateOpen}>