feat: add internationalization support

src/i18n/index.ts

@@ -0,0 +1,45 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import enGlobal from './en.json';
+import enList from '../pages/tools/list/i18n/en.json';
+import enString from '../pages/tools/string/i18n/en.json';
+import enCsv from '../pages/tools/csv/i18n/en.json';
+import enJson from '../pages/tools/json/i18n/en.json';
+import enPdf from '../pages/tools/pdf/i18n/en.json';
+import enImage from '../pages/tools/image/i18n/en.json';
+import enAudio from '../pages/tools/audio/i18n/en.json';
+import enVideo from '../pages/tools/video/i18n/en.json';
+import enNumber from '../pages/tools/number/i18n/en.json';
+import enTime from '../pages/tools/time/i18n/en.json';
+import enXml from '../pages/tools/xml/i18n/en.json';
+
+// Merge translations for demonstration; in a real app, use namespaces
+const resources = {
+  en: {
+    translation: {
+      ...enGlobal,
+      list: enList,
+      string: enString,
+      csv: enCsv,
+      json: enJson,
+      pdf: enPdf,
+      image: enImage,
+      audio: enAudio,
+      video: enVideo,
+      number: enNumber,
+      time: enTime,
+      xml: enXml
+    }
+  }
+};
+
+i18n.use(initReactI18next).init({
+  resources,
+  lng: 'en',
+  fallbackLng: 'en',
+  interpolation: {
+    escapeValue: false
+  }
+});
+
+export default i18n;