Fix Reward = Time animation by properly applying framer-motion properties

Animation Fix:
- Changed from spreading animation config object to explicitly setting animate and transition props
- motion.g elements now properly receive animate={animationConfig?.color1?.animate}
- motion.g elements now properly receive transition={animationConfig?.color1?.transition}
- This ensures framer-motion can properly apply the pulse scale animation

The Reward = Time animation should now work correctly with:
- Gentle pulse scale (1.08 max) for color1
- Subtle scale (0.95 min) for color2 with 0.5s delay
- 3s duration with easeInOut for smooth pulsing effect

This fixes the issue where the animation configuration wasn't being properly applied to the motion elements.

Author: mmaxence

src/components/Avatar.tsx

@@ -167,7 +167,8 @@ function AvatarFallback({
 
           {/* First animated color layer */}
           <motion.g
-            {...(animationConfig?.color1 || {})}
+            animate={animationConfig?.color1?.animate}
+            transition={animationConfig?.color1?.transition}
             style={{
               transformOrigin: `${size / 2}px ${size / 2}px`,
             }}
@@ -186,7 +187,8 @@ function AvatarFallback({
 
           {/* Second animated color layer */}
           <motion.g
-            {...(animationConfig?.color2 || {})}
+            animate={animationConfig?.color2?.animate}
+            transition={animationConfig?.color2?.transition}
             style={{
               transformOrigin: `${size / 2}px ${size / 2}px`,
               mixBlendMode: "overlay",