Dúvida sobre os espaços em brancos na validação

Olá, Jorge!

Bem observado, meus parabéns, pela percepção e por compartilhar ela conosco, muito bem!

Nesse caso, para contornarmos essa situação, podemos adicionar o trim() a seguinte validação, dentro da criarPensamento():

this.formulario.controls['autoria'].setValue(this.formulario.controls['autoria'].value.trim());

Desta forma, quando apertamos o botão de "salvar", o erro volta a aparecer e impede a execução.

O criarPensamento fica assim:

criarPensamento() {
    // Limpar espaços em branco antes de validar o formulário
    this.formulario.controls['autoria'].setValue(this.formulario.controls['autoria'].value.trim());

    if(this.formulario.valid){
      this.service.criar(this.formulario.value).subscribe(() => {
        this.router.navigate(['/listarPensamento'])
      })
    }
  }

Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso ✨

Um grande abraço e até mais!

Muito obrigado Victor, funcionou.