Quando utilizamos a função createGlobalStyle do Styled Components, ela nos retorna um novo componente estilizado que não possui as restrições de escopo para o CSS que aplicamos nele. Esse componente pode ser usado para aplicar estilos globais em toda a aplicação, incluindo estilos que afetam elementos que não são filhos diretos do componente onde foi definido. Ele também suporta a interpolação de props, permitindo que os estilos globais sejam ajustados dinamicamente com base em props específicas. Por exemplo, podemos definir estilos globais para um tema escuro e, em seguida, permitir que o usuário escolha entre um tema claro e escuro, ajustando a prop que controla qual tema é aplicado aos estilos globais.
