Add Meshery Design embed _index.md and JS file

content/learning-paths/d011fd20-a3f5-4480-883b-dfb34321d168/mastering-meshery/introduction-to-meshery/interpreting-meshery-designs/_index.md

@@ -31,7 +31,11 @@ These components encapsulate the resources and include their detailed configurat
 
 ## Meshery Design at a Glance
 
-![basic-meshery-design](basic-meshery-design.png)
+{{< meshery-design-embed
+  id="embedded-design-meshery-design-at-a-glance"
+  src="embedded-design-meshery-design-at-a-glance.js"
+>}}
+
 
 The design above shows a simple Meshery Design that consists of Kubernetes components. It specifically illustrates some kubernetes resources that are required to deploy an application to a Kubernetes cluster.
 

content/learning-paths/d011fd20-a3f5-4480-883b-dfb34321d168/mastering-meshery/introduction-to-meshery/interpreting-meshery-designs/embedded-design-meshery-design-at-a-glance.js

@@ -0,0 +1,7 @@
+const design = {
+  id: "bf3ef49f-0623-499b-b9e3-3b9e0da07557",
+  type: "meshery-design",
+  link: "https://kanvas.new/extension/meshmap?mode=design&design=bf3ef49f-0623-499b-b9e3-3b9e0da07557"
+}
+
+export default design;