Creio que o aplicativo no geral esteja seguindo um bom padrão de estrutura e código, possui algumas telas com gambiarras que na maioria das vezes fui obrigado a fazer motivado pelos retornos do back-end 😄.

Padrões

• Primeiramente, confirme se teu VSCode tá configurado com espaçamento tab size 2, conforme imagens:

• Tente sempre evitar que o eslint/prettier fique reclamando de algo, se estiver, procure o motivo e veja se dá pra arrumar. Em último, caso de morte, coloque o comando para o eslint ignorar a linha que apresenta o erro.
• Evite sempre estilização na própria linha/arquivo do componente, deixe tudo no styles.
• Evite repetição de código, se for usado mais de uma vez, faça um componente.
• Sempre organize a estrutura das pastas e arquivos de forma que fique mais fácil do outro dev entender, esse app peca nisso em algumas partes que iremos arrumar.
• Utilize a pasta @types para criar tipos que serão utilizados em várias partes do app.
• Ao criar tipos, sempre crie usando type e não interface:

type NOME = {
	test: string;
}
// Alguns lugares do app ainda tem interface, mudaremos!

• Evitar comentários no código é top, pode apagar os que acharem por ai, a não ser que tenha outro comment explicando o motivo! kkkkk
• Vamos prezar por manter o bundle limpo, sem warnings.
• Console.log e seus parentes devem ser usados apenas para DEBUG, viu o que queria? arrumou? APAGA! Valeu, tamo junto.

Redux-saga

Siga o padrão atual e ficará tudo bem, caso não tenha entendido, segue uma pequena explicação.

Cada módulo possui quatro arquivos: