Added lazy loading feature

[srivastava-diya]

What kind of change does this PR introduce?

Feature — Adds lazy loading to image components to improve page performance.

Issue Number:

• Closes ✨ Enhancement: Add Lazy Loading to Images #1869

Screenshots/videos:

N/A (no visual change — only performance improvement)

If relevant, did you update the documentation?

Not applicable — this PR only introduces frontend optimizations without user-facing API or content changes.

Summary

This pull request introduces lazy loading to image components throughout the project.
It improves initial page load time and reduces bandwidth usage by deferring off-screen image loading.

Files updated:

• components/JsonEditor.tsx
• pages/tools/components/ToolingDetailModal.tsx
• pages/index.page.tsx

Does this PR introduce a breaking change?
NO

[github-actions]

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name	Status	Preview	Last Commit
website	✅ Ready (View Log)	Visit Preview	a253053

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 100.00%. Comparing base (4e1e90a) to head (a253053).

Additional details and impacted files

@@            Coverage Diff            @@
##              main     #1870   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           30        30           
  Lines          633       633           
  Branches       196       196           
=========================================
  Hits           633       633           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.