[Docs] Convert meshery design image to embedded meshery design

[ShashaankS]

Current State

https://cloud.layer5.io/academy/learning-paths/11111111-1111-1111-1111-111111111111/mastering-meshery/introduction-to-meshery/interpreting-meshery-designs/#meshery-design-at-a-glance

Desired State

Make a embedded meshery design using kanvas

Some notes for making meshery designs from images :

• If there is text in the image, using a text box for it won't work while embedding, try to use the image box and assign it a name so that it's visible in embedded design.
• Comment the url for the design prepared in the respective issue .
• For making your first design you get awarded with "Design Pioneer" Badge : https://badges.layer5.io/ and is a good-first-issue to get started with

---

Contributor Guide and Resources

• 📚 Instructions for contributing to academy-example
  • academy-example documentation site and source
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Layer5 Discussion Forum and Layer5 Community Slack