Refine UX for on-device translation for posts (#9987)

Co-authored-by: Samuel Newman <mozzius@protonmail.com>
Co-authored-by: Eric Bailey <git@esb.lol>

src/lib/translation/context.ts

@@ -0,0 +1,16 @@
+import {createContext} from 'react'
+
+import {type TranslationFunctionParams, type TranslationState} from './types'
+
+export const Context = createContext<{
+  translationState: Record<string, TranslationState>
+  translate: (
+    parameters: TranslationFunctionParams & {
+      key: string
+      forceGoogleTranslate: boolean
+    },
+  ) => Promise<void>
+  clearTranslation: (key: string) => void
+  acquireTranslation: (key: string) => () => void
+} | null>(null)
+Context.displayName = 'TranslationContext'