fix: Prevent default keyboard actions when inline add focused

This is to prevent navigating/deleteing staged tags in the react-select
menu when the inline add button is focused.

src/content-tags-drawer/ContentTagsCollapsible.jsx

@@ -97,6 +97,13 @@ const CustomMenu = (props) => {
   );
 };
 
+const disableActionKeys = (e) => {
+  const arrowKeys = ['ArrowUp', 'ArrowDown', 'ArrowRight', 'ArrowLeft', 'Backspace'];
+  if (arrowKeys.includes(e.code)) {
+    e.preventDefault();
+  }
+};
+
 const CustomLoadingIndicator = () => {
   const intl = useIntl();
   return (
@@ -131,6 +138,7 @@ const CustomIndicatorsContainer = (props) => {
             onMouseDown={(e) => { e.stopPropagation(); e.preventDefault(); }}
             ref={selectInlineAddRef}
             tabIndex="0"
+            onKeyDown={disableActionKeys} // To prevent navigating staged tags when button focused
           >
             { intl.formatMessage(messages.collapsibleInlineAddStagedTagsButtonText) }
           </Button>