Refactor ContextMenu to use RovingTabIndex (more consistent keyboard navigation accessibility) (#7353)

Split off from https://github.com/matrix-org/matrix-react-sdk/pull/7339

test/components/structures/__snapshots__/ThreadPanel-test.tsx.snap

@@ -45,29 +45,55 @@ exports[`ThreadPanel Header expect that My filter for ThreadPanelHeader properly
 `;
 
 exports[`ThreadPanel Header expect that ThreadPanelHeader has the correct option selected in the context menu 1`] = `
-<AccessibleButton
+<RovingAccessibleButton
   aria-checked={true}
   className="mx_ThreadPanel_Header_FilterOptionItem"
-  element="div"
   onClick={[Function]}
   role="menuitemradio"
-  tabIndex={-1}
 >
-  <div
+  <AccessibleButton
     aria-checked={true}
-    className="mx_AccessibleButton mx_ThreadPanel_Header_FilterOptionItem"
+    className="mx_ThreadPanel_Header_FilterOptionItem"
+    element="div"
+    inputRef={
+      Object {
+        "current": <div
+          aria-checked="true"
+          class="mx_AccessibleButton mx_ThreadPanel_Header_FilterOptionItem"
+          role="menuitemradio"
+          tabindex="-1"
+        >
+          <span>
+            All threads
+          </span>
+          <span>
+            Shows all threads from current room
+          </span>
+        </div>,
+      }
+    }
     onClick={[Function]}
-    onKeyDown={[Function]}
-    onKeyUp={[Function]}
+    onFocus={[Function]}
     role="menuitemradio"
     tabIndex={-1}
   >
-    <span>
-      All threads
-    </span>
-    <span>
-      Shows all threads from current room
-    </span>
-  </div>
-</AccessibleButton>
+    <div
+      aria-checked={true}
+      className="mx_AccessibleButton mx_ThreadPanel_Header_FilterOptionItem"
+      onClick={[Function]}
+      onFocus={[Function]}
+      onKeyDown={[Function]}
+      onKeyUp={[Function]}
+      role="menuitemradio"
+      tabIndex={-1}
+    >
+      <span>
+        All threads
+      </span>
+      <span>
+        Shows all threads from current room
+      </span>
+    </div>
+  </AccessibleButton>
+</RovingAccessibleButton>
 `;