fix(UI): put the Legacy label on the old JS curriculum title (re-open) (#53314)

Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
Co-authored-by: Sem Bauke <semboot699@gmail.com>

client/config/cert-and-project-map.ts

@@ -576,7 +576,7 @@ const allStandardCerts = [
   },
   {
     id: '561abd10cb81ac38a17513bc',
-    title: 'JavaScript Algorithms and Data Structures',
+    title: 'Legacy JavaScript Algorithms and Data Structures',
     certSlug: Certification.JsAlgoDataStruct,
     projects: [
       {

client/i18n/locales/english/intro.json

@@ -217,7 +217,7 @@
     }
   },
   "javascript-algorithms-and-data-structures": {
-    "title": "JavaScript Algorithms and Data Structures",
+    "title": "Legacy JavaScript Algorithms and Data Structures",
     "intro": [
       "While HTML and CSS control the content and styling of a page, JavaScript is used to make it interactive. In the JavaScript Algorithm and Data Structures Certification, you'll learn the fundamentals of JavaScript including variables, arrays, objects, loops, and functions.",
       "Once you have the fundamentals down, you'll apply that knowledge by creating algorithms to manipulate strings, factorialize numbers, and even calculate the orbit of the International Space Station.",

client/i18n/locales/english/translations.json

@@ -939,9 +939,9 @@
     "title": {
       "Responsive Web Design": "Responsive Web Design",
       "responsive-web-design": "Responsive Web Design Certification",
-      "JavaScript Algorithms and Data Structures": "JavaScript Algorithms and Data Structures",
-      "javascript-algorithms-and-data-structures": "JavaScript Algorithms and Data Structures Certification",
-      "javascript-algorithms-and-data-structures-v8": "JavaScript Algorithms and Data Structures Certification",
+      "JavaScript Algorithms and Data Structures": "Legacy JavaScript Algorithms and Data Structures",
+      "javascript-algorithms-and-data-structures": "Legacy JavaScript Algorithms and Data Structures Certification",
+      "javascript-algorithms-and-data-structures-v8": "JavaScript Algorithms and Data Structures (Beta) Certification",
       "Front End Development Libraries": "Front End Development Libraries",
       "front-end-development-libraries": "Front End Development Libraries Certification",
       "Data Visualization": "Data Visualization",

client/src/client-only-routes/show-project-links.tsx

@@ -106,7 +106,7 @@ const ShowProjectLinks = (props: ShowProjectLinksProps): JSX.Element => {
     if (certName === 'Legacy Full Stack') {
       const certs = [
         { title: 'Responsive Web Design' },
-        { title: 'JavaScript Algorithms and Data Structures' },
+        { title: 'Legacy JavaScript Algorithms and Data Structures' },
         { title: 'Front End Development Libraries' },
         { title: 'Data Visualization' },
         { title: 'Back End Development and APIs' },

client/src/components/settings/certification.tsx

@@ -115,7 +115,7 @@ const isCertMapSelector = createSelector(
     isJsAlgoDataStructCertV8
   }) => ({
     'Responsive Web Design': isRespWebDesignCert,
-    'JavaScript Algorithms and Data Structures': isJsAlgoDataStructCert,
+    'Legacy JavaScript Algorithms and Data Structures': isJsAlgoDataStructCert,
     'Front End Development Libraries': isFrontEndLibsCert,
     'Data Visualization': is2018DataVisCert,
     'Back End Development and APIs': isApisMicroservicesCert,

client/src/pages/learn/javascript-algorithms-and-data-structures-v8/index.md

@@ -1,5 +1,5 @@
 ---
-title: JavaScript Algorithms and Data Structures
+title: JavaScript Algorithms and Data Structures (Beta)
 superBlock: javascript-algorithms-and-data-structures-v8
 certification: javascript-algorithms-and-data-structures
 ---

client/src/pages/learn/javascript-algorithms-and-data-structures/index.md

@@ -1,5 +1,5 @@
 ---
-title: JavaScript Algorithms and Data Structures
+title: Legacy JavaScript Algorithms and Data Structures
 superBlock: javascript-algorithms-and-data-structures
 certification: javascript-algorithms-and-data-structures
 ---

client/src/redux/selectors.js

@@ -133,7 +133,6 @@ export const certificatesByNameSelector = username => state => {
       isRespWebDesignCert ||
       is2018DataVisCert ||
       isFrontEndLibsCert ||
-      isJsAlgoDataStructCert ||
       isApisMicroservicesCert ||
       isQaCertV7 ||
       isInfosecCertV7 ||
@@ -146,7 +145,11 @@ export const certificatesByNameSelector = username => state => {
       isFoundationalCSharpCertV8 ||
       isJsAlgoDataStructCertV8,
     hasLegacyCert:
-      isFrontEndCert || isBackEndCert || isDataVisCert || isInfosecQaCert,
+      isFrontEndCert ||
+      isJsAlgoDataStructCert ||
+      isBackEndCert ||
+      isDataVisCert ||
+      isInfosecQaCert,
     isFullStackCert,
     currentCerts: [
       {
@@ -159,11 +162,6 @@ export const certificatesByNameSelector = username => state => {
         title: 'JavaScript Algorithms and Data Structures (Beta) Certification',
         certSlug: Certification.JsAlgoDataStructNew
       },
-      {
-        show: isJsAlgoDataStructCert,
-        title: 'JavaScript Algorithms and Data Structures Certification',
-        certSlug: Certification.JsAlgoDataStruct
-      },
       {
         show: isFrontEndLibsCert,
         title: 'Front End Development Libraries Certification',
@@ -226,6 +224,11 @@ export const certificatesByNameSelector = username => state => {
         title: 'Front End Certification',
         certSlug: Certification.LegacyFrontEnd
       },
+      {
+        show: isJsAlgoDataStructCert,
+        title: 'Legacy JavaScript Algorithms and Data Structures Certification',
+        certSlug: Certification.JsAlgoDataStruct
+      },
       {
         show: isBackEndCert,
         title: 'Back End Certification',