fix: stop keydown from bubbling beyond people-picker (#2892)

this ensures that keystrokes which might trigger in pages shortcuts in SharePoint don't reach those event listener and break the component experience

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

@@ -1548,6 +1548,7 @@ export class MgtPeoplePicker extends MgtTemplatedComponent {
    * @param event - event tracked on user input (keydown)
    */
   private readonly onUserKeyDown = (event: KeyboardEvent): void => {
+    event.stopPropagation();
     const keyName = event.key;
     const selectedList = this.renderRoot.querySelector('.selected-list');
     const isCmdOrCtrlKey = event.getModifierState('Control') || event.getModifierState('Meta');
@@ -1595,7 +1596,6 @@ export class MgtPeoplePicker extends MgtTemplatedComponent {
     if (keyName === 'Enter') {
       if (!event.shiftKey && this._foundPeople) {
         event.preventDefault();
-        event.stopPropagation();
 
         const foundPerson = this._foundPeople[this._arrowSelectionCount];
         if (foundPerson) {
@@ -1613,10 +1613,6 @@ export class MgtPeoplePicker extends MgtTemplatedComponent {
       }
     }
 
-    if (keyName === 'Escape') {
-      event.stopPropagation();
-    }
-
     if (keyName === 'Tab') {
       this.hideFlyout();
     }