fix(client): show upcoming curriculum on maps (#51426)

client/i18n/locales/english/translations.json

@@ -119,6 +119,7 @@
     "core-certs-heading": "Earn free verified certifications with freeCodeCamp's core curriculum:",
     "professional-certs-heading": "Earn free professional certifications:",
     "interview-prep-heading": "Prepare for the developer interview job search:",
+    "upcoming-heading": "Upcoming curriculum:",
     "faq": "Frequently asked questions:",
     "faqs": [
       {

client/src/components/Map/index.tsx

@@ -115,6 +115,19 @@ function Map({ forLanding = false }: MapProps): React.ReactElement {
           <MapLi key={i} superBlock={superBlock} landing={forLanding} />
         ))}
       </ul>
+      {showUpcomingChanges && (
+        <>
+          <Spacer size='medium' />
+          <h1 className={forLanding ? 'big-heading' : ''}>
+            {t('landing.upcoming-heading')}
+          </h1>
+          <ul>
+            {superBlockOrder[SuperBlockStages.Upcoming].map((superBlock, i) => (
+              <MapLi key={i} superBlock={superBlock} landing={forLanding} />
+            ))}
+          </ul>
+        </>
+      )}
     </div>
   );
 }