feat: UX-005 — Hero transitions, fade screen load, AnimatedList leaderboard stagger

lib/screens/home_screen.dart

@@ -1353,9 +1353,11 @@ class _HomeScreenState extends State<HomeScreen> with SingleTickerProviderStateM
       },
       child: Padding(
         padding: const EdgeInsets.symmetric(horizontal: 8),
-        child: ClipRRect(
-          borderRadius: BorderRadius.circular(radius),
-          child: Stack(
+        child: Hero(
+          tag: 'event-hero-${event.id}',
+          child: ClipRRect(
+            borderRadius: BorderRadius.circular(radius),
+            child: Stack(
             fit: StackFit.expand,
             children: [
               // ── Layer 0: Event image (full-bleed) ──
@@ -1487,6 +1489,7 @@ class _HomeScreenState extends State<HomeScreen> with SingleTickerProviderStateM
           ),
         ),
       ),
+    ),
     );
   }
 
@@ -1770,14 +1773,16 @@ class _HomeScreenState extends State<HomeScreen> with SingleTickerProviderStateM
           Navigator.push(context, MaterialPageRoute(builder: (_) => LearnMoreScreen(eventId: event.id, initialEvent: event)));
         }
       },
-      child: Container(
-        width: 150,
-        decoration: BoxDecoration(
-          borderRadius: BorderRadius.circular(16),
-        ),
-        clipBehavior: Clip.antiAlias,
-        child: Stack(
-          fit: StackFit.expand,
+      child: Hero(
+        tag: 'event-hero-${event.id}',
+        child: Container(
+          width: 150,
+          decoration: BoxDecoration(
+            borderRadius: BorderRadius.circular(16),
+          ),
+          clipBehavior: Clip.antiAlias,
+          child: Stack(
+            fit: StackFit.expand,
           children: [
             // Background image
             img != null && img.isNotEmpty
@@ -1836,6 +1841,7 @@ class _HomeScreenState extends State<HomeScreen> with SingleTickerProviderStateM
             ),
           ],
         ),
+        ),
       ),
     );
   }