fix(ui5-tokenizer, ui5-multi-input,ui5-multi-combobox): Improve stylisation

[niyap]

• Tokenizer max-width calculation is adjusted: the inner-input width is correct now, as well as the --_ui5-input-icons-count is set to the tokenizer element itself in addition to the host element. This ensures the variable is available in the tokenizer's shadow DOM context where the max-width calculation is performed. Previously, the variable was only set on the MultiInput host, but the tokenizer's max-width calculation could not access it, resulting in the icon count being 0 instead of the correct value.
• inner-input-with-icon attribute is always set when an icon is presented, no matter of its kind.
• last-visible-token attribute added in order to mark the last visible that does not overflow when N-more indicator is present
• inner-input width and paddings are adjusted according to the specification covering all the use cases (icon presented, tokenizer available or just an input field)

JIRA: BGSOFUIRILA-3333
FIXES: #5096
FIXES: #13184

[ui5-webcomponents-bot]

🚀 Deployed on https://pr-13314--ui5-webcomponents-preview.netlify.app

[Vonahz]

I think this is not used as only tokens are rendered.

[Vonahz]

Why we not just make private property in the token as "lastVisibleToken" and then manipulate it here, this is how the framework will attach itself last-visible-token as attribute in its natural reactive way in the template. Something like:

    const tokensArray = this._tokens;
    const hasOverflow = this._nMoreCount > 0;
    const shouldMark = !this.expanded && hasOverflow;

    tokensArray.forEach((token, index) => {
        const isVisible = !token.overflows;
        const visibleTokens = tokensArray.filter(t => !t.overflows);
        const isLastVisible = isVisible && token === visibleTokens[visibleTokens.length - 1];
        
        token.lastVisibleToken = shouldMark && isLastVisible;
    });