feat(user_protection_information): VDC-74 Adicionando seção do CMS

VDC-74 Desenvolver card para seção Conheça seus Direitos

Descrição

O componente desenvolvido - InfoCard aceita três props:

title que é o título mostrado no card e é uma string.
Icon que é um componente opcional que, se fornecido, é mostrado acima do título no card.
'description' que é uma string contendo texto em formato Markdown que é mostrado dentro do modal.

O estado visible controla a visibilidade do modal e é alterado quando o card é pressionado ou fechado.

Demo

<InfoCard title='Direito à Informação'
    Icon={() => <InfoImage />}
    description={"- Pedir para ficar em local separado da pessoa que cometeu a violência durante o registro da ocorrência, audiência e demais oitivas;
- Pode deixar de comparecer ao serviço, sem prejuízo do salário, pelo tempo que se fizer necessário quando tiver que comparecer a juízo;
- Pode informar o juízo, mediante comprovação, quando não puder comparecer à audiência no dia e horário marcados."}
/>

E como resultado teremos a tela:

Problemas conhecidos

Futuramente, poderia se pensar em sanitizar o conteúdo markdown recebido para evitar problemas.