アイヌ語追加 (#428) (#433)

Reviewed-on: #433
Co-authored-by: miteruzo <miteruzo@naver.com>

frontend/src/lib/useKeyboardShortcuts.tsx

@@ -7,8 +7,9 @@ import {
     useRef,
     useState,
 } from 'react'
-import { useLocation, useNavigate } from 'react-router-dom'
+import { useLocation } from 'react-router-dom'
 
+import { useLocaleNavigate } from '@/lib/useLocale'
 import ShortcutHelpDialog from '@/components/users/ShortcutHelpDialog'
 import {
     DEFAULT_KEY_BINDINGS,
@@ -95,15 +96,19 @@ const focusSearchTarget = (): void => {
 
 export const KeyboardShortcutsProvider = ({ children }: PropsWithChildren) => {
   const location = useLocation ()
-  const navigate = useNavigate ()
+  const navigate = useLocaleNavigate ()
 
   const [keyboardSettings, setKeyboardSettingsState] =
-      useState<ClientKeyboardSettings> (() => getClientKeyboardSettings ())
+      useState<ClientKeyboardSettings> ({ enabled: true, bindings: { } })
   const [registeredHandlers, setRegisteredHandlers] =
       useState<Record<number, ShortcutHandlers>> ({ })
   const [shortcutHelpOpen, setShortcutHelpOpen] = useState (false)
   const registrationIdRef = useRef (0)
 
+  useEffect (() => {
+    setKeyboardSettingsState (getClientKeyboardSettings ())
+  }, [])
+
   const activeScope = useMemo<ShortcutScope> (
       () => resolveShortcutScope (location.pathname),
       [location.pathname],