fix(docs): routing should always fallback to default (#40061)

docs/_theme.css

@@ -329,3 +329,26 @@ body.close .github-corner {
 .docsify-copy-code-button {
   font-size: 0.7em !important;
 }
+
+/****** Others ******/
+
+.i18n-lang-list ul {
+  height: 10em;
+  font-size: larger;
+  list-style: none;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-flex-flow: column wrap;
+  flex-flow: column wrap;
+  -webkit-align-content: stretch;
+  align-content: stretch;
+}
+
+.i18n-lang-list li {
+  text-align: left;
+  width: 5em;
+}

docs/_translations.md

@@ -1,6 +1,12 @@
+<div style='text-align: center'>
+
 ## Read these guides in other languages
 
-<div style='columns: 3; -webkit-columns: 3; -moz-columns: 3;' >
+</div>
+
+<br />
+
+<div class='i18n-lang-list'>
 
 - [English](/index.md)
 - [Afrikaans](/i18n/Afrikaans/index.md)
@@ -41,4 +47,4 @@
 
 Interested in updating the translations? Visit: <https://translate.freecodecamp.org>
 
-</div>
+</div>

docs/index.html

@@ -42,7 +42,7 @@
     <a class="app-name-link" data-nosearch="" href="/">
       <img alt="freeCodeCamp.org" src="images/branding/primary_logo.svg">
     </a>
-    <a class="translations-link" data-nosearch="" href="/#/_translations">
+    <a class="translations-link" data-nosearch="" href="/#/i18n">
       Translations
     </a>
   </div>
@@ -52,12 +52,13 @@
   <script>
     window.$docsify = {
 
-      homepage: 'index.md',
+      homepage: 'index',
 
       relativePath: true,
       // common aliases
       alias: {
-        '.*/_navbar.md': '/_navbar.md'
+        '.*/_navbar.md': '/_navbar.md',
+        '/i18n/?': '/_translations.md'
       },