feat(EditCheckboxModal, ObjectivesBoard, StatusBadge): enhance task filtering and status handling

- Improved task filtering in EditCheckboxModal to prioritize non-completed tasks and enhance relevance scoring.
- Updated ObjectivesBoard to support dynamic visibility of task statuses and improved layout for better user experience.
- Enhanced StatusBadge component to support size variations and customizable display options for task statuses.
- Added new CSS variables for task priority colors in globals.css to standardize priority indicators across the application.

src/lib/status-config.ts

@@ -206,6 +206,14 @@ export const PRIORITY_COLOR_MAP = {
   red: '#f87171', // red-400 (urgent priority)
 } as const;
 
+// CSS Variables pour les priorités (pour éviter les problèmes d'hydratation)
+export const PRIORITY_CSS_VAR_MAP = {
+  blue: 'var(--priority-blue)',
+  yellow: 'var(--priority-yellow)',
+  purple: 'var(--priority-purple)',
+  red: 'var(--priority-red)',
+} as const;
+
 // Couleurs alternatives pour les graphiques et charts
 export const PRIORITY_CHART_COLORS = {
   Faible: '#10b981', // green-500 (plus lisible dans les charts)
@@ -219,6 +227,12 @@ export const getPriorityColorHex = (color: PriorityConfig['color']): string => {
   return PRIORITY_COLOR_MAP[color];
 };
 
+export const getPriorityColorCSSVar = (
+  color: PriorityConfig['color']
+): string => {
+  return PRIORITY_CSS_VAR_MAP[color];
+};
+
 // Fonction pour récupérer la couleur d'un chart basée sur le label
 export const getPriorityChartColor = (priorityLabel: string): string => {
   return (