updated link in dlc menu for api to go to new docs ui

Author: hzoppetti

gatsby-config.js

@@ -5,7 +5,7 @@ module.exports = {
     dlcLinks: [
       {
         name: "API Documentation",
-        link: "/api/v4"
+        link: "http://www.linode.com/docs/api"
       },
       {
         name: "Guides",

src/components/2_molecules/DLCMenu.js

@@ -21,16 +21,16 @@ const DLCMenu = ({ data }) => {
       >
         <div className="max-w-3xl mx-auto px-4 py-4">
           {dlcLinks.map(link => (
-            <Link
-              key={link.name}
-              to={link.link}
-              className="dlc-nav__link relative mx-4"
-              role="menuitem"
-              activeClassName="active"
-              getProps={link === "/" ? undefined : isPartiallyActive}
-            >
-              {link.name}
-            </Link>
+              <a
+                key={link.name}
+                href={link.link}
+                className={`dlc-nav__link mx-4 ${link.name === "API Documentation" ? "" : "relative "}`}
+                role="menuitem"
+                activeClassName="active"
+                getProps={link === "/" ? undefined : isPartiallyActive}
+              >
+                {link.name}
+              </a>
           ))}
         </div>
       </nav>