Increase output font size in CodePlayGround

[ibrahimcesar]

Aumenta o font-size do console e output do Sandpack para melhorar a legibilidade. Console output agora usa 16px com line-height 1.6.

📋 Descrição

🎯 Tipo de Mudança

• 📝 Tradução (nova tradução ou correção de tradução existente)
• 🐛 Correção de bug (fix de problema existente)
• ✨ Nova funcionalidade (feature que adiciona funcionalidade)
• 💄 Estilo/Formatação (mudanças que não afetam o significado)
• 📚 Documentação (mudanças apenas em documentação)
• ♻️ Refatoração (mudanças de código que não corrigem bugs nem adicionam features)
• ⚡ Performance (mudanças que melhoram performance)
• ✅ Testes (adição ou correção de testes)
• 🔧 Configuração (mudanças em configs, CI/CD, etc.)

📍 Localização

• Capítulo:
• Seção:
• Arquivo(s):

🧪 Como Testar

✅ Checklist

Geral

• Meu código segue as convenções de estilo deste projeto
• Revisei meu próprio código antes de submeter
• Comentei partes complexas do código (se aplicável)
• Minhas mudanças não geram novos warnings
• Testei localmente com make start

Para Traduções

• Consultei o Glossário para termos técnicos
• Mantive o código em inglês (apenas comentários traduzidos)
• Verifiquei a ortografia com make spell-check
• Mantive a formatação Markdown consistente
• Traduzi mantendo o significado técnico preciso
• Adicionei termos técnicos novos ao .github/wordlist.txt se necessário

Verificações de Qualidade

• make lint passa sem erros
• make spell-check passa sem erros
• make link-check passa sem erros
• Ou executei make check com sucesso

📸 Screenshots (se aplicável)

🔗 Issues Relacionadas

Closes #
Relates to #

📝 Notas Adicionais

📚 Referências

---

[github-actions]

📦 Build Size Analysis

Status: ✅ ✅ Mudança aceitável

Mudança: +239B (0%)

📊 Detalhes

Build Total: 3.2M

Tipo	Tamanho	Arquivos
JavaScript	1MB	38
CSS	71KB	1
HTML	1MB	22
Assets	14KB	-

Total de arquivos: 76

---

Relatório completo disponível nos artifacts

[github-actions]

📸 Percy Visual Regression Testing

Screenshots foram capturados e enviados para Percy para análise de regressão visual.

🔍 Como Revisar

1. Acesse o Percy Dashboard
2. Encontre o build correspondente a este PR
3. Revise as diferenças visuais detectadas
4. Aprove ou rejeite as mudanças

📊 O que Percy Verifica

• ✅ Layout consistency
• ✅ CSS rendering
• ✅ Responsive design
• ✅ Dark/light themes
• ✅ Typography
• ✅ Component rendering

🎯 Páginas Testadas

• Home page
• Prefácios
• Capítulos (intro e seções)
• Componentes individuais

---

Visual regression testing powered by Percy