feat: improved locale selection (made button, use i18n)

app/i18n.ts

@@ -0,0 +1,20 @@
+import i18n from 'i18next'
+import { initReactI18next } from 'react-i18next'
+import LanguageDetector from 'i18next-browser-languagedetector'
+
+i18n
+  .use(LanguageDetector)
+  .use(initReactI18next)
+  .init({
+    resources: {
+      'en-US': {
+        translation: require('../public/locales/en-US.json')
+      }
+    },
+    fallbackLng: 'en-US',
+    interpolation: {
+      escapeValue: false
+    }
+  });
+
+export default i18n

app/layout.tsx

@@ -1,10 +1,11 @@
 "use client"
 
-import React, { useEffect } from 'react';
+import React, { useEffect } from 'react'
 import './globals.css'
 import '@fortawesome/fontawesome-svg-core/styles.css'
 import { config } from '@fortawesome/fontawesome-svg-core'
-import { GeistSans } from 'geist/font/sans';
+import { GeistSans } from 'geist/font/sans'
+import '../i18n'
 
 config.autoAddCss = false