fix(lesson): i18n code-block copy button (was hardcoded Spanish) (#303)

CodeBlock copy button rendered 'Copiar'/'Copiado'/'Código' literally,
showing Spanish on the /en/ locale. Wire it to next-intl via new
components.codeBlock namespace (en + es).

Found during QA of #286 (core lesson flow).

Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>

Author: guillermoscript

components/lesson/code-block.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import { useState, useEffect } from 'react'
+import { useTranslations } from 'next-intl'
 import { cn } from '@/lib/utils'
 import { IconCopy, IconCheck, IconFile } from '@tabler/icons-react'
 
@@ -21,6 +22,7 @@ export function CodeBlock({
   highlightLines = [],
   className,
 }: CodeBlockProps) {
+  const t = useTranslations('components.codeBlock')
   const [copied, setCopied] = useState(false)
   const [highlightedHtml, setHighlightedHtml] = useState<string | null>(null)
 
@@ -90,24 +92,24 @@ export function CodeBlock({
           ) : language ? (
             <span className="uppercase">{language}</span>
           ) : (
-            <span>Código</span>
+            <span>{t('code')}</span>
           )}
         </div>
         <button
           type="button"
           onClick={handleCopy}
           className="flex items-center gap-1.5 rounded px-2 py-1 text-xs text-gray-400 hover:bg-gray-700 hover:text-gray-200 transition-colors"
-          aria-label={copied ? 'Copiado' : 'Copiar código'}
+          aria-label={copied ? t('copiedAriaLabel') : t('copyAriaLabel')}
         >
           {copied ? (
             <>
               <IconCheck className="size-4 text-green-400" />
-              <span>Copiado</span>
+              <span>{t('copied')}</span>
             </>
           ) : (
             <>
               <IconCopy className="size-4" />
-              <span>Copiar</span>
+              <span>{t('copy')}</span>
             </>
           )}
         </button>

docs/screenshots/core-lesson-flow-286.gif

@@ -3120,6 +3120,13 @@
       "finishCourse": "Finish Course",
       "completeFirst": "Complete this lesson first"
     },
+    "codeBlock": {
+      "copy": "Copy",
+      "copied": "Copied",
+      "copyAriaLabel": "Copy code",
+      "copiedAriaLabel": "Copied",
+      "code": "Code"
+    },
     "lessonComments": {
       "title": "Comments ({count})",
       "placeholder": "Share your thoughts or ask a question...",

messages/en.json

@@ -2965,6 +2965,13 @@
       "finishCourse": "Finalizar Curso",
       "completeFirst": "Completa esta lección primero"
     },
+    "codeBlock": {
+      "copy": "Copiar",
+      "copied": "Copiado",
+      "copyAriaLabel": "Copiar código",
+      "copiedAriaLabel": "Copiado",
+      "code": "Código"
+    },
     "lessonComments": {
       "title": "Comentarios ({count})",
       "placeholder": "Comparte tus pensamientos o haz una pregunta...",