feat: integrate emoji-mart and refactor emoji usage

- Added @emoji-mart/data and @emoji-mart/react dependencies for enhanced emoji support.
- Replaced static emoji characters with Emoji component in various UI components for consistency and improved rendering.
- Updated generateDateTitle function to return an object with emoji and text for better structure.
- Marked the task for removing emojis from the UI as complete in TODO.md.

src/components/dashboard/ManagerWeeklySummary.tsx

@@ -12,6 +12,7 @@ import { MetricsTab } from './MetricsTab';
 import { format } from 'date-fns';
 import { fr } from 'date-fns/locale';
 import { Tag } from '@/lib/types';
+import { Emoji } from '@/components/ui/Emoji';
 
 interface ManagerWeeklySummaryProps {
   initialSummary: ManagerSummary;
@@ -50,7 +51,7 @@ export default function ManagerWeeklySummary({ initialSummary }: ManagerWeeklySu
       {/* Header avec navigation */}
       <div className="flex items-center justify-between">
         <div>
-          <h1 className="text-2xl font-bold text-[var(--foreground)]">👔 Weekly</h1>
+          <h1 className="text-2xl font-bold text-[var(--foreground)]"><Emoji emoji="👔" size={24} /> Weekly</h1>
           <p className="text-[var(--muted-foreground)]">{formatPeriod()}</p>
         </div>
         {activeView !== 'metrics' && (
@@ -59,7 +60,7 @@ export default function ManagerWeeklySummary({ initialSummary }: ManagerWeeklySu
             variant="secondary" 
             size="sm"
           >
-            🔄 Actualiser
+            <Emoji emoji="🔄" size={16} />&nbsp;Actualiser
           </Button>
         )}
       </div>
@@ -80,22 +81,22 @@ export default function ManagerWeeklySummary({ initialSummary }: ManagerWeeklySu
             <Card variant="elevated">
               <CardHeader>
                 <h2 className="text-lg font-semibold flex items-center gap-2">
-                  📊 Résumé de la semaine
+                  <Emoji emoji="📊" size={18} /> Résumé de la semaine
                 </h2>
               </CardHeader>
               <CardContent className="space-y-4">
                 <div className="outline-card-blue p-4">
-                  <h3 className="font-medium mb-2">🎯 Points clés accomplis</h3>
+                  <h3 className="font-medium mb-2"><Emoji emoji="🎯" size={16} /> Points clés accomplis</h3>
                   <p className="text-sm text-[var(--muted-foreground)]">{summary.narrative.weekHighlight}</p>
                 </div>
                 
                 <div className="outline-card-orange p-4">
-                  <h3 className="font-medium mb-2">⚡ Défis traités</h3>
+                  <h3 className="font-medium mb-2"><Emoji emoji="⚡" size={16} /> Défis traités</h3>
                   <p className="text-sm text-[var(--muted-foreground)]">{summary.narrative.mainChallenges}</p>
                 </div>
                 
                 <div className="outline-card-green p-4">
-                  <h3 className="font-medium mb-2">🔮 Focus 7 prochains jours</h3>
+                  <h3 className="font-medium mb-2"><Emoji emoji="🔮" size={16} /> Focus 7 prochains jours</h3>
                   <p className="text-sm text-[var(--muted-foreground)]">{summary.narrative.nextWeekFocus}</p>
                 </div>
               </CardContent>
@@ -104,7 +105,7 @@ export default function ManagerWeeklySummary({ initialSummary }: ManagerWeeklySu
             {/* Métriques rapides */}
             <Card variant="elevated">
               <CardHeader>
-                <h2 className="text-lg font-semibold">📈 Métriques en bref</h2>
+                <h2 className="text-lg font-semibold"><Emoji emoji="📈" size={18} /> Métriques en bref</h2>
               </CardHeader>
               <CardContent>
                 <div className="grid grid-cols-2 gap-4">
@@ -143,7 +144,7 @@ export default function ManagerWeeklySummary({ initialSummary }: ManagerWeeklySu
               borderBottomColor: 'color-mix(in srgb, var(--success) 10%, var(--border))'
             }}>
               <h2 className="text-lg font-semibold flex items-center gap-2" style={{ color: 'var(--success)' }}>
-                🏆 Top accomplissements
+                <Emoji emoji="🏆" size={18} /> Top accomplissements
               </h2>
             </CardHeader>
             <CardContent>
@@ -176,7 +177,7 @@ export default function ManagerWeeklySummary({ initialSummary }: ManagerWeeklySu
               borderBottomColor: 'color-mix(in srgb, var(--destructive) 10%, var(--border))'
             }}>
               <h2 className="text-lg font-semibold flex items-center gap-2" style={{ color: 'var(--destructive)' }}>
-                🎯 Top enjeux à venir
+                <Emoji emoji="🎯" size={18} /> Top enjeux à venir
               </h2>
             </CardHeader>
             <CardContent>
@@ -208,7 +209,7 @@ export default function ManagerWeeklySummary({ initialSummary }: ManagerWeeklySu
       {activeView === 'accomplishments' && (
         <Card variant="elevated">
           <CardHeader>
-            <h2 className="text-lg font-semibold">✅ Accomplissements des 7 derniers jours</h2>
+            <h2 className="text-lg font-semibold"><Emoji emoji="✅" size={18} /> Accomplissements des 7 derniers jours</h2>
             <p className="text-sm text-[var(--muted-foreground)]">
               {summary.keyAccomplishments.length} accomplissements significatifs • {summary.metrics.totalTasksCompleted} tâches • {summary.metrics.totalCheckboxesCompleted} todos complétés
             </p>
@@ -220,7 +221,7 @@ export default function ManagerWeeklySummary({ initialSummary }: ManagerWeeklySu
                 borderColor: 'color-mix(in srgb, var(--muted) 40%, var(--border))',
                 color: 'var(--muted-foreground)'
               }}>
-                <div className="text-4xl mb-4">📭</div>
+                <div className="text-4xl mb-4"><Emoji emoji="📭" size={32} /></div>
                 <p className="text-lg mb-2">Aucun accomplissement significatif trouvé cette semaine.</p>
                 <p className="text-sm">Ajoutez des tâches avec priorité haute/medium ou des meetings.</p>
               </div>
@@ -246,7 +247,7 @@ export default function ManagerWeeklySummary({ initialSummary }: ManagerWeeklySu
       {activeView === 'challenges' && (
         <Card variant="elevated">
           <CardHeader>
-            <h2 className="text-lg font-semibold">🎯 Enjeux et défis à venir</h2>
+            <h2 className="text-lg font-semibold"><Emoji emoji="🎯" size={18} /> Enjeux et défis à venir</h2>
             <p className="text-sm text-[var(--muted-foreground)]">
               {summary.upcomingChallenges.length} défis identifiés • {summary.upcomingChallenges.filter(c => c.priority === 'high').length} priorité haute • {summary.upcomingChallenges.filter(c => c.blockers.length > 0).length} avec blockers
             </p>
@@ -258,7 +259,7 @@ export default function ManagerWeeklySummary({ initialSummary }: ManagerWeeklySu
                 borderColor: 'color-mix(in srgb, var(--muted) 40%, var(--border))',
                 color: 'var(--muted-foreground)'
               }}>
-                <div className="text-4xl mb-4">🎯</div>
+                <div className="text-4xl mb-4"><Emoji emoji="🎯" size={32} /></div>
                 <p className="text-lg mb-2">Aucun enjeu prioritaire trouvé.</p>
                 <p className="text-sm">Ajoutez des tâches non complétées avec priorité haute/medium.</p>
               </div>