Agenda: colores de estado mas fuertes y boton de En curso

- Badge y bloques de la cuadricula: cada estado con su color propio y
  fuerte (pendiente=ambar, confirmada=esmeralda, llego/en cabina=cielo,
  en curso=violeta, completada=gris, cancelo/no show=rosa). Antes varios
  compartian tonos pastel casi iguales. La leyenda del grid usa los
  mismos colores.
- badgeForAppointmentState: llego e en_curso tenian variant de pendiente
  (se veian igual); ahora arrived y progress, y no_show/waitlist tienen
  las suyas.
- Boton 'Marcar en curso' (accion start del backend) en las acciones
  rapidas de la vista de lista y tarjetas moviles, entre Llegada y
  Completar.
- Mini-checklist del flujo en el tooltip de la cuadricula (solo lectura;
  click abre el detalle con el checklist completo interactivo).

frontend/src/lib/badges.ts

@@ -4,11 +4,19 @@ export const badgeForAppointmentState = (state: string): BadgeVariant => {
   switch (state) {
     case 'confirmed':
       return 'confirmed';
+    case 'arrived':
+      return 'arrived';
+    case 'in_progress':
+      return 'progress';
     case 'done':
     case 'completed':
       return 'done';
     case 'cancelled':
       return 'cancelled';
+    case 'no_show':
+      return 'danger';
+    case 'waitlist':
+      return 'info';
     default:
       return 'pending';
   }