merge: 알림 오류 해결 및 useCallback사용

fix: 알림 오류 해결 및 useCallback사용

Author: bellasimi

src/components/Header/index.jsx

@@ -43,16 +43,21 @@ const InnerRight = styled.div`
 
 export const Header = ({ prev, title, info, complete, onComplete }) => {
   const navigate = useNavigate();
+  const [isSeen, setIsSeen] = useState(true);
   const onClickPrev = () => {
     navigate(-1);
   };
-  const [isSeen, setIsSeen] = useState(true);
+
   const [token] = useLocalToken();
-  const initNotifications = async () => {
-    const fetchedNotifications = await getNotifications(token);
-    setIsSeen(fetchedNotifications.data[0].seen);
-  };
-  initNotifications();
+  useEffect(() => {
+    const initNotifications = async () => {
+      const fetchedNotifications = await getNotifications(token);
+      setIsSeen(
+        fetchedNotifications.data.length === 0 ? isSeen : fetchedNotifications.data[0].seen,
+      );
+    };
+    initNotifications();
+  }, [token, isSeen]);
 
   return (
     <HeaderContainer top height={headerHeight}>