Add internationalization

Author: Chigybillionz

frontend/README.md

@@ -162,6 +162,14 @@ The main feature of this application is the comprehensive Profile Management Das
 - Global ranking and percentile
 - Performance scoring system
 
+## 🌍 Internationalization (i18n)
+
+To add support for a new language, follow these steps:
+1. **Update Configuration**: Add the ISO language code (e.g., `it` for Italian) to the `locales` array in `next-i18next.config.js`.
+2. **Add Translation Files**: Create a new directory for the language in `public/locales/` (e.g., `public/locales/it/`). Copy the JSON files from `public/locales/en/` and translate the values.
+3. **Update Language Switcher**: Add the language details to the `languages` array in `src/components/LanguageSwitcher.tsx`.
+4. **RTL Support**: If the language is Right-To-Left, ensure `rtl: true` is set in the `LanguageSwitcher` array and the language code is added to `RTL_LANGUAGES` in `src/lib/rtl.ts`.
+
 ## 🔧 Configuration
 
 ### Environment Variables

frontend/next-i18next.config.js

@@ -2,7 +2,7 @@
 module.exports = {
   i18n: {
     defaultLocale: 'en',
-    locales: ['en', 'es', 'fr', 'de', 'zh', 'ja', 'ko', 'ar'],
+    locales: ['en', 'es', 'fr', 'de', 'zh', 'ja', 'ko', 'ar', 'he'],
     localeDetection: true,
   },
   localePath: './public/locales',

frontend/next.config.js

@@ -17,7 +17,7 @@ const nextConfig = {
   },
   i18n: {
     ...i18n,
-    localeDetection: false,
+    localeDetection: true,
   },
   async rewrites() {
     return [

frontend/public/locales/ar/common.json

@@ -339,5 +339,11 @@
     "github": "جيت هب",
     "youtube": "يوتيوب",
     "medium": "ميديوم"
+  },
+  "languageSwitcher": {
+    "title": "اختر لغتك",
+    "subtitle": "اختر لغتك المفضلة للحصول على أفضل تجربة",
+    "searchPlaceholder": "البحث عن لغات...",
+    "ariaSelect": "اختر اللغة"
   }
 }