UHF-10235: Added a check that the content has loaded before scrolling to results to fix issue on screen reader and safari

[annadruid]

UHF-10235

What was done

• Safari had an issue where the screen reader would read the previous vacant jobs and job listings when the focus was moved, this was fixed with adding a check that the content has loaded

How to install

• Make sure your Rekry instance is up and running on latest dev branch.
  • git pull origin dev
  • make fresh
• Update the HDBT theme
  • composer require drupal/hdbt:dev-UHF-10235
• Run make drush-cr

How to test

• Test the feature on safari since the issue was present there.
• Use VoiceOver app and go to https://helfi-rekry.docker.so/fi/avoimet-tyopaikat/etsi-avoimia-tyopaikkoja
• Add something to the search and click "hae", the screen reader should now read the correct amount of vacant jobs and how many job listings there are
• Check that code follows our standards

Continuous documentation

• This feature has been documented/the documentation has been updated
• This change doesn't require updates to the documentation

[github-actions]

⚠️ Visual regression found! Please check if this change is wanted or accidental. You can check the output here: https://city-of-helsinki.github.io/drupal-hdbt-visual-regression/pull/1176/html_report/

[github-actions]

⚠️ Visual regression found! Please check if this change is wanted or accidental. You can check the output here: https://city-of-helsinki.github.io/drupal-hdbt-visual-regression/pull/1176/html_report/

[github-actions]

⚠️ Visual regression found! Please check if this change is wanted or accidental. You can check the output here: https://city-of-helsinki.github.io/drupal-hdbt-visual-regression/pull/1176/html_report/

[teroelonen]

This fixes the issue 🦖