feat: add predictability and collaboration metrics to Jira dashboard

- Marked predictability and collaboration tasks as complete in TODO.md.
- Integrated `PredictabilityMetrics` and `CollaborationMatrix` components into `JiraDashboardPageClient` for enhanced analytics visualization.
- Updated UI layout to include new metrics cards, improving dashboard functionality.

src/app/jira-dashboard/JiraDashboardPageClient.tsx

@@ -13,6 +13,8 @@ import { TeamActivityHeatmap } from '@/components/jira/TeamActivityHeatmap';
 import { BurndownChart } from '@/components/jira/BurndownChart';
 import { ThroughputChart } from '@/components/jira/ThroughputChart';
 import { QualityMetrics } from '@/components/jira/QualityMetrics';
+import { PredictabilityMetrics } from '@/components/jira/PredictabilityMetrics';
+import { CollaborationMatrix } from '@/components/jira/CollaborationMatrix';
 import Link from 'next/link';
 
 interface JiraDashboardPageClientProps {
@@ -369,6 +371,32 @@ export function JiraDashboardPageClient({ initialJiraConfig }: JiraDashboardPage
                 </CardContent>
               </Card>
 
+              {/* Métriques de predictabilité */}
+              <Card>
+                <CardHeader>
+                  <h3 className="font-semibold">📊 Predictabilité</h3>
+                </CardHeader>
+                <CardContent>
+                  <PredictabilityMetrics 
+                    sprintHistory={analytics.velocityMetrics.sprintHistory}
+                    className="h-auto"
+                  />
+                </CardContent>
+              </Card>
+
+              {/* Matrice de collaboration - ligne entière */}
+              <Card>
+                <CardHeader>
+                  <h3 className="font-semibold">🤝 Matrice de collaboration</h3>
+                </CardHeader>
+                <CardContent>
+                  <CollaborationMatrix 
+                    analytics={analytics}
+                    className="h-auto"
+                  />
+                </CardContent>
+              </Card>
+
               {/* Heatmap d'activité de l'équipe */}
               <Card>
                 <CardHeader>