fix: project views and icons for intros (#36811)

client/utils/challengeTypes.js

@@ -39,7 +39,7 @@ exports.viewTypes = {
   [html]: 'classic',
   [js]: 'classic',
   [bonfire]: 'classic',
-  [frontEndProject]: 'project',
+  [frontEndProject]: 'frontend',
   [backEndProject]: 'backend',
   [modern]: 'modern',
   [step]: 'step',

client/utils/gatsby/challengePageCreator.js

@@ -5,15 +5,15 @@ const { viewTypes } = require('../challengeTypes');
 
 const backend = path.resolve(
   __dirname,
-  '../../src/templates/Challenges/backend/Show.js'
+  '../../src/templates/Challenges/projects/backend/Show.js'
 );
 const classic = path.resolve(
   __dirname,
   '../../src/templates/Challenges/classic/Show.js'
 );
-const project = path.resolve(
+const frontend = path.resolve(
   __dirname,
-  '../../src/templates/Challenges/project/Show.js'
+  '../../src/templates/Challenges/projects/frontend/Show.js'
 );
 const intro = path.resolve(
   __dirname,
@@ -28,7 +28,7 @@ const views = {
   backend,
   classic,
   modern: classic,
-  project
+  frontend
   // quiz: Quiz
 };