feat: Next.js 13 and React 18 (#176)

* Replaced all Reach UI components with Radix UI.
* Improved UX of playlist "Play All".
* Highlight current playing watch list item.
* Added support for hash ids.
* Added menu options for "Play Next" and "Add to Watch List".
* Made "Play Previous" button functional.
* Player buttons now have hover/focus feedback.
* Removed default controls from video element.
* Clicking the video element now toggles the playing state.
* Made the video element bigger, especially on high-res displays.
* Added "Other Entries" to new video player.
* Added support for browser media metadata to new video player.
* Switching between audio and video mode now retains the playback position.
* Removed GraphQL endpoint.
* Disabled custom scroll bar styling for touch devices.

package.json

@@ -18,11 +18,9 @@
     "@graphql-tools/utils": "^8.6.5",
     "@next/bundle-analyzer": "^12.0.3",
     "@radix-ui/react-dialog": "^1.0.2",
+    "@radix-ui/react-dropdown-menu": "^2.0.4",
     "@radix-ui/react-select": "^1.2.0",
     "@radix-ui/react-switch": "^1.0.1",
-    "@reach/listbox": "^0.17.0",
-    "@reach/menu-button": "^0.17.0",
-    "apollo-server-micro": "^3.10.3",
     "axios": "^1.2.2",
     "common-tags": "^1.8.0",
     "framer-motion": "^6.5.1",
@@ -34,11 +32,11 @@
     "hast-util-to-string": "^2.0.0",
     "lodash-es": "^4.17.21",
     "md5": "^2.3.0",
-    "next": "^12.3.0",
+    "next": "^13.3.0",
     "next-mdx-remote": "^4.3.0",
     "p-limit": "^3.1.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-query": "^3.29.0",
     "rehype-pretty-code": "^0.9.4",
     "rehype-slug": "^5.1.0",
@@ -48,8 +46,8 @@
     "styled-components": "^5.3.3",
     "swr": "^2.0.0",
     "unist-util-visit": "^4.1.2",
-    "use-local-storage-state": "^17.2.0",
-    "use-session-storage-state": "^17.2.0"
+    "use-local-storage-state": "^18.3.0",
+    "use-session-storage-state": "^18.1.1"
   },
   "devDependencies": {
     "@graphql-codegen/cli": "^2.9.1",
@@ -64,7 +62,7 @@
     "@typescript-eslint/eslint-plugin": "^5.27.1",
     "@typescript-eslint/parser": "^5.27.1",
     "eslint": "7.32.0",
-    "eslint-config-next": "^12.0.8",
+    "eslint-config-next": "^13.3.0",
     "ts-node": "^10.8.1",
     "typescript": "^4.7.3"
   }