Auction System - Copy this React, Tailwind Component to your project

Esboço-para-Sistema-de-Leilão-Estrutura-do-Banco-de-Dados-Tabelas-Principais-1.-Tabela:-usuarios-id-(SERIAL,-PRIMARY-KEY)---Identificador-único-do-usuário-nome-(VARCHAR(100))---Nome-do-usuário-email-(VARCHAR(100),-UNIQUE)---Email-do-usuário-senha-(VARCHAR(255))---Senha-para-login-(hash)-tipo-(VARCHAR(10))---Define-se-é-um-adm-ou-usuario-data_criacao-(TIMESTAMP-DEFAULT-now())---Data-e-hora-de-criação-do-usuário-2.-Tabela:-produtos-id-(SERIAL,-PRIMARY-KEY)---Identificador-único-do-produto-nome-(VARCHAR(150))---Nome-do-produto-descricao-(TEXT)---Descrição-detalhada-do-produto-foto-(VARCHAR(255))---URL-ou-caminho-para-a-imagem-do-produto-valor_inicial-(NUMERIC(10,2))---Valor-inicial-do-leilão-data_criacao-(TIMESTAMP-DEFAULT-now())---Data-de-criação-do-produto-status-(VARCHAR(10))---Status-do-leilão-(ativo,-encerrado)-3.-Tabela:-lances-id-(SERIAL,-PRIMARY-KEY)---Identificador-único-do-lance-id_produto-(INTEGER-REFERENCES-produtos(id))---Referência-ao-produto-id_usuario-(INTEGER-REFERENCES-usuarios(id))---Referência-ao-usuário-que-fez-o-lance-valor-(NUMERIC(10,2))---Valor-do-lance-data_lance-(TIMESTAMP-DEFAULT-now())---Data-e-hora-do-lance-4.-Tabela:-configuracoes-id-(SERIAL,-PRIMARY-KEY)---Identificador-único-da-configuração-nome_configuracao-(VARCHAR(100))---Nome-da-configuração-valor-(VARCHAR(255))---Valor-configurável-(ex.:-limite-de-lances,-tempo-de-leilão,-etc.)-Estrutura-do-Frontend-Páginas-Principais-1.-Tela-de-Login-Campos:-Email,-Senha-Botão:-Entrar-Link-para-cadastro-de-novo-usuário-Estilo:-Tema-escuro,-com-elementos-contrastantes-e-animações-sutis-nos-campos-ao-foco.-2.-Tela-de-Cadastro-de-Usuário-Campos:-Nome,-Email,-Senha,-Confirmar-Senha-Botão:-Cadastrar-Estilo:-Utiliza-gradientes-escuros-modernos-com-botões-dinâmicos-que-mudam-de-cor-ao-passar-o-mouse.-3.-Dashboard-do-Administrador-Seção:-Gerenciar-Produtos-Botão:-Adicionar-Produto-Lista-de-produtos-cadastrados-(com-opções-para-editar,-excluir-ou-encerrar-leilão)-Destaque:-Produtos-ativos-piscam-suavemente-para-chamar-atenção.-Seção:-Gerenciar-Usuários-Lista-de-usuários-cadastrados-(com-opções-para-visualizar-ou-excluir)-4.-Tela-de-Catálogo-de-Produtos-(Para-Usuários)-Lista-de-produtos-ativos-com:-Nome-Foto-Valor-inicial-Maior-lance-atual-(se-houver)-Botão-para-acessar-detalhes-do-produto-Estilo:-Aplicação-de-animações-sutis-ao-carregar-os-produtos-na-tela.-5.-Tela-de-Detalhes-do-Produto-Informar:-Nome,-Descrição,-Foto,-Valor-inicial-Lances-realizados-(lista-com-nome-do-usuário-e-valor-do-lance)-Campo-para-inserir-novo-lance-Botão:-Enviar-Lance-(piscando-dinamicamente-para-chamar-atenção)-6.-Histórico-de-Lances-do-Usuário-Exibir:-Produtos-que-o-usuário-participou-Valores-dos-lances-realizados-Status-do-leilão-(ativo-ou-encerrado)-Estilo:-Elementos-interativos-com-transições-suaves-ao-passar-o-mouse.-Considerações-Técnicas-Tecnologias-Sugeridas-Frontend:-Framework:-React.js-ou-Vue.js-Biblioteca-de-UI:-Tailwind-CSS-com-tema-escuro-personalizado-Backend:-Linguagem:-Node.js-(Express)-Autenticação:-JWT-(JSON-Web-Tokens)-Banco-de-Dados:-PostgreSQL-no-Supabase-Hospedagem:-Plataforma:-Docker-(para-containerização)-Upload-de-Arquivos:-Armazenamento:-Supabase-Storage-ou-Amazon-S3-Validação-de-Dados:-Biblioteca:-Joi-(Node.js)-ou-validação-nativa-do-Supabase-Animações-e-Dinamicidade:-Biblioteca:-Framer-Motion-ou-animações-CSS-nativas