Datahub / make hyperlinks clickable in "lineage" and "usage conditions"

[cmoinier]

Issue

In dataset view, in the "lineage" and "usages" sections, the text may contain hyperlinks, that weren't clickable nor displayed as such.

Resolution

Created a directive that dynamically creates an hyperlink object and an icon for any detected link in the text.

To test

Go to dataset/a8b5e6c0-c21d-4c32-b8f9-10830215890a, which has a link in its "usage" section.
Go to dataset/ee965118-2416-4d48-b07e-bbc696f002c2 which has a link in its "lineage" section.

[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.869% (-1.5%) from 88.387% when pulling 91f857e on GSGCT-55-hyperlinks-clickable into 3c19b2d on main.

[jahow]

Thanks for this contribution, it works great in my tests. I've made a few comments which are important IMO. One thing that would also be very beneficial is if you could add a story to the directive, so that it shows up in Storybook. Otherwise it is quite hard to really figure out what results it gives without launching an actual backend.

Great work 👍 thanks!

As an aside, I noted than when the abstract contains links, they will not be processed. This is "expected" as we assume the abstract to be HTML, but... I think we'll have to use the linkify directive there as well at some point. But this is for another time.

[jahow]

great work :)