app: Upgrade many packages

package.json

@@ -108,9 +108,9 @@
     "electron-settings": "^4.0.2",
     "file-loader": "^6.0.0",
     "filesize": "^6.1.0",
-    "fork-ts-checker-webpack-plugin": "^5.1.0",
+    "fork-ts-checker-webpack-plugin": "^6.0.3",
     "form-data": "^3.0.0",
-    "framer-motion": "^1.11.1",
+    "framer-motion": "^2.9.4",
     "html-webpack-plugin": "^4.3.0",
     "http-proxy": "^1.18.1",
     "image-webpack-loader": "^6.0.0",
@@ -125,12 +125,12 @@
     "node-static": "^0.7.11",
     "noop2": "^2.0.0",
     "oauth": "^0.9.15",
-    "prolink-connect": "0.2.0-prerelease.12",
+    "prolink-connect": "^0.2.0",
     "public-ip": "^4.0.1",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
     "react-feather": "^2.0.8",
-    "react-refresh": "^0.8.3",
+    "react-refresh": "^0.9.0",
     "react-router-dom": "^5.2.0",
     "react-select": "^3.1.0",
     "react-test-renderer": "^16.8.6",

src/overlay/overlays/taggedNowPlaying/index.tsx

@@ -81,7 +81,7 @@ const Overlay: React.FC<Props> = observer(({config, history}) =>
             {history.slice(1, config.historyCount + 1).map(track => (
               <Track
                 mini
-                positionTransition
+                layout
                 alignRight={config.alignRight}
                 hideArtwork={config.hideArtwork}
                 played={track}

src/renderer/components/ConnectingSplash.tsx

@@ -17,7 +17,7 @@ const ConnectingSplash = () => {
 
   return (
     <Container>
-      <Text positionTransition transition={{duration: 0.2}}>
+      <Text layout transition={{duration: 0.2}}>
         <Indicator />
         Waiting for PROLINK devices
       </Text>