Linting fixes

components/OrganizedContent.tsx

@@ -1,3 +1,4 @@
+import NextLink from "next/link";
 import React, {
   ReactNode,
   ComponentType,
@@ -6,15 +7,8 @@ import React, {
   useEffect,
   useCallback,
 } from "react";
-import styles from "./OrganizedContent.module.css";
-import NextLink from "next/link";
 
-export interface LinkProps { //todo check if we need this
+import styles from "./OrganizedContent.module.css";
-  className?: string;
-  id: string;
-  children: ReactNode;
-  setMobileNavOpen?: React.Dispatch<React.SetStateAction<boolean>>;
-}
 
 type Link = ComponentType<LinkProps>;
 
@@ -103,7 +97,7 @@ export function OrganizedContent({
         onClick={() => setMobileNavOpen(!mobileNavOpen)}
       >
         {/* this is copied from hamburger.svg with changed colors */}
-        <Burger/>
+        <Burger />
       </button>
     </div>
   );
@@ -139,12 +133,13 @@ function Nav({
         }
 
         return (
-          <div onClick={() => {setMobileNavOpen(false)}}>
+          <div
-            <Link
+            onClick={() => {
-              className={classNames.join(" ")}
+              setMobileNavOpen(false);
-              id={section.id}
+            }}
             key={section.id}
           >
+            <Link className={classNames.join(" ")} id={section.id}>
               <span className={styles.marker} />
               <div>{section.title}</div>
             </Link>
@@ -374,5 +369,5 @@ function Burger() {
         strokeLinejoin="round"
       />
     </svg>
-  )
+  );
 }

components/playground.tsx

@@ -238,7 +238,12 @@ export function OrganizedContentDemo() {
   )!.Content;
 
   return (
-    <OrganizedContent sections={sections} id={id} link={FakeLink} pageTitle="Playground">
+    <OrganizedContent
+      sections={sections}
+      id={id}
+      link={FakeLink}
+      pageTitle="Playground"
+    >
       <Content />
     </OrganizedContent>
   );