fix: Update PrimeReact to v10.8.3 and fix all compilation errors

app/(main)/dashboard/page-broken.tsx

@@ -19,6 +19,8 @@ import { Divider } from 'primereact/divider';
 import { Chip } from 'primereact/chip';
 import { OverlayPanel } from 'primereact/overlaypanel';
 import { Toast } from 'primereact/toast';
+import { ConfirmDialog } from 'primereact/confirmdialog';
+import { Dialog } from 'primereact/dialog';
 import { SplitButton } from 'primereact/splitbutton';
 import { Terminal } from 'primereact/terminal';
 import { Inplace, InplaceDisplay, InplaceContent } from 'primereact/inplace';
@@ -28,6 +30,7 @@ import { LayoutContext } from '../../../layout/context/layoutcontext';
 import { ChartData, ChartOptions } from 'chart.js';
 import { useDashboard, ChantierActif } from '../../../hooks/useDashboard';
 import { ProgressSpinner } from 'primereact/progressspinner';
+import { Panel } from 'primereact/panel';
 import { Skeleton } from 'primereact/skeleton';
 import { Ripple } from 'primereact/ripple';
 import StatsCard from '../../../components/dashboard/StatsCard';
@@ -42,7 +45,6 @@ interface KPIData {
     margeGlobale: number;
     effectifsSurSite: number;
     satisfactionClient: number;
-    delaiMoyenRealisation: number;
 }
 
 
@@ -252,8 +254,7 @@ const DashboardBTP = () => {
         caObjectif: objectifCA,
         margeGlobale: chiffreAffaires > 0 ? ((chiffreAffaires - coutReel) / chiffreAffaires * 100) : 0,
         effectifsSurSite: metrics?.totalEquipes || 0,
-        satisfactionClient: metrics?.satisfactionClient || 0,
-        delaiMoyenRealisation: metrics?.delaiMoyenRealisation || 0
+        satisfactionClient: metrics?.satisfactionClient || 0
     };
 
     const chantiersData = chantiersActifs || [];
@@ -412,19 +413,17 @@ const DashboardBTP = () => {
 
     const advancedClientTemplate = (rowData: ChantierActif) => {
         const clientName = typeof rowData.client === 'string' ? rowData.client : rowData.client?.nom || 'Client non défini';
-        const clientEmail = typeof rowData.client === 'string' ? '' : rowData.client?.email || '';
-        
+
         return (
             <div className="flex align-items-center gap-2">
-                <Avatar 
-                    label={clientName.charAt(0)} 
-                    size="small" 
+                <Avatar
+                    label={clientName.charAt(0)}
+                    size="normal"
                     shape="circle"
                     className="bg-blue-100 text-blue-600"
                 />
                 <div>
                     <div className="font-medium text-900">{clientName}</div>
-                    <small className="text-500">{clientEmail}</small>
                 </div>
             </div>
         );
@@ -445,19 +444,12 @@ const DashboardBTP = () => {
         const config = getStatutConfig(rowData.statut);
         return (
             <div className="flex align-items-center gap-2">
-                <Tag 
-                    value={config.label} 
-                    severity={config.severity}
+                <Tag
+                    value={config.label}
+                    severity={config.severity as any}
                     icon={config.icon}
                     className="font-semibold"
                 />
-                {rowData.priorite && (
-                    <Chip 
-                        label={rowData.priorite}
-                        className={`text-xs ${rowData.priorite === 'HAUTE' ? 'p-chip-danger' : 
-                                   rowData.priorite === 'MOYENNE' ? 'p-chip-warning' : 'p-chip-info'}`}
-                    />
-                )}
             </div>
         );
     };
@@ -472,7 +464,7 @@ const DashboardBTP = () => {
                         <Avatar 
                             key={index}
                             label={String.fromCharCode(65 + index)} 
-                            size="small" 
+                            size="normal" 
                             shape="circle"
                             className="bg-primary text-white"
                             style={{ 
@@ -484,7 +476,7 @@ const DashboardBTP = () => {
                     {rowData.equipe.nombreMembres > 4 && (
                         <Avatar 
                             label={`+${rowData.equipe.nombreMembres - 4}`}
-                            size="small" 
+                            size="normal" 
                             shape="circle"
                             className="bg-gray-400 text-white"
                         />
@@ -1012,7 +1004,7 @@ const DashboardBTP = () => {
                         className="p-datatable-sm"
                         emptyMessage="Aucun chantier actif"
                         loading={loading}
-                        size="small"
+                        size="normal"
                     >
                         <Column 
                             field="nom" 
@@ -1071,3 +1063,5 @@ const DashboardBTP = () => {
 };
 
 export default DashboardBTP;
+
+