[BugFix] background blur keypress fix (#3927)

* remove custom key handler

* Change files

* Duplicate change files for beta release

Author: dmceachernmsft

change-beta/@azure-communication-react-e2203fd5-d2a4-43fc-96b8-d26f78022d55.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Bug fix",
+  "comment": "Fix issue where using the keyboard would throw an error when selecting a background effect",
+  "packageName": "@azure/communication-react",
+  "email": "94866715+dmceachernmsft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-e2203fd5-d2a4-43fc-96b8-d26f78022d55.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Bug fix",
+  "comment": "Fix issue where using the keyboard would throw an error when selecting a background effect",
+  "packageName": "@azure/communication-react",
+  "email": "94866715+dmceachernmsft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

packages/react-components/src/components/VideoEffects/VideoEffectsItem.tsx

@@ -160,15 +160,6 @@ export const _VideoEffectsItem = (props: _VideoEffectsItemProps): JSX.Element =>
           onClick={disabled ? undefined : () => props.onSelect?.(props.itemKey)}
           componentRef={componentRef}
           autoFocus={props.focusOnMount}
-          onKeyDown={
-            disabled
-              ? undefined
-              : (e) => {
-                  if (e.key === 'Enter' || e.key === ' ') {
-                    props.onSelect?.(props.itemKey);
-                  }
-                }
-          }
         >
           <Stack horizontalAlign={'center'} tokens={{ childrenGap: '0.15rem' }}>
             {props.iconProps && (