📂 Estrutura do Projeto

src/
├───app/                          # Sistema de rotas e layouts do Next.js
│   ├───(auth)/                   # Grupo de rotas públicas de Autenticação (Login/Cadastro)
│   └───(dashboard)/              # Grupo de rotas privadas (Painel e Extrato)
├───components/                   # Módulos e Componentes reutilizáveis de interface
│   ├───features/                 # Componentes acoplados a regras e lógica de negócio
│   │   ├───auth/                 # Guardas de autenticação e formulários estruturados
│   │   ├───filtros/              # Componente de filtros de busca amarrados à URL
│   │   └───modals/               # Modal híbrido de criação e modificação de transações
│   └───ui/                       # Primitivos visuais puros baseados no Ant Design
│       ├───Button/
|       ├───Card/                 # Elementos de micro-interação e wrappers
│       ├───Charts/               # Abstrações de gráficos (Composed e Donut)
│       ├───SidebarMenu/
|       └───Topbar/               # Peças estruturais e de navegação de layouts
├───context/                      # Contextos de controle global de estado (ex: Sidebar open/close)
├───graphql/                      # Camada de definição do esquema GraphQL (Queries e Mutations)
├───hooks/                        # React Hooks customizados para isolar chamadas de dados
├───libs/                         # Infraestrutura de dados, utilitários e definições globais
│   ├───types/                    # Interfaces centrais de tipagem TypeScript
│   └───utils/                    # Validadores, formatadores e helpers auxiliares
└───styles/                       # Arquivos globais de estilos e tokens de design do sistema
    └───theme/                    # Subdivisões explícitas dos tokens documentados no Storybook
        ├───borderRadius/
        ├───colors/
        ├───shadows/
        ├───spacing/
        └───typhography/