add EOL variant of alertbox

this is the current pattern to expose translations to MDX, from what i can tell

Author: bmuenzenmeyer

apps/site/components/MDX/EOL/Alert.tsx

@@ -0,0 +1,18 @@
+import AlertBox from '@node-core/ui-components/Common/AlertBox';
+import { useTranslations } from 'next-intl';
+
+import Link from '#site/components/Link';
+
+const EOLAlert = () => {
+  const t = useTranslations('components.endOfLife');
+  return (
+    <AlertBox level="warning">
+      {t('intro')}{' '}
+      <Link href="/eol">
+        OpenJS Ecosystem Sustainability Program partner HeroDevs
+      </Link>
+    </AlertBox>
+  );
+};
+
+export default EOLAlert;

apps/site/next.mdx.use.mjs

@@ -4,6 +4,7 @@ import BadgeGroup from '@node-core/ui-components/Common/BadgeGroup';
 
 import DownloadReleasesTable from './components/Downloads/DownloadReleasesTable';
 import UpcomingMeetings from './components/MDX/Calendar/UpcomingMeetings';
+import EOLAlertBox from './components/MDX/EOL/Alert';
 import WithBadgeGroup from './components/withBadgeGroup';
 import WithBanner from './components/withBanner';
 import WithNodeRelease from './components/withNodeRelease';
@@ -25,4 +26,6 @@ export const mdxComponents = {
   BadgeGroup,
   // Renders an container for Upcoming Node.js Meetings
   UpcomingMeetings,
+  // Renders an EOL alert
+  EOLAlertBox,
 };

apps/site/pages/en/about/previous-releases.mdx

@@ -5,6 +5,8 @@ layout: about
 
 # Node.js Releases
 
+<EOLAlertBox />
+
 Major Node.js versions enter _Current_ release status for six months, which gives library authors time to add support for them.
 After six months, odd-numbered releases (9, 11, etc.) become unsupported, and even-numbered releases (10, 12, etc.) move to _Active LTS_ status and are ready for general use.
 _LTS_ release status is "long-term support", which typically guarantees that critical bugs will be fixed for a total of 30 months.
@@ -16,10 +18,6 @@ Production applications should only use _Active LTS_ or _Maintenance LTS_ releas
 
 Full details regarding the Node.js release schedule are available [on GitHub](https://github.com/nodejs/release#release-schedule).
 
-### Commercial Support
-
-Commercial support for versions past the Maintenance phase is available through our OpenJS Ecosystem Sustainability Program partner [HeroDevs](https://www.herodevs.com/support/node-nes?utm_source=NodeJS+&utm_medium=Link&utm_campaign=Version_support_page).
-
 ## Looking for the latest release of a version branch?
 
 <DownloadReleasesTable />

packages/i18n/src/locales/en.json

@@ -259,6 +259,9 @@
         "subtitle": "The latest Node.js news, case studies, tutorials, and resources.",
         "rssLink": "RSS feed"
       }
+    },
+    "endOfLife": {
+      "intro": "Commercial support for versions past the Maintenance LTS phase is available through our"
     }
   },
   "layouts": {