OwnersList: Use sr-only for user/team names

This ensures that screen readers are able to read the names. The commit also uses `aria-hidden` on the avatar itself to prevent the names from being read twice.

Author: Turbo87

app/components/owners-list.hbs

@@ -11,8 +11,8 @@
         local-class="link"
         data-test-owner-link={{owner.login}}
       >
-        <UserAvatar @user={{owner}} @size="medium-small" local-class="avatar" />
-        <span local-class="name">{{or owner.display_name owner.name}}</span>
+        <UserAvatar @user={{owner}} @size="medium-small" local-class="avatar" aria-hidden="true" />
+        <span local-class="name {{unless this.showDetailedList "hidden-name"}}">{{or owner.display_name owner.name}}</span>
       </LinkTo>
     </li>
   {{/each}}

app/components/owners-list.module.css

@@ -34,10 +34,6 @@
     > * {
         margin: 0 10px 10px 0;
     }
-
-    .name {
-        display: none;
-    }
 }
 
 .avatar {
@@ -50,3 +46,7 @@
         border-radius: 4px;
     }
 }
+
+.hidden-name {
+    composes: sr-only from '../styles/shared/a11y.module.css';
+}