feat(DH): Add basiclightbox for thumbnail preview

[Angi-Kinas]

This PR adds a thumbnail preview to the dataset details page:

[github-actions]

Affected libs: api-metadata-converter, feature-editor, api-repository, feature-catalog, feature-record, feature-router, feature-search, feature-map, feature-dataviz, feature-auth, ui-search, ui-elements, ui-catalog, data-access-datafeeder, util-data-fetcher, common-fixtures, util-shared, ui-widgets, ui-inputs, ui-map, data-access-gn4, util-app-config, common-domain, ui-dataviz, util-i18n, ui-layout,
Affected apps: datahub, metadata-converter, metadata-editor, demo, webcomponents, map-viewer, search, datafeeder, data-platform,

• 🚀 Build and deploy storybook and demo on GitHub Pages
• 📦 Build and push affected docker images

[coveralls]

coverage: 83.998% (-16.0%) from 100.0%
when pulling 1ba7227 on DH-add-record-thumbnail
into 725d837 on main.

[tkohr]

Thanks for this neat feature @Angi-Kinas. I left some suggestions inline. I think it would also be nice to have a little test for this (maybe e2e?).

[tkohr]

Looks like the same logic as for lightbox$. Maybe both could be resolved with one variable (eg. thumbnailUrl or overviewUrl) on this level, which can then be passed to different UI components?

[tkohr]

Thanks for the refactoring and error handling @Angi-Kinas !

I'm just noticing the following problem:

My impression is that it occurs on records with CORS errors in the console (for the map for instance), not sure if this can be related.

Do you think you could also add a e2e test that checks if the overlay-preview opens and displays the image?

[tkohr]

Just wondering why this is not inside setPlaceholder() always returning true.

[jahow]

I can answer for @Angi-Kinas since we've done this together: we wanted this output to emit either true or false according to the state of the thumbnail, and not just emit true when the placeholder shows up

[jahow]

Thanks for the added tests!