Down-the code 2.0

[RajaBellebon]

Summary

This PR improves image handling, layout, and build reliability across the site. It fixes broken images, upgrades image quality, cleans up unused code, and resolves Node 20 build issues.

Changes

1. Fix NASA fallback image

   • Updated image path from /static/earth.png to /earth.png so the fallback image loads correctly.

2. Fix image rendering across gallery pages

   • Standardized image rendering using GatsbyImageSharpFluid_withWebp.
   • Updated 15 pages:
     • paintings, nepal, new-caledonia, scotland, thailand, israel, borneo, western-australia, northern-territory, new-zealand, about-me, greece, bruxelles, india, index
   • Result: images now render consistently and correctly on all gallery pages.

3. High-resolution, crisp images

   • paintings page: maxWidth: 3840, quality: 100
   • about-me page: maxWidth: 3840, quality: 100
   • Result: images look sharp on high-DPI/retina and large displays.

4. Fix About Me image display

   • Added objectFit: 'contain' to avoid cropping and show the full image.
   • Added maxHeight: '80vh' for better sizing on different viewports.
   • Result: full photo is visible with better layout across screen sizes.

5. Center footer content

   • Removed previous offset and centered footer text/links.
   • Result: footer links now appear neatly centered below images.

6. Code cleanup

   • Removed unused React imports from 20+ .tsx files.
   • Result: cleaner code and fewer lint warnings.

7. Build configuration updates

   • Fixed compatibility issues with Node 20.
   • Enabled the OpenSSL legacy provider.
   • Downgraded source-map to 0.6.1 to match the current toolchain expectations.
   • Result: builds succeed reliably under Node 20.

Testing

• Ran a full build locally with Node 20.
• Manually verified image rendering and layout on:
  • NASA fallback image
  • All gallery pages listed above
  • About Me page
  • Footer positioning on key pages