[Screenshots] Jfrog Distribution 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 Jfrog Distribution 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.

[srujan0404]

@saurabh100ni please assign this issue to me

[narasimha-1511]

Go on @srujan0404 🚀

[saurabh100ni]

Thanks @narasimha-1511 😎

[srujan0404]

hey @saurabh100ni, I am not able to find the directory under the integrations. Can you please help me on this?

[saurabh100ni]

This PR description will help you @srujan0404 .

[narasimha-1511]

i am unassigning you @srujan0404 as you are inactive

[Sriram0612458]

@narasimha-1511 Can i work on this Issue?

[narasimha-1511]

Sure @Sriram0612458 🚀

[Sriram0612458]

@narasimha-1511 thanks

[Sriram0612458]

@narasimha-1511 I am unable to find the path. Can you please specify the path?