perf(images): replace Kanvas img tags with StaticImage

[Manishnemade12]

Summary

This PR addresses image rendering performance in the Kanvas section by replacing raw HTML <img> tags with Gatsby's StaticImage and updating related styling selectors.

Closes : #7612

Changes made

• Replaced 27 raw <img> usages with StaticImage across:
  • src/sections/Kanvas/kanvas-catalog.js
  • src/sections/Kanvas/index.js
  • src/sections/Kanvas/kanvas-modes.js
• Added StaticImage imports where needed.
• Removed now-unneeded static image imports that were previously passed to raw <img>.
• Updated styled-component selectors from img to .gatsby-image-wrapper where layout/styling depended on direct <img> targeting.

Why this helps

• Enables Gatsby image pipeline benefits for these assets (optimized delivery behavior and better rendering characteristics).
• Reduces reliance on unoptimized raw image tags in a high-visibility Kanvas path.
• Improves consistency with Gatsby image best practices.

Scope and safety

• Surgical change limited to 3 Kanvas files.
• Preserves existing content structure and visual intent.
• No test run performed per request; editor diagnostics for changed files report no errors.

[rishiraj38]

LGTM!