fix(ui5-option): add down/active state on press

[NakataCode]

Introduce visual active/pressed state for ui5-option and ui5-option-custom inside ui5-select. When the user presses and holds on an option in the dropdown, the item reflects the active state using sapList_Active_Background, matching the Fiori design spec for interactive list states.

• Add active boolean property and _onmousedown handler to Option and OptionCustom
• Register document-level mouseup/touchend listeners in onEnterDOM to deactivate
• Wire onMouseDown and onTouchStart via injectedProps in ListItemBaseTemplate
• Fix border-bottom-color in active state to match background (ListItemBase.css)
• Add JsxTemplate type for listItemContent hook in ListItemBaseTemplate
• Add Cypress tests for active state on mousedown/mouseup for both option types

Fixes: #13307

[ui5-webcomponents-bot]

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

[plamenivanov91]

Can we achieve the target design CSS only?

/* Current */
:host([active][actionable]:not([data-moving])) {
background-color: var(--sapList_Active_Background);
border-bottom-color: var(--sapList_Active_Background);
}

/* Instead, use CSS :active */
:host(:active[actionable]:not([data-moving])) {
background-color: var(--sapList_Active_Background);
border-bottom-color: var(--sapList_Active_Background);
}

Without introducing JS overhead?