Fix @/climatemappedafrica images on Dev

[kilemensi]

Description

Main fix is adding a custom loader that will delegate loading of images coming from CMS (/media) to payload directly rather than via Next.js which may fail in weird ways (e.g. Next.js tries to load them via /_next/image?url=). The PR also:

• Improves the local/S3 image handling: If S3 key and secret are found, S3 is used. Otherwise, local media folder is used
• Fixes the print icon on explore page
• Ensure the panel in desktop mode scales well for screens that are lg+ i.e. the rich data/pin icons move accordingly.
• Ensure TotorialComponentProps exist when there is an tutorial block only.

PS: Lets test the image loading S3/local well to make sure we've fixed it once and for all.

Type of change

• Bug fix (non-breaking change which fixes an issue)

Screenshots

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation

[kelvinkipruto]

LGTM

[koechkevin]

Does this PR close #978 @kelvinkipruto ?