Hi. Your pullquest is interesting. I would suggest combining all components with shortcuts into one component. Example:

const keycode = KeyboardCodes.get('KeyD')!
const modifiers = new Modifiers();
modifiers.leftCtrl = true;
const label = t('keyboard.ctrlD');

return (
  <Shortcut keycode={keycode} modifiers={modifiers} label={label} />
);

I have made modifications and merged all shortcuts into a reusable component shortcut.tsx

Thanks for the contribution!