changed <img> to gatsby-plugin-image to improve performance

[yaten2302]

Description

Fixes #5842

This PR fixes #5824

This PR changes all the images of this section in this link, and replaces <img /> tag with <StaticImage />

Notes for Reviewers

Signed commits

• Yes, I signed my commits.

[l5io]

🚀 Preview for commit 807b63d at: https://6708100b21b1093b3d602bac--layer5.netlify.app

[miacycle]

This is helpful. +1

[Touriist]

@yaten2302 Thank you for this. LGTM
Can you refer to the correct issue for this PR, if there's one ?

[github-actions]

🚨 Alert! Git Police! We couldn’t help but notice that one or more of your commits is missing a sign-off. A what? A commit sign-off (your email address).

To amend the commits in this PR with your signoff using the instructions provided in the DCO check.

To configure your dev environment to automatically signoff on your commits in the future, see these instructions.

---

        Be sure to join the community, if you haven't yet and please leave a ⭐ star on the project 😄

[github-actions]

🚨 Alert! Git Police! We couldn’t help but notice that one or more of your commits is missing a sign-off. A what? A commit sign-off (your email address).

To amend the commits in this PR with your signoff using the instructions provided in the DCO check.

To configure your dev environment to automatically signoff on your commits in the future, see these instructions.

---

        Be sure to join the community, if you haven't yet and please leave a ⭐ star on the project 😄

[Touriist]

@yaten2302 the Meshery logo being cut off

[l5io]

🚀 Preview for commit 3818cd3 at: https://670ad9d66e5649874caf9bb8--layer5.netlify.app

[yaten2302]

@Touriist , this PR fixes #5842 issue

Also, I copied the meshery logo from the file path which was earlier being used to render the image. Could you please guide that is this the wrong image which I'm using?

[Touriist]

@Touriist , this PR fixes #5842 issue

Also, I copied the meshery logo from the file path which was earlier being used to render the image. Could you please guide that is this the wrong image which I'm using?

@yaten2302 the css previously applied to the <img> element might not be properly applied to the <StaticImage> component. We'll have to ensure existing styles target the image inside StaticImage correctly

[l5io]

🚀 Preview for commit 84213cb at: https://670cb5b6768ef85b3e210065--layer5.netlify.app

[yaten2302]

@Touriist , I was checking about the styles applied to the <img /> tag. But, ig, I haven't removed the tags in my commit, I'm checking if there's any other error here :/

Also, I recently pulled some changes from the main repo, actually, this error is being shown to me, are you also getting this, or should I re clone this repo?

[vishalvivekm]

@yaten2302
Let's discuss this during the website call on Monday at 5:30 PM IST (7:00 AM CT).

Please add it as an agenda item to the meeting minutes.

[yaten2302]

@vishalvivekm , ig this issue is already added in the meeting minutes 👍
We'll surely discuss about it today 👍

[yaten2302]

@vishalvivekm @Touriist , there's some issue with this PR, I'm closing this, will create a new PR soon👍