fix: add user name to aria-label for people-picker remove button (#1912)

Author: patmoo

packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts

@@ -754,7 +754,8 @@ export class MgtPeoplePicker extends MgtTemplatedComponent {
                  <div class="selected-list__person-wrapper__overflow__gradient"></div>
                  <div
                    tabindex="0"
-                   aria-label="close-icon"
+                   role="button"
+                   aria-label="${this.strings.removeSelectedItem} ${person.displayName}"
                    class="selected-list__person-wrapper__overflow__close-icon"
                    @click="${e => this.removePerson(person, e)}"
                    @keydown="${e => this.handleRemovePersonKeyDown(person, e)}"

packages/mgt-components/src/components/mgt-people-picker/strings.ts

@@ -11,5 +11,6 @@ export const strings = {
   loadingMessage: 'Loading...',
   suggestedContact: 'suggested contact',
   suggestedContacts: 'suggested contacts',
-  selected: 'selected'
+  selected: 'selected',
+  removeSelectedItem: 'remove selected item'
 };