Chore: Align on 'internationalization' for feature name (#52585)

* rename internationalization docs

* Move localisation.tsx to internationalization/index.tsx

public/app/AppWrapper.tsx

@@ -15,7 +15,7 @@ import { GrafanaApp } from './app';
 import { AppChrome } from './core/components/AppChrome/AppChrome';
 import { AppNotificationList } from './core/components/AppNotifications/AppNotificationList';
 import { NavBar } from './core/components/NavBar/NavBar';
-import { I18nProvider } from './core/localisation';
+import { I18nProvider } from './core/internationalization';
 import { GrafanaRoute } from './core/navigation/GrafanaRoute';
 import { RouteDescriptor } from './core/navigation/types';
 import { contextSrv } from './core/services/context_srv';

public/app/core/internationalization/index.tsx

@@ -4,7 +4,7 @@ import React, { useEffect } from 'react';
 
 import config from 'app/core/config';
 
-import { messages } from '../../locales/en/messages';
+import { messages } from '../../../locales/en/messages';
 
 let i18nInstance: I18n;
 
@@ -15,7 +15,7 @@ export async function getI18n(locale = 'en') {
   // Dynamically load the messages for the user's locale
   const imp =
     config.featureToggles.internationalization &&
-    (await import(`../../locales/${locale}/messages`).catch((err) => {
+    (await import(`../../../locales/${locale}/messages`).catch((err) => {
       // TODO: Properly return an error if we can't find the messages for a locale
       return err;
     }));

public/test/helpers/TestProvider.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { I18nProvider } from '../../app/core/localisation';
+import { I18nProvider } from '../../app/core/internationalization';
 
 const TestProvider: React.FC = ({ children }) => {
   return <I18nProvider>{children}</I18nProvider>;