feat: add Avatar Component (#1181)

[Pcmhacker-piro]

Closes #1181

Pull Request Description
Adds a complete ease-avatar component with sizes, shapes, and status indicators as described in issue #1181.
Type of Change

• ✨ New animation / hover effect
• 🧩 New component
• 📝 Documentation improvement
• 🐛 Bug fix in an existing submission
• Other (describe below)
  Submission Checklist
• All changes are inside submissions/examples/avatar/
• Includes demo.html — self-contained, opens in browser with no server
• Includes style.css — raw CSS for the proposed feature
• Includes README.md — what it does, how to use it, why it fits EaseMotion CSS
• No changes to core/
• No changes to components/
• One feature per PR (no bundled unrelated changes)
  Feature Description
  What does this add?
  Circular avatar component with multiple sizes (xs/sm/lg/xl), text fallback initials, status indicators (online/offline/away/busy), and overlapping avatar groups.
  How does a developer use it?

JD

Why does it fit EaseMotion CSS? Avatars are a fundamental UI primitive present in every app — user menus, comments, team grids, and chat interfaces. The roadmap in VISION.md explicitly lists avatar for v1.3. The implementation follows EaseMotion's conventions: CSS custom properties, composable modifier classes, and prefers-reduced-motion respect. Demo - Demo added (demo.html works by opening directly in a browser) Browser Testing - Chrome - Firefox - Edge - Safari (optional but appreciated) Notes for Maintainer Uses CSS custom properties with fallbacks for compatibility. Status indicators are implemented via ::after pseudo-element on modifier classes (ease-avatar-online, ease-avatar-offline, etc.). The avatar group uses row-reverse with negative margin for natural overlapping order.

[github-actions]

✅ Submission Validation Passed!

Great job! All required files are present.

📁 Folder: submissions/examples/avatar

Files found:

• ✅ demo.html
• ✅ style.css
• ✅ README.md

🚀 Next Steps:

• The maintainer will review your PR
• Respond to any feedback if requested
• Once approved, your contribution will be merged!

Thank you for contributing to EaseMotion CSS! 🎉

[Pcmhacker-piro]

heyy @SAPTARSHI-coder
i fixed the assign issue so pls check this