Estrutura de Pastas

src/
├── app/                    # rotas (Next.js App Router)
│   ├── (public)/            # login, telas de erro
│   └── (private)/            # área logada, com Sidebar/Header
├── features/                # um diretório por domínio de negócio
└── shared/                   # componentes, hooks e utils reutilizáveis entre features

src/features/<feature>/
├── <feature>.types.ts          # interfaces (ex: ICandidate, ICandidateFilters)
├── constants/
│   └── <feature>.keys.ts        # query key factory do TanStack Query
├── services/
│   └── <feature>Service.ts       # chamadas axios cruas (api.get/post/put/delete)
├── hooks/
│   ├── useList<Feature>.ts        # useApiQuery
│   ├── useCreate<Feature>.ts       # useApiMutation
│   └── useForceDelete<Feature>.ts    # etc.
├── components/
│   └── <Feature>Table.tsx           # usa ScreenTable
└── pages/
    └── <Feature>Page.tsx              # componente de página, importado pela rota

// src/app/(private)/users/page.tsx
import { UserPage } from '@/features/user/pages/UserPage';

export default function AppUsersPage() {
  return <UserPage />;
}

export const candidateQueryKeys = {
  all: ['candidates'] as const,
  lists: () => [...candidateQueryKeys.all, 'list'] as const,
  list: (params: object) => [...candidateQueryKeys.lists(), params] as const,
  details: () => [...candidateQueryKeys.all, 'detail'] as const,
  detail: (id: string) => [...candidateQueryKeys.details(), id] as const,
};