Add keyboard shortcuts for common actions

[maxpatiiuk]

Like this:

• Particular menu item edit: decided not to do this in favor of allowing setting keyboard shortcuts for a URL as that would be more generic
• Expand/Collapse/Toggle side menu. not sure how useful this is - I feel like most users will have the menu always expanded or always collapsed. can add back later if there is demand
• Common actions on different pages (save query, open mapping editor, ...)
• All common form actions (next,prev,add,remove, close dialog, next/prev attachment, save)
• Next/Previous attachment (Add option to use arrow keys to go between attachment previews #3057)
• Keyboard shortcut to change a pref (i.e, imagine a shortcut to toggle dark mode or switch the query combo box search algorithm)
• Allow adding keyboard shortcuts to any page or record
  • Or any collection of pages (Workspaces - Implement Workspaces #2627)
• Allow remapping hardcoded key combinations like alt-click for new tab, shift/cntrl for tree click without foucs, shift/ctrl/cmd for select all in between

To meet the WCAG 2.1 requirements, these shortcuts must be customizable

Implementation idea:
Split user preferences into 3 ultra-sections:
Options (everything that is not in the next two)
Theme (for setting UI colors - and add ability to customize more colors)
Keyboard Shortcuts

[maxpatiiuk]

@CarolineDenis This one might be interesting for you

I have the code for the keyboard picker component already written so can push it if you want to work on it
The remaining thing would be to create a hook like useKey('category', 'subcategory', 'item', callback)
where 'category', 'subcategory', 'item' matches what you see in user prefs, and the callback is a function that will be called by the hook when the user presses the keyboard shortcut.

Edge cases to handle:
If user assigned a shortcut like B (without Ctrl/alt/or other modified), than you have to make sure to only trigger the keyboard shortcut if user is not currently typing into a text field