Fixed `selector-max-compound-selectors` lint error

What does this MR do?

For #10951 (closed) this MR fixes

  99:7  ⚠  Expected ".security-dashboard .card-header .user-avatar-link .avatar" to have no more than 3 compound selectors                                                                            selector-max-compound-selectors
 161:7  ⚠  Expected ".project-template .template-group-options .template-option .avatar-container" to have no more than 3 compound selectors                                                          selector-max-compound-selectors
 183:7  ⚠  Expected ".project-template .template-input-group .selected-icon .avatar" to have no more than 3 compound selectors                                                                        selector-max-compound-selectors

style-lint error for ee/app/assets/stylesheets/pages/projects.scss.

	Before	After
Security Dashboard avatar
Group Template option avatar
Group template input avatar

Does this MR meet the acceptance criteria?

Conformity

• Changelog entry
• Documentation created/updated or follow-up review issue created
• Code review guidelines
• Merge request performance guidelines
• Style guides
• Database guides
• Separation of EE specific content