feat: split odin project block in two (#49140)

* feat: split odin project block into two blocks

* refactor: remove redundant isOdinProject checks

* fix: revert checkbox outline changes

Keyboard users need a way to see what's currently in focus, so we can't
hide the outline

* fix: add help category

* fix: use HTML-CSS help category

---------

Co-authored-by: sembauke <semboot699@gmail.com>

client/i18n/locales/english/intro.json

@@ -782,6 +782,10 @@
         "title": "The Odin Project",
         "intro": ["A description is to be determined"]
       },
+      "the-odin-project-projects": {
+        "title": "The Odin Project Projects",
+        "intro": ["A description is to be determined"]
+      },
       "project-euler": {
         "title": "Project Euler",
         "intro": [

client/src/templates/Challenges/odin/show.css

@@ -14,10 +14,6 @@ input[type='checkbox'] {
   transform: translateY(-0.075em);
 }
 
-input[type='checkbox']:focus {
-  outline: none;
-}
-
 input[type='checkbox']::before {
   content: '';
   width: 0.65em;

client/src/templates/Introduction/components/block.tsx

@@ -99,7 +99,6 @@ class Block extends Component<BlockProps> {
 
     const isNewResponsiveWebDesign = isNewRespCert(superBlock);
     const isNewJsAlgos = isNewJsCert(superBlock);
-    const isOdinProject = blockDashedName == 'the-odin-project';
 
     let completedCount = 0;
     const challengesWithCompleted = challenges.map(({ challenge }) => {
@@ -333,7 +332,7 @@ class Block extends Component<BlockProps> {
     );
 
     const blockrenderer = () => {
-      if (isProjectBlock && !isOdinProject)
+      if (isProjectBlock)
         return isNewResponsiveWebDesign || isNewJsAlgos
           ? GridProjectBlock
           : ProjectBlock;

client/utils/help-category-map.json

@@ -42,7 +42,8 @@
   "algorithms": "JavaScript",
   "data-structures": "JavaScript",
   "take-home-projects": "JavaScript",
-  "the-odin-project": "JavaScript",
+  "the-odin-project": "HTML-CSS",
+  "the-odin-project-projects": "HTML-CSS",
   "rosetta-code": "JavaScript",
   "project-euler": "JavaScript",
   "scientific-computing-with-python": "Python",

curriculum/challenges/_meta/the-odin-project-projects/meta.json

@@ -0,0 +1,16 @@
+{
+    "name": "The Odin Project Projects",
+    "isUpcomingChange": true,
+    "dashedName": "the-odin-project-projects",
+    "order": 6,
+    "time": "",
+    "template": "",
+    "required": [],
+    "superBlock": "coding-interview-prep",
+    "challengeOrder": [
+        [
+            "6391d1a4f7ac71efd0621380",
+            "Build a Recipe Page Project"
+        ]
+    ]
+}

curriculum/challenges/_meta/the-odin-project/meta.json

@@ -115,10 +115,6 @@
         ],
         [   "637f700b72c65bc8e73dfe2f",
             "Links and Images Question D"
-        ],
-        [
-            "6391d1a4f7ac71efd0621380",
-            "Build a Recipe Page Project"
         ]
     ]
-}
+}