Fix: #222 인증여부에 따라 헤더의 문구와 로그아웃 버튼 노출하도록 수정 (#223)

* Fix: #222 인증여부에 따라 헤더의 문구와 로그아웃 버튼 노출하도록 수정

* Feat: #222 유저인증 되어 있지 않을 시 로그인 버튼 추가

* Chore: #222 로그인 화면 이동 시 replace 제거

src/components/common/Header.tsx

@@ -7,7 +7,7 @@ import { logout } from '@services/authService';
 import useToast from '@hooks/useToast';
 
 export default function Header() {
-  const { userInfo: userInfoData, onLogout, clearUserInfo } = useStore();
+  const { userInfo: userInfoData, onLogout, clearUserInfo, isAuthenticated } = useStore();
   const navigate = useNavigate();
   const { toastSuccess } = useToast();
 
@@ -33,7 +33,9 @@ export default function Header() {
         </Link>
       </div>
       <nav className="flex items-center">
-        <div className="tracking-tight text-white">{userInfoData.nickname}님의 Grow Up! 응원합니다.</div>
+        {isAuthenticated && (
+          <div className="tracking-tight text-white">{userInfoData.nickname}님의 Grow Up! 응원합니다.</div>
+        )}
         <NavLink to="/" className="ml-10 hover:brightness-90">
           {({ isActive }) => <FiHome className={`size-20 ${isActive ? 'text-selected' : 'text-white'}`} />}
         </NavLink>
@@ -43,9 +45,9 @@ export default function Header() {
         <button
           type="button"
           className="ml-10 h-20 rounded-md bg-white px-4 tracking-tight hover:brightness-90"
-          onClick={handleLogout}
+          onClick={isAuthenticated ? handleLogout : () => navigate('/signin')}
         >
-          Logout
+          {isAuthenticated ? 'Logout' : 'Login'}
         </button>
       </nav>
     </header>

src/mocks/services/authServiceHandler.ts

@@ -278,16 +278,9 @@ const authServiceHandler = [
 
   // 로그아웃 API
   http.post(`${BASE_URL}/user/logout`, async ({ cookies }) => {
-    const { refreshToken, refreshTokenExpiresAt } = cookies;
+    const { refreshToken } = cookies;
     const currentTime = Date.now();
 
-    if (!refreshToken || !refreshTokenExpiresAt) {
-      return HttpResponse.json(
-        { message: '리프레시 토큰이 유효하지 않습니다. 다시 로그인해 주세요.' },
-        { status: 401 },
-      );
-    }
-
     return new HttpResponse(null, {
       status: 200,
       headers: {