Limit the Use Cases tools row to the three catalog articles, make it mouse-draggable instead of auto-advancing, and put card titles on Bricolage Grotesque so they match the design.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/(marketing)/use-cases/page.tsx

@@ -3,7 +3,8 @@ import dynamic from "next/dynamic";
 import Link from "next/link";
 import { Suspense } from "react";
 import messages from "../../../messages/en/index";
-import { getAllBlogPosts } from "../../../lib/content";
+import { CONTENT_CATALOG_SLUG_ORDER } from "../../../lib/assetUtils";
+import { getAllBlogPosts, getRelatedBlogPosts } from "../../../lib/content";
 import PageHeader from "../../components/type/PageHeader";
 import CaseStudy from "../../components/cards/CaseStudy";
 import UseCasesOrgs from "../../components/sections/UseCasesOrgs";
@@ -102,7 +103,10 @@ export default function UseCasesPage() {
   };
 
   const allPosts = getAllBlogPosts();
-  const relatedPosts = allPosts.slice(0, 8);
+  const relatedPosts = getRelatedBlogPosts(
+    USE_CASES_RELATED_SENTINEL_SLUG,
+    CONTENT_CATALOG_SLUG_ORDER.slice(0, 3),
+  );
   const slugOrder = allPosts.map((p) => p.slug);
 
   const tripleStepSteps = asArray<{ title: string; body: string }>(