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/Projects.tsx

@@ -6,6 +6,7 @@ import type { PortfolioProjectView } from "@/lib/portfolio-data";
 import { caseStudies } from "@/lib/site-content";
 import { DrawLine } from "./animations/DrawLine";
 import MagneticButton from "./cinematic/MagneticButton";
+import { ProjectCover } from "./ProjectCover";
 import { Section } from "./Section";
 
 export default function Projects({
@@ -59,6 +60,7 @@ export default function Projects({
               whileTap={shouldReduceMotion ? undefined : { scale: 0.99 }}
               transition={{ type: "spring", stiffness: 170, damping: 18 }}
             >
+              <ProjectCover project={project} />
               <div className="flex flex-wrap items-start justify-between gap-sp-6">
                 <div className="max-w-[560px]">
                   <div className="ds-kicker">{project.category}</div>