Fix JSX indentation in MainNavLinks toggle

Author: eslteacher902010

src/components/Nav/MainNavLinks.tsx

@@ -43,12 +43,11 @@ export const MainNavLinks = ({
       </a>
 
       <button
-  class={styles.toggle}
-  onClick={handleToggle}
-  aria-expanded={isOpen}
-  aria-label={mobileMenuLabel || "Toggle navigation menu"}
->
-
+        class={styles.toggle}
+        onClick={handleToggle}
+        aria-expanded={isOpen}
+        aria-label={mobileMenuLabel || "Toggle navigation menu"}
+      >
         <div class={styles.mobileMenuLabel}>
           {isOpen ? (
             <Icon kind="close" />
@@ -80,26 +79,24 @@ export const MainNavLinks = ({
           </li>
         ))}
       </ul>
-      {
-        <ul class="flex flex-col gap-[15px]">
-          <li>
-            <a className={styles.buttonlink} href="https://editor.p5js.org">
-              <div class="mr-xxs">
-                <Icon kind="code-brackets" />
-              </div>
-              {editorButtonLabel}
-            </a>
-          </li>
-          <li>
-            <a className={styles.buttonlink} href="/donate/">
-              <div class="mr-xxs">
-                <Icon kind="heart" />
-              </div>
-              {donateButtonLabel}
-            </a>
-          </li>
-        </ul>
-      }
+      <ul class="flex flex-col gap-[15px]">
+        <li>
+          <a className={styles.buttonlink} href="https://editor.p5js.org">
+            <div class="mr-xxs">
+              <Icon kind="code-brackets" />
+            </div>
+            {editorButtonLabel}
+          </a>
+        </li>
+        <li>
+          <a className={styles.buttonlink} href="/donate/">
+            <div class="mr-xxs">
+              <Icon kind="heart" />
+            </div>
+            {donateButtonLabel}
+          </a>
+        </li>
+      </ul>
     </div>
   );
 };