Update dependencies & URL slash bugfix (#36)

* Initial Next update to canary

* Dependencies updated

components/LangSelect.tsx

@@ -13,7 +13,7 @@ const LangSelect: FC<Props> = ({ value, onChange, langs, ...props }) => (
         value={value}
         onChange={onChange}
         variant="flushed"
-        px={3}
+        px={[2, null, 3]}
         textAlign="center"
         style={{ textAlignLast: "center" }}
         {...props}

next-env.d.ts

@@ -1,2 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/types/global" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

next.config.js

@@ -4,9 +4,6 @@ module.exports = withPWA({
     pwa: {
         dest: "public"
     },
-    future: {
-        webpack5: true
-    },
     async headers() {
         return [
             {

package.json

@@ -20,7 +20,7 @@
     "cheerio": "^1.0.0-rc.10",
     "framer-motion": "^4",
     "graphql": "^15.5.0",
-    "next": "10.2.3",
+    "next": "11.0.2-canary.6",
     "next-pwa": "^5.2.21",
     "nextjs-cors": "^1.0.5",
     "react": "17.0.2",
@@ -45,6 +45,7 @@
     "babel-eslint": "^10.0.0",
     "cypress": "^7.5.0",
     "eslint": "^7.5.0",
+    "eslint-config-next": "^11.0.1",
     "eslint-config-react-app": "^6.0.0",
     "eslint-plugin-cypress": "^2.11.3",
     "eslint-plugin-flowtype": "^5.2.0",
@@ -65,7 +66,8 @@
     "extends": [
       "react-app",
       "react-app/jest",
-      "plugin:cypress/recommended"
+      "plugin:cypress/recommended",
+      "next"
     ]
   },
   "babel": {