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

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

frontend/src/lib/useUnsavedChangesGuard.tsx

@@ -10,6 +10,7 @@ import {
 import { useBlocker } from 'react-router-dom'
 
 import { useDialogue } from '@/lib/dialogues/useDialogue'
+import { useUITranslation } from '@/lib/useUITranslation'
 
 import type { FC, PropsWithChildren } from 'react'
 
@@ -34,6 +35,7 @@ const UnsavedChangesGuardContext =
 
 export const UnsavedChangesGuardProvider: FC<PropsWithChildren> = ({ children }) => {
   const dialogue = useDialogue ()
+  const { label } = useUITranslation ('settings')
   const sourcesRef = useRef (new Map<symbol, UnsavedChangesSource> ())
   const bypassNextNavigationRef = useRef<symbol | null> (null)
   const [revision, setRevision] = useState (0)
@@ -99,8 +101,10 @@ export const UnsavedChangesGuardProvider: FC<PropsWithChildren> = ({ children })
     try
     {
       const confirmed = await dialogue.confirm ({
-          title: '変更が破棄してページ移動しますか?',
-          confirmText: '変更を破棄して移動',
+          title: label ('unsaved.leavePage'),
+          confirmText: label ('unsaved.discardAndMove'),
+          cancelText: label ('actions.cancel'),
+          closeLabel: label ('actions.close'),
           variant: 'danger' })
       if (!(confirmed))
         return false
@@ -111,7 +115,7 @@ export const UnsavedChangesGuardProvider: FC<PropsWithChildren> = ({ children })
     {
       dialogueOpenRef.current = false
     }
-  }, [dialogue, hasUnsavedChanges])
+  }, [dialogue, hasUnsavedChanges, label])
 
   useEffect (() => {
     if (blocker.state !== 'blocked' || handlingBlockedTransitionRef.current)