A11y: Fix resource picker accessibility (#73488)

* fix(a11y): resource picker

public/app/features/dimensions/editors/ResourcePicker.tsx

@@ -96,9 +96,18 @@ export const ResourcePicker = (props: Props) => {
               />
             )}
 
-            {/* TODO: fix keyboard a11y */}
+            <div
-            {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}
+              ref={pickerTriggerRef}
-            <div ref={pickerTriggerRef} onClick={showPopper} className={styles.pointer}>
+              className={styles.pointer}
+              onClick={showPopper}
+              onKeyDown={(e: React.KeyboardEvent) => {
+                if (e.key === 'Enter') {
+                  showPopper();
+                }
+              }}
+              role="button"
+              tabIndex={0}
+            >
               {size === ResourcePickerSize.SMALL && renderSmallResourcePicker()}
               {size === ResourcePickerSize.NORMAL && renderNormalResourcePicker()}
             </div>