feat: CRUD admin for skills and teams

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>
+  );
+}