fix: Scoping issues corrected

[vladitasev]

⚠️ Important for component developers:

UI5 Web Components tag names may vary. Users can take advantage of the "scoping" feature (#2091), so for example ui5-button could be used as ui5-button-demo. However, it will always have a ui5-button attribute set, no matter what its name is.

Example

<ui5-button-demo ui5-button>Click me</ui5-button-demo>

This attribute will always be there, even if the scoping feature is not used:

Example

<ui5-button ui5-button>Click me</ui5-button>

You must only use this attribute in your code, never the tag name.

The following are not allowed:

• using the tag name in CSS
• comparing localName of a component
• querying the shadow root with a hard-coded local name.

Also, it is important to set dependencies for all components, otherwise the .hbs preprocessor will not scope some of the components used in the shadow root, and the scoping feature will break.

closes: #4528