fix: ensure focused date is visible if overlay is small (CP: 24)

[sissbruecker]

Cherry-pick of vaadin/vaadin-date-picker#809

[web-padawan]

Integration tests started to fail for some reason:

integration/tests/dialog-date-picker.test.js:

 ❌ date-picker in dialog > modal > should focus the Today button on second Tab when inside a dialog
      AssertionError: expected false to be true
      + expected - actual

      -false
      +true

      at o.<anonymous> (integration/tests/dialog-date-picker.test.js:45:87)

 ❌ date-picker in dialog > modal > should focus the input on calendar date Shift Tab when inside a dialog
      AssertionError: expected false to be true
      + expected - actual

      -false
      +true

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[sissbruecker]

Integration tests started to fail for some reason:

Fixed by waiting for the scroll animation to finish. It seems for the integration tests the new week-based scrolling kicks in, which always triggers a scroll on focus, even if the date is already visible - for month-based scrolling we only scroll if the respective month is not already visible, so there was no need to wait.

[vaadin-bot]

Hi @sissbruecker , this commit cannot be picked to 23.1 by this bot, can you take a look and pick it manually?
Error Message: Error: Command failed: git cherry-pick 9829407
error: could not apply 9829407... fix: ensure focused date is visible if overlay is small (#4759)
hint: After resolving the conflicts, mark them with
hint: "git add/rm ", then run
hint: "git cherry-pick --continue".
hint: You can instead skip this commit with "git cherry-pick --skip".
hint: To abort and get back to the state before "git cherry-pick",
hint: run "git cherry-pick --abort".