[Menu] Add left and right arrow to stop propagation list (#3234)

* Stop propagation of left right arrow keys for menu

* Change files

Author: rurikoaraki

Diff for: change/@fluentui-react-native-menu-a96c1b53-cb9d-458c-b095-985d51025bc1.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Stop propagation of left right arrow keys for menu",
+  "packageName": "@fluentui-react-native/menu",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

Diff for: packages/components/Menu/src/MenuPopover/useMenuPopover.ts

@@ -7,7 +7,7 @@ import type { MenuPopoverProps, MenuPopoverState } from './MenuPopover.types';
 import { useMenuContext } from '../context/menuContext';
 
 const controlledDismissBehaviors = ['preventDismissOnKeyDown', 'preventDismissOnClickOutside'] as DismissBehaviors[];
-const stopPropagationKeys = ['ArrowUp', 'ArrowDown', 'Tab', 'Home', 'End', 'Escape'] as const;
+const stopPropagationKeys = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Tab', 'Home', 'End', 'Escape'] as const;
 
 export const useMenuPopover = (props: MenuPopoverProps): MenuPopoverState => {
   const context = useMenuContext();