replace app globals locale with i18n data provider

src/hooks/use-localization-support.ts

@@ -1,10 +1,10 @@
 import { useI18n } from '@wordpress/react-i18n';
 import { useEffect } from 'react';
-import { getAppGlobals } from '../lib/app-globals';
+import { useI18nData } from './use-i18n-data';
 
 export function useLocalizationSupport() {
 	const { __, _x, isRTL } = useI18n();
-	const locale = getAppGlobals().locale;
+	const { locale } = useI18nData();
 
 	// Some languages may need to set an html lang attribute that is different from their slug
 	let lang = __( 'html_lang_attribute' );

src/hooks/use-welcome-messages.tsx

@@ -8,8 +8,8 @@ import {
 	useCallback,
 	useContext,
 } from 'react';
-import { getAppGlobals } from '../lib/app-globals';
 import { useAuth } from './use-auth';
+import { useI18nData } from './use-i18n-data';
 import { useOffline } from './use-offline';
 import { useWindowListener } from './use-window-listener';
 
@@ -31,7 +31,7 @@ const WelcomeMessagesContext = createContext< WelcomeMessagesContext >( {
 export const WelcomeMessagesProvider = ( { children }: { children: React.ReactNode } ) => {
 	const { client } = useAuth();
 	const isOffline = useOffline();
-	const locale = getAppGlobals().locale;
+	const { locale } = useI18nData();
 	const [ messages, setMessages ] = useState< string[] >( [] );
 	const [ examplePrompts, setExamplePrompts ] = useState< string[] >( [] );
 	const isFetchingMessages = useRef( false );