refactor: update CustomTooltip types in chart components for better type safety

- Enhanced type definitions for the payload in CustomTooltip across multiple chart components to improve TypeScript support and maintainability.

src/components/dashboard/charts/CompletionRateChart.tsx

@@ -30,14 +30,21 @@ export function CompletionRateChart({
     total: day.totalTasks,
   }));
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const CustomTooltip = ({
     active,
     payload,
     label,
   }: {
     active?: boolean;
-    payload?: any[];
+    payload?: Array<{
+      payload: {
+        day: string;
+        date: string;
+        completionRate: number;
+        completed: number;
+        total: number;
+      };
+    }>;
     label?: string;
   }) => {
     if (active && payload && payload.length) {

src/components/dashboard/charts/DailyStatusChart.tsx

@@ -30,14 +30,26 @@ export function DailyStatusChart({ data, className }: DailyStatusChartProps) {
     Nouvelles: day.newTasks,
   }));
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const CustomTooltip = ({
     active,
     payload,
     label,
   }: {
     active?: boolean;
-    payload?: any[];
+    payload?: Array<{
+      dataKey: string;
+      value: number;
+      color: string;
+      payload: {
+        day: string;
+        date: string;
+        Complétées: number;
+        'En cours': number;
+        Bloquées: number;
+        'En attente': number;
+        Nouvelles: number;
+      };
+    }>;
     label?: string;
   }) => {
     if (active && payload && payload.length) {

src/components/dashboard/charts/PriorityBreakdownChart.tsx

@@ -47,14 +47,21 @@ export function PriorityBreakdownChart({
     total: item.total,
   }));
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const CustomTooltip = ({
     active,
     payload,
     label,
   }: {
     active?: boolean;
-    payload?: any[];
+    payload?: Array<{
+      payload: {
+        priority: string;
+        Terminées: number;
+        'En cours': number;
+        completionRate: number;
+        total: number;
+      };
+    }>;
     label?: string;
   }) => {
     if (active && payload && payload.length) {

src/components/dashboard/charts/StatusDistributionChart.tsx

@@ -43,13 +43,20 @@ export function StatusDistributionChart({
     value: item.count,
   }));
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const CustomTooltip = ({
     active,
     payload,
   }: {
     active?: boolean;
-    payload?: any[];
+    payload?: Array<{
+      payload: {
+        name: string;
+        count: number;
+        percentage: number;
+        status: string;
+        value: number;
+      };
+    }>;
   }) => {
     if (active && payload && payload.length) {
       const data = payload[0].payload;
@@ -65,8 +72,14 @@ export function StatusDistributionChart({
     return null;
   };
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const CustomLabel = (props: any) => {
+  const CustomLabel = (props: {
+    cx: number;
+    cy: number;
+    midAngle: number;
+    innerRadius: number;
+    outerRadius: number;
+    percent: number;
+  }) => {
     const { cx, cy, midAngle, innerRadius, outerRadius, percent } = props;
     if (percent < 0.05) return null; // Ne pas afficher les labels pour les petites sections
 

src/components/dashboard/charts/VelocityTrendChart.tsx

@@ -21,14 +21,20 @@ export function VelocityTrendChart({
   data,
   className,
 }: VelocityTrendChartProps) {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const CustomTooltip = ({
     active,
     payload,
     label,
   }: {
     active?: boolean;
-    payload?: any[];
+    payload?: Array<{
+      payload: {
+        date: string;
+        completed: number;
+        created: number;
+        velocity: number;
+      };
+    }>;
     label?: string;
   }) => {
     if (active && payload && payload.length) {