feat(files): add keyboard shortcuts

[skjnldsv]

Fix #1444
Fix #30484

1	2

Shortcuts

### Selection - [x] Select all - [x] Unselect all - [x] Select/unselect current file

Actions

• Open actions menu
• Cut/copy/paste
• Delete
• Favourite/star
• Rename
• Toggle sidebar/details

Navigation

• Go up a folder
• Navigate through files
• Open file/folder

Usability

• Open upload menu
• Show keyboard shortcuts
• Switch grid/list view

Later

• Search
• Share (suggested shortcut is ... a dot ? 🤔 )
• Go to navigation (should be done in https://github.com/nextcloud/nextcloud-vue)

Status

• Actions
• Tests
• Investigate performance loss while scrolling to file ID

[skjnldsv]

Alright, first PR is ready.
Some more will follow for tests and some tiny changes

[skjnldsv]

Btw, we have useHotKey composable to reuse global shortcuts implementation. It might fix some of the issues and reduce copy-paste like mounted + beforeDestroy hooks.

TIL, thanks :)
Yeah, I just realized the input too!
Btw, we should probably check for role=dialig like I did, instead of .modal-mask
https://github.com/nextcloud/nextcloud-vue/blob/10626766712de1e5858b0f71a9babd552bfa6805/src/composables/useHotKey/index.js#L26

[skjnldsv]

1. This is not clear for me when a file is in focus and when it is not. For example, for arrows and CTRL+Space hotkeys. Especially because the click on the file executes an action rather than selecting it.

Totally agree! But this is not really related to this PR.
The active file design is already a feature since 28 (the fileid in the URL initiate it)

[Antreesy]

Can use an array of expected keys here, since the're sharing the same callback:

Suggested change

	useHotKey('ArrowUp', this.onKeyDown, {
	useHotKey(['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'], this.onKeyDown, {

[skjnldsv]

Sorry, I'm reworking this, I should have adjusted the labels :)
I'll take that comment into consideration though, thanks! 👍