Olá André, tudo bem?
Desculpe a demora em retornar.
A arrow function é uma forma mais concisa de escrever funções em JavaScript. No exemplo que você citou, a arrow function é usada para passar um input para a função validaDataNascimento.
Essa função validaDataNascimento é chamada dentro do objeto validadores, que é um objeto que contém outras funções de validação para diferentes tipos de input. No caso específico do input de data de nascimento, a função validaDataNascimento é a função de validação correspondente.
Quanto ao seu questionamento sobre a hierarquia de (), [] e {}, entendo que pode ser um pouco confuso no começo, mas é importante entender que cada um desses símbolos tem um papel específico na sintaxe do JavaScript.
Os parênteses () são usados para passar argumentos para funções ou para agrupar expressões. Os colchetes [] são usados para acessar elementos de arrays ou objetos. E as chaves {} são usadas para definir blocos de código, como no exemplo do objeto validadores.
Espero ter ajudado a esclarecer suas dúvidas. Se ainda tiver alguma pergunta, fique à vontade para perguntar!
Um abraço e bons estudos.
