feat: refactor ObjectivesBoard and enhance column visibility management

- Replaced local state management in `ObjectivesBoard` with `useObjectivesCollapse` hook for better state handling.
- Updated collapse button logic to use the new hook's toggle function, improving code clarity.
- Refactored `useColumnVisibility` to load user preferences on mount and persist visibility changes, enhancing user experience.
- Integrated user preferences for Kanban filters in `TasksContext`, allowing for persistent filter settings across sessions.

hooks/useColumnVisibility.ts

@@ -1,10 +1,15 @@
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { TaskStatus } from '@/lib/types';
+import { userPreferencesService } from '@/services/user-preferences';
 
-export function useColumnVisibility(initialHidden: TaskStatus[] = []) {
-  const [hiddenStatuses, setHiddenStatuses] = useState<Set<TaskStatus>>(
-    new Set(initialHidden)
-  );
+export function useColumnVisibility() {
+  const [hiddenStatuses, setHiddenStatuses] = useState<Set<TaskStatus>>(new Set());
+
+  // Charger les préférences au montage
+  useEffect(() => {
+    const saved = userPreferencesService.getColumnVisibility();
+    setHiddenStatuses(new Set(saved.hiddenStatuses));
+  }, []);
 
   const toggleStatusVisibility = (status: TaskStatus) => {
     setHiddenStatuses(prev => {
@@ -14,6 +19,12 @@ export function useColumnVisibility(initialHidden: TaskStatus[] = []) {
       } else {
         newSet.add(status);
       }
+      
+      // Sauvegarder dans localStorage
+      userPreferencesService.saveColumnVisibility({
+        hiddenStatuses: Array.from(newSet)
+      });
+      
       return newSet;
     });
   };

hooks/useObjectivesCollapse.ts

@@ -0,0 +1,39 @@
+import { useState, useEffect } from 'react';
+
+const STORAGE_KEY = 'towercontrol_objectives_collapsed';
+
+export function useObjectivesCollapse() {
+  const [isCollapsed, setIsCollapsed] = useState(false);
+
+  // Charger l'état au montage
+  useEffect(() => {
+    try {
+      const saved = localStorage.getItem(STORAGE_KEY);
+      if (saved !== null) {
+        setIsCollapsed(JSON.parse(saved));
+      }
+    } catch (error) {
+      console.warn('Erreur lors du chargement de l\'état de collapse des objectifs:', error);
+    }
+  }, []);
+
+  const toggleCollapse = () => {
+    setIsCollapsed(prev => {
+      const newValue = !prev;
+      
+      // Sauvegarder dans localStorage
+      try {
+        localStorage.setItem(STORAGE_KEY, JSON.stringify(newValue));
+      } catch (error) {
+        console.warn('Erreur lors de la sauvegarde de l\'état de collapse des objectifs:', error);
+      }
+      
+      return newValue;
+    });
+  };
+
+  return {
+    isCollapsed,
+    toggleCollapse
+  };
+}

hooks/useObjectivesVisibility.ts

@@ -0,0 +1,30 @@
+import { useState, useEffect } from 'react';
+import { userPreferencesService } from '@/services/user-preferences';
+
+export function useObjectivesVisibility() {
+  const [showObjectives, setShowObjectives] = useState(true);
+
+  // Charger les préférences au montage
+  useEffect(() => {
+    const saved = userPreferencesService.getViewPreferences();
+    setShowObjectives(saved.showObjectives);
+  }, []);
+
+  const toggleObjectivesVisibility = () => {
+    setShowObjectives(prev => {
+      const newValue = !prev;
+      
+      // Sauvegarder dans localStorage
+      userPreferencesService.updateViewPreferences({
+        showObjectives: newValue
+      });
+      
+      return newValue;
+    });
+  };
+
+  return {
+    showObjectives,
+    toggleObjectivesVisibility
+  };
+}