chore: prettier everywhere

src/components/dashboard/charts/PriorityBreakdownChart.tsx

@@ -1,6 +1,15 @@
 'use client';
 
-import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, Legend } from 'recharts';
+import {
+  BarChart,
+  Bar,
+  XAxis,
+  YAxis,
+  CartesianGrid,
+  Tooltip,
+  ResponsiveContainer,
+  Legend,
+} from 'recharts';
 
 interface PriorityData {
   priority: string;
@@ -16,27 +25,38 @@ interface PriorityBreakdownChartProps {
   className?: string;
 }
 
-export function PriorityBreakdownChart({ data, className }: PriorityBreakdownChartProps) {
+export function PriorityBreakdownChart({
+  data,
+  className,
+}: PriorityBreakdownChartProps) {
   // Transformer les données pour l'affichage
   const getPriorityLabel = (priority: string) => {
     const labels: { [key: string]: string } = {
-      'high': 'Haute',
-      'medium': 'Moyenne',
-      'low': 'Basse'
+      high: 'Haute',
+      medium: 'Moyenne',
+      low: 'Basse',
     };
     return labels[priority] || priority;
   };
 
-  const chartData = data.map(item => ({
+  const chartData = data.map((item) => ({
     priority: getPriorityLabel(item.priority),
-    'Terminées': item.completed,
+    Terminées: item.completed,
     'En cours': item.pending,
     completionRate: item.completionRate,
-    total: item.total
+    total: item.total,
   }));
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const CustomTooltip = ({ active, payload, label }: { active?: boolean; payload?: any[]; label?: string }) => {
+  const CustomTooltip = ({
+    active,
+    payload,
+    label,
+  }: {
+    active?: boolean;
+    payload?: any[];
+    label?: string;
+  }) => {
     if (active && payload && payload.length) {
       const data = payload[0].payload;
       return (
@@ -45,9 +65,7 @@ export function PriorityBreakdownChart({ data, className }: PriorityBreakdownCha
           <p className="text-sm text-green-600">
             Terminées: {data['Terminées']}
           </p>
-          <p className="text-sm text-blue-600">
-            En cours: {data['En cours']}
-          </p>
+          <p className="text-sm text-blue-600">En cours: {data['En cours']}</p>
           <p className="text-sm text-[var(--muted-foreground)] mt-1">
             Taux: {data.completionRate.toFixed(1)}% ({data.total} total)
           </p>
@@ -65,32 +83,29 @@ export function PriorityBreakdownChart({ data, className }: PriorityBreakdownCha
           margin={{ top: 20, right: 30, left: 20, bottom: 5 }}
         >
           <CartesianGrid strokeDasharray="3 3" stroke="var(--border)" />
-          <XAxis 
-            dataKey="priority" 
-            stroke="var(--muted-foreground)"
-            fontSize={12}
-          />
-          <YAxis 
+          <XAxis
+            dataKey="priority"
             stroke="var(--muted-foreground)"
             fontSize={12}
           />
+          <YAxis stroke="var(--muted-foreground)" fontSize={12} />
           <Tooltip content={<CustomTooltip />} />
           <Legend />
-          <Bar 
-            dataKey="Terminées" 
+          <Bar
+            dataKey="Terminées"
             stackId="a"
-            fill="#10b981" 
-            radius={[0, 0, 0, 0]} 
+            fill="#10b981"
+            radius={[0, 0, 0, 0]}
           />
-          <Bar 
-            dataKey="En cours" 
+          <Bar
+            dataKey="En cours"
             stackId="a"
-            fill="#3b82f6" 
-            radius={[2, 2, 0, 0]} 
+            fill="#3b82f6"
+            radius={[2, 2, 0, 0]}
           />
         </BarChart>
       </ResponsiveContainer>
-      
+
       {/* Affichage des taux de completion */}
       <div className="mt-4 grid grid-cols-3 gap-4 text-center">
         {data.map((item, index) => (