fix: dupplicates seo

Author: thedaviddias

app/[lang]/[[...mdxPath]]/page.tsx

@@ -19,18 +19,28 @@ export async function generateMetadata({ params }): Promise<Metadata> {
   const description = frontMatter?.description || metadata?.description || ''
   const summary = frontMatter?.summary || ''
 
-  // OG image handling
+  // Page type detection
   const isPatternPage = params.mdxPath?.[0] === 'patterns'
+  const isGlossaryPage = params.mdxPath?.[0] === 'glossary'
+
+  // Title with context
+  const titleWithContext = isPatternPage
+    ? `${title} Pattern`
+    : isGlossaryPage
+      ? `${title} - UX Glossary Term`
+      : title
+
+  // OG image handling
   const patternName = isPatternPage ? params.mdxPath?.[params.mdxPath.length - 1] : null
   const ogImageUrl = isHomepage
     ? '/og/opengraph-image.png'
-    : `/api/og?title=${encodeURIComponent(title)}`
+    : `/api/og?title=${encodeURIComponent(titleWithContext)}`
 
   return {
-    title,
+    title: titleWithContext,
     description,
     openGraph: {
-      title,
+      title: titleWithContext,
       description,
       type: isHomepage ? 'website' : 'article',
       images: isPatternPage && patternName ? [{

content/en/glossary/pagination.mdx

@@ -16,7 +16,7 @@ import { GlossaryStructuredData } from "@app/_components/glossary/structured-dat
   category={["Pattern", "Navigation"]}
 />
 
-# Pagination
+# Pagination in UX Design
 
 Pagination is a fundamental user interface pattern that divides large sets of content into smaller, more manageable chunks called "pages". This pattern helps users navigate through extensive collections of data, such as search results, product listings, or blog posts.
 

content/en/patterns/getting-started.mdx

@@ -1,3 +1,7 @@
+---
+description: UX Patterns for Devs is a comprehensive resource that helps developers implement effective, accessible, and usable UI components
+---
+
 import { Link } from "nextra-theme-docs";
 import { Callout, FileTree, Steps } from "nextra/components";