Enhancement: Replace <img> tags with Next.js Image Component #824

[29deepanshutyagi]

This PR refactors several img tags throughout the project to utilize the Image component provided by Next.js.Replaced img tags with Image components

changes are pushed through check branch

issue #824 , kindly check it

[github-actions]

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

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

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (9899bc7) to head (82030a9).
Report is 24 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff            @@
##              main      #997   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           10        10           
  Lines          373       373           
  Branches        94        94           
=========================================
  Hits           373       373           

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

[benjagm]

Thanks a lot for this PR!! Nice job. I just left small comments.

[29deepanshutyagi]

@benjagm all requested changes are implemented, kindly check it

[29deepanshutyagi]

@benjagm kindly check it

[DhairyaMajmudar]

@29deepanshutyagi left some suggestions to be added in the PR

[DhairyaMajmudar]

@29deepanshutyagi there are still some comments left to be resolved, can you pls. have a look on them

[29deepanshutyagi]

@29deepanshutyagi there are still some comments left to be resolved, can you pls. have a look on them

yeah will commit those changes soon

[29deepanshutyagi]

kindly review it @benjagm @DarhkVoyd

[DhairyaMajmudar]

1. Images of case studies page is not as it was before

2. Sidebar Icons size is less as compare to before

3. Tooling page icons size is decreased as compared to before

[DhairyaMajmudar]

@29deepanshutyagi Great progress!! just small fixes and we are good to go 🚀

[29deepanshutyagi]

,> @29deepanshutyagi Great progress!! just small fixes and we are good to go 🚀

but i had already set the width and height according to their corresponding tailwind class value there previously

[DhairyaMajmudar]

Hi @29deepanshutyagi any progress on this? We're almost there just few changes left

[29deepanshutyagi]

Hi @29deepanshutyagi any progress on this? We're almost there just few changes left

[heysujal]

Hi @29deepanshutyagi , I cloned your repo to have a look what the conflicts are how to fix them.

You can follow below steps to resolve these conflicts.

1. Checkout to your check branch.
2. Run git remote add upstream https://github.com/json-schema-org/website.git
3. Run git pull upstream main
4. Use the souce control in VSCode
5. Accept Current change for Card.tsx
   

Similarly you can do Accept Both option for ToolingDetailModal.tsx

After this you can stage all these merge changes(look for + icon in source control) and you can commit all the changes and push those changes like you usually do.