feat: CRUD admin for skills and teams

components/admin/layout/index.ts

@@ -0,0 +1,3 @@
+// Composants de layout et navigation
+export { ManageAdminClientWrapper } from "./manage-admin-client-wrapper";
+export { ManageContentTabs } from "./manage-content-tabs";

components/admin/layout/manage-admin-client-wrapper.tsx

@@ -0,0 +1,43 @@
+"use client";
+
+import { useState } from "react";
+import { Team, SkillCategory } from "@/lib/types";
+import { TeamStats, DirectionStats } from "@/services/admin-service";
+import { AdminHeader } from "../utils/admin-header";
+import { ManageContentTabs } from "./manage-content-tabs";
+
+interface ManageAdminClientWrapperProps {
+  teams: Team[];
+  skillCategories: SkillCategory[];
+  teamStats: TeamStats[];
+  directionStats: DirectionStats[];
+}
+
+export function ManageAdminClientWrapper({
+  teams,
+  skillCategories,
+  teamStats,
+  directionStats,
+}: ManageAdminClientWrapperProps) {
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950 relative overflow-hidden">
+      {/* Background Effects */}
+      <div className="absolute inset-0 bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-blue-900/20 via-slate-900 to-slate-950" />
+      <div className="absolute inset-0 bg-grid-white/5 bg-[size:50px_50px]" />
+      <div className="absolute inset-0 bg-gradient-to-t from-slate-950 via-transparent to-transparent" />
+
+      <div className="relative z-10 container mx-auto px-6 py-6 max-w-7xl space-y-6">
+        {/* Header */}
+        <AdminHeader />
+
+        {/* Main Content Tabs */}
+        <ManageContentTabs
+          teams={teams}
+          skillCategories={skillCategories}
+          teamStats={teamStats}
+          directionStats={directionStats}
+        />
+      </div>
+    </div>
+  );
+}

components/admin/layout/manage-content-tabs.tsx

@@ -0,0 +1,57 @@
+"use client";
+
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { Code2, Users } from "lucide-react";
+import { Team, SkillCategory } from "@/lib/types";
+import { TeamStats, DirectionStats } from "@/services/admin-service";
+import { SkillsManagement } from "../management/pages/skills-management";
+import { TeamsManagement } from "../management/pages/teams-management";
+
+interface ManageContentTabsProps {
+  teams: Team[];
+  skillCategories: SkillCategory[];
+  teamStats: TeamStats[];
+  directionStats: DirectionStats[];
+}
+
+export function ManageContentTabs({
+  teams,
+  skillCategories,
+  teamStats,
+  directionStats,
+}: ManageContentTabsProps) {
+  return (
+    <Tabs defaultValue="skills" className="w-full">
+      <div className="bg-white/5 backdrop-blur-sm border border-white/10 rounded-2xl p-1 mb-6 w-fit mx-auto">
+        <TabsList className="grid w-full grid-cols-2 bg-transparent border-0">
+          <TabsTrigger
+            value="skills"
+            className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-slate-400 hover:text-white transition-colors"
+          >
+            <Code2 className="w-4 h-4 mr-2" />
+            Gestion des Skills
+          </TabsTrigger>
+          <TabsTrigger
+            value="teams"
+            className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-slate-400 hover:text-white transition-colors"
+          >
+            <Users className="w-4 h-4 mr-2" />
+            Gestion des Teams
+          </TabsTrigger>
+        </TabsList>
+      </div>
+
+      <TabsContent value="skills" className="space-y-4">
+        <SkillsManagement skillCategories={skillCategories} teams={teams} />
+      </TabsContent>
+
+      <TabsContent value="teams" className="space-y-4">
+        <TeamsManagement
+          teams={teams}
+          teamStats={teamStats}
+          skillCategories={skillCategories}
+        />
+      </TabsContent>
+    </Tabs>
+  );
+}