feat(navbar): permitir criar lista suspensa na po-navbar

[Feeh03114]

Descrição da melhoria

Atualmente, o po-navbar permite a navegação entre páginas apenas por meio de itens individuais, sem suporte para menus suspensos (dropdowns). Essa proposta visa adicionar a possibilidade de incluir submenus dentro da navbar, permitindo uma navegação mais organizada para telas que possuem subcategorias.

Essa melhoria busca otimizar o uso do espaço da tela, evitando a necessidade de um menu lateral fixo, o que é ideal para sistemas que priorizam um design mais clean e com maior área útil.

---

Caso de uso

Essa melhoria seria útil nos seguintes cenários:

• O sistema possui diversas seções com subdivisões, como "Cadastros" → "Clientes", "Fornecedores" e "Produtos".
• O usuário precisa de acesso rápido a páginas relacionadas sem abrir um menu lateral.
• A tela principal precisa de máximo aproveitamento do espaço, evitando que um menu lateral ocupe área útil.
• Aplicações que necessitam de um layout mais fluido, como painéis administrativos, dashboards e sistemas de relatórios, onde cada pixel da tela conta.

Embora o po-menu lateral já forneça navegação estruturada, sua ativação pode ocupar espaço fixo na tela, o que não é ideal para sistemas que priorizam um design mais compacto e eficiente.

---

Informações adicionais

• A funcionalidade pode ser implementada com um novo atributo (submenu) nos itens da po-navbar, permitindo a configuração de subitens.
• O dropdown poderia seguir o padrão do po-menu, aparecendo ao passar o mouse ou ao clicar no item principal.
• Exemplo de estrutura JSON para a configuração:

const navbarItems = [
  { label: 'Início', link: '/home' },
  { 
    label: 'Cadastros', 
    submenu: [
      { label: 'Clientes', link: '/clientes' },
      { label: 'Fornecedores', link: '/fornecedores' },
      { label: 'Produtos', link: '/produtos' }
    ] 
  },
  { label: 'Relatórios', link: '/relatorios' },
];