feat: translate dashboard page and components to English

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

apps/web/components/dashboard/recent-bookings.tsx

@@ -27,23 +27,23 @@ interface RecentBookingsProps {
 
 const statusConfig: Record<string, { label: string; className: string }> = {
   PENDING: {
-    label: "Pendiente",
+    label: "Pending",
     className: "bg-yellow-100 text-yellow-700",
   },
   CONFIRMED: {
-    label: "Confirmada",
+    label: "Confirmed",
     className: "bg-blue-100 text-blue-700",
   },
   COMPLETED: {
-    label: "Completada",
+    label: "Completed",
     className: "bg-green-100 text-green-700",
   },
   CANCELLED: {
-    label: "Cancelada",
+    label: "Cancelled",
     className: "bg-red-100 text-red-700",
   },
   NO_SHOW: {
-    label: "No asistio",
+    label: "No Show",
     className: "bg-gray-100 text-gray-700",
   },
 };
@@ -71,11 +71,11 @@ export function RecentBookings({ bookings, isLoading = false }: RecentBookingsPr
                 d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
               />
             </svg>
-            Reservas de Hoy
+            Today's Bookings
           </CardTitle>
           <Link href="/bookings">
             <Button variant="ghost" size="sm" className="text-sm">
-              Ver todas
+              View all
               <svg
                 className="w-4 h-4 ml-1"
                 fill="none"
@@ -109,7 +109,7 @@ export function RecentBookings({ bookings, isLoading = false }: RecentBookingsPr
                 d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
               />
             </svg>
-            <p className="text-sm">No hay reservas para hoy</p>
+            <p className="text-sm">No bookings for today</p>
           </div>
         ) : (
           <div className="space-y-3">
@@ -139,7 +139,7 @@ export function RecentBookings({ bookings, isLoading = false }: RecentBookingsPr
                   {/* Details */}
                   <div className="flex-1 min-w-0">
                     <p className="text-sm font-medium text-primary-800 truncate">
-                      {booking.client?.name || "Sin cliente"}
+                      {booking.client?.name || "Walk-in"}
                     </p>
                     <p className="text-xs text-primary-500 truncate">
                       {booking.court.name}