feat: added chat and address merge conflict

app/(user)/dashboard/chat/page.tsx

@@ -0,0 +1,14 @@
+import Chat from "@/app/components/Chat";
+import { createClient } from "@/app/lib/supabase/server";
+
+export default async function ChatPage() {
+  const supabase = await createClient();
+
+  const {
+    data: { user },
+  } = await supabase.auth.getUser();
+
+  if (!user) return null;
+
+  return <Chat user={user} />;
+}

app/(user)/dashboard/leaderboards/page.tsx

@@ -1,5 +1,5 @@
 import DashboardWithKey from "../../../components/dashboard/WithKey";
-import LeaderboardsList from "@/app/components/dashboard/LeaderbordList";       
+import LeaderboardsList from "@/app/components/dashboard/LeaderbordList";
 import { Metadata } from "next";
 
 export const metadata: Metadata = {
@@ -9,7 +9,7 @@ export const metadata: Metadata = {
 
 export default function LeaderboardsPage() {
   return (
-    <div className="space-y-6 max-w-5xl mx-auto">
+    <div className="p-6 md:p-8 space-y-6 max-w-5xl mx-auto">
       <div className="border-b border-white/5 pb-5 flex flex-col sm:flex-row sm:items-center justify-between gap-4">
         <div>
           <h1 className="text-2xl font-bold text-white tracking-tight">Leaderboards</h1>

app/(user)/dashboard/settings/page.tsx

@@ -15,7 +15,7 @@ export default async function LeaderboardsPage() {
   const user = userData.user;
 
   return (
-    <div className="space-y-6">
+    <div className="p-6 md:p-8 space-y-6">
       <div>
         <h1 className="text-2xl font-bold text-white">Settings</h1>
         <p className="text-sm text-gray-600">