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>
)
}