Implement "Lightbox" Block for images

[mhaack]

Some news pages have images which can be enlarged in a lightbox style view.

Examples:

• https://news.sap.com/2024/03/sap-strategic-challenger-2024-fosway-9-grid-for-learning-systems/
• https://news.sap.com/2024/03/future-belongs-to-data-driven-organizations-sap-data-unleashed/
• https://news.sap.com/2024/03/from-csrd-reporting-to-sustainable-business-outcomes/

Pages

• https://main--hlx-test--urfuwo.hlx.page/blog/2024/03/from-csrd-reporting-to-sustainable-business-outcomes

• https://main--hlx-test--urfuwo.hlx.page/blog/2024/03/sap-strategic-challenger-2024-fosway-9-grid-for-learning-systems

• https://main--hlx-test--urfuwo.hlx.page/blog/2024/03/future-belongs-to-data-driven-organizations-sap-data-unleashed

• [x] Implement Import part

• [ ] Implement Block UI

[mhaack]

Assigning to @sanmishr for the importer part, UI can be done also by someone else

[mhaack]

Block format

+----------------------------------------------+
| Lightbox                                     |
+==============================================+
| ![Image Alt Text][image0]                    |
| _Optional image caption_                     |
+----------------------------------------------+

Items

• one row with image and caption
• caption can be optional
• no link as we can automatically link to the image in the block

[sanmishr]

@mhaack @saurabh-khare @rjwtrmn - I have uploaded the docs with lightxbox images as part of the importer fix . Let me know if there is still some issues .

[mhaack]

This is ready to be picked up for the block dev part. Please check https://github.com/hlxsites there are plenty of other project which have implemented such a lightbox thing already no need to re-invent.