feat: add End-of-life (EOL) link under About menu (#8156)

* feat: add End-of-life (EOL) link under About menu

* fix(eol): change layout from article to about to restore sidebar for End-Of-Life page

* refactor(eol): update all internal links to /about/eol for consistency

Author: Mohit5Upadhyay

apps/site/components/EOL/EOLAlert.tsx

@@ -8,7 +8,7 @@ const EOLAlert = () => {
   return (
     <AlertBox level="warning">
       {t.rich('components.eolAlert.message', {
-        link: text => <Link href="/eol">{text}</Link>,
+        link: text => <Link href="/about/eol">{text}</Link>,
       })}
     </AlertBox>
   );

apps/site/components/withReleaseAlertBox.tsx

@@ -21,7 +21,7 @@ const WithReleaseAlertBox: FC<WithReleaseAlertBoxProps> = ({ status }) => {
           size="small"
         >
           {t.rich('layouts.download.codeBox.unsupportedVersionWarning', {
-            link: text => <Link href="/eol">{text}</Link>,
+            link: text => <Link href="/about/eol">{text}</Link>,
           })}
         </AlertBox>
       );

apps/site/navigation.json

@@ -113,6 +113,10 @@
         "branding": {
           "link": "/about/branding",
           "label": "components.navigation.about.links.branding"
+        },
+        "eol": {
+          "link": "/about/eol",
+          "label": "components.navigation.about.links.eol"
         }
       }
     },

apps/site/pages/en/eol.mdx renamed to apps/site/pages/en/about/eol.mdx

@@ -1,6 +1,6 @@
 ---
 title: End-Of-Life
-layout: article
+layout: about
 description: Understand Node.js End-of-Life, what it means for security, tooling, and compliance, plus EOL version details and commercial support options.
 ---
 

apps/site/pages/en/index.mdx

@@ -21,7 +21,7 @@ layout: home
 
       <Button kind="primary" className="!block dark:!hidden" href="/download">Get Node.js®</Button>
 
-      <Button kind="secondary" className="!block" href="/eol">
+      <Button kind="secondary" className="!block" href="/about/eol">
         <span>Get security support</span>
         <br />
         <small className="!text-xs">for EOL Node.js versions</small>

apps/site/pages/fr/index.mdx

@@ -19,7 +19,7 @@ layout: home
 
       <Button kind="primary" className="!block dark:!hidden" href="/download">Obtenir Node.js®</Button>
 
-      <Button kind="secondary" className="!block" href="/eol">
+      <Button kind="secondary" className="!block" href="/about/eol">
         <span>Obtenir une aide à la sécurité</span>
 
         <br />

apps/site/pages/ja/index.mdx

@@ -19,8 +19,9 @@ layout: home
 
       <Button kind="primary" className="!block dark:!hidden" href="/download">Node.js®を入手</Button>
 
-      <Button kind="secondary" className="!block" href="/eol">
-        <span>セキュリティーサポート</span>
+
+      <Button kind="secondary" className="!block" href="/about/eol">
+        <span>セキュリティサポート</span>
 
         <br />
 

apps/site/pages/ro/index.mdx

@@ -21,7 +21,7 @@ layout: home
 
       <Button kind="primary" className="!block dark:!hidden" href="/download">Obține Node.js®</Button>
 
-      <Button kind="secondary" className="!block" href="/eol">
+      <Button kind="secondary" className="!block" href="/about/eol">
         <span>Obține asistență de securitate</span>
 
         <br />

apps/site/pages/uk/index.mdx

@@ -20,7 +20,7 @@ layout: home
 
       <Button kind="primary" className="!block dark:!hidden" href="/download">Отримати Node.js®</Button>
 
-      <Button kind="secondary" className="!block" href="/eol">
+      <Button kind="secondary" className="!block" href="/about/eol">
         <span>Отримати підтримку безпеки</span>
 
         <br />

apps/site/redirects.json

@@ -288,6 +288,10 @@
       "source": "/:locale/about/releases",
       "destination": "/:locale/about/previous-releases"
     },
+    {
+      "source": "/:locale/eol",
+      "destination": "/:locale/about/eol"
+    },
     {
       "source": "/:locale/blog/weekly-updates/:path*",
       "destination": "/:locale/blog/weekly/:path*"