[Feat/service/#46] 로그인 인증 및 잡일

[gudusol]

📌 Related Issue Number

• Closes [feat] 로그인 기능 & 미들웨어 설정 #46

---

Checklist

• 🎋 base 브랜치를 제대로 설정했나요?
• 🖌️ PR 제목은 형식에 맞게 잘 작성했나요?
• 🏗️ 빌드는 성공했나요? (pnpm build)
• 🧹 불필요한 코드는 제거했나요? e.g. console.log
• 🙇‍♂️ 리뷰어를 지정했나요?
• 🏷️ 라벨은 등록했나요?

---

✅ Key Changes

이번 PR에서 작업한 내용을 간략히 설명해주세요

1. 로그인 페이지 추가
   • 추후 소셜 로그인으로 바꿀 예정
2. 인증 미들웨어 & 토큰 재발급 로직 추가
3. 캘린더 뷰에 상태 잘못나오는거 수정
4. tanstack query에서 gcTime, staleTime 설정해줌
   • 내 문제 풀이 관련 정보(정답, 진행도 등등) 말고는 다 캐싱돼도 됨
   • 그래서 싹다 Infinity로 하고, 문제 채점 API 쏘면 싹 invalidate시키는 방식으로 설정함

---

💡 New Insights & Learnings

• 미들웨어 설정이 정말 힘들었음...............
• openapi-fetch 에서 제공하는 Middleware를 사용하는데, 이게 서버컴포넌트에 적용이 안됐음..
• 정확하게는 서버컴포넌트 request를 가로채서 여기에 인증 헤더를 추가해줘야하는데 이게 안됨...
• 어쩔수 없이 서버 컴포넌트로 get하는 함수들을 클라이언트 컴포넌트로 바꾸고, useQuery로 get해왔음(다행히 home 피드 조회 1개였음)