fix(ci): resolve TypeScript and formatting issues post-i18n

- Update projects/[slug]/page.tsx to use getTranslations() server-side instead of importing PROJECTS constant
- Fix test type error for project.links.demo by adding proper type assertion
- Format Skills.tsx (lines 43, 63) to comply with Prettier rules
- Format changelog and test files

All CI checks now pass:
- Prettier format check: passed
- ESLint: no warnings or errors
- TypeScript: no type errors
- Tests: 156 tests passed (15 test files)

Author: GMNAPI

app/[locale]/projects/[slug]/page.tsx

@@ -1,22 +1,28 @@
 import Link from 'next/link';
 import { notFound } from 'next/navigation';
+import { getTranslations } from 'next-intl/server';
 
-import { Project } from '@/core/entities/Project';
-import { PROJECTS } from '@/shared/constants/projects';
+import { Project, type ProjectData } from '@/core/entities/Project';
 
 interface ProjectDetailPageProps {
-  params: Promise<{ slug: string }>;
+  params: Promise<{ slug: string; locale: string }>;
 }
 
 export async function generateStaticParams() {
-  return PROJECTS.map((project) => ({
+  const t = await getTranslations('projects');
+  const projectsData = t.raw('items') as ProjectData[];
+
+  return projectsData.map((project) => ({
     slug: project.detailSlug ?? project.id,
   }));
 }
 
 export default async function ProjectDetailPage({ params }: ProjectDetailPageProps) {
   const { slug } = await params;
-  const projectData = PROJECTS.find((project) => (project.detailSlug ?? project.id) === slug);
+  const t = await getTranslations('projects');
+  const projectsData = t.raw('items') as ProjectData[];
+
+  const projectData = projectsData.find((project) => (project.detailSlug ?? project.id) === slug);
 
   if (!projectData) {
     notFound();

docs/changelog/changelog20251110-2313-skills-visual-upgrade.md

@@ -1,32 +1,31 @@
-# Changelog · 10/11/2025 · 23:13
-
-## Resumen
-
-- Nueva visualización de habilidades con gráfico donut y leyenda dinámica para comunicar el stack de un vistazo.
-- Localización completa de la navegación y el footer, incluyendo selector de idioma accesible y enlaces sociales traducidos.
-- Refactor de tests asociados para cubrir la nueva UI y las cadenas i18n.
-
-## Detalles
-
-### feat(skills): visualización híbrida con donut (#17)
-
-- Sustituye el sumario plano por un gráfico `conic-gradient` animado y leyenda multicolor ligada a `mainLanguagesShare`.
-- Mantiene las tarjetas de categorías, ahora con etiquetas y progresos dependientes de `next-intl`.
-- Añade textos de soporte (`visualization.title`, `visualization.legendLabel`, etc.) en `messages/es.json` y `messages/en.json`.
-
-### feat(layout): selector de idioma e i18n en navegación/footer (#28)
-
-- Refactoriza `Navigation` para consumir `next-intl`, ofrecer selector de idioma (desktop y mobile) y preservar el hash actual al cambiar de locale.
-- Centraliza la configuración en `NAV_SECTIONS` y `SOCIAL_LINK_URLS` y expone las etiquetas a través de las traducciones.
-- Actualiza `Footer` para leer el branding, tagline y accesibilidad de enlaces desde i18n.
-
-### test: cobertura para UI localizada
-
-- Envuelve pruebas de `Navigation`, `Footer` y `Skills` con `NextIntlClientProvider` y añade assertions específicas del nuevo gráfico y switcher.
-- Ejecución de `npm run lint` y `npm run test` sin incidencias tras los cambios.
-
-## Notas
-
-- Evaluar una librería ligera de charts si se requiere interactividad adicional (tooltips o filtros) en futuras iteraciones.
-- Actualizar los enlaces reales de GitHub/LinkedIn cuando se disponga de las URLs definitivas en producción.
-
+# Changelog · 10/11/2025 · 23:13
+
+## Resumen
+
+- Nueva visualización de habilidades con gráfico donut y leyenda dinámica para comunicar el stack de un vistazo.
+- Localización completa de la navegación y el footer, incluyendo selector de idioma accesible y enlaces sociales traducidos.
+- Refactor de tests asociados para cubrir la nueva UI y las cadenas i18n.
+
+## Detalles
+
+### feat(skills): visualización híbrida con donut (#17)
+
+- Sustituye el sumario plano por un gráfico `conic-gradient` animado y leyenda multicolor ligada a `mainLanguagesShare`.
+- Mantiene las tarjetas de categorías, ahora con etiquetas y progresos dependientes de `next-intl`.
+- Añade textos de soporte (`visualization.title`, `visualization.legendLabel`, etc.) en `messages/es.json` y `messages/en.json`.
+
+### feat(layout): selector de idioma e i18n en navegación/footer (#28)
+
+- Refactoriza `Navigation` para consumir `next-intl`, ofrecer selector de idioma (desktop y mobile) y preservar el hash actual al cambiar de locale.
+- Centraliza la configuración en `NAV_SECTIONS` y `SOCIAL_LINK_URLS` y expone las etiquetas a través de las traducciones.
+- Actualiza `Footer` para leer el branding, tagline y accesibilidad de enlaces desde i18n.
+
+### test: cobertura para UI localizada
+
+- Envuelve pruebas de `Navigation`, `Footer` y `Skills` con `NextIntlClientProvider` y añade assertions específicas del nuevo gráfico y switcher.
+- Ejecución de `npm run lint` y `npm run test` sin incidencias tras los cambios.
+
+## Notas
+
+- Evaluar una librería ligera de charts si se requiere interactividad adicional (tooltips o filtros) en futuras iteraciones.
+- Actualizar los enlaces reales de GitHub/LinkedIn cuando se disponga de las URLs definitivas en producción.

src/features/skills/Skills.tsx

@@ -40,7 +40,11 @@ export function Skills() {
   let cumulative = 0;
   const segments = languages.map((language, index) => {
     const rawNormalized =
-      totalUsage > 0 ? (language.usagePercentage / totalUsage) * 100 : languages.length > 0 ? 100 / languages.length : 0;
+      totalUsage > 0
+        ? (language.usagePercentage / totalUsage) * 100
+        : languages.length > 0
+          ? 100 / languages.length
+          : 0;
     const normalized = Number(rawNormalized.toFixed(2));
     const start = cumulative;
     cumulative += normalized;
@@ -60,7 +64,9 @@ export function Skills() {
     .map((segment) => `${segment.color} ${segment.start}% ${segment.end}%`)
     .join(', ');
   const donutBackground =
-    segments.length > 0 ? `conic-gradient(${gradientStops})` : 'conic-gradient(#38bdf8 0deg, #38bdf8 360deg)';
+    segments.length > 0
+      ? `conic-gradient(${gradientStops})`
+      : 'conic-gradient(#38bdf8 0deg, #38bdf8 360deg)';
 
   const contributionsValue = tSkills('stats.contributions.value', {
     count: summary.contributionsLastYear.toLocaleString(numberLocale),

tests/features/projects/Projects.test.tsx

@@ -4,6 +4,7 @@ import { NextIntlClientProvider } from 'next-intl';
 
 import esMessages from '../../../messages/es.json';
 import { Projects } from '@/features/projects/Projects';
+import type { ProjectData } from '@/core/entities/Project';
 
 function renderProjects() {
   return render(
@@ -41,9 +42,7 @@ describe('Projects Section', () => {
 
     it('should display project descriptions', () => {
       renderProjects();
-      expect(
-        screen.getByText(esMessages.projects.items[0].description)
-      ).toBeInTheDocument();
+      expect(screen.getByText(esMessages.projects.items[0].description)).toBeInTheDocument();
     });
 
     it('should display tech stack for each project', () => {
@@ -65,7 +64,8 @@ describe('Projects Section', () => {
     it('should render demo links when available', () => {
       renderProjects();
       const demoLinks = screen.queryAllByRole('link', { name: /demo/i });
-      const hasDemo = esMessages.projects.items.some((project) => Boolean(project.links.demo));
+      const projectsData = esMessages.projects.items as unknown as ProjectData[];
+      const hasDemo = projectsData.some((project) => Boolean(project.links.demo));
 
       if (hasDemo) {
         expect(demoLinks.length).toBeGreaterThan(0);