♻️ [Refactor] (#86): 템플릿 별로 이력서 다르게 보여주기

[speardragon]

#️⃣연관된 이슈

• resolves [Refactor] 이력서 템플릿 별로 보여주는 화면을 다르게 한다. #86

📝작업 내용

• 템플릿 별로 이력서가 다르게 보이도록 설정하였습니다.(BASIC, STAR, GITFOLIO)
• 이력서 PDF 저장 방식을 수정 및 보완하였습니다.
• 헤더에 내 프로필을 누르면 PRO 플랜인 사람들에 한해 왕관이 프로필에 씌워집니다.
• 커뮤니티에도 좋아요수와 조회수가 표시됩니다.
• 회원 탈퇴 버튼을 추가하였습니다.(내 프로필 수정 하단)
• 불러온 레파지토리에서 준비된 언어 이미지 로고가 없는 경우 alt 이미지가 뜨던 문제를 image fallback을 통해 해결했습니다.
• 결제 화면이 팝업으로 뜨지 않고 화면 리다이렉트 방식으로 수정되었습니다.
  • 기존 팝업창의 문제: react query invalidate이 원하는 대로 작동하지 않아 결제 성공 이후 결제 버튼이 변경되지 않습니다.
  • 결제 성공 시 /plan?success=true로 이동하여 폭죽과 함께 축하해줍니다.

스크린샷 (선택)

💬리뷰 요구사항(선택)

• 백엔드 환경 변수를 다음과 같이 변경해야 합니다!
  • PAYMENT_SUCCESS_REDIRECT_URL=http://localhost:3000/plan?success=true

[namkikim0718]

LGTM~!!!