feat: refactor color management in charts and dashboard

- Replaced hardcoded priority colors in `PriorityDistributionChart` and `DashboardStats` with centralized configuration functions for better maintainability.
- Updated `RecentTasks` to utilize new status badge classes and labels from the centralized configuration.
- Enhanced `status-config.ts` with new functions for retrieving colors and styles, ensuring consistency across components.
- Marked the task for refactoring priority colors in TODO.md as complete.

components/charts/PriorityDistributionChart.tsx

@@ -2,6 +2,7 @@
 
 import { PieChart, Pie, Cell, ResponsiveContainer, Tooltip, Legend, PieLabelRenderProps } from 'recharts';
 import { Card } from '@/components/ui/Card';
+import { getPriorityChartColor } from '@/lib/status-config';
 
 interface PriorityData {
   priority: string;
@@ -15,14 +16,7 @@ interface PriorityDistributionChartProps {
   title?: string;
 }
 
-// Couleurs pour chaque priorité
-const PRIORITY_COLORS = {
-  'Faible': '#10b981',     // green-500
-  'Moyenne': '#f59e0b',    // amber-500  
-  'Élevée': '#8b5cf6',     // violet-500
-  'Urgente': '#ef4444',    // red-500
-  'Non définie': '#6b7280' // gray-500
-};
+// Couleurs importées depuis la configuration centralisée
 
 export function PriorityDistributionChart({ data, title = "Distribution des Priorités" }: PriorityDistributionChartProps) {
   // Tooltip personnalisé
@@ -86,7 +80,7 @@ export function PriorityDistributionChart({ data, title = "Distribution des Prio
               {data.map((entry, index) => (
                 <Cell 
                   key={`cell-${index}`} 
-                  fill={PRIORITY_COLORS[entry.priority as keyof typeof PRIORITY_COLORS] || '#6b7280'} 
+                  fill={getPriorityChartColor(entry.priority)} 
                 />
               ))}
             </Pie>