Guardar la explicación de la pregunta correcta en la base de datos y usarla en diferentes partes de la app

[omiras]

Análisis

Queremos poder guardar en un campo en la base de datos porque una respuesta de la pregunta tipo test es correcta (una explicación)

• Markdown2Json tiene un campo (urlSource) que indica el origen de la pregunta
• la IA genera un campo de nombre explanation comentado porqué es correcta la respuesta marcada como correcta.

Modificar el modelo para añadir el campo explanation de tipo String y que no es requerido. Podéis indicar un maxLength de 4000.

Vaís a tener que cargar preguntas tipo test procedentes del Mardown2Json en la base de datos. (db.questions.insertMany) des de el plugin.

Daily Question

Hay que modificar la vista home.ejs, para que en el caso de que haya explicación sobre la respuesta correcta, se muestre.
Fijaos en el Figma de Eva para adaptar los colores de la app.

Tenemos que tener en cuenta que por ahora no estamos mostrando los codeExamples de las preguntas tipo test en la vista. Valorar si mostrarlos o no. En el caso de que no lleguemos a mostrarlos, entonces recuperad preguntas tipo test que NO tengan codeExample.

Criterios de aceptación

• Existe una vista /daily-question donde se renderiza una pregunta con 4 opciones
• Los estilos aplicados a esta vista siguen el patrón del prototipo de Figma
• Al contestar tipo test, si existe una "explanation", se muestra.

[omiras]

@evahuertas ¿Podrías modificar el figma para que tenga en cuenta estos nuevos elementos de la interfaz de usuario?

[omiras]

Atención cuando mergeamos la issue porque ya tendremos el questions.services.js con la nueva forma de obtener preguntas tipo test. @crimanlor @SharmarAndrey os pueden ayudar en este asunto.

[omiras]

1. Poner un fondo claro a la explicación de la respuesta correcta a espera del protitpo final
2. MezclarArray -> shuffleArray. Vamos a mover esa función a un fichero en config/utils.js o utils/utils.js, podéis decidir.
3. No podemos impedir de traernos todas las preguntas con codeExamples en el services. Valorad como solucionar esto, quizás añadiendo un parámetro al servicio actual o creando un nuevo servicio

[omiras]

Esta mañana corrigiendo Tribook, muchos compañeros no maquetan bien las "normas de uso del apartamento" porque no se tienen en cuenta los saltos de línea. Creo que pasa lo mismo aquí. Si queréis podéis probar lo siguiente por tal de poder usar las preguntas con codeExamples

1. Usar directamente un textarea en modo readonly cargar el contenido de codeExamples, a ver que tal se ve
2. Preguntar a Chat como podemos maquetar esos saltos de línea con HTML y CSS (creo que la etiqueta <pre> puede ayudar)
3. Investigar esta biblioteca que hace highlight del código
   Si os apetece podéis hacer la prueba, si no lo dejamos como documentación para una nueva issue.