chore: remove plausible and use vercel analytics

Author: swve

package-lock.json

@@ -15,6 +15,7 @@
     "@mui/icons-material": "^5.6.0",
     "@reduxjs/toolkit": "^1.8.0",
     "@types/react-redux": "^7.1.23",
+    "@vercel/analytics": "^0.1.11",
     "axios": "^0.26.1",
     "dayjs": "^1.10.6",
     "framer-motion": "^6.2.10",

package.json

@@ -5,21 +5,21 @@ import { Provider } from "react-redux";
 import { SessionProvider } from "next-auth/react";
 import { store } from "@redux/store";
 import PlausibleProvider from "next-plausible";
+import { Analytics } from '@vercel/analytics/react';
 import { Session } from "next-auth";
 
 function MyApp({ Component, pageProps: { session, ...pageProps } }: AppProps<{
   session: Session;
 }>) {
   return (
     <>
-      <PlausibleProvider domain={process.env.ANALYTICS_DOMAIN} enabled customDomain={process.env.ANALYTICS_CUSTOM_DOMAIN} selfHosted={true}>
-        <SessionProvider session={session}>
-          <Provider store={store}>
-            <NextNProgress color="#f4f4f4" startPosition={0.3} stopDelayMs={1} height={4} options={{ easing: "ease", speed: 500, showSpinner: false }} />
-            <Component {...pageProps} />
-          </Provider>
-        </SessionProvider>
-      </PlausibleProvider>
+      <SessionProvider session={session}>
+        <Provider store={store}>
+          <NextNProgress color="#f4f4f4" startPosition={0.3} stopDelayMs={1} height={4} options={{ easing: "ease", speed: 500, showSpinner: false }} />
+          <Component {...pageProps} />
+        </Provider>
+      </SessionProvider>
+      <Analytics />
     </>
   );
 }