Snippet Organizer Dashboard - Copy this Html, Tailwind Component to your project

Em um unico código index.html com css, java incluso nele, quero que crie um site estilo aplicativo perfeito, ele é um organizador de snippet. A seguir algumas das funções obrigatorias: Adicionar Novo Snippet • Um formulário para adicionar um novo snippet, incluindo: • Nome do snippet. • Linguagem de programação. • Espaço para colar o código. • Espaço para escolher a cor da barra de titulo do snippet • Campo opcional para descrição. 2. Organização em Categorias: • Os snippets devem ser organizados em categorias (como pastas) baseadas na linguagem de programação ou outra categoria definida pelo usuário. 3. Edição e Exclusão: • Opção de editar e excluir snippets existentes. 4. Busca Rápida: • Barra de pesquisa para buscar snippets pelo nome ou pela linguagem. 5. Visualização de Snippets: • Exibir os snippets em uma lista ou grid, com um botão para “copiar” o código para a área de transferência. 6. Armazenamento Local: • Todos os snippets e configurações devem ser salvos no localStorage, para que funcionem localmente. 7. Modo Claro/Escuro: • Opção de alternar entre temas claro e escuro para melhorar a usabilidade. 8. Design Responsivo: • Interface amigável para uso em desktop e dispositivos móveis. Requisitos Técnicos: • Criar o projeto em HTML, CSS, e JavaScript. • Todo o código deve estar em um único arquivo index.html. • Usar localStorage para armazenar os snippets e as categorias. • O layout deve ser simples e intuitivo, com uma interface para criar, editar e visualizar snippets.