refactor: SSR on skills management

hooks/use-skills-management.ts

@@ -11,9 +11,12 @@ interface SkillFormData {
   icon: string;
 }
 
-export function useSkillsManagement(skillCategories: SkillCategory[]) {
-  const [skills, setSkills] = useState<Skill[]>([]);
-  const [isLoading, setIsLoading] = useState(true);
+export function useSkillsManagement(
+  skillCategories: SkillCategory[],
+  initialSkills?: any[]
+) {
+  const [skills, setSkills] = useState<Skill[]>(initialSkills || []);
+  const [isLoading, setIsLoading] = useState(!initialSkills);
   const [editingSkill, setEditingSkill] = useState<Skill | null>(null);
   const [skillFormData, setSkillFormData] = useState<SkillFormData>({
     name: "",
@@ -24,28 +27,28 @@ export function useSkillsManagement(skillCategories: SkillCategory[]) {
   const [isSubmitting, setIsSubmitting] = useState(false);
   const { toast } = useToast();
 
-  // Charger les skills depuis l'API
-  const fetchSkills = async () => {
-    try {
-      setIsLoading(true);
-      const skillsData = await adminClient.getSkills();
-      setSkills(skillsData);
-    } catch (error) {
-      console.error("Error fetching skills:", error);
-      toast({
-        title: "Erreur",
-        description: "Impossible de charger les skills",
-        variant: "destructive",
-      });
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  // Charger les skills au montage du composant
+  // Charger les skills depuis l'API si pas de skills initiales
   useEffect(() => {
-    fetchSkills();
-  }, []);
+    if (!initialSkills) {
+      const fetchSkills = async () => {
+        try {
+          setIsLoading(true);
+          const skillsData = await adminClient.getSkills();
+          setSkills(skillsData);
+        } catch (error) {
+          console.error("Error fetching skills:", error);
+          toast({
+            title: "Erreur",
+            description: "Impossible de charger les skills",
+            variant: "destructive",
+          });
+        } finally {
+          setIsLoading(false);
+        }
+      };
+      fetchSkills();
+    }
+  }, [initialSkills]);
 
   const resetForm = () => {
     setSkillFormData({ name: "", categoryId: "", description: "", icon: "" });