feat: add modal feature pic

Author: thedaviddias

content/en/patterns/content-management/modal.mdx

@@ -8,12 +8,15 @@ 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";
 import { Playground } from "@app/_components/playground";
 
 # Modal
 
 **_(Also called dialog, dialog box, overlay, popup)_**
 
+<PatternPreview />
+
 ## Overview
 
 A **modal** is an interface element that appears on top of the main application screen, blocking interaction with the rest of the page until the modal is closed.