added docs and fixed level bridger

web/app/dashboard/page.tsx

@@ -3,6 +3,8 @@ import { redirect } from "next/navigation"
 import Link from "next/link"
 import { getUserGuilds } from "@/lib/discord"
 import Toast from "@/components/Toast"
+import UserProfile from "@/components/UserProfile"
+
 
 export default async function Dashboard() {
     const session = await auth()
@@ -21,19 +23,11 @@ export default async function Dashboard() {
         <div className="min-h-screen bg-black/50 relative">
             <Toast />
             {/* Header / User Corner */}
-            <div className="absolute top-4 right-4 flex items-center gap-3 bg-white/5 px-4 py-2 rounded-full border border-white/10 backdrop-blur-md z-10">
-                <div className="text-right hidden sm:block">
-                    <p className="text-sm font-semibold text-white">{session.user?.name}</p>
-                </div>
-                {session.user?.image && (
-                    <img
-                        src={session.user.image}
-                        alt="User"
-                        className="w-10 h-10 rounded-full border border-blue-500/50"
-                    />
-                )}
+            <div className="absolute top-4 right-4 z-50">
+                <UserProfile user={session.user} />
             </div>
 
+
             <div className="container mx-auto px-4 py-20 flex flex-col items-center">
                 <div className="w-full max-w-4xl mb-8 p-4 bg-blue-500/10 border border-blue-500/20 rounded-lg text-center text-blue-200 text-sm">
                     If you would like to be participating in the beta program of void sentinel, please send a DM to <span className="font-mono bg-blue-500/20 px-1 rounded">_void_x_</span> on discord.