Revert "style: Hide download button from header in mobile view"

This reverts commit 3dcc85c.

Author: benhalverson

src/components/Header/__tests__/__snapshots__/header.test.tsx.snap

@@ -316,6 +316,16 @@ exports[`Tests for Header component renders shorter menu items for mobile 1`] =
               Docs
             </a>
           </li>
+          <li
+            class="nav__tabs"
+          >
+            <a
+              class="activeStyleTab"
+              href="/download"
+            >
+              Download
+            </a>
+          </li>
           <li
             class="nav__tabs"
           >

src/components/Header/index.tsx

@@ -6,7 +6,7 @@ import logoDark from '../../images/logos/nodejs-logo-dark-mode.svg';
 import { useMediaQuery } from '../../hooks/useMediaQuery';
 
 const Header = (): JSX.Element => {
-  const isMobile = useMediaQuery('(max-width: 768px)');
+  const isMobile = useMediaQuery('(max-width: 870px)');
 
   const handleThemeOnClick = (
     e: MouseEvent<HTMLButtonElement, Event> | KeyboardEvent<HTMLButtonElement>,
@@ -62,18 +62,16 @@ const Header = (): JSX.Element => {
                 {isMobile ? 'Docs' : 'Documentation'}
               </a>
             </li>
-            {!isMobile && (
-              <li className="nav__tabs">
-                <Link
-                  to="/download"
-                  className="activeStyleTab"
-                  activeClassName="active"
-                  partiallyActive
-                >
-                  Download
-                </Link>
-              </li>
-            )}
+            <li className="nav__tabs">
+              <Link
+                to="/download"
+                className="activeStyleTab"
+                activeClassName="active"
+                partiallyActive
+              >
+                Download
+              </Link>
+            </li>
             <li className="nav__tabs">
               <a
                 href="https://nodejs.org/en/get-involved/"