Não entendi o props.required na lista suspensa, não deveria ser props.obrigatorio, já que no formulário está como "obrigatorio={true}"?
const ListaSuspensa = (props) => {
return(
<div className='lista-suspensa'>
<label>{props.label}</label>
<select required={props.required}>
{props.itens.map(item => <option key={item}>{item}</option>)}
</select>
</div>
)
}
<section className='formulario'>
<form onSubmit={aoSalvar}>
<h2>Preencha os dados para criar o card do colaborador</h2>
<CampoTexto obrigatorio={true} label="Nome" placeholder="Digite o seu nome" />
<CampoTexto obrigatorio={true} label="Cargo" placeholder="Digite o seu cargo" />
<CampoTexto label="Imagem" placeholder="Digite o seu imagem" />
<ListaSuspensa obrigatorio={true} label="Time" itens={times}/>
<Botao texto="Criar card"/>
</form>
</section>