Add image validation for Gatsby components and enhance error handling

[saurabhraghuvanshii]

Description

A new make target: check-images reports if any lacking an explicit image prop (exit code 1 when issues are found).

To narrow the scan to a folder with make check-images -- src/pages/community. This script is useful as a guardrail.

originally #7213 (comment)

Expected Behavior

Screenshots

Environment:

• Host OS:
• Browser:

---

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.

[snakefood3232]

I see you're looking to create a make target: check-images to validate components. I'd handle this by implementing a script with Node.js to crawl specified directories, checking components for the required props, and return an exit code 1 if any issues are found. I can have a PR ready in 48 hours. I've built similar validation scripts for Gatsby sites in the past.

[saurabhraghuvanshii]

thanks @snakefood3232 !!

[KavyaKapoor420]

hi @saurabhraghuvanshii can i work on this issue ,
ig @snakefood3232 is just commenting on every issue and not working actually or maybe i m wrong ,
but i can fix this quickly , can i raise PR for this ?

[saurabhraghuvanshii]

@snakefood3232 are you up? If not I'll assign to @KavyaKapoor420

[saurabhraghuvanshii]

@KavyaKapoor420 are you still want to work on this? I'm not hearing from @snakefood3232

[KavyaKapoor420]

yup, im interested to work on this , just navigating into codebase , thinking for necessary changes to resolve it ,will Raise m PR