feat: add more covers

Author: thedaviddias

content/en/patterns/forms/text-field.mdx

@@ -8,9 +8,12 @@ status: complete
 import { BrowserSupport } from "@app/_components/browser-support";
 import { BuildEffort } from "@app/_components/build-effort";
 import { FaqStructuredData } from "@app/_components/faq-structured-data";
+import { PatternPreview } from "@app/_components/pattern-preview";
 
 # Text Field
 
+<PatternPreview />
+
 ## Overview
 
 A **Text Field** is a fundamental form input component that allows users to enter and edit text-based data. It is commonly used in **forms, search fields, authentication fields, and messaging interfaces**.

content/en/patterns/navigation/breadcrumb.mdx

@@ -7,9 +7,12 @@ status: complete
 
 import { BuildEffort } from "@app/_components/build-effort";
 import { FaqStructuredData } from "@app/_components/faq-structured-data";
+import { PatternPreview } from "@app/_components/pattern-preview";
 
 # Breadcrumb
 
+<PatternPreview />
+
 ## Overview
 
 **Breadcrumbs**, often displayed as a horizontal list of links separated by symbols, help users understand their location in a website's hierarchy at a glance.