Align dir attribute usage on the overlays with the host element

[web-padawan]

Description

Currently, components like vaadin-date-picker-overlay do not respect custom dir set on the host element.
The only case that supports this is vaadin-combo-box-overlay that uses custom logic for this:

web-components/packages/combo-box/src/vaadin-combo-box-overlay-mixin.js

Lines 28 to 33 in 451c328

	const comboBox = this._comboBox;
	const hostDir = comboBox && comboBox.getAttribute('dir');
	if (hostDir) {
	this.setAttribute('dir', hostDir);
	}

Note: prior to #7677 the dir was set based on getComputedStyle(this).direction. This logic is now removed to enable using globally set dir attribute value on overlay based components. But we probably should also check host dir.

Expected outcome

Expected the dir='rtl' to be set on the overlay when provided on the host element by components such as:

• vaadin-date-picker
• vaadni-select
• vaadin-menu-bar

Note: the vaadin-time-picker is a special case since it enforces dir='ltr' on the overlay by design.

Minimal reproducible example

<vaadin-date-picker label="Start date" dir="rtl"></vaadin-date-picker>

Steps to reproduce

1. Add the snippet above to the HTML page
2. Open the date-picker overlay
3. Check the overlay dir in dev tools

Environment

Vaadin version(s): 24.x, also earlier versions

Browsers

Issue is not browser related