feat(ui): Adjust linkify directive

[Angi-Kinas]

Adjust linkify directive to be able to process HTML elements and Text.
Will be used additionally in the abstract and landing page.

Replaces this PR #588

/dataset/a8b5e6c0-c21d-4c32-b8f9-10830215890a (landing page link):

/dataset/n_tri_lill_inondable_s_059 (link in abstract with <strong>-tag):

/dataset/ee965118-2416-4d48-b07e-bbc696f002c2 (multiple links in abstract):

[github-actions]

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

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

[coveralls]

coverage: 86.396% (-0.09%) from 86.481%
when pulling e4bb3c2 on DH-make-hyperlinks-clickable
into 3d789bc on main.

[tkohr]

Really nice improvement, thanks @Angi-Kinas ! The only thing I see, is that the link color in the abstract should likely also be primary, shouldn't it? Maybe we could also add a test for some HTML input with an existing anchor element.

[jahow]

The only thing I see, is that the link color in the abstract should likely also be primary, shouldn't it?

Really what we're missing is a presentation component for links. We have been copy-pasting tailwind style for these many times now, and this should be factorized in a component.

[tkohr]

The only thing I see, is that the link color in the abstract should likely also be primary, shouldn't it?

Really what we're missing is a presentation component for links. We have been copy-pasting tailwind style for these many times now, and this should be factorized in a component.

Shouldn't this be the central place where the style should be defined? The only reason why it's displayed differently in the abstract, is because the style is overwritten here, I think.

Maybe I'm missing your point for the need of a component though. Do you propose to use the UI component within the directive?

[jahow]

Shouldn't this be the central place where the style should be defined? The only reason why it's displayed differently in the abstract, is because the style is overwritten here, I think.

Hmm, I think it'd be good to have a common style for all links in the app, not just the ones created by the linkify directive. But it's also true that it might not necessary be a presentation component, it could simply be a tailwind class, otherwise it'll be hard to generate it on the fly in the linkify directive.

[jahow]

I've reworked this PR and now the tests should be passing :) great work @Angi-Kinas, it was only a minor detail (see the template of component used in the unit test).