feat(web): add CrawlProof ad unit to /blog/*

Reusable AdUnit component (div[data-cp-ad] + ad.js via next/script) placed
in-content on the blog index and post pages, scoped to /blog/* only.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

apps/logicsrc-web/src/app/blog/[slug]/page.tsx

@@ -4,6 +4,7 @@ import type { ReactNode } from "react";
 import type { Metadata } from "next";
 import { publicClient } from "@/lib/supabase";
 import { SiteShell } from "@/components/site-shell";
+import { AdUnit } from "@/components/ad-unit";
 import { sanitizeRenderedHtml } from "@/lib/html";
 
 export const dynamic = "force-dynamic";
@@ -118,6 +119,9 @@ export default async function BlogPostPage({
           style={{ lineHeight: 1.7 }}
           dangerouslySetInnerHTML={{ __html: html }}
         />
+        <div style={{ display: "flex", justifyContent: "center", marginTop: "2.5rem" }}>
+          <AdUnit slot="709f4f1d-667a-4888-9040-90f5f65120f2" format="banner_300x250" />
+        </div>
       </article>
     </SiteShell>
   );

apps/logicsrc-web/src/app/blog/page.tsx

@@ -3,6 +3,7 @@ import type { ReactNode } from "react";
 import type { Metadata } from "next";
 import { publicClient } from "@/lib/supabase";
 import { SiteShell } from "@/components/site-shell";
+import { AdUnit } from "@/components/ad-unit";
 
 export const dynamic = "force-dynamic";
 
@@ -123,6 +124,10 @@ export default async function BlogIndex(): Promise<ReactNode> {
             })}
           </ul>
         )}
+
+        <div style={{ display: "flex", justifyContent: "center", marginTop: "2rem" }}>
+          <AdUnit slot="709f4f1d-667a-4888-9040-90f5f65120f2" format="banner_300x250" />
+        </div>
       </div>
     </SiteShell>
   );

apps/logicsrc-web/src/components/ad-unit.tsx

@@ -0,0 +1,20 @@
+import type { ReactNode } from "react";
+import Script from "next/script";
+
+// CrawlProof ad unit, scoped to the pages that render it (currently /blog/*).
+// The loader is deduped by src, so mounting <AdUnit /> on multiple routes only
+// injects one https://crawlproof.com/ad.js.
+export function AdUnit({
+  slot,
+  format = "banner_300x250",
+}: {
+  slot: string;
+  format?: string;
+}): ReactNode {
+  return (
+    <>
+      <div data-cp-ad data-slot={slot} data-format={format} />
+      <Script src="https://crawlproof.com/ad.js" strategy="afterInteractive" />
+    </>
+  );
+}