fix(client): new chapter icons for v9 certs (#63587)

client/src/assets/chapter-icon.tsx

@@ -20,7 +20,16 @@ const iconMap = {
   [FsdChapters.RelationalDatabases]: DatabaseIcon,
   [FsdChapters.BackendJavascript]: NodeIcon,
   [FsdChapters.Python]: Python,
-  [FsdChapters.Career]: Graduation
+  [FsdChapters.Career]: Graduation,
+  [FsdChapters.RwdExam]: Graduation,
+  [FsdChapters.JsExam]: Graduation,
+  [FsdChapters.Fed]: ReactIcon,
+  [FsdChapters.FedExam]: Graduation,
+  [FsdChapters.PythonExam]: Graduation,
+  [FsdChapters.RdbExam]: Graduation,
+  [FsdChapters.Bed]: NodeIcon,
+  [FsdChapters.BedExam]: Graduation,
+  [FsdChapters.FsdExam]: Graduation
 };
 
 type ChapterIconProps = {

shared/config/chapters.ts

@@ -2,15 +2,29 @@ import type { Module } from './modules';
 
 // TODO: Dynamically create these from intro.json or full-stack.json
 export enum FsdChapters {
+  // original FSD
   Welcome = 'freecodecamp',
-  Html = 'html',
-  Css = 'css',
   Javascript = 'javascript',
   FrontendLibraries = 'frontend-libraries',
-  Python = 'python',
-  RelationalDatabases = 'relational-databases',
   BackendJavascript = 'backend-javascript',
-  Career = 'career'
+  Career = 'career',
+
+  // new FSD
+  RwdExam = 'responsive-web-design-certification-exam',
+  JsExam = 'javascript-certification-exam',
+  Fed = 'front-end-development-libraries',
+  FedExam = 'front-end-development-libraries-certification-exam',
+  PythonExam = 'python-certification-exam',
+  RdbExam = 'relational-databases-certification-exam',
+  Bed = 'back-end-development-and-apis',
+  BedExam = 'back-end-development-and-apis-certification-exam',
+  FsdExam = 'certified-full-stack-developer-exam',
+
+  // used in both
+  Html = 'html',
+  Css = 'css',
+  Python = 'python',
+  RelationalDatabases = 'relational-databases'
 }
 
 export interface Chapter {