Add PowerPoint-like Animation System for Slide Elements

[BurnedChris]

Description:
We need to implement an animation system that allows elements within slides to animate similar to PowerPoint presentations. This would enhance the presentation quality and engagement.

Requirements:

• Create a reusable animation system that can be applied to any element
• Support common animation types:
  • Fade in/out
  • Slide from edge
  • Grow/shrink
  • Appear with emphasis
• Allow sequential animation of multiple elements
• Enable trigger-based animations (click, timer, etc.)
• Ensure animations are responsive and work across devices

Implementation Notes:

• Consider using Framer Motion or React Spring for animation capabilities
• Animation controls should be configurable in slide definitions
• Need keyboard controls to advance through animated elements

Acceptance Criteria:

• Animations work smoothly in all modern browsers
• Animation system is easy to integrate with existing slides
• Documentation explains how to implement animations on custom slides