feat: implementar preview dinâmico do currículo

[Toteck]

📌 Descrição

Implementar a seção de preview do currículo, que deve refletir em tempo real todos os dados digitados no formulário.
O preview será exibido no lado direito do layout split-screen e deve se atualizar automaticamente conforme o usuário insere ou altera informações.

---

📝 Funcionalidades necessárias

• Renderizar os dados pessoais (nome, email, telefone, LinkedIn, resumo).
• Renderizar a lista dinâmica de habilidades com seus níveis de proficiência.
• Renderizar a lista dinâmica de experiências profissionais (empresa, cargo, período, descrição).
• Renderizar a lista dinâmica de formações acadêmicas (instituição, curso, período, status).
• Estruturar os dados em seções visuais bem definidas (cabeçalho, habilidades, experiências, educação).

---

🎯 Critérios de Aceitação

• O preview deve ser atualizado em tempo real de acordo com o estado global do currículo.

• Cada seção deve refletir corretamente os dados inseridos no formulário correspondente:

  • Dados pessoais → cabeçalho do preview.
  • Habilidades → lista com nome + nível.
  • Experiências → lista formatada com empresa, cargo, período, descrição.
  • Educação → lista formatada com instituição, curso, período, status.

• Caso não haja dados, exibir um placeholder (ex: “Nenhuma experiência adicionada”).

• Estilizar com TailwindCSS, mantendo consistência com o design definido.

• Organizar o código em subcomponentes:

  • PreviewHeader.tsx (dados pessoais)
  • PreviewHabilidades.tsx
  • PreviewExperiencias.tsx
  • PreviewEducacao.tsx

---

🔗 Observações

• Essa seção é apenas de exibição, não edita dados diretamente.
• O preview deve ser modular, para permitir futuras expansões (ex: exportar PDF).
• O componente principal será Preview.tsx, que importa e organiza as seções.