another step

client/src/services/auth/hooks/useLogin.ts

@@ -4,16 +4,22 @@ import { AUTH_ACCESS_COOKIE_OPTIONS, AUTH_REFRESH_COOKIE_OPTIONS, COOKIE_NAMES }
 import { setClientCookie } from '@/lib/cookies/client';
 import { dispatchToast } from '@/lib/toast/dispatchToast';
 import type { ApiError } from '@/lib/api/errors';
+import { useAuth } from '@/context/auth';
 
 import { AuthClientApi } from '../apis/clientApi';
 import type { LoginDto } from '../types';
 
 export function useLogin() {
+  const [, dispatch] = useAuth();
+
   return useMutation({
     mutationFn: (dto: LoginDto) => AuthClientApi.login(dto),
     onSuccess: (data) => {
       setClientCookie(COOKIE_NAMES.ACCESS_TOKEN, data.accessToken, AUTH_ACCESS_COOKIE_OPTIONS);
       setClientCookie(COOKIE_NAMES.REFRESH_TOKEN, data.refreshToken, AUTH_REFRESH_COOKIE_OPTIONS);
+      // Sync AuthContext after a client-side login so the UI reflects the new
+      // session immediately, without waiting for the next full server render.
+      dispatch({ type: 'LOG_IN' });
     },
     onError: (error: ApiError) => {
       dispatchToast(error.message, 'error');

client/src/services/auth/hooks/useLogout.ts

@@ -5,12 +5,12 @@ import { useLocale } from 'next-intl';
 import { COOKIE_NAMES } from '@/lib/cookies';
 import { deleteClientCookie } from '@/lib/cookies/client';
 import { ROUTES } from '@/constants';
-import { useAppStore } from '@/store';
+import { useAuth } from '@/context/auth';
 
 import { AuthClientApi } from '../apis/clientApi';
 
 export function useLogout() {
-  const [, dispatch] = useAppStore();
+  const [, dispatch] = useAuth();
   const router = useRouter();
   const locale = useLocale();