Added meshery-design-embed extension to Meshery Extensions

Signed-off-by: Aviral Asthana <[email protected]>

collections/_extensions/meshery-design-embed.md

@@ -0,0 +1,23 @@
+---
+layout: item
+name: Meshery Design Embedding
+kind: extension
+userName: Meshery Authors
+userAvatarURL: https://png.pngtree.com/png-vector/20191104/ourmid/pngtree-businessman-avatar-cartoon-style-png-image_1953664.jpg
+type: Collaboration
+compatibility: 
+  - HTML
+  - CSS
+  - JavaScript
+extensionId: 2d54f372-10e5-4c4e-8d23-b9c35c68ce98
+logo: /assets/images/meshery-logo.svg
+image: /assets/images/meshmap-icon.svg
+extensionInfo: |
+  Export, embed, and share interactive designs effortlessly with Meshery Design Embedding.
+extensionCaveats: |
+  - Embed your MeshMap design easily by selecting the "Embed" option and downloading the embedding script.
+  - Use the script for static sites or integrate it into React projects with the 'meshery-design-embed' package.
+  - Customize the embedded design’s styles with CSS classes or inline styles as needed.
+URL: 'https://playground.meshery.io/extension/meshmap'
+docsURL: 'https://docs.layer5.io/meshmap/designer/embedding-designs/'
+---