fix: analytics

Author: coderz-w

src/components/layout/Root/Root.tsx

@@ -1,6 +1,5 @@
 import type { PropsWithChildren } from 'react';
-
-// import { ClientOnly } from '~/components/common/ClientOnly';
+import { Analytics } from '@vercel/analytics/react';
 
 import Content from '../Content';
 import Footer from '../Footer';
@@ -12,9 +11,7 @@ const Root = ({ children }: PropsWithChildren) => {
       <Header />
       <Content>{children}</Content>
       <Footer />
-      {/* <ClientOnly>
-        <FABContainer />
-      </ClientOnly> */}
+      <Analytics />,
     </>
   );
 };

src/components/providers/root/index.tsx

@@ -3,7 +3,6 @@
 import { PropsWithChildren } from 'react';
 import { ThemeProvider } from 'next-themes';
 import { LazyMotion } from 'framer-motion';
-import { Analytics } from '@vercel/analytics/react';
 
 import ProviderComposer from '@/components/modules/shared/ProviderComposer';
 
@@ -12,7 +11,6 @@ const loadFeatures = () => import('./framer-lazy-feature').then((res) => res.def
 const webAppContexts: JSX.Element[] = [
   <ThemeProvider children key="themeProvider" />,
   <LazyMotion features={loadFeatures} strict key="framer" />,
-  <Analytics />,
 ];
 
 export default function WebAppProviders({ children }: PropsWithChildren) {