Top app bar avatar should be a component with its own states

[paulinea]

This is maybe not something to do in this PR, but, as the avatar can be clickable, it should be a component with its own states: "pressed", "focused", etc.
Until we do it, we are not compliant with accessibility standards.

Originally posted by @paulinea in #954 (comment)