Get suspense working and cleanup TL system

src/translations/TranslationContext.tsx

@@ -0,0 +1,39 @@
+import React from 'react';
+
+import Translations_English from './en';
+
+export interface languageTemplate {
+  no_messages_message: string;
+  ui_settings_title: string;
+  nodes_title: string;
+  color_scheme_title: string;
+  language_title: string;
+  device_settings_title: string;
+  device_channels_title: string;
+  device_region_title: string;
+  device_wifi_ssid: string;
+  device_wifi_psk: string;
+  save_changes_button: string;
+  no_nodes_message: string;
+  no_message_placeholder: string;
+}
+
+export enum LanguageEnum {
+  ENGLISH,
+  JAPANESE,
+  PORTUGUESE,
+}
+
+export const TranslationContext = React.createContext({
+  language: LanguageEnum.ENGLISH,
+  translations: Translations_English,
+});
+
+// const TranslationProvider: React.FC = ({ children }) => {
+//   const [language, setLanguage] = React.useState<LanguageEnum>(
+//     LanguageEnum.ENGLISH,
+//   );
+//   return { children };
+// };
+
+// export default TranslationProvider;

src/translations/en.ts

@@ -1,4 +1,4 @@
-import type { languageTemplate } from '../App';
+import type { languageTemplate } from './TranslationContext';
 
 export default {
   no_messages_message: 'No messages yet',

src/translations/jp.ts

@@ -1,4 +1,4 @@
-import type { languageTemplate } from '../App';
+import type { languageTemplate } from './TranslationContext';
 
 export default {
   no_messages_message: 'まだメッセージはありません',

src/translations/pt.ts

@@ -1,4 +1,4 @@
-import type { languageTemplate } from '../App';
+import type { languageTemplate } from './TranslationContext';
 
 export default {
   no_messages_message: 'Não a mensagens ainda',