[Feature] Visual amigável para a Tela de Questionário do Analista

[multi-megaman]

Nessa Pull Request foi implementado a melhoria visual requisitada na issue #82

Problema

O problema se dava devido ao fato da tela para fazer a análise e visualizar análises já feita não estavam visualmente agradáveis.

Implementação

• Os Icones foram adicionados nos botões. Foi adicionado simplesmente os svg dentro dos botões.

• A animação foi ajustada (agora não teletransporta mais). Para a animação eu utilizei os https://github.com/Keyframes do proprio css, com as respectivas animações de slide. Para que a animação seja executada, foi utilizada uma função que determina o style.animation adequado do componente baseado no atual estado da resposta.

• Os textos foram ajustados no centro. Basicamente mudei o alinhamento dos textos no css.

Como Testar

Basta ir em uma das telas (fazer análise ou a tela de visualizar uma nálise já finalizada) e ver as melhorias, testas os botões, ver a interface e confirmar se as informações ainda estão sendo salvas no backend da maneira correta.

Objetivos

Fix #82

[multi-megaman]

Vou trabalhar nessas melhorias agora msm!

[multi-megaman]

Pronto as alterações foram feitas

[multi-megaman]

Verdade, vou ajustar agora.

[multi-megaman]

Pronto, as alterações foram feitas também na Tela Questionário finalizado.

[multi-megaman]

O problema já foi resolvido na PR #87 como é possível observar na imagem da tela que mostra uma análise finalizada: