Move speedinsights and analytics to /pages instead of /app (#624)

* feat(analytics and speed insight): added vercel analytics and speed insights

* fix(analytics speedinsights): move analytics and speedinsights to pages

---------

Co-authored-by: Christian Tran <ctran4347@gmail.com>

Author: omshub-admin

pages/_app.tsx

@@ -4,6 +4,8 @@ import { AuthContextProvider } from '@context/AuthContext';
 import { ColorProvider } from '@context/ColorContext';
 import { MenuContextProvider } from '@context/MenuContext';
 import { CacheProvider, EmotionCache } from '@emotion/react';
+import { Analytics } from '@vercel/analytics/next';
+import { SpeedInsights } from '@vercel/speed-insights/next';
 import CssBaseline from '@mui/material/CssBaseline';
 import { NavBar } from '@src/components/NavBar';
 import createEmotionCache from '@src/createEmotionCache';
@@ -41,6 +43,8 @@ const MyApp = ({
               <AlertBar />
             </MenuContextProvider>
             {<Component {...pageProps} />}
+            <Analytics />
+            <SpeedInsights />
             {/* <Copyright /> */}
           </AuthContextProvider>
         </AlertContextProvider>

pages/_document.tsx

@@ -67,9 +67,9 @@ MyDocument.getInitialProps = async (ctx: any) => {
   ctx.renderPage = () =>
     originalRenderPage({
       enhanceApp: (App: any) =>
-        function EnhanceApp(props: any) {
+        (function EnhanceApp(props: any) {
           return <App emotionCache={cache} {...props} />;
-        },
+        }),
     });
 
   const initialProps = await Document.getInitialProps(ctx);