fix UX issues in move debugger

[nicolodavis]

Checklist

• Use a separate branch in your local repo (not master).
• Test coverage is 100% (or you have a story for why it's ok).

Fixes #618

[delucis]

This is an additional change, but given it’s in the same scope:

When the debug panel is hidden using the . shortcut, the hotkeys for toggling which panel is displayed (m, l, i & a) are still active. This is a minimal bug, because the controls within the panels seem to be disabled correctly, but might be a simple fix to include here to ensure the panels aren’t toggled while hidden.

[delucis]

Did some local testing and this looks good for disabling shortcuts inside the move content editables 👍

To fix the copy/paste issue, I think we can add checks here:

https://github.com/nicolodavis/boardgame.io/blob/06122c7e5b4e0f2f0cfe13ce8bb899c6e37903ad/src/client/debug/main/Hotkey.svelte#L26

Something like:

    if (
      !$disableHotkeys && !disable &&
      !e.ctrlKey && !e.metaKey &&
      e.key == value
    ) { 

I don’t think we need to check for alt or shift keys as they tend to produce different e.key values?

To fix toggling the displayed pane while the debug panel is hidden, I think we need to move this code inside an if statement that checks if visible is true:

https://github.com/nicolodavis/boardgame.io/blob/06122c7e5b4e0f2f0cfe13ce8bb899c6e37903ad/src/client/debug/Debug.svelte#L37-L41

[nicolodavis]

Thanks @delucis!