Add OrganizedContent with basic functionality

Also fixes props interface

@@ -113,0 +125,4 @@
+}
+
+.hiddenBurger {
+  bottom: calc(-94rem / 16);

@@ -138,0 +256,4 @@
+  );
+};
+
+function useOutsideAlerter(

@@ -55,6 +73,15 @@ export function OrganizedContent(props: Props) {
           </>
         )}
       </div>
+      <MobileWrapper

@@ -138,0 +196,4 @@
+  const [prevScrollPos, setPrevScrollPos] = useState(0);
+  const [burgerVisible, setBurgerVisible] = useState(true);
+
+  const handleScroll = useDebounce(() => {

@@ -138,0 +219,4 @@
+  return (
+    <div
+      className={
+        styles.burger + " " + (burgerVisible ? "" : styles.hiddenBurger)

@@ -175,0 +341,4 @@
+    return () => {
+      observer.disconnect();
+    };
+  }, [ref]);

@@ -114,0 +134,4 @@
+    z-index: 10;
+    background: var(--light-blue-2);
+    border-radius: calc(5rem / 16);
+    transition: transform 0.6s ease-in-out;

@@ -66,3 +146,3 @@
 }
 
-function Nav({ sections, currentIndex, link: Link }: NavProps) {
+function Nav({ sections, currentIndex, link: Link, pageTitle }: NavProps) {

@@ -113,1 +120,4 @@
+
 @media only screen and (max-width: calc(768rem / 16)) {
+  .burger {
+    display: flex;

@@ -84,6 +174,7 @@ function Nav({ sections, currentIndex, link: Link }: NavProps) {
             className={classNames.join(" ")}
             id={section.id}
             key={section.id}
+            setMobileNavOpen={setMobileNavOpen}

@@ -58,0 +100,4 @@
+        onClick={() => setMobileNavOpen(!mobileNavOpen)}
+      >
+        {/* this is copied from hamburger.svg with changed colors */}
+        <svg