Implementar design system shadcn social-cívico

[pmarcura]

Contexto

A fundação de UI do DeOlho deve seguir .planning/DESIGN_SYSTEM.md: uma experiência social-cívica moderna, mobile-first e familiar, mas sem virar rede social. A unidade principal é evento público ou atualização de entidade, com fonte, evidência e confiança visíveis.

Critérios de aceite

• Monorepo possui apps/web e packages/ui conforme a estrutura documentada.
• shadcn/ui é inicializado em packages/ui/src/components/ui com os componentes base definidos no design system.
• Componentes cívicos próprios são criados em packages/ui/src/components/deolho com stories no Storybook.
• App shell inicial compõe desktop sidebar, mobile bottom nav, top search, command search, botão + contextual, drawer de ações e painel de evidências desktop.
• Dados exibidos são sintéticos e claramente marcados como Dados sintéticos.
• Cards públicos mostram tipo, fonte e confiança quando aplicável.
• Estados de carregando, vazio, erro, dado incompleto e fonte atrasada existem nos componentes centrais.

Fora de escopo

• Dados reais ou integração com ingestão PNCP.
• Comentários livres, likes, posts, rankings morais ou interface de denúncia sensacionalista.
• Explicação de IA visualmente equivalente a fato oficial.
• Sinal de atenção com aparência de acusação.

Referências

• .planning/DESIGN_SYSTEM.md
• Scaffold técnico Next/Postgres/Drizzle #22
• Criar CI inicial com lint, typecheck, test e build #8
• TRUST-01
• TRUST-02
• TRUST-04
• CONT-06
• CONT-07