El problema es que uso bg-error pero probablemente ese color no existe en el theme. Voy a verificar los colores disponibles en globals.css:
El color error no existe. Tengo destructive, success, warning, pink, primary, secondary. Voy a cambiar bg-error por bg-destructive:
Ahora la barra de CMPLX se muestra correctamente en rojo con valor 95. Las tres barras de dificultad funcionan:
- CMPLX (rojo/destructive): 95
- SCALE (dorado/secondary): 90
- TIME (cyan/primary): 90 (36 meses)
El fix fue cambiar bg-error por bg-destructive ya que el color "error" no existia en el theme definido en globals.css.
Ahora elimino el uso del componente DifficultyStats y luego los componentes mismos:
Ahora agrego "Screaming Architecture" al mapeo de iconos:
Listo. Elimine las barras de dificultad, cambie "Clean Architecture" por "Screaming Architecture" (con icono SA), y quite Docker y containerization de CGI Capital.