02 encabezado y metadatos

[notnohora]

Descripción

En este PR se implementa el encabezado del reto (challenge-header) para el workspace de desafíos.

Cambios realizados

• Se creó el componente challenge-header.
• Se agregó el tipo ProblemMeta para modelar los metadatos del problema.
• Se extendió ChallengeProblemDto con ProblemMeta.
• Se renderizan el título, la dificultad, el número de aceptaciones, el engagement y el autor.
• Se implementaron fallbacks para campos opcionales.
• Se añadió el formateo de conteos (K y M).
• Se incorporaron pruebas unitarias para el método formatCount.
• Se integró el componente en challenge-workspace.
• Se añadieron los íconos y estilos necesarios para seguir el diseño de Figma.

Closes #2

[JGaviria0]

@codex

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: b4978cf595

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[chatgpt-codex-connector]

Let the header width shrink on narrow panels

When the workspace switches to one column at max-width: 900px, the problem panel can be much narrower than 591px (for example, a 390px mobile viewport minus the panel padding). This fixed title width forces horizontal scrolling even for short challenge titles, whereas the previous inline <h1> could shrink with the panel. Use a fluid width such as width: 100%/max-width or remove the fixed width so the challenge header remains responsive.

Useful? React with 👍 / 👎.

[chatgpt-codex-connector]

Avoid formatting near-million counts as 1000.0K

For counts between 999,950 and 999,999, this branch runs before the million threshold but toFixed(1) rounds the displayed value up to 1000.0K. Because one more count renders as 1.0M, users see an inconsistent and misleading abbreviation at the boundary; choose the suffix after rounding or promote rounded 1000.0K values to the M format.

Useful? React with 👍 / 👎.

[chatgpt-codex-connector]

Let long titles grow vertically

When a challenge has a title long enough to wrap, this fixed 32px container height still reserves only one line before the metadata row, so the second line of the <h1> overflows into or overlaps the meta controls. Challenge titles are user/content data and can be longer than the current fixture; let the title container use auto height instead of pinning it to a single line.

Useful? React with 👍 / 👎.