Start working on the profile refactoring.

src/components/wrappers/dashboard/common/logged-in/logged-in-button.tsx

@@ -1,34 +1,42 @@
-import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
-import { SidebarMenuButton } from "@/components/ui/sidebar";
 import { ChevronUp } from "lucide-react";
+
+import {Avatar, AvatarFallback, AvatarImage} from "@/components/ui/avatar";
 import { currentUser } from "@/lib/auth/current-user";
+import { SidebarMenuButton } from "@/components/ui/sidebar";
+import { getAccounts, getSession, getSessions } from "@/lib/auth/auth";
 import {LoggedInDropdown} from "@/components/wrappers/dashboard/common/logged-in/logged-in-dropdown";
 
 export const LoggedInButton = async () => {
     const user = await currentUser();
+    const sessions = await getSessions();
+    const currentSession = await getSession();
+    const accounts = await getAccounts();
 
     if (!user) return null;
 
     return (
-        <LoggedInDropdown
-            user={{
-                ...user,
-                image: user.image ?? null,
-                role: user.role ?? null,
-                banned: user.banned ?? null,
-                banReason: user.banReason ?? null,
-                banExpires: user.banExpires ?? null,
-                deletedAt: user.deletedAt ? new Date(user.deletedAt) : null,
-            }}
-        >
-            <SidebarMenuButton>
-                <Avatar className="size-6">
-                    <AvatarFallback>{user.name[0].toUpperCase()}</AvatarFallback>
-                    {user.image ? <AvatarImage src={user.image} alt={`${user.name ?? "-"}'s profile picture`} /> : null}
-                </Avatar>
-                <span className="first-letter:capitalize">{user.name}</span>
-                <ChevronUp className="ml-auto" />
-            </SidebarMenuButton>
-        </LoggedInDropdown>
+        <>
+            <LoggedInDropdown
+                // @ts-ignore
+                user={user}
+                // @ts-ignore
+                sessions={sessions}
+                // @ts-ignore
+                currentSession={currentSession.session}
+                // @ts-ignore
+                accounts={accounts}
+            >
+                <SidebarMenuButton>
+
+                    <Avatar className="size-6">
+                        <AvatarFallback>{user.name[0].toUpperCase()}</AvatarFallback>
+                        {user.image ? <AvatarImage src={user.image} alt={`${user.name ?? "-"}'s profile picture`} /> : null}
+                    </Avatar>
+
+                    <span className="first-letter:capitalize">{user.name}</span>
+                    <ChevronUp className="ml-auto" />
+                </SidebarMenuButton>
+            </LoggedInDropdown>
+        </>
     );
 };