🐛(frontend) fix shortcut handler type to properly handle promises

Correct TypeScript typing for shortcut handler that wasn't properly
handling Promise return types.

Ensures proper async operation handling and prevents potential runtime
issues with promise-based shortcut actions.

src/frontend/src/features/rooms/livekit/components/controls/Device/ToggleDevice.tsx

@@ -87,7 +87,7 @@ export const ToggleDevice = <T extends ToggleSource>({
 
   useRegisterKeyboardShortcut({
     shortcut: deviceShortcut,
-    handler: toggle,
+    handler: async () => await toggle(),
     isDisabled: cannotUseDevice,
   })
   useLongPress({

src/frontend/src/features/shortcuts/useKeyboardShortcuts.ts

@@ -10,7 +10,7 @@ export const useKeyboardShortcuts = () => {
   useEffect(() => {
     // This approach handles basic shortcuts but isn't comprehensive.
     // Issues might occur. First draft.
-    const onKeyDown = (e: KeyboardEvent) => {
+    const onKeyDown = async (e: KeyboardEvent) => {
       const { key, metaKey, ctrlKey } = e
       if (!key) return
       const shortcutKey = formatShortcutKey({
@@ -20,7 +20,7 @@ export const useKeyboardShortcuts = () => {
       const shortcut = shortcutsSnap.shortcuts.get(shortcutKey)
       if (!shortcut) return
       e.preventDefault()
-      shortcut()
+      await shortcut()
     }
 
     window.addEventListener('keydown', onKeyDown)

src/frontend/src/features/shortcuts/useRegisterKeyboardShortcut.ts

@@ -5,7 +5,7 @@ import { Shortcut } from '@/features/shortcuts/types'
 
 export type useRegisterKeyboardShortcutProps = {
   shortcut?: Shortcut
-  handler: () => void
+  handler: () => Promise<void | boolean | undefined> | void
   isDisabled?: boolean
 }