feat(i18n,rtl): full Arabic localization + RTL sweep across all layouts

Frontend
- i18n: install tailwindcss-rtl, Cairo font, RTL-aware direction in index.css.
- Language toggle: localize aria-label / menu label, persist choice, update
  document dir synchronously.
- Sidebar: add `side` prop so the drawer pins to the right in RTL; wire up
  AdminLmsLayout, RoleLayout (student/teacher) and AppSidebar to pass
  side = i18n.dir() === 'rtl' ? 'right' : 'left'.
- AdminLmsLayout: convert every nav item from hard-coded title to titleKey,
  translate group labels (incl. the collapsible Training), breadcrumbs,
  user menu (Profile / Settings / Logout), help button and toggle aria
  labels; replace physical mr-/right- utilities with logical me-/end-.
- AI components (AiTipBanner, AiInsightsPanel, AiAlertBanner, AiSearchBar,
  AiAssistantDrawer): apply dir="auto" at the container level, localize
  titles, loading / error / empty states.
- Dashboards (admin / student / teacher): wrap numeric values in <bdi>,
  localize dates via ar-EG, fix flex direction for KPI and assignment cards.
- UI primitives (breadcrumb, calendar, carousel, dropdown-menu, menubar,
  context-menu, pagination, sidebar): flip chevrons in RTL via a scoped
  CSS rule, swap pl-/pr-/ml-/mr- for ps-/pe-/ms-/me-.
- Add logical-direction helpers and bidirectional isolation classes.

Locales
- Expand en.ts and ar.ts with full `nav`, `sidebarGroup`, `breadcrumb`,
  `userMenu`, `chrome`, `ai`, and dashboard key sets; keep key parity.

API client
- `api-client.ts` reads the active language from localStorage/i18n and sends
  `Accept-Language` on every request so the backend can localize AI output.

Backend (encoach_ai)
- openai_service: add _LANGUAGE_NAMES, normalize_language, language-aware
  system prompt injection for every OpenAI call.
- coach_service + controllers (coach_controller, ai_controller): thread
  the requested language from headers / user locale down to OpenAIService.
- ai_feedback: fix latent registry error by pointing course_id at op.course
  instead of the non-existent encoach.course.

Other
- .gitignore: ignore runtime odoo logs and local caches.

Made-with: Cursor

src/components/student/ExamPopup.tsx

@@ -1,6 +1,7 @@
 import { useState, useEffect } from "react";
 import { useNavigate } from "react-router-dom";
 import { useQuery } from "@tanstack/react-query";
+import { useTranslation } from "react-i18next";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
@@ -10,6 +11,7 @@ import type { StudentExamAssignment } from "@/types";
 
 export default function ExamPopup() {
   const navigate = useNavigate();
+  const { t, i18n } = useTranslation();
   const [open, setOpen] = useState(false);
   const [dismissed, setDismissed] = useState<Set<number>>(new Set());
 
@@ -30,11 +32,14 @@ export default function ExamPopup() {
 
   if (pendingExams.length === 0) return null;
 
+  // Localize dates with the active language so Arabic users see ar-EG
+  // month names instead of "Apr 19, 2026". The locale is taken from i18n.
+  const dateLocale = i18n.language?.startsWith("ar") ? "ar-EG" : "en-US";
   const formatDate = (iso: string | null) => {
     if (!iso) return "—";
     const d = new Date(iso);
-    return d.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }) +
-      " " + d.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit" });
+    return d.toLocaleDateString(dateLocale, { month: "short", day: "numeric", year: "numeric" }) +
+      " " + d.toLocaleTimeString(dateLocale, { hour: "2-digit", minute: "2-digit" });
   };
 
   const handleStart = (exam: StudentExamAssignment) => {
@@ -54,10 +59,10 @@ export default function ExamPopup() {
         <DialogHeader>
           <DialogTitle className="flex items-center gap-2">
             <AlertCircle className="h-5 w-5 text-primary" />
-            Upcoming Exams ({pendingExams.length})
+            {t("examPopup.title", { n: pendingExams.length })}
           </DialogTitle>
         </DialogHeader>
-        <div className="space-y-3 max-h-[60vh] overflow-y-auto pr-1">
+        <div className="space-y-3 max-h-[60vh] overflow-y-auto pe-1">
           {pendingExams.map((exam) => (
             <div key={exam.id} className="border rounded-lg p-4 space-y-3">
               <div className="flex items-center justify-between">
@@ -66,7 +71,7 @@ export default function ExamPopup() {
                   variant={exam.schedule_state === "active" ? "default" : "secondary"}
                   className="capitalize text-xs"
                 >
-                  {exam.schedule_state === "active" ? "Active Now" : exam.schedule_state}
+                  {exam.schedule_state === "active" ? t("examPopup.activeNow") : exam.schedule_state}
                 </Badge>
               </div>
 
@@ -77,11 +82,11 @@ export default function ExamPopup() {
               <div className="flex items-center gap-4 text-xs text-muted-foreground">
                 <span className="flex items-center gap-1">
                   <Calendar className="h-3 w-3" />
-                  From: {formatDate(exam.start_date)}
+                  {t("examPopup.from")} {formatDate(exam.start_date)}
                 </span>
                 <span className="flex items-center gap-1">
                   <Clock className="h-3 w-3" />
-                  To: {formatDate(exam.end_date)}
+                  {t("examPopup.to")} {formatDate(exam.end_date)}
                 </span>
               </div>
 
@@ -93,20 +98,20 @@ export default function ExamPopup() {
                   className="gap-1.5"
                 >
                   <PlayCircle className="h-3.5 w-3.5" />
-                  {exam.can_start ? "Start Exam" : "Not Available Yet"}
+                  {exam.can_start ? t("examPopup.startExam") : t("examPopup.notAvailableYet")}
                 </Button>
                 <Button
                   size="sm"
                   variant="ghost"
                   onClick={() => handleDismiss(exam.id)}
                 >
-                  Dismiss
+                  {t("common.dismiss")}
                 </Button>
                 {!exam.can_start && (
-                  <span className="text-[11px] text-muted-foreground italic ml-auto">
+                  <span className="text-[11px] text-muted-foreground italic ms-auto">
                     {exam.schedule_state === "planned"
-                      ? "Exam will be available once it becomes active"
-                      : "Exam is not currently active"}
+                      ? t("examPopup.willBeAvailable")
+                      : t("examPopup.notActive")}
                   </span>
                 )}
               </div>