Fix Accessibility: Add focus-visible styles to ActionMenu.Button in VariantMenu component

Author: jpg619

src/components/variant-select.js

@@ -53,7 +53,16 @@ const VariantMenu = ({title, latest, current, prerelease, legacy}) => {
         Select CLI Version:
       </Box>
       <ActionMenu anchorRef={anchorRef} open={open} onOpenChange={setOpen}>
-        <ActionMenu.Button aria-describedby={labelId} sx={{width: ['100%', null, 'auto']}}>
+        <ActionMenu.Button
+          aria-describedby={labelId}
+          sx={{
+            width: ['100%', null, 'auto'],
+            '&:focus-visible': {
+              outline: '2px solid',
+              outlineColor: '-webkit-focus-ring-color',
+            },
+          }}
+        >
           {title}
         </ActionMenu.Button>
         <StyledOverlay width="auto" onEscape={() => setOpen(false)}>