fix: 增强身份验证会话和 JWT 处理，以包含提供商信息；更新 Header 和 UserMenu 组件，以利用提供商数据来提升用户体验。此外，调整 Markdown 文件中的图片路径以确保一致性。

Author: longsizhuo

app/components/Header.tsx

@@ -9,6 +9,11 @@ import { UserMenu } from "./UserMenu";
 export async function Header() {
   const session = await auth();
   const user = session?.user;
+  const provider =
+    session && "provider" in session
+      ? (session.provider as string | undefined)
+      : undefined;
+  console.log("session", session);
   return (
     <header className="fixed top-0 w-full z-50 bg-background/80 backdrop-blur-lg border-b border-border">
       <div className="container mx-auto px-6 h-16 flex items-center justify-between">
@@ -67,7 +72,11 @@ export async function Header() {
             </a>
           </Button>
           <ThemeToggle />
-          {user ? <UserMenu user={user} /> : <SignInButton />}
+          {user ? (
+            <UserMenu user={user} provider={provider} />
+          ) : (
+            <SignInButton />
+          )}
         </div>
       </div>
     </header>

app/components/UserMenu.tsx

@@ -11,9 +11,10 @@ interface UserMenuProps {
     email?: string | null;
     image?: string | null;
   };
+  provider?: string;
 }
 
-export function UserMenu({ user }: UserMenuProps) {
+export function UserMenu({ user, provider }: UserMenuProps) {
   const initials = user.name?.[0] ?? user.email?.[0] ?? "?";
 
   return (
@@ -43,6 +44,17 @@ export function UserMenu({ user }: UserMenuProps) {
           ) : null}
         </div>
 
+        {provider === "github" ? (
+          <a
+            href="https://github.com/logout"
+            target="_blank"
+            rel="noreferrer"
+            className="block px-4 py-2 text-sm text-foreground transition hover:bg-muted"
+          >
+            切换 GitHub 账号（将在新标签页登出 GitHub）
+          </a>
+        ) : null}
+
         <form
           action={async () => {
             "use server";