Fixed: Invalid audio language leading to UI error

Closes #5702

frontend/src/Utilities/String/getLanguageName.ts

@@ -0,0 +1,41 @@
+import createAjaxRequest from 'Utilities/createAjaxRequest';
+
+interface LanguageResponse {
+  identifier: string;
+}
+
+function getLanguage() {
+  return createAjaxRequest({
+    global: false,
+    dataType: 'json',
+    url: '/localization/language',
+  }).request;
+}
+
+function getDisplayName(code: string) {
+  return Intl.DisplayNames
+    ? new Intl.DisplayNames([code], { type: 'language' })
+    : null;
+}
+
+let languageNames = getDisplayName('en');
+
+getLanguage().then((data: LanguageResponse) => {
+  const names = getDisplayName(data.identifier);
+
+  if (names) {
+    languageNames = names;
+  }
+});
+
+export default function getLanguageName(code: string) {
+  if (!languageNames) {
+    return code;
+  }
+
+  try {
+    return languageNames.of(code) ?? code;
+  } catch (error) {
+    return code;
+  }
+}