Por qual motivo, utilizamos essa tag? E por que sem ela a imagem simplesmente não funciona?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Por qual motivo, utilizamos essa tag? E por que sem ela a imagem simplesmente não funciona?
Essa tag é para questão de semântica até porque tag img funcionar ela por si só se quiser deixar solta você pode não precisa está dentro de um elemento, porém no react você sempre precisa envelopar os componentes com uma tag html ou pode usar um Fragment do react. Alura está com um curso novo que fala sobre tags semânticas link para caso se interessa no assunto https://cursos.alura.com.br/course/html-css-ambiente-arquivos-tags
Documentação sobre tag <figure> <figure/> :
https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/figure