[Screenshots] Dragonfly under 'How it Works See It in Action' section

[saurabh100ni]

Current Behavior

Currently, every integration has only two old screenshots of the designer and visualizer in the 'How it Works See It in Action' section.

Desired Behavior

• Add new images and videos from the latest version of the software (MeshMap)
• Add screenshots for Dragonfly integration.

Acceptance Tests

• Ensure your screenshot represents the use of a few specific integrations.
• The screenshot from the Designer mode should contain a valid design, refer to meshery catalog to use and view published designs.
• Add both Dark Mode and Light Mode screenshots.
• The screenshot should not be a snippet, take the full screenshot of your browser.
• Use Incognito mode on Chrome browser, to ensure your bookmark bar or any other items are not shown in the screenshot/video.

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[narasimha-1511]

i want to work on this issue?

[saurabh100ni]

Here you go 😎🚀

[leecalcote]

@saurabh100ni please promptly review each of the PRs that come through on these issues.

[BarryByte]

@narasimha-1511 are you working on this issue? If not, i want to work on this issue.

[narasimha-1511]

go on @BarryByte 🚀

[BarryByte]

@saurabh100ni @Ashparshp I have fixed this issue and the DCO related to this, please look into it (#5772).