[25.02.25] Fix - Dev 브랜치 최신화 (#15)

* [25.02.16 / TASK-118] Feature: 채널톡 추가 및 헤더 로고 클릭 동작 추가 (#13)

* hotfix: 일부 오류 수정
username 관련 오류 및 SSR 렌더린 관련 오류로 추정되는 오류 수정

* feat: 채널톡 추가 및 헤더 로고 동작 추가

* refactor: console.log 제거

* refactor: 메세지 내용 변경

* refactor: 코멘트 반영 겸 자잘한 오류 해결

* refactor: username 관련 코드 수정

* refactor: ENV 오류 전용 공통 오류 객체 추가

* hotfix: env 값 추가

* hotfix: env 관련 오류 해결

* hotfix: 구조분해 관련 오류 해결

* hotfix: 겹친 코드 제거

Author: six-standard

src/app/(with-tracker)/(auth-required)/layout.tsx

@@ -1,5 +1,6 @@
 import { ReactElement } from 'react';
 import { dehydrate, HydrationBoundary } from '@tanstack/react-query';
+import { Header } from '@/components';
 import { PATHS } from '@/constants';
 import { me } from '@/apis';
 import { getQueryClient } from '@/utils/queryUtil';

src/components/auth-required/header/index.tsx

@@ -35,25 +35,17 @@ export const Header = () => {
   const barWidth = width < SCREENS.MBI ? 65 : 180;
   const client = useQueryClient();
 
-  const { data: profiles } = useQuery({
-    queryKey: [PATHS.ME],
-    queryFn: me,
-  });
-
   const { mutate: out } = useMutation({
     mutationFn: logout,
-    onSuccess: async () => {
-      client
-        .getQueryCache()
-        .findAll()
-        .forEach((query) => {
-          client.setQueryData(query.queryKey, null);
-        });
-      client.clear();
-      router.replace('/');
-    },
+    onMutate: () => router.replace('/'),
+    onSuccess: () => client.removeQueries(),
   });
 
+  const { data: profiles } = useQuery({
+    queryKey: [PATHS.ME],
+    queryFn: me,
+  });
+      
   useEffect(() => {
     const handleClickOutside = (e: MouseEvent) =>
       open &&