add rule explanation

.eslintrc.js

@@ -82,6 +82,9 @@ module.exports = {
     {
       files: ["www/**/*"],
       rules: {
+        // We need to import React to use the Fragment shorthand (`<>`).
+        // When we use theme-ui's JSX pragma, it lists React as an unused var
+        // even though it's still needed.
         "no-unused-vars": ["error", { varsIgnorePattern: "React" }],
       },
     },

www/src/components/localized-link.js

@@ -1,6 +1,6 @@
 import React from "react"
 import { Link } from "gatsby"
-import { useLocale } from "./i18n-contextt"
+import { useLocale } from "./i18n-context"
 import { localizedPath } from "../utils/i18n"
 
 // Use the globally available context to choose the right path

www/src/components/search-form/__tests__/search-form.js

@@ -1,7 +1,7 @@
 import React from "react"
 import { render, waitFor, fireEvent } from "@testing-library/react"
 import { ThemeProvider } from "theme-ui"
-import { I18nProvider } from "../../i18n-contextt"
+import { I18nProvider } from "../../i18n-context"
 
 import theme from "../../../gatsby-plugin-theme-ui"
 import SearchForm from "../search-form"