配置 mdx 与 turbopack 继承；修复退出登录后循环跳转的问题；button 统一复用可导出样式并微调样式

src/app/(home)/@header/_client/provider.tsx

@@ -54,7 +54,7 @@ export default function Provider(props: ProviderProps) {
   // 用户信息
   // ======================
 
-  const profile = useProfileStore(store=>store.profile)
+  const profile = useProfileStore(store => store.profile)
 
   // ======================
   // render
@@ -144,7 +144,7 @@ export default function Provider(props: ProviderProps) {
               </>
               : (
                 <Link href={`/admin`}>
-                  <Button theme={`gradient`}>
+                  <Button theme={`gradient`} className={`h-12`}>
                     进入控制台
                   </Button>
                 </Link>

src/app/admin/_client/profile.tsx

@@ -3,22 +3,23 @@ import {Button} from '@/components/ui/button'
 import {logout} from '@/actions/auth'
 import {useProfileStore} from '@/components/providers/StoreProvider'
 import {useRouter} from 'next/navigation'
-import {toast} from 'sonner'
 
 export type ProfileProps = {}
 
 export default function Profile(props: ProfileProps) {
+  const router = useRouter()
   const refreshProfile = useProfileStore(store => store.refreshProfile)
   const doLogout = async () => {
     const resp = await logout()
     if (resp.success) {
-      await refreshProfile()
+      refreshProfile().then()
+      router.replace('/')
     }
   }
 
   return (
     <div className="flex gap-2 items-center">
-      <Button theme={`error`} onClick={doLogout}>
+      <Button theme={`fail`} onClick={doLogout}>
         退出登录
       </Button>
     </div>

src/app/admin/whitelist/page.tsx

@@ -231,7 +231,7 @@ export default function WhitelistPage(props: WhitelistPageProps) {
           添加白名单
         </Button>
         <Button
-          theme={`error`}
+          theme={`fail`}
           className={`ml-2`}
           disabled={selection.size === 0 || wait}
           onClick={() => confirmRemove()}>
@@ -277,7 +277,7 @@ export default function WhitelistPage(props: WhitelistPageProps) {
                 <Button
                   className={`h-9 w-9`}
                   onClick={() => confirmRemove(row.original.id)}
-                  theme={`error`}
+                  theme={`fail`}
                   disabled={wait}
                 >
                   <Trash2 className="w-4 h-4"/>
@@ -332,7 +332,7 @@ export default function WhitelistPage(props: WhitelistPageProps) {
           </AlertDialogHeader>
           <AlertDialogFooter>
             <Button theme="outline" onClick={() => setAlertVisible(false)}>取消</Button>
-            <Button theme="error" onClick={() => remove()}>删除</Button>
+            <Button theme="fail" onClick={() => remove()}>删除</Button>
           </AlertDialogFooter>
         </AlertDialogContent>
       </AlertDialog>