feat: Add shortcut hint to auto-approve dropdown

[roomote]

This PR adds a visual hint for the keyboard shortcut to the auto-approve dropdown menu.

---

Important

Adds a keyboard shortcut hint to the auto-approve dropdown using a new ShortcutHint component and usePlatform hook.

• Feature:
  • Adds ShortcutHint component to display keyboard shortcut in AutoApproveDropdown.tsx.
  • Uses usePlatform hook to determine platform-specific shortcuts ("⌘⌥A" for Mac, "Ctrl+Alt+A" for Windows/Linux).
• Localization:
  • Adds toggleShortcut key to chat.json for shortcut hint translation.
• New Files:
  • ShortcutHint.tsx for rendering shortcut hints.
  • usePlatform.ts for detecting user platform.

^{This description was created by for f37a5eb. You can customize this summary. It will automatically update as commits are pushed.}

[roomote]

Review Summary

I've reviewed the PR and found 2 minor issues to address:

• Remove unused useAppTranslation import in ShortcutHint.tsx
• Consider refactoring usePlatform hook to avoid double render (initial "unknown" state followed by actual platform)

The implementation looks good overall. The shortcut hint feature is well-integrated and uses proper i18n patterns.

Follow Along on Roo Code Cloud

[roomote]

The useAppTranslation hook is imported but never used. The component only uses the Trans component directly with the translationKey prop. Consider removing this unused import to keep the code clean.

[roomote]

The hook initializes platform state as "unknown" and updates it in useEffect, causing the component to render twice (first with "unknown", then with the actual platform). While this works in VSCode webviews, consider using useMemo with direct platform detection to avoid the initial render with incorrect state, especially if this hook is reused in SSR contexts later.

[roomote]

Review complete. Found 2 minor issues that should be addressed before merging.