use rich translation for EOLAlertBox

Author: bmuenzenmeyer

apps/site/components/EOL/EOLAlert/index.tsx

@@ -7,11 +7,9 @@ const EOLAlert = () => {
   const t = useTranslations();
   return (
     <AlertBox level="warning">
-      {t('components.eolAlert.intro')}{' '}
-      <Link href="/eol">
-        OpenJS Ecosystem Sustainability Program{' '}
-        {t('components.eolAlert.partner')} HeroDevs
-      </Link>
+      {t.rich('components.eolAlert.message', {
+        link: text => <Link href="/eol">{text}</Link>,
+      })}
     </AlertBox>
   );
 };

packages/i18n/src/locales/en.json

@@ -177,8 +177,7 @@
       "ltsVersionFeaturesNotice": "Want new features sooner? Get the <link>latest Node.js version</link> instead and try the latest improvements!"
     },
     "eolAlert": {
-      "intro": "Commercial support for versions past the Maintenance LTS phase is available through our",
-      "partner": "partner"
+      "message": "Commercial support for versions past the Maintenance LTS phase is available through our <link>OpenJS Ecosystem Sustainability Program partner HeroDevs</link>"
     },
     "eolChip": {
       "severity": {