implement safeCreateInterpolateElement in packages/js

[vraja-pro]

Context

Summary

This PR can be summarized in the following changelog entry:

• Implements safeCreateInterpolateElement to avoid breaking errors due to wrong tags order in translation.

Relevant technical choices:

Test instructions

Test instructions for the acceptance test before the PR gets merged

This PR can be acceptance tested by following these steps:

• Smoke test the following:
  • Settings page
  • Support page
  • Dashboard page without premium
  • Site kit setup flow widget.
  • Integrations page
  • First time configuration
  • Inline link advanced options:
    
  • Insights
    

Relevant test scenarios

• Changes should be tested with the browser console open
• Changes should be tested on different posts/pages/taxonomies/custom post types/custom taxonomies
• Changes should be tested on different editors (Default Block/Gutenberg/Classic/Elementor/other)
• Changes should be tested on different browsers
• Changes should be tested on multisite

Test instructions for QA when the code is in the RC

• QA should use the same steps as above.

QA can test this PR by following these steps:

Impact check

This PR affects the following parts of the plugin, which may require extra testing:

UI changes

• This PR changes the UI in the plugin. I have added the 'UI change' label to this PR.

Other environments

• This PR also affects Shopify. I have added a changelog entry starting with [shopify-seo], added test instructions for Shopify and attached the Shopify label to this PR.

Documentation

• I have written documentation for this change. For example, comments in the Relevant technical choices, comments in the code, documentation on Confluence / shared Google Drive / Yoast developer portal, or other.

Quality assurance

• I have tested this code to the best of my abilities.
• During testing, I had activated all plugins that Yoast SEO provides integrations for.
• I have added unit tests to verify the code works as intended.
• If any part of the code is behind a feature flag, my test instructions also cover cases where the feature flag is switched off.
• I have written this PR in accordance with my team's definition of done.
• I have checked that the base branch is correctly set.

Innovation

• No innovation project is applicable for this PR.
• This PR falls under an innovation project. I have attached the innovation label.
• I have added my hours to the WBSO document.

Fixes Increase safety around tag mismatches in translations for packages/js

[coveralls]

Pull Request Test Coverage Report for Build 4c0c47dfab09108e48abb645e2884154d51eede7

Details

• 3 of 46 (6.52%) changed or added relevant lines in 20 files are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage decreased (-22.5%) to 30.378%

---

Changes Missing Coverage	Covered Lines	Changed/Added Lines	%
packages/js/src/components/BlackFridaySidebarChecklistPromotion.js	0	1	0.0%
packages/js/src/components/contentAnalysis/InclusiveLanguageAnalysis.js	0	1	0.0%
packages/js/src/first-time-configuration/tailwind-components/steps/site-representation/person-section.js	0	1	0.0%
packages/js/src/helpers/stringHelpers.js	0	1	0.0%
packages/js/src/settings/components/open-graph-disabled-alert.js	0	1	0.0%
packages/js/src/settings/routes/homepage.js	0	1	0.0%
packages/js/src/settings/routes/media-pages.js	0	1	0.0%
packages/js/src/shared-admin/components/academy-upsell-card.js	0	1	0.0%
packages/js/src/first-time-configuration/tailwind-components/steps/social-profiles/social-profiles-step.js	0	2	0.0%
packages/js/src/inline-links/inline.js	0	2	0.0%

Totals
Change from base Build 6174895529ea278e61d876b443ec2d03b400073b:	-22.5%
Covered Lines:	4452
Relevant Lines:	13716

---

💛 - Coveralls

[igorschoester]

CR && AT ✅