export function Avatar({ user }: { user: { username: string; avatar: string | null } }) {
  return user.avatar ? (
    <img src={user.avatar} alt={user.username} className="avatar" />
  ) : (
    <span className="avatar">{user.username.slice(0, 1).toUpperCase()}</span>
  )
}