feat(projects): capa nos cards de projeto (captura real ou painel gerado em codigo)

- ProjectCover usa as capturas ja publicadas (next/image, webp/avif) e, sem captura, um painel com monograma e stack
- .ds-cover mantem proporcao 16:10 e nao encolhe no card flex

Co-Authored-By: Claude Sonnet 5.5 <[email protected]>

app/components/story/notebookProjects.ts

@@ -20,7 +20,8 @@ const NOTEBOOK_ORDER = [
   "as-servicos",
 ] as const;
 
-const SCREENSHOT_BY_PROJECT_ID: Record<
+/** Capturas de tela publicadas; os cards de projeto reutilizam as mesmas imagens. */
+export const SCREENSHOT_BY_PROJECT_ID: Record<
   (typeof NOTEBOOK_ORDER)[number],
   string
 > = {