Add page titles to mobile organized content pages

components/OrganizedContent.module.css

@@ -158,7 +158,7 @@
   .burger > svg {
     width: 100%;
     height: 100%;
-    stroke: var(--blue-2);
+    stroke: var(--primary-accent);
   }
 
   .navItem {
@@ -189,7 +189,7 @@
     height: 100%;
     top: 0;
     left: 0;
-    z-index: 9;
+    z-index: 10;
     transition: transform 0.3s ease-in-out;
     transform: translateX(-100%);
   }

components/OrganizedContent/ReadAll.tsx

@@ -65,6 +65,7 @@ export function createReadAllPage({
             readAllSection.section,
             ...sections.map(({ section }) => section),
           ]}
+          pageTitle={title}
           link={Link}
         >
           <readAllSection.Content />

components/OrganizedContent/Section.tsx

@@ -38,6 +38,7 @@ export function createSectionPage({
         <OrganizedContent
           sections={sections}
           id={sections[current].id}
+          pageTitle={title}
           link={Link}
         >
           <MDXRemote {...content} />