fix: handle chat command selection wrapping

[abeatrix]

CLOSE #1344

Fix issue where notification for version update steals chatbox input focus

• In Chat.tsx, code was added to focus the textarea on mount

Also made changes to handle wrapping of chat command selection when using arrow keys:

• In Chat.tsx, the logic to calculate the next chat command index was updated to wrap around when reaching the end.
• In ChatCommands.tsx, code was added to scroll the command list on selection change, and focus the selected command.

This fixed issue where the command box does not scroll with user selection.

Test plan

Before

The window is stuck at the top even when you are selecting items that is at the bottom of the window

Screen.Recording.2023-10-31.at.7.18.16.AM.mov

After

Scrolls automatically based on your selected item

Screen.Recording.2023-10-31.at.7.09.49.AM.mov

[umpox]

Niceeeee

[toolmantim]

Thanks for digging into this @abeatrix!

Looking at the video… the two more common patterns for scrolling are when you go off the bottom then you scroll down a whole page, so the selected item is now at the very top. Or you just show one item at a time (ala Finder):

Screen.Recording.2023-11-01.at.5.13.14.pm.mov

I'd probably opt for the latter by default.