Add a possibility for ArrowButton comp to handle keyboard events

It was already able to handle click events, but not keyboard events,
which made it inaccessible.

src/components/Buttons/ArrowButton.tsx

@@ -4,12 +4,14 @@ import Arrow from "../atoms/icons/arrow/arrow";
 export interface ArrowButtonProps {
   cursorPointer: boolean;
   clickEventHandler?: () => void;
+  keyUpEventHandler?: (e: React.KeyboardEvent<HTMLButtonElement>) => void;
   arrowLabelledBy: string;
 }
 
 const ArrowButton: React.FC<ArrowButtonProps> = ({
   cursorPointer = false,
   clickEventHandler,
+  keyUpEventHandler,
   arrowLabelledBy
 }) => {
   const pointer = (cursorPointer && { cursor: "pointer" }) || {
@@ -27,6 +29,12 @@ const ArrowButton: React.FC<ArrowButtonProps> = ({
           clickEventHandler();
         }
       }}
+      onKeyUp={(e) => {
+        if (keyUpEventHandler) {
+          e.stopPropagation();
+          keyUpEventHandler(e);
+        }
+      }}
     >
       <Arrow />
     </button>