refactor(profile): split view/container and update nav state

Signed-off-by: Noa Virellia <noa@requiem.garden>

client/cms/src/components/sidebar/nav-user.tsx

@@ -26,15 +26,14 @@ import {
   useSidebar,
 } from '@/components/ui/sidebar';
 import { useUserInfo } from '@/hooks/data/useUserInfo';
-import { useLogout } from '@/hooks/useLogout';
+import { logout } from '@/lib/token';
 import { withFallback } from '../hoc/with-fallback';
 import { Skeleton } from '../ui/skeleton';
 
-function NavUser_() {
+export function NavUser_() {
   const { isMobile } = useSidebar();
   const { data } = useUserInfo();
   const user = data.data!;
-  const { logout } = useLogout();
 
   const IdentIcon = useMemo(() => {
     const avatar = createAvatar(identicon, {
@@ -85,7 +84,7 @@ function NavUser_() {
               </div>
             </DropdownMenuLabel>
             <DropdownMenuSeparator />
-            <DropdownMenuItem onClick={logout}>
+            <DropdownMenuItem onClick={_e => logout()}>
               <IconLogout />
               登出
             </DropdownMenuItem>