refactor: translate admin portal from French to English

Author: Keith Ruggier

app/[locale]/(admin)/admin/dashboard/page.tsx

@@ -71,12 +71,12 @@ async function DashboardStats() {
                   <div className="rounded-xl bg-blue-500 p-2">
                     <Users className="h-5 w-5 text-white" />
                   </div>
-                  <span className="text-xs font-medium uppercase tracking-wider text-blue-600 dark:text-blue-400">Communauté</span>
+                  <span className="text-xs font-medium uppercase tracking-wider text-blue-600 dark:text-blue-400">Community</span>
                 </div>
                 <h3 className="text-3xl font-bold text-gray-900 dark:text-white">{stats.totalUsers.toLocaleString()}</h3>
+                <p className="text-xs text-gray-600 dark:text-gray-300">Users</p>
                 <p className="text-sm text-gray-600 dark:text-gray-300">
-                  <p className="text-xs text-gray-600 dark:text-gray-300">Utilisateurs</p>
-                  <span className="font-semibold text-green-600 dark:text-green-400">+{stats.recentUsers}</span> cette semaine
+                  <span className="font-semibold text-green-600 dark:text-green-400">+{stats.recentUsers}</span> this week
                 </p>
               </div>
               <div className="transition-transform duration-200 group-hover:rotate-6">
@@ -102,7 +102,7 @@ async function DashboardStats() {
             </div>
             <h3 className="text-2xl font-bold text-gray-900 dark:text-white">{stats.totalWorkoutSessions.toLocaleString()}</h3>
             <p className="text-xs text-gray-600 dark:text-gray-300">Sessions</p>
-            <p className="text-xs text-green-600 dark:text-green-400">+{stats.recentWorkouts} cette semaine</p>
+            <p className="text-xs text-green-600 dark:text-green-400">+{stats.recentWorkouts} this week</p>
           </div>
         </div>
       </div>
@@ -124,7 +124,7 @@ async function DashboardStats() {
               </div>
             </div>
             <h3 className="text-xl font-bold text-gray-900 dark:text-white">{stats.totalPrograms.toLocaleString()}</h3>
-            <p className="text-xs text-gray-600 dark:text-gray-300">Programmes</p>
+            <p className="text-xs text-gray-600 dark:text-gray-300">Programs</p>
           </div>
         </div>
 
@@ -142,7 +142,7 @@ async function DashboardStats() {
               </div>
             </div>
             <h3 className="text-2xl font-bold text-gray-900 dark:text-white">{stats.totalExercises.toLocaleString()}</h3>
-            <p className="text-xs text-gray-600 dark:text-gray-300">Exercices</p>
+            <p className="text-xs text-gray-600 dark:text-gray-300">Exercises</p>
           </div>
         </div>
 
@@ -161,7 +161,7 @@ async function DashboardStats() {
               </div>
             </div>
             <h3 className="text-xl font-bold text-gray-900 dark:text-white">{stats.activeSubscriptions}</h3>
-            <p className="text-xs text-gray-600 dark:text-gray-300">Abonnés</p>
+            <p className="text-xs text-gray-600 dark:text-gray-300">Subscribers</p>
           </div>
         </div>
       </div>

app/[locale]/(admin)/admin/users/page.tsx

@@ -21,14 +21,14 @@ export default async function AdminUsersPage() {
 
     // Check if the action was successful
     if (!result || !result.data) {
-      throw new Error("Impossible de charger les utilisateurs");
+      throw new Error("Unable to load users");
     }
 
     return (
       <div className="space-y-6">
         <div>
-          <h1 className="text-3xl font-bold tracking-tight">Utilisateurs</h1>
-          <p className="text-muted-foreground">Gestion et administration des comptes utilisateurs</p>
+          <h1 className="text-3xl font-bold tracking-tight">Users</h1>
+          <p className="text-muted-foreground">User account management and administration</p>
         </div>
         <UsersTable initialUsers={result} />
       </div>
@@ -39,15 +39,15 @@ export default async function AdminUsersPage() {
     return (
       <div className="space-y-6">
         <div>
-          <h1 className="text-3xl font-bold tracking-tight">Utilisateurs</h1>
-          <p className="text-muted-foreground">Gestion et administration des comptes utilisateurs</p>
+          <h1 className="text-3xl font-bold tracking-tight">Users</h1>
+          <p className="text-muted-foreground">User account management and administration</p>
         </div>
         <div className="rounded-lg border border-red-200 bg-red-50 p-6 dark:border-red-800 dark:bg-red-950">
-          <h2 className="text-lg font-semibold text-red-800 dark:text-red-200">Erreur de chargement</h2>
+          <h2 className="text-lg font-semibold text-red-800 dark:text-red-200">Loading Error</h2>
           <p className="mt-2 text-sm text-red-700 dark:text-red-300">
-            Impossible de charger la liste des utilisateurs. Veuillez réessayer plus tard.
+            Unable to load user list. Please try again later.
           </p>
-          <p className="mt-1 text-xs text-red-600 dark:text-red-400">{error instanceof Error ? error.message : "Erreur inconnue"}</p>
+          <p className="mt-1 text-xs text-red-600 dark:text-red-400">{error instanceof Error ? error.message : "Unknown error"}</p>
         </div>
       </div>
     );

src/features/admin/layout/admin-sidebar/ui/admin-header.tsx

@@ -61,13 +61,13 @@ export function AdminHeader({ user }: AdminHeaderProps) {
               <DropdownMenuItem asChild>
                 <Link className="flex items-center space-x-2" href={`/${paths.profile}`}>
                   <UserCog className="h-4 w-4" />
-                  <span>Profil</span>
+                  <span>Profile</span>
                 </Link>
               </DropdownMenuItem>
               <DropdownMenuItem onClick={() => logout.mutate()}>
                 <div className="flex items-center space-x-2">
                   <LogOut className="h-4 w-4" />
-                  <span>Déconnexion</span>
+                  <span>Logout</span>
                 </div>
               </DropdownMenuItem>
             </DropdownMenuContent>

src/features/admin/programs/ui/create-program-button.tsx

@@ -15,7 +15,7 @@ export function CreateProgramButton() {
         onClick={() => setIsModalOpen(true)}
       >
         <Plus className="h-4 w-4" />
-        Créer un programme
+        Create Program
       </button>
 
       <CreateProgramModal