feat: upgrade major dependencies:

- Gatsby
- Storybook
- Puppeteer

.gitignore

@@ -52,7 +52,7 @@ typings/
 *.tgz
 
 # dotenv environment variable files
-.env
+.env*
 
 # gatsby files
 .cache/

.storybook/main.js

@@ -1,8 +1,5 @@
 module.exports = {
-  stories: [
-    "../stories/**/*.stories.mdx",
-    "../stories/**/*.stories.@(js|jsx|ts|tsx)",
-  ],
+  stories: ["../stories/**/*.stories.js", "../stories/**/*.stories.tsx"],
   addons: [
     "@storybook/addon-essentials",
     "@storybook/addon-links",

.storybook/preview.js

@@ -2,6 +2,7 @@ import { action } from "@storybook/addon-actions"
 
 export const parameters = {
   layout: "fullscreen",
+  actions: { argTypesRegex: "^on[A-Z].*" },
 }
 
 // Gatsby's Link overrides:

gatsby-browser.js

@@ -1,7 +1,7 @@
 /**
  * Implement Gatsby's Browser APIs in this file.
  *
- * See: https://www.gatsbyjs.org/docs/browser-apis/
+ * See: https://www.gatsbyjs.com/docs/browser-apis/
  */
 
 // You can delete this file if you're not using it

gatsby-config.js

@@ -6,6 +6,7 @@ module.exports = {
   },
   plugins: [
     `gatsby-plugin-react-helmet`,
+    `gatsby-plugin-image`,
     {
       resolve: `gatsby-source-filesystem`,
       options: {
@@ -27,6 +28,7 @@ module.exports = {
         icon: `src/images/gatsby-icon.png`, // This path is relative to the root of the site.
       },
     },
+    `gatsby-plugin-gatsby-cloud`,
     // this (optional) plugin enables Progressive Web App + Offline functionality
     // To learn more, visit: https://gatsby.dev/offline
     // `gatsby-plugin-offline`,

gatsby-node.js

@@ -1,7 +1,7 @@
 /**
  * Implement Gatsby's Node APIs in this file.
  *
- * See: https://www.gatsbyjs.org/docs/node-apis/
+ * See: https://www.gatsbyjs.com/docs/node-apis/
  */
 
 // You can delete this file if you're not using it

gatsby-ssr.js

@@ -1,7 +1,7 @@
 /**
  * Implement Gatsby's SSR (Server Side Rendering) APIs in this file.
  *
- * See: https://www.gatsbyjs.org/docs/ssr-apis/
+ * See: https://www.gatsbyjs.com/docs/ssr-apis/
  */
 
 // You can delete this file if you're not using it

package.json

@@ -52,54 +52,57 @@
     "deploy:prod": "dotenv -- netlify deploy --prod --dir=public --functions=functions --message \"$(git log -1 --pretty=format:\"%h | %s\")\""
   },
   "dependencies": {
-    "gatsby": "2.32.3",
-    "gatsby-image": "2.11.0",
-    "gatsby-plugin-manifest": "2.12.0",
-    "gatsby-plugin-offline": "3.10.0",
-    "gatsby-plugin-react-helmet": "3.10.0",
-    "gatsby-plugin-sharp": "2.14.1",
-    "gatsby-source-filesystem": "2.11.0",
-    "gatsby-transformer-sharp": "2.12.0",
+    "gatsby": "3.0.4",
+    "gatsby-plugin-gatsby-cloud": "2.0.0",
+    "gatsby-plugin-image": "1.0.1",
+    "gatsby-plugin-manifest": "3.0.0",
+    "gatsby-plugin-offline": "4.0.0",
+    "gatsby-plugin-react-helmet": "4.0.0",
+    "gatsby-plugin-sharp": "3.0.1",
+    "gatsby-source-filesystem": "3.0.0",
+    "gatsby-transformer-sharp": "3.0.0",
     "prop-types": "15.7.2",
     "react": "17.0.1",
     "react-dom": "17.0.1",
     "react-helmet": "6.1.0"
   },
   "devDependencies": {
-    "@babel/core": "7.12.13",
-    "@commitlint/cli": "11.0.0",
-    "@commitlint/config-conventional": "11.0.0",
-    "@commitlint/prompt-cli": "11.0.0",
-    "@storybook/addon-essentials": "6.1.17",
-    "@storybook/addon-links": "6.1.17",
-    "@storybook/addon-storysource": "6.1.17",
-    "@storybook/addons": "6.1.17",
-    "@storybook/react": "6.1.17",
-    "@testing-library/cypress": "7.0.3",
+    "@babel/core": "7.13.10",
+    "@commitlint/cli": "12.0.1",
+    "@commitlint/config-conventional": "12.0.1",
+    "@commitlint/prompt-cli": "12.0.1",
+    "@storybook/addon-actions": "6.1.21",
+    "@storybook/addon-essentials": "6.1.21",
+    "@storybook/addon-links": "6.1.21",
+    "@storybook/addon-storysource": "6.1.21",
+    "@storybook/addons": "6.1.21",
+    "@storybook/react": "6.1.21",
+    "@testing-library/cypress": "7.0.4",
     "@testing-library/jest-dom": "5.11.9",
     "@testing-library/react": "11.2.5",
-    "@testing-library/user-event": "12.6.3",
-    "axe-core": "4.1.1",
+    "@testing-library/user-event": "12.8.3",
+    "axe-core": "4.1.3",
     "babel-jest": "26.6.3",
     "babel-loader": "8.2.2",
-    "babel-preset-gatsby": "0.12.1",
+    "babel-preset-gatsby": "1.0.0",
     "babel-preset-react-app": "10.0.0",
     "cross-env": "7.0.3",
-    "cypress": "6.4.0",
-    "cypress-axe": "0.12.0",
+    "cypress": "6.6.0",
+    "cypress-axe": "0.12.2",
     "cypress-image-snapshot": "4.0.1",
     "dotenv-cli": "4.0.0",
-    "husky": "4.3.8",
+    "html-webpack-plugin": "5.3.1",
+    "husky": "5.1.3",
     "identity-obj-proxy": "3.0.0",
     "jest": "26.6.3",
-    "jest-image-snapshot": "4.3.0",
+    "jest-image-snapshot": "4.4.0",
     "jest-puppeteer": "4.4.0",
     "lint-staged": "10.5.4",
-    "netlify-cli": "3.5.0",
+    "netlify-cli": "3.10.11",
     "prettier": "2.2.1",
-    "puppeteer": "7.0.1",
+    "puppeteer": "8.0.0",
     "react-test-renderer": "17.0.1",
-    "semantic-release": "17.3.7",
+    "semantic-release": "17.4.2",
     "start-server-and-test": "1.12.0"
   },
   "husky": {

src/components/__tests__/__snapshots__/header.test.js.snap

@@ -9,7 +9,7 @@ exports[`Header Snapshots matches snapshot 1`] = `
       style="margin: 0px auto; max-width: 960px; padding: 1.45rem 1.0875rem;"
     >
       <h1
-        style="margin: 0px; font-weight: bold;"
+        style="margin: 0px;"
       >
         <a
           href="/"

src/components/__tests__/__snapshots__/layout.test.js.snap

@@ -9,7 +9,7 @@ exports[`Layout Snapshots matches snapshot 1`] = `
       style="margin: 0px auto; max-width: 960px; padding: 1.45rem 1.0875rem;"
     >
       <h1
-        style="margin: 0px; font-weight: bold;"
+        style="margin: 0px;"
       >
         <a
           href="/"
@@ -54,7 +54,7 @@ exports[`PureLayout Snapshots matches snapshot 1`] = `
       style="margin: 0px auto; max-width: 960px; padding: 1.45rem 1.0875rem;"
     >
       <h1
-        style="margin: 0px; font-weight: bold;"
+        style="margin: 0px;"
       >
         <a
           href="/"

src/components/header.js

@@ -1,6 +1,6 @@
-import { Link } from "gatsby"
+import * as React from "react"
 import PropTypes from "prop-types"
-import React from "react"
+import { Link } from "gatsby"
 
 const Header = ({ siteTitle }) => (
   <header
@@ -16,12 +16,7 @@ const Header = ({ siteTitle }) => (
         padding: `1.45rem 1.0875rem`,
       }}
     >
-      <h1
-        style={{
-          margin: 0,
-          fontWeight: `bold`,
-        }}
-      >
+      <h1 style={{ margin: 0 }}>
         <Link
           to="/"
           style={{