WebComponents / fix dropdown-selector not showing

[jahow]

This PR brings several fixes to the web components:

• Rework the logic for providing a custom OverlayContainer in web components, by looking at the first ShadowDOM found and putting the container in it; this will make any custom overlays (e.g. dropdowns) work correctly
• Use a different event for closing the overlays in the dropdown components
• Fixes the font URL used for icons
• Add a logic on web components init to copy all @font-face definitions to the host document; this is necessary because @font-face rules in ShadowDOM will not trigger the download of the font, thus icons will never show in web components without that

[github-actions]

Affected libs: feature-search, feature-router, feature-record, feature-map, feature-dataviz, ui-inputs, feature-editor, ui-elements, feature-catalog, ui-catalog, ui-search,
Affected apps: webcomponents, metadata-editor, datahub, demo, search, map-viewer, metadata-converter, datafeeder,

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

[coveralls]

coverage: 81.812% (-4.6%) from 86.461% when pulling 6291baa on fix-dropdown-wc into 3c899e0 on main.

[tkohr]

Thanks for the various fixes @jahow !

Just noticed that the dropdown does not close when clicking the select box itself.

[tkohr]

Thanks, @jahow, working very smoothly now!