Suppress CSS warnings on build related to /deep/

[jahow]

Replaced by ::ng-deep, also made sure that we always have :host in front to avoid leaking styles.

See https://angular.io/guide/component-styles#deprecated-deep--and-ng-deep

We still rely on applying styles further down an element children so we can't really get rid of these. I'm not sure if an alternative will show up in the future, but at least for now we won't have as many warnings on builds.

[github-actions]

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

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

[coveralls]

coverage: 82.287% (-1.7%) from 83.965%
when pulling 5bc4968 on suppress-css-deep-warning
into 4983265 on main.

[fgravin]

btw why do we need ng-deep if it's in the same component ?

[jahow]

because the content generated through innerHtml will not be affected by the component stylesheet.