Chore: External sourcing of badge images

[leecalcote]

Current Behavior

The images that are dynamically imported here https://github.com/layer5io/layer5/blob/master/src/sections/Community/Handbook/badges-data.js#L3-L4, can instead be statically, and externally sourced from https://badges.layer5.io

Desired Situation

Improve site build time by eliminating gatsby-image-plugin processing of these images.

---

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.

[Rajesh-Nagarajan-11]

Since PR #7223 moves the file to the collections, I will work on this after that PR gets merged.