// ─── Profile avatar component ───────────────────────────────────────────────
export default function ProfileAvatar({ avatar, name }) {
  if (avatar) {
    return (
      <img
        src={avatar}
        alt={name}
        className="f-profile-avatar"
        title={name}
      />
    );
  }

  return (
    <div className="f-profile-avatar-placeholder" title={name}>
      👤
    </div>
  );
}