Performance Evaluation Dashboard - Copy this Html, Bootstrap Component to your project

Crie um sistema interno web para gerenciar avaliações de desempenho com as seguintes características: 1. Tema Minimalista: • Design limpo e organizado. • Cores neutras e suaves para uma experiência visual agradável. • Tipografia moderna e discreta. 2. Sidebar de Navegação: • Deve ser responsiva, com a funcionalidade de abrir e fechar (toggle). • Links para as páginas principais: • Criar Avaliações • Listar Avaliações • Ícones representativos ao lado dos links. • Quando fechada, deve exibir apenas os ícones. 3. Navbar Superior: • Deve incluir a informação do usuário logado, como nome e foto (ou um ícone padrão caso a foto não esteja disponível). • Botão para logout. • Ficar fixa no topo para facilitar a navegação. 4. Página de Criar Avaliações: • Formulário responsivo para adicionar perguntas à avaliação. • Cada pergunta deve conter: • Campo de texto para o enunciado da pergunta. • Campo para resposta numérica (de 1 a 5). • Campo de texto para comentários/opiniões. • Botão para adicionar múltiplas perguntas à mesma avaliação. • Botão para salvar a avaliação. • Mensagem de confirmação ao salvar com sucesso. 5. Página de Listar Avaliações: • Tabela responsiva listando todas as avaliações realizadas. • Colunas principais: • ID da Avaliação. • Data da Avaliação. • Número de Perguntas. • Opção de visualizar detalhes ou editar. • Busca por avaliações e filtros (ex.: data, status, avaliador). • Ações destacadas com botões minimalistas. 6. Responsividade: • O layout deve se adaptar bem a diferentes dispositivos (desktop, tablet e smartphone). • A sidebar deve colapsar em um botão de menu em telas menores. • Os campos do formulário e a tabela devem ser ajustáveis para dispositivos móveis. 7. Funcionalidades Extras: • Sistema deve validar os campos antes de salvar uma avaliação. • Exibir alertas ou mensagens de erro, se necessário, de forma discreta e elegante.