feat: implement Year Review feature with session management, item categorization, and real-time collaboration

src/app/sessions/page.tsx

@@ -3,6 +3,7 @@ import Link from 'next/link';
 import { auth } from '@/lib/auth';
 import { getSessionsByUserId } from '@/services/sessions';
 import { getMotivatorSessionsByUserId } from '@/services/moving-motivators';
+import { getYearReviewSessionsByUserId } from '@/services/year-review';
 import { Card, Button } from '@/components/ui';
 import { WorkshopTabs } from './WorkshopTabs';
 
@@ -32,10 +33,11 @@ export default async function SessionsPage() {
     return null;
   }
 
-  // Fetch both SWOT and Moving Motivators sessions
-  const [swotSessions, motivatorSessions] = await Promise.all([
+  // Fetch SWOT, Moving Motivators, and Year Review sessions
+  const [swotSessions, motivatorSessions, yearReviewSessions] = await Promise.all([
     getSessionsByUserId(session.user.id),
     getMotivatorSessionsByUserId(session.user.id),
+    getYearReviewSessionsByUserId(session.user.id),
   ]);
 
   // Add type to each session for unified display
@@ -49,10 +51,17 @@ export default async function SessionsPage() {
     workshopType: 'motivators' as const,
   }));
 
+  const allYearReviewSessions = yearReviewSessions.map((s) => ({
+    ...s,
+    workshopType: 'year-review' as const,
+  }));
+
   // Combine and sort by updatedAt
-  const allSessions = [...allSwotSessions, ...allMotivatorSessions].sort(
-    (a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime()
-  );
+  const allSessions = [
+    ...allSwotSessions,
+    ...allMotivatorSessions,
+    ...allYearReviewSessions,
+  ].sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime());
 
   const hasNoSessions = allSessions.length === 0;
 
@@ -72,11 +81,17 @@ export default async function SessionsPage() {
             </Button>
           </Link>
           <Link href="/motivators/new">
-            <Button>
+            <Button variant="outline">
               <span>🎯</span>
               Nouveau Motivators
             </Button>
           </Link>
+          <Link href="/year-review/new">
+            <Button>
+              <span>📅</span>
+              Nouveau Year Review
+            </Button>
+          </Link>
         </div>
       </div>
 
@@ -88,8 +103,8 @@ export default async function SessionsPage() {
             Commencez votre premier atelier
           </h2>
           <p className="text-muted mb-6 max-w-md mx-auto">
-            Créez un atelier SWOT pour analyser les forces et faiblesses, ou un Moving Motivators
-            pour découvrir les motivations de vos collaborateurs.
+            Créez un atelier SWOT pour analyser les forces et faiblesses, un Moving Motivators pour
+            découvrir les motivations, ou un Year Review pour faire le bilan de l&apos;année.
           </p>
           <div className="flex gap-3 justify-center">
             <Link href="/sessions/new">
@@ -99,16 +114,26 @@ export default async function SessionsPage() {
               </Button>
             </Link>
             <Link href="/motivators/new">
-              <Button>
+              <Button variant="outline">
                 <span>🎯</span>
                 Créer un Moving Motivators
               </Button>
             </Link>
+            <Link href="/year-review/new">
+              <Button>
+                <span>📅</span>
+                Créer un Year Review
+              </Button>
+            </Link>
           </div>
         </Card>
       ) : (
         <Suspense fallback={<WorkshopTabsSkeleton />}>
-          <WorkshopTabs swotSessions={allSwotSessions} motivatorSessions={allMotivatorSessions} />
+          <WorkshopTabs
+            swotSessions={allSwotSessions}
+            motivatorSessions={allMotivatorSessions}
+            yearReviewSessions={allYearReviewSessions}
+          />
         </Suspense>
       )}
     </main>