实现个人中心下拉菜单；更新部分 eslint 规则

src/app/admin/_client/header.tsx

@@ -1,14 +1,13 @@
 'use client'
 import {PanelLeftCloseIcon, PanelLeftOpenIcon} from 'lucide-react'
 import {Button} from '@/components/ui/button'
-import Profile from './profile'
 import {useLayoutStore} from '@/components/providers/StoreProvider'
 import {merge} from '@/lib/utils'
+import UserCenter from '@/components/composites/user-center'
 
 export type HeaderProps = {}
 
 export default function Header(props: HeaderProps) {
-
   const navbar = useLayoutStore(store => store.navbar)
   const toggleNavbar = useLayoutStore(store => store.toggleNavbar)
 
@@ -18,7 +17,7 @@ export default function Header(props: HeaderProps) {
       `flex items-stretch`,
     )}>
       {/* left */}
-      <div className={`flex-auto flex items-center gap-2`}>
+      <div className="flex-auto flex items-center gap-2">
         <Button
           theme="ghost"
           className="w-9 h-9"
@@ -34,8 +33,8 @@ export default function Header(props: HeaderProps) {
       </div>
 
       {/* right */}
-      <div className={`flex-none flex items-center justify-end pr-4`}>
-        <Profile/>
+      <div className="flex-none flex items-center justify-end pr-4">
+        <UserCenter/>
       </div>
     </header>
   )