Added Arabic locale with right to left support (#1220)

I have added arabic locale and modified the _app.tsx code to automatically detect the current language direction and applies it to the while website.

website/next-i18next.config.js

@@ -1,6 +1,6 @@
 module.exports = {
   i18n: {
     defaultLocale: "en",
-    locales: ["bn", "de", "en", "es", "fr", "hu", "ja", "ko", "pt-BR", "ru", "uk-UA", "vi", "zh", "tr"],
+    locales: ["ar", "bn", "de", "en", "es", "fr", "hu", "ja", "ko", "pt-BR", "ru", "uk-UA", "vi", "zh", "tr"],
   },
 };

website/public/locales/ar/common.json

@@ -0,0 +1,25 @@
+{
+  "about": "حول",
+  "account_settings": "حساب",
+  "admin_dashboard": "لوحة التحكم الإدارية",
+  "connect": "الاتصال",
+  "conversational": "ذكاء تحدثي للجميع.",
+  "dashboard": "لوحة التحكم",
+  "delete": "حذف",
+  "discord": "ديسكورد",
+  "docs": "وثائق",
+  "github": "جيت هوب (github)",
+  "legal": "قانوني",
+  "loading": "جار التحميل...",
+  "more_information": "مزيد من المعلومات",
+  "no": "لا",
+  "privacy_policy": "سياسة الخصوصية",
+  "report_a_bug": "إبلاغ عن خطأ",
+  "sign_in": "تسجيل الدخول",
+  "sign_out": "تسجيل الخروج",
+  "terms_of_service": "شروط الخدمة",
+  "title": "Open Assistant (المساعد المفتوح)",
+  "yes": "نعم",
+  "dark_mode": "الوضع الداكن",
+  "light_mode": "الوضع المضيء"
+}

website/public/locales/ar/dashboard.json

@@ -0,0 +1,8 @@
+{
+  "grab_a_task": "التقاط مهمة!",
+  "create": "خلق",
+  "evaluate": "تقييم",
+  "label": "تصنيف",
+  "dashboard": "لوحة التحكم",
+  "go": "ذهاب"
+}

website/public/locales/ar/index.json

@@ -0,0 +1,15 @@
+{
+  "blurb": "نحن نعتقد أنه يمكن أن نخلق ثورة.",
+  "blurb1": "كما ساعد Stable Diffusion العالم في عمل الفن والصور بطرق جديدة، نحن نريد تحسين العالم عن طريق تقديم ذكاء تحدثي رائع.",
+  "description": "ذكاء تحدثي للجميع. مشروع مفتوح المصدر لخلق GPT LLM ممتاز مع تفعيل الدردشة بواسطة LAION والمتزعمين حول العالم.",
+  "faq_items": {
+    "q0": "إلى أي مدى عند المشروع؟",
+    "a0": "نحن في المراحل الأولى من التطوير، نعمل على أساس أبحاث مؤرخة في تطبيق RLHF على النماذج اللغوية الكبيرة.",
+    "q1": "من هو وراء Open Assistant؟",
+    "a1": "Open Assistant هو مشروع منظم من قبل LAION والأفراد حول العالم الذين يهتمون بجلب هذه التكنولوجيا للجميع."
+  },
+  "faq_title": "أسئلة وأجوبة شائعة",
+  "join_us_description": "جميع المشاريع المفتوحة المصدر تبدأ مع أشخاص مثلك. المصدر المفتوح هو الإيمان بأنه إذا تعاوننا، يمكن أن نقدم معا علمنا وتكنولوجيانا للعالم لنفع البشرية. هل تريد الانضمام الينا؟ اعثر علينا هنا:",
+  "join_us_title": "انضم إلينا",
+  "subtitle": "ذكاء تحدثي للجميع."
+}

website/public/locales/ar/labelling.json

@@ -0,0 +1,24 @@
+{
+  "label_highlighted_yes_no_instruction": "أجب على السؤال (الأسئلة) التالي عن الخطاب المميز:",
+  "label_highlighted_flag_instruction": "حدد أي أن تنطبق على الخطاب المميز:",
+  "label_highlighted_likert_instruction": "تقييم الخطاب المميز:",
+  "label_message_yes_no_instruction": "أجب على السؤال (الأسئلة) التالي عن الخطاب:",
+  "label_message_flag_instruction": "حدد أي أن تنطبق على الخطاب:",
+  "label_message_likert_instruction": "تقييم الخطاب:",
+  "spam.question": "هل الخطاب هي رسالة غير مرغوب فيها؟",
+  "fails_task.question": "هل هي رد سيئ، كجواب على مهمة النداء؟",
+  "not_appropriate": "غير مناسب",
+  "not_appropriate.explanation": "غير مناسب لمساعد العميل.",
+  "pii": "تحتوي على PII",
+  "pii.explanation": "تحتوي على معلومات شخصية يمكن تحديد الهوية بها. مثال يشمل تفاصيل اتصال شخصية، رقم ترخيص وغيرها من أرقام الهوية وتفاصيل الحساب المصرفي.",
+  "hate_speech": "نشاط عدائي",
+  "hate_speech.explanation": "المحتوى يحمل عبارات تشهير أو تهديد ويعبر عن الطائفية ضد خاصية محمية. الطائفية تعني الآراء المسبقة التي لا تعتمد على العقل. الخصائص المحمية تشمل الجنس والعرق والدين والميول الجنسية ومثل هذه الخصائص.",
+  "sexual_content": "المحتوى الجنسي",
+  "sexual_content.explanation": "يحتوي على محتوى جنسي.",
+  "moral_judgement": "حكم على الأخلاقيات",
+  "moral_judgement.explanation": "يعبر عن الأخلاقيات.",
+  "political_content": "سياسي",
+  "political_content.explanation": "يعبر عن الآراء السياسية.",
+  "lang_mismatch": "لغة خاطئة",
+  "lang_mismatch.explanation": "لم كتب باللغة المحددة حاليا."
+}

website/public/locales/ar/leaderboard.json

@@ -0,0 +1,18 @@
+{
+  "daily": "يومياً",
+  "last_updated_at": "آخر تحديث في: {{val, datetime}}",
+  "leaderboard": "الجدول الترتيبي",
+  "monthly": "شهرياً",
+  "overall": "إجمالياً",
+  "rank": "الترتيب",
+  "score": "النقاط",
+  "user": "المستخدم",
+  "weekly": "أسبوعياً",
+  "prompt": "المقترحات",
+  "reply": "الردود",
+  "label": "العلامات",
+  "view_all": "عرض الكل",
+  "top_5_contributors_today": "أعلى 5 مساهمين اليوم",
+  "previous": "السابق",
+  "next": "التالي"
+}

website/public/locales/ar/message.json

@@ -0,0 +1,16 @@
+{
+  "label_action": "تصنيف",
+  "label_title": "تصنيف",
+  "message": "رسالة",
+  "open_new_tab_action": "فتح في علامة تبويب جديدة",
+  "parent": "الأصل",
+  "reactions": "الردود",
+  "report_action": "تبليغ",
+  "report_placeholder": "لماذا يجب استعراض هذه الرسالة؟",
+  "report_title": "تبليغ",
+  "send_report": "إرسال",
+  "submit_labels": "إرسال",
+  "view_user": "عرض المستخدم",
+  "recent_messages": "أحدث الرسائل",
+  "your_recent_messages": "أحدث رسائلك"
+}

website/public/locales/ar/side_menu.json

@@ -0,0 +1,12 @@
+{
+  "dashboard": "لوحة التحكم",
+  "dashboard_home": "الصفحة الرئيسية للإحصائيات",
+  "messages": "رسائل",
+  "messages_dashboard": "لوحة تحكم الرسائل",
+  "leaderboard": "جدول الأوائل",
+  "user_leaderboard": "جدول الأوائل للمستخدمين",
+  "users": "المستخدمون",
+  "users_dashboard": "لوحة تحكم المستخدمين",
+  "status": "الحالة",
+  "status_dashboard": "لوحة تحكم الحالة"
+}

website/public/locales/ar/tasks.json

@@ -0,0 +1,82 @@
+{
+  "default": {
+    "unchanged_title": "لا تغير",
+    "unchanged_message": "هل أنت متأكد من أنك تريد المتابعة؟"
+  },
+  "random": {
+    "label": "أنا أشعر بالحظ",
+    "desc": "ساعدنا في تحسين Open Assistant ببدء مهمة عشوائية."
+  },
+  "create_initial_prompt": {
+    "label": "إنشاء النداء الأولي",
+    "desc": "أكتب الندائات الأولية لمساعدة Open Assistant على محاولة الرد على الرسائل المتنوعة.",
+    "overview": "أنشئ رسالة أولية لإرسالها للمساعد",
+    "instruction": "أعط االندائات الأولية",
+    "response_placeholder": "اكتب نداءك هنا..."
+  },
+  "reply_as_user": {
+    "label": "الرد كمستخدم",
+    "desc": "تحدث مع Open Assistant وساعده في تحسين ردوده عند التفاعل معه.",
+    "overview": "بناءً على المحادثة التالية، توفر رد مناسب",
+    "instruction": "أعط رد المستخدم",
+    "response_placeholder": "اكتب ردك هنا..."
+  },
+  "reply_as_assistant": {
+    "label": "كــــالمدراء",
+    "desc": "مساعدة Open Assistant لتحسين ردوده على محادثات مع مستخدمين آخرين.",
+    "overview": "بعد الحصول على المحادثة التالية، توفير رد كافي",
+    "response_placeholder": "اكتب ردك هنا..."
+  },
+  "rank_user_replies": {
+    "label": "تصنيف ردود المستخدم",
+    "desc": "مساعدة Open Assistant لتحسين ردوده على محادثات مع مستخدمين آخرين.",
+    "overview": "بعد الحصول على الردود التالية للمستخدم، قم بترتيبها من أفضل إلى أسوأ، أفضل أولاً وأسوأ آخراً.",
+    "unchanged_title": "لم يتغير الترتيب",
+    "unchanged_message": "لم تقم بتغيير ترتيب الردود. هل أنت متأكد من أن تود الاستمرار؟"
+  },
+  "rank_assistant_replies": {
+    "label": "تصنيف ردود المدراء",
+    "desc": "تصحيح ردود Open Assistant على أساس دقة وقابلية القراءة.",
+    "overview": "بعد الحصول على الردود التالية للمدراء، قم بترتيبها من أفضل إلى أسوأ، أفضل أولاً وأسوأ آخراً.",
+    "unchanged_title": "لم يتغير الترتيب",
+    "unchanged_message": " لم تغير ترتيب المحاور.هل أنت متأكدأنك تريد المواصلة؟"
+  },
+  "rank_initial_prompts": {
+    "label": "تصنيف النداءات الأولية",
+    "desc": "تصحيح النداءات المعطاة من قبل Open Assistant على أساس الدقة والقابلية للقراءة.",
+    "overview": "بالنظر إلى النداءات الأولية التالية، ترتيبها من أفضل إلى أسوأ، أفضل أن يكون أولا، أسوأ أن يكون آخرا.",
+    "unchanged_title": "لم يتغير الترتيب",
+    "unchanged_message": "لم تغير ترتيب النداءات. هل أنت متأكد من أنك ترغب في الاستمرار؟"
+  },
+  "label_initial_prompt": {
+    "label": "تصنيف النداء الأولي",
+    "desc": "توفير تصنيفات للنداء.",
+    "overview": "توفير تصنيفات للنداء التالي"
+  },
+  "label_prompter_reply": {
+    "label": "تصنيف الرد على النداء",
+    "desc": "أعط تصنيفات للنداء.",
+    "overview": "أعط تصنيفات للرد النهائي في المناقشة التالية."
+  },
+  "label_assistant_reply": {
+    "label": "تصنيف الرد عن طريق المساعد",
+    "desc": "تقديم تصنيفات للنداء.",
+    "overview": "بعد النقاش التالي، تقديم تصنيفات للنداء النهائي."
+  },
+  "classify_initial_prompt": {
+    "label": "صنف بداية النداء",
+    "desc": "أعط علامات للنداء",
+    "overview": "اقرأ النداء التالي وأجب عن السؤال عنه."
+  },
+  "classify_prompter_reply": {
+    "label": "تصنيف رد المنادي",
+    "desc": "توفير ملصقات للمنادي.",
+    "overview": "اقرأ المحادثة التالية وثم أجب عن السؤال حول آخر رد في المناقشة."
+  },
+  "classify_assistant_reply": {
+    "label": "تصنيف رد المساعد",
+    "desc": "توفير ملصقات للمنادي.",
+    "overview": "اقرأ المحادثة التالية وثم أجب عن السؤال حول آخر رد في المناقشة."
+  },
+  "available_task_count": "{{count}} مهام متاحة"
+}

website/public/locales/ar/tos.json

@@ -0,0 +1,6 @@
+{
+  "title": "شروط الخدمة لمساعد مفتوح",
+  "content": "للاستمرار في استخدام Open Assistant (المساعد المفتوح)، يجب عليك قبول شروط الخدمة الخاصة بنا أولاً.",
+  "accept": "قبول",
+  "decline": "رفض"
+}

website/src/pages/_app.tsx

@@ -13,6 +13,8 @@ import { SWRConfig, SWRConfiguration } from "swr";
 import nextI18NextConfig from "../../next-i18next.config.js";
 import { Chakra, getServerSideProps } from "../styles/Chakra";
 
+import React, { useEffect } from "react";
+
 type AppPropsWithLayout = AppProps & {
   Component: NextPageWithLayout;
 };
@@ -25,8 +27,11 @@ const swrConfig: SWRConfiguration = {
 function MyApp({ Component, pageProps: { session, cookies, ...pageProps } }: AppPropsWithLayout) {
   const getLayout = Component.getLayout ?? getDefaultLayout;
   const page = getLayout(<Component {...pageProps} />);
-  const { t } = useTranslation();
-
+  const { t, i18n } = useTranslation();
+  const direction = i18n.dir();
+  useEffect(() => {
+    document.body.dir = direction;
+  }, [direction]);
   return (
     <>
       <Head>