Set jsxRuntime so that each component doesn't need to import from react

No need for this import in every react component:
```javascript
import { useStaticQuery, graphql } from "gatsby";
```

You can still import from react if needed for hooks or other useful things

I like this because there's been a few times I didn't import react and was confused why
the component didn't render and my page broke

> Setting to automatic allows the use of JSX without having to import React.
> More information can be found on the (Introducing the new JSX Transform blog post)[https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html]

gatsby-config.js

@@ -25,6 +25,7 @@ if (!spaceId || !accessToken) {
 }
 
 module.exports = {
+  jsxRuntime: "automatic",
   trailingSlash: "never",
   siteMetadata: {
     title: `Friends Of Foxley`,

src/components/bio.js

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { useStaticQuery, graphql } from "gatsby";
 
 const Bio = () => {

src/components/deprecated-seo-component.js

@@ -5,7 +5,7 @@
  * See: https://www.gatsbyjs.com/docs/use-static-query/
  */
 
-import * as React from "react";
+import { memo } from "react";
 import PropTypes from "prop-types";
 import { Helmet } from "react-helmet";
 import { useStaticQuery, graphql } from "gatsby";
@@ -68,4 +68,4 @@ DeprecatedSeoComponent.propTypes = {
   title: PropTypes.string.isRequired,
 };
 
-export default React.memo(DeprecatedSeoComponent);
+export default memo(DeprecatedSeoComponent);

src/components/external-link.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { memo } from "react";
 
 const ExternalLink = ({ href, children, ...rest }) => {
   return (
@@ -8,4 +8,4 @@ const ExternalLink = ({ href, children, ...rest }) => {
   );
 };
 
-export default React.memo(ExternalLink);
+export default memo(ExternalLink);

src/components/find-us-on-facebook.js

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { useStaticQuery, graphql } from "gatsby";
 import * as style from "./find-us-on-facebook.module.css";
 import ExternalLink from "./external-link";

src/components/hero-section.js

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { StaticImage } from "gatsby-plugin-image";
 import * as style from "./hero-section.module.css";
 

src/components/layout.js

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { useStaticQuery, graphql } from "gatsby";
 import * as style from "./layout.module.css";
 import SiteHeader from "./site-header";

src/components/site-footer.js

@@ -1,4 +1,4 @@
-import React from "react";
+import { memo } from "react";
 import * as style from "./site-footer.module.css";
 import ExternalLink from "./external-link";
 
@@ -27,4 +27,4 @@ const SiteFooter = () => (
   </footer>
 );
 
-export default React.memo(SiteFooter);
+export default memo(SiteFooter);

src/components/site-header.js

@@ -1,4 +1,4 @@
-import React from "react";
+import { memo } from "react";
 import { Link } from "gatsby";
 import PropTypes from "prop-types";
 import * as style from "./site-header.module.css";
@@ -34,4 +34,4 @@ SiteHeader.defaultProps = {
   siteTitle: ``,
 };
 
-export default React.memo(SiteHeader);
+export default memo(SiteHeader);

src/helpers/contentful-rendering-options.js

@@ -1,5 +1,4 @@
 import { GatsbyImage } from "gatsby-plugin-image";
-import * as React from "react";
 
 export const contentfulRenderingOptions = (className = null) => {
   return {

src/pages/404.js

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { graphql } from "gatsby";
 
 import Layout from "../components/layout";

src/pages/contact.js

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { graphql } from "gatsby";
 import Layout from "../components/layout";
 import DeprecatedSeoComponent from "../components/deprecated-seo-component";

src/pages/history.js

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { graphql } from "gatsby";
 import Layout from "../components/layout";
 import DeprecatedSeoComponent from "../components/deprecated-seo-component";

src/pages/index.js

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { graphql, Link } from "gatsby";
 import Layout from "../components/layout";
 import DeprecatedSeoComponent from "../components/deprecated-seo-component";

src/pages/news.js

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { Link, graphql } from "gatsby";
 
 import Bio from "../components/bio";

src/pages/resources.js

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { graphql } from "gatsby";
 import Layout from "../components/layout";
 import DeprecatedSeoComponent from "../components/deprecated-seo-component";

src/pages/trees.js

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { graphql, Link } from "gatsby";
 import Layout from "../components/layout";
 import DeprecatedSeoComponent from "../components/deprecated-seo-component";

src/pages/trees/ancient-beech-tree-diversion.js

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { graphql } from "gatsby";
 import Layout from "../../components/layout";
 import DeprecatedSeoComponent from "../../components/deprecated-seo-component";

src/pages/trees/english-oak.js

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { graphql } from "gatsby";
 import Layout from "../../components/layout";
 import DeprecatedSeoComponent from "../../components/deprecated-seo-component";

src/pages/trees/wych-elm.js

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { graphql } from "gatsby";
 import Layout from "../../components/layout";
 import DeprecatedSeoComponent from "../../components/deprecated-seo-component";

src/pages/wood-products.js

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { graphql, Link } from "gatsby";
 import { StaticImage } from "gatsby-plugin-image";
 import Layout from "../components/layout";

src/pages/work-days.js

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { Link, graphql } from "gatsby";
 
 import Layout from "../components/layout";

src/templates/blog-post.js

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { Link, graphql } from "gatsby";
 
 import Bio from "../components/bio";

src/templates/work-day-information.js

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { Link, graphql } from "gatsby";
 
 import Bio from "../components/bio";