Feature/frontend UI layout

[devflima]

Descrição

Este Pull Request implementa a estrutura visual base da aplicação, incluindo os componentes de layout globais, estilização base e o mecanismo de proteção de rotas para a área administrativa.

Mudanças Realizadas

A implementação foca na fundação da interface do usuário:

1. Global Styles & Entry Point (App.jsx, main.jsx, index.css)

• Configuração do main.jsx com o Provider do Redux e o BrowserRouter.
• Implementação do App.jsx com a definição central das rotas da aplicação.
• Setup do index.css com as diretivas do Tailwind e estilos base de tipografia.

2. Layout Shell (Navbar, Footer, Layout)

• Implementação da Navbar responsiva com links de navegação.
• Criação do Footer com informações de rodapé.
• Componente Layout para encapsular as páginas e manter a consistência visual em todo o site.

3. Route Security (ProtectedRoute)

• Implementação do componente ProtectedRoute que verifica a existência de um token JWT e a role do usuário (OWNER) antes de permitir o acesso às rotas de administração.
• Redirecionamento automático para a página de login caso o usuário não esteja autenticado.

Decisões de Arquitetura

• Composition Pattern: Uso do componente Layout como wrapper para evitar repetição de código (Navbar/Footer) em cada página.
• Declarative Routing: Configuração de rotas aninhadas e protegidas utilizando o react-router-dom.
• Atomic Design Principles: Componentes globais isolados para facilitar a manutenção e reutilização.

✅ Checklist

• O layout é responsivo e renderiza corretamente em diferentes telas.
• O redirecionamento de rotas protegidas funciona conforme esperado.
• Os estilos globais foram carregados corretamente.
• A Navbar contém todos os links de navegação planejados.