Update content documentation and implement basic learn page

app/components/RelatedArticles.js

@@ -3,10 +3,14 @@
 import { useState, useEffect } from "react";
 import ContentThumbnailTemplate from "./ContentThumbnailTemplate";
 
-export default function RelatedArticles({ relatedPosts, currentPostSlug }) {
+export default function RelatedArticles({
+  relatedPosts,
+  currentPostSlug,
+  slugOrder = [],
+}) {
   // Filter out the current post from related posts
   const filteredPosts = relatedPosts.filter(
-    (post) => post.slug !== currentPostSlug,
+    (post) => post.slug !== currentPostSlug
   );
 
   const [currentIndex, setCurrentIndex] = useState(0);
@@ -93,7 +97,7 @@ export default function RelatedArticles({ relatedPosts, currentPostSlug }) {
                     const handleMouseUp = () => {
                       document.removeEventListener(
                         "mousemove",
-                        handleMouseMove,
+                        handleMouseMove
                       );
                       document.removeEventListener("mouseup", handleMouseUp);
                     };
@@ -112,6 +116,7 @@ export default function RelatedArticles({ relatedPosts, currentPostSlug }) {
                 <ContentThumbnailTemplate
                   post={relatedPost}
                   variant="vertical"
+                  slugOrder={slugOrder}
                 />
               </div>
             ))}
@@ -133,8 +138,8 @@ export default function RelatedArticles({ relatedPosts, currentPostSlug }) {
                       index === currentIndex
                         ? `${progress}%`
                         : index < currentIndex
-                          ? "100%"
-                          : "0%",
+                        ? "100%"
+                        : "0%",
                   }}
                 />
               </div>