Use SCSS maps and lists to keep code DRY

What does this MR do?

This MR makes use of SCSS map and @each, @for, map-get and etc. utilities to reduce repetition on app/assets/stylesheets/components/avatar.scss

Conformity

• Code review guidelines
• Merge request performance guidelines
• Style guides