feat: add Avatar/Profile Image component (#431)

[abrak01]

• Displays user avatar image from URL

• Fallback to generated initials when no image or on error

• Size variants: sm, md, lg

• Loading skeleton state with animate-pulse

• Accessible role/aria-label on all states

• Mobile responsive via Tailwind CSS

  What changed

  • nevo_frontend/components/Avatar.tsx — new reusable Avatar component
  • nevo_frontend/components/index.ts — exports Avatar

  How it works

  • Renders a user image from a URL; falls back to generated initials on error or
    when no src is provided
  • Shows a skeleton pulse animation while the image loads
  • Three size variants: sm (32px), md (40px), lg (56px)
  • Accessible role="img" and aria-label on all render states

  Checklist

  • Displays user avatar image
  • Fallback to initials if no image / on error
  • Size variants: sm, md, lg
  • Loading skeleton state
  • Accessible alt text
  • Mobile responsive
  • Build succeeds (npm run build ✓)

Closes #431

[drips-wave]

@abrak01 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits