feat: CRUD admin for skills and teams

components/admin/utils/admin-header.tsx

@@ -0,0 +1,46 @@
+"use client";
+
+import { Building2, Settings } from "lucide-react";
+import Link from "next/link";
+import { Button } from "@/components/ui/button";
+
+export function AdminHeader() {
+  return (
+    <div className="text-center space-y-4 mb-12">
+      <div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/5 border border-white/10 backdrop-blur-sm">
+        <Building2 className="h-4 w-4 text-blue-400" />
+        <span className="text-sm font-medium text-slate-200">
+          Administration
+        </span>
+      </div>
+
+      <h1 className="text-4xl font-bold text-white">Dashboard Managérial</h1>
+
+      <p className="text-slate-400 max-w-2xl mx-auto leading-relaxed">
+        Vue d'ensemble des compétences par équipe et direction pour pilotage
+        stratégique
+      </p>
+
+      <div className="flex justify-center gap-4 pt-4">
+        <Link href="/admin">
+          <Button
+            variant="outline"
+            className="border-white/20 text-white hover:bg-white/10"
+          >
+            <Building2 className="w-4 h-4 mr-2" />
+            Vue d'ensemble
+          </Button>
+        </Link>
+        <Link href="/admin/manage">
+          <Button
+            variant="outline"
+            className="border-white/20 text-white hover:bg-white/10"
+          >
+            <Settings className="w-4 h-4 mr-2" />
+            Gestion
+          </Button>
+        </Link>
+      </div>
+    </div>
+  );
+}