update(Auth): 实时监听 userInfo.id 变化

src/components/Header/Auth.tsx

@@ -10,15 +10,11 @@ import { LoginModal } from '@/components';
 import { useUserStore } from '@/store';
 
 export default function Auth() {
-  const { userInfo } = useUserStore(
-    useShallow((state) => ({
-      userInfo: state.userInfo,
-    })),
-  );
+  const userId = useUserStore(useShallow((state) => state.userInfo.id));
 
   return (
     <div>
-      {!!userInfo.id ? (
+      {!!userId ? (
         <HeaderAvatar className="ml-[40px]" />
       ) : (
         <LoginProvider>