fix: sync verification state with auth guards

app/(dashboard)/layout.tsx

@@ -1,8 +1,16 @@
+"use client"
+
+import Link from "next/link"
 import { AuthGuard } from "@/components/auth-guard"
 import { DashboardSidebar } from "@/components/dashboard-sidebar"
 import { Header } from "@/components/header"
+import { Button } from "@/components/ui/button"
+import { useAuthStore } from "@/store/auth"
 
 export default function DashboardLayout({ children }: { children: React.ReactNode }) {
+  const isAuthenticated = useAuthStore((state) => state.isAuthenticated)
+  const currentRole = useAuthStore((state) => state.currentRole)
+
   return (
     <div className="flex min-h-screen flex-col">
       <Header />
@@ -11,7 +19,17 @@ export default function DashboardLayout({ children }: { children: React.ReactNod
           <DashboardSidebar />
         </div>
         <main className="flex-1 p-6">
-          <AuthGuard>{children}</AuthGuard>
+          <AuthGuard>
+            {isAuthenticated && currentRole === "consumer" ? (
+              <div className="flex min-h-[50vh] items-center justify-center">
+                <Button asChild>
+                  <Link href="/">首页</Link>
+                </Button>
+              </div>
+            ) : (
+              children
+            )}
+          </AuthGuard>
         </main>
       </div>
     </div>