chore: prettier everywhere

src/components/charts/CompletionTrendChart.tsx

@@ -1,6 +1,14 @@
 'use client';
 
-import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from 'recharts';
+import {
+  LineChart,
+  Line,
+  XAxis,
+  YAxis,
+  CartesianGrid,
+  Tooltip,
+  ResponsiveContainer,
+} from 'recharts';
 import { Card } from '@/components/ui/Card';
 import { parseDate, formatDateShort } from '@/lib/date-utils';
 
@@ -16,7 +24,10 @@ interface CompletionTrendChartProps {
   title?: string;
 }
 
-export function CompletionTrendChart({ data, title = "Tendance de Completion" }: CompletionTrendChartProps) {
+export function CompletionTrendChart({
+  data,
+  title = 'Tendance de Completion',
+}: CompletionTrendChartProps) {
   // Formatter pour les dates
   const formatDate = (dateStr: string) => {
     try {
@@ -27,19 +38,29 @@ export function CompletionTrendChart({ data, title = "Tendance de Completion" }:
   };
 
   // Tooltip personnalisé
-  const CustomTooltip = ({ active, payload, label }: { 
-    active?: boolean; 
-    payload?: Array<{ name: string; value: number; color: string }>; 
-    label?: string 
+  const CustomTooltip = ({
+    active,
+    payload,
+    label,
+  }: {
+    active?: boolean;
+    payload?: Array<{ name: string; value: number; color: string }>;
+    label?: string;
   }) => {
     if (active && payload && payload.length) {
       return (
         <div className="bg-[var(--card)] border border-[var(--border)] rounded-lg p-3 shadow-lg">
-          <p className="text-sm font-medium mb-2">{label ? formatDate(label) : ''}</p>
+          <p className="text-sm font-medium mb-2">
+            {label ? formatDate(label) : ''}
+          </p>
           {payload.map((entry, index: number) => (
             <p key={index} className="text-sm" style={{ color: entry.color }}>
-              {entry.name === 'completed' ? 'Terminées' : 
-               entry.name === 'created' ? 'Créées' : 'Total'}: {entry.value}
+              {entry.name === 'completed'
+                ? 'Terminées'
+                : entry.name === 'created'
+                  ? 'Créées'
+                  : 'Total'}
+              : {entry.value}
             </p>
           ))}
         </div>
@@ -53,37 +74,40 @@ export function CompletionTrendChart({ data, title = "Tendance de Completion" }:
       <h3 className="text-lg font-semibold mb-4">{title}</h3>
       <div className="h-64">
         <ResponsiveContainer width="100%" height="100%">
-          <LineChart data={data} margin={{ top: 5, right: 30, left: 20, bottom: 5 }}>
-            <CartesianGrid 
-              strokeDasharray="3 3" 
-              stroke="var(--border)" 
+          <LineChart
+            data={data}
+            margin={{ top: 5, right: 30, left: 20, bottom: 5 }}
+          >
+            <CartesianGrid
+              strokeDasharray="3 3"
+              stroke="var(--border)"
               opacity={0.3}
             />
-            <XAxis 
-              dataKey="date" 
+            <XAxis
+              dataKey="date"
               tickFormatter={formatDate}
               stroke="var(--muted-foreground)"
               fontSize={12}
               tick={{ fill: 'var(--muted-foreground)' }}
             />
-            <YAxis 
+            <YAxis
               stroke="var(--muted-foreground)"
               fontSize={12}
               tick={{ fill: 'var(--muted-foreground)' }}
             />
             <Tooltip content={<CustomTooltip />} />
-            <Line 
-              type="monotone" 
-              dataKey="completed" 
-              stroke="#10b981" 
+            <Line
+              type="monotone"
+              dataKey="completed"
+              stroke="#10b981"
               strokeWidth={2}
               dot={{ fill: '#10b981', strokeWidth: 2, r: 4 }}
               activeDot={{ r: 6, stroke: '#10b981', strokeWidth: 2 }}
             />
-            <Line 
-              type="monotone" 
-              dataKey="created" 
-              stroke="#3b82f6" 
+            <Line
+              type="monotone"
+              dataKey="created"
+              stroke="#3b82f6"
               strokeWidth={2}
               strokeDasharray="5 5"
               dot={{ fill: '#3b82f6', strokeWidth: 2, r: 4 }}
@@ -92,12 +116,14 @@ export function CompletionTrendChart({ data, title = "Tendance de Completion" }:
           </LineChart>
         </ResponsiveContainer>
       </div>
-      
+
       {/* Légende */}
       <div className="flex items-center justify-center gap-6 mt-4 text-sm">
         <div className="flex items-center gap-2">
           <div className="w-3 h-0.5 bg-green-500"></div>
-          <span className="text-[var(--muted-foreground)]">Tâches terminées</span>
+          <span className="text-[var(--muted-foreground)]">
+            Tâches terminées
+          </span>
         </div>
         <div className="flex items-center gap-2">
           <div className="w-3 h-0.5 bg-blue-500 border-dashed border-t"></div>