fix(ui5-bar): allow overwrite of container-type

[hinzzx]

Previously the ui5-bar web component was strictly said to be a query container as its root element had container-type: size CSS property.
However this makes it ignore its children width requirements and sometimes they might get clipped, which is not always the desired behaviour.

Because of the above explained behaviour from now on we allow the app developers to overwrite that behaviour by setting the container-type: inherit on root level.
We also change the default query container behaviour from

- container-type: size
+ container-type: inline-size

as size observes both, height and width of a container, which is not necessary for our case.

Now the container type of the ui5-bar could be easily overwritten as simple as:

e.g

[ui5-bar] {
	container-type: unset;
}

Closes: #10012

[nnaydenow]

Does this solution keep working the responsive paddings?

[nnaydenow]

Hi @hinzzx,

Could you please check why this component have responsive paddings since they are not part of the component VD specification? If they are redundant all these container queries could be removed from the component.

They seem to be introduced by #7359 but for me the paddings should be controlled by the parent component which in this case is the dialog.