Factor out burger

components/OrganizedContent.tsx

@@ -103,41 +103,7 @@ export function OrganizedContent({
         onClick={() => setMobileNavOpen(!mobileNavOpen)}
       >
         {/* this is copied from hamburger.svg with changed colors */}
-        <svg
-          width="30"
-          height="23"
-          viewBox="0 0 30 23"
-          fill="none"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <line
-            x1="28"
-            y1="2"
-            x2="2"
-            y2="2"
-            strokeWidth="4"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-          <line
-            x1="28"
-            y1="11.375"
-            x2="2"
-            y2="11.375"
-            strokeWidth="4"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-          <line
-            x1="28"
-            y1="20.75"
-            x2="2"
-            y2="20.75"
-            strokeWidth="4"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-        </svg>
+        <Burger/>
       </button>
     </div>
   );
@@ -370,3 +336,43 @@ function useBurger(componentIsVisible: boolean): boolean {
 
   return burgerVisible;
 }
+
+function Burger() {
+  return (
+    <svg
+      width="30"
+      height="23"
+      viewBox="0 0 30 23"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <line
+        x1="28"
+        y1="2"
+        x2="2"
+        y2="2"
+        strokeWidth="4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <line
+        x1="28"
+        y1="11.375"
+        x2="2"
+        y2="11.375"
+        strokeWidth="4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <line
+        x1="28"
+        y1="20.75"
+        x2="2"
+        y2="20.75"
+        strokeWidth="4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+}