update react, nextjs and friends

.npmrc

@@ -0,0 +1 @@
+strict-peer-dependencies=false

components/previews/VideoPreview.tsx

@@ -20,7 +20,7 @@ import FourOhFour from '../FourOhFour'
 import Loading from '../Loading'
 import CustomEmbedLinkMenu from '../CustomEmbedLinkMenu'
 
-import 'plyr-react/dist/plyr.css'
+import 'plyr-react/plyr.css'
 
 const VideoPlayer: FC<{
   videoName: string

package.json

@@ -16,61 +16,61 @@
     "@fortawesome/free-regular-svg-icons": "^5.15.3",
     "@fortawesome/free-solid-svg-icons": "^5.15.3",
     "@fortawesome/react-fontawesome": "^0.1.14",
-    "@headlessui/react": "^1.4.0",
-    "@tailwindcss/line-clamp": "^0.3.1",
+    "@headlessui/react": "^1.7.3",
+    "@tailwindcss/line-clamp": "^0.4.2",
     "awesome-debounce-promise": "^2.1.0",
-    "axios": "^0.25.0",
+    "axios": "^1.1.2",
     "cors": "^2.8.5",
     "crypto-js": "^4.1.1",
-    "csstype": "^2.6.2",
-    "dayjs": "^1.10.7",
-    "emoji-regex": "^10.0.0",
-    "ioredis": "^4.28.2",
-    "jszip": "^3.7.1",
+    "csstype": "^3.1.1",
+    "dayjs": "^1.11.5",
+    "emoji-regex": "^10.2.1",
+    "ioredis": "^5.2.3",
+    "jszip": "^3.10.1",
     "mpegts.js": "^1.6.10",
-    "next": "^12.0.10",
-    "next-i18next": "^10.2.0",
-    "nextjs-progressbar": "^0.0.13",
-    "plyr-react": "^3.2.1",
+    "next": "^12.3.1",
+    "next-i18next": "^12.1.0",
+    "nextjs-progressbar": "^0.0.14",
+    "plyr-react": "^5.1.0",
     "preview-office-docs": "^1.0.2",
-    "react": "^17.0.2",
+    "react": "^18.2.0",
     "react-async-hook": "^4.0.0",
     "react-audio-player": "^0.17.0",
     "react-cookie": "^4.1.1",
     "react-copy-to-clipboard": "^5.0.3",
-    "react-dom": "^17.0.2",
-    "react-hot-toast": "^2.0.0",
-    "react-hotkeys-hook": "^3.4.4",
-    "react-markdown": "^8.0.0",
-    "react-reader": "^0.20.4",
-    "react-syntax-highlighter": "^15.4.5",
+    "react-dom": "^18.2.0",
+    "react-hot-toast": "^2.4.0",
+    "react-hotkeys-hook": "^3.4.7",
+    "react-markdown": "^8.0.3",
+    "react-reader": "^0.21.3",
+    "react-syntax-highlighter": "^15.5.0",
     "react-use-system-theme": "^1.1.1",
     "rehype-katex": "^6.0.2",
     "rehype-raw": "^6.0.0",
     "remark-gfm": "^3.0.1",
     "remark-math": "^5.1.1",
-    "swr": "^1.2.0",
+    "swr": "^1.3.0",
     "use-clipboard-copy": "^0.2.0",
-    "use-constant": "^1.1.0"
+    "use-constant": "^1.1.1"
   },
   "devDependencies": {
     "@types/cors": "^2.8.12",
     "@types/crypto-js": "^4.0.2",
     "@types/ioredis": "^4.28.5",
-    "@types/react": "17.0.38",
-    "@types/react-copy-to-clipboard": "^5.0.0",
-    "@types/react-dom": "^17.0.8",
+    "@types/react": "18.0.21",
+    "@types/react-copy-to-clipboard": "^5.0.4",
+    "@types/react-dom": "^18.0.6",
     "@types/react-pdf": "^5.0.4",
-    "@types/react-syntax-highlighter": "^13.5.1",
-    "autoprefixer": "^10.4.0",
-    "eslint": "8.8.0",
-    "eslint-config-next": "12.0.10",
-    "eslint-config-prettier": "^8.3.0",
-    "i18next-parser": "^5.4.0",
-    "postcss": "^8.4.5",
-    "prettier": "^2.5.1",
-    "prettier-plugin-tailwindcss": "^0.1.4",
-    "tailwindcss": "^3.0.18",
-    "typescript": "4.5.5"
+    "@types/react-syntax-highlighter": "^15.5.5",
+    "autoprefixer": "^10.4.12",
+    "eslint": "8.25.0",
+    "eslint-config-next": "12.3.1",
+    "eslint-config-prettier": "^8.5.0",
+    "i18next-parser": "^6.6.0",
+    "postcss": "^8.4.17",
+    "prettier": "^2.7.1",
+    "prettier-plugin-tailwindcss": "^0.1.13",
+    "tailwindcss": "^3.1.8",
+    "typescript": "4.8.4"
   }
 }

pages/_app.tsx

@@ -1,6 +1,11 @@
+import { config } from '@fortawesome/fontawesome-svg-core'
+import '@fortawesome/fontawesome-svg-core/styles.css'
+
 import '../styles/globals.css'
 import '../styles/markdown-github.css'
 
+config.autoAddCss = false
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faFileImage,