[add]:envExample

.env.example

@@ -0,0 +1,7 @@
+NEXT_PUBLIC_FIREBASE_API_KEY=
+NEXT_PUBLIC_FIREBASE_API_AUTH_DOMAIN=
+NEXT_PUBLIC_FIREBASE_API_PROJECT_ID=
+NEXT_PUBLIC_FIREBASE_API_STORAGE_BUCKET=
+NEXT_PUBLIC_FIREBASE_API_MESSAGING_SENDER_ID=
+NEXT_PUBLIC_FIREBASE_API_APP_ID=
+NEXT_PUBLIC_FIREBASE_API_MEASUREMENT_ID=

src/app/(dashboard)/leaderboard/page.tsx

@@ -1,27 +1,16 @@
 "use client";
 
-import Leaderboard from '@/components/LeaderBoard';
-import React, { useEffect, useState } from 'react';
+import React from 'react';
+import dynamic from 'next/dynamic';
 
-const LeaderboardPage = () => {
-  const [windowWidth, setWindowWidth] = useState(0);
-
-
-
-    useEffect(() => {
+const Leaderboard = dynamic(() => import('@/components/LeaderBoard'), { ssr: false });
 
-        if (typeof window !== 'undefined') {
-
-            setWindowWidth(window.innerWidth);
-
-        }
-
-    }, []);
+const LeaderboardPage = () => {
   return (
-    <div>
+    <div className="min-h-screen bg-gray-900">
       <Leaderboard />
     </div>
   );
 };
 
-export default LeaderboardPage;
+export default LeaderboardPage;

src/app/page.tsx

@@ -21,17 +21,17 @@ export default function HomePage() {
         }
 
     }, []);
-  useEffect(() => {
-    const unsubscribe = onAuthStateChanged(auth, (user) => {
-      if (user) {
-        router.push('/dashboard');
-      } else {
-        router.push('/auth');
-      }
-    });
-
-    return () => unsubscribe();
-  }, [router, auth]);
+  // useEffect(() => {
+  //   const unsubscribe = onAuthStateChanged(auth, (user) => {
+  //     if (user) {
+  //       router.push('/dashboard');
+  //     } else {
+  //       router.push('/auth');
+  //     }
+  //   });
+
+  //   return () => unsubscribe();
+  // }, [router, auth]);
 
   return <div>Loading...</div>; // Simple loading indicator
 }