개인 프로젝트 피드백 부탁드립니다!! (Next.js + firebase)

Question

안녕하세요! 휴학 중에 개인 프로젝트 한번 만들어봤습니다!
아직 감이 잘 안 잡히다보니 chatGPT에 꽤나 의존했던 것 같습니다. 폴더 구조와 ssr, csr 사용 부분에서 피드백을 받고자 합니다!
또, containers 폴더 안 create 폴더에 있는 RouteChangeListener.tsx를 사용하여 퀴즈를 만들거나 푸는 도중에 현재 페이지를 벗어나려는 움직임을 감지하면 alert 창이 나오도록 설정하였습니다. 제가 생각해봤을 때 페이지가 이동했다가 다시 돌아오는 부분이 비효율적이라고 생각이 들어서 미들웨어나 다른 방법을 통해 해결할 수 있는지 여쭤보고 싶습니다.  감사합니다!

프로젝트 설명 : 퀴즈를 만들고 풀 수 있는 웹페이지 만들어봤습니다! vercel로 배포하였고, PWA 사용하여 모바일에서도 다운로드 가능하게 했습니다! 웹 앱 둘다 가능하지만 웹으로 봐주시는 것을 권장드립니다~!!

프로젝트 기술 스택: Next.js, react-query, zustand, firebase

테스트 아이디: 123@naver.com
테스트 비밀번호: 123123

GitHub 주소 : https://github.com/kmj0973/donquiz
Vercel 배포 주소 : https://donquiz.vercel.app/

따끔한 피드백 주시면 감사드리겠습니다!! 감사합니다!!