[FE] 로그인하지 않은 상태에서 페이지에 접근할 때 처리(#551)

[github-actions[bot]]

📓 스토리북 링크

바로가기

📌 관련 이슈

• closed : #551

✨ PR 세부 내용

• private 라우터와 public 라우터를 나누어서 private 일 때는 다른 화면을 보여주게 하였습니다.

• 로그인 글자 보이게 하였습니다. 문구가 바에 가려지는 게 아쉽다는 피드백이 있었습니다. 이 디자인 어떤가욤??

• 이전으로 갔을 때 callback 페이지로 넘어가면 로그인을 다시 하게 되어 오류가 생겼었습니다. 아래 코드를 추가하여 브라우저의 history stack에서 현재 페이지를 덮어쓰고, 새로운 페이지로 이동한 후에 뒤로 가기를 눌렀을 때 현재 페이지로 돌아올 수 없도록 하였습니다.

CallbackPage.tsx

const timer = setTimeout(() => {
  navigate("/", { replace: true });
}, 2000);

[00kang]

홈화면 바로가기 버튼 굳