Move i18n provider up the stack

src/App.native.tsx

@@ -172,6 +172,7 @@ function App() {
    * that is set up in the InnerApp component above.
    */
   return (
+    <I18nProvider>
       <A11yProvider>
         <KeyboardProvider enabled={false} statusBarTranslucent={true}>
           <SessionProvider>
@@ -181,13 +182,11 @@ function App() {
                   <ModalStateProvider>
                     <DialogStateProvider>
                       <LightboxStateProvider>
-                      <I18nProvider>
                         <PortalProvider>
                           <StarterPackProvider>
                             <InnerApp />
                           </StarterPackProvider>
                         </PortalProvider>
-                      </I18nProvider>
                       </LightboxStateProvider>
                     </DialogStateProvider>
                   </ModalStateProvider>
@@ -197,6 +196,7 @@ function App() {
           </SessionProvider>
         </KeyboardProvider>
       </A11yProvider>
+    </I18nProvider>
   )
 }
 

src/App.web.tsx

@@ -151,6 +151,7 @@ function App() {
    * that is set up in the InnerApp component above.
    */
   return (
+    <I18nProvider>
       <A11yProvider>
         <SessionProvider>
           <ShellStateProvider>
@@ -159,13 +160,11 @@ function App() {
                 <ModalStateProvider>
                   <DialogStateProvider>
                     <LightboxStateProvider>
-                    <I18nProvider>
                       <PortalProvider>
                         <StarterPackProvider>
                           <InnerApp />
                         </StarterPackProvider>
                       </PortalProvider>
-                    </I18nProvider>
                     </LightboxStateProvider>
                   </DialogStateProvider>
                 </ModalStateProvider>
@@ -174,6 +173,7 @@ function App() {
           </ShellStateProvider>
         </SessionProvider>
       </A11yProvider>
+    </I18nProvider>
   )
 }