refactor(ui): hotkey/focus handling

[psychedelicious]

Summary

Refactors how hotkeys are conditionally enabled. See comments in invokeai/frontend/web/src/common/hooks/focus.ts for implementation details.

• Recall hotkeys work when either the image viewer or gallery are focused. The last-selected image is used for the hotkeys.
• Same for delete selection hotkey.
• Added hotkeys to apply and cancel both filters and transforms. The canvas must be focused for these hotkeys to work. Starting a filter or transform focuses the canvas.

Related Issues / Discussions

Closes #6421
Closes #6398

QA Instructions

Try hotkeys out. Behaviour should be unchanged except as described above.

Merge Plan

n/a

Checklist

• The PR has a short but descriptive title, suitable for a changelog
• Tests added / updated (if applicable)
• Documentation added / updated (if applicable)

[hipsterusername]

Tested out - There were some areas that could potentially be improved/unintuitive. For example, when switching to Gallery, the Gallery header is focused, so left/right does not move in the gallery images (my immediate expectation would be switching to gallery focuses the gallery w selected image as place im starting)

All in all though, think that can be addressed in a future PR - this looks good to me.

[psychedelicious]

For example, when switching to Gallery, the Gallery header is focused, so left/right does not move in the gallery images

I noticed this, not sure how to handle this. This is an accessibility thing - the component library's tabs component is following the ARIA guidelines for the tabs UI pattern. We'll need to break those guidelines to have it do something else. Probably not a huge deal for this specific area.