created debug credentials provider

website/src/components/Avatar.tsx

@@ -12,7 +12,8 @@ export function Avatar() {
     return <></>;
   }
   if (session && session.user) {
-    const email = session.user.email;
+    console.log(session.user);
+    const displayName = session.user.name || session.user.email;
     const accountOptions = [
       {
         name: "Account Settings",
@@ -35,7 +36,7 @@ export function Avatar() {
                   height="40"
                   className="rounded-full"
                 ></Image>
-                <p className="hidden lg:flex">{email}</p>
+                <p className="hidden lg:flex">{displayName}</p>
                 {/* Will be changed to username once it is implemented */}
               </div>
             </Popover.Button>