SP-683 마이페이지 모바일 반응형 적용, SP-671 알림 권한 설정 => 알림 설정

[SungHyun627]

Closes #351

💡 다음 이슈를 해결했어요.

마이페이지 반응형 적용

• 회원 정보(홈) 페이지
• 스터디원 상호 평가 페이지
• 임시 저장 페이지
• 알림 설정 페이지
• 루도가 알려요(알림) 페이지

텍스트 수정

• 사이드바 텍스트 중 알림 권한 설정 => 알림 설정으로 수정 - SP-671

💡 이슈를 처리하면서 추가된 코드가 있어요.

🛠 텍스트 수정

마이페이지 사이드바의 텍스트를 수정하였습니다.(알림 권한 설정 => 알림 설정)

🛠 마이페이지 반응형 작업

• 각 페이지별 레이아웃, 컴포넌트 디자인을 고려하여 필요에 따라 1100, 800, 600, mobile(500) breakpoint를 사용하여 작업했습니다.
• 모바일 환경에서 header의 로그아웃 버튼이 사라지는 경우를 고려하여, 마이페이지의 하단에 로그아웃 버튼을 추가하였습니다.
  (디자인에는 회원정보(홈) 페이지에만 로그아웃 버튼이 있는 상황)
• 마이페이지(홈) - 회원 정보 페이지모바일 환경일 경우 상단에 MypageGnb 컴포넌트가 표시되도록 하였고, 회원정보/스-따디를
  클릭하면 원하는 정보를 볼 수 있게 구현하였습니다.
• 스터디원 상호 평가, 임시 저장, 루도가 알려요, 알림 설정 페이지의 상단에 해당 페이지의 titler과 뒤로 가기 버튼이 포함된 Topbar가
  나타나도록 하였습니다.
• 회원 정보 페이지의 신뢰도 컴포넌트(CircularRate) 옆에 위치한 오른쪽 버튼을 클릭하면 스터디원 상호평가(피뷰) 페이지로 이동하도록 구현했습니다.

✔︎ 회원정보(홈) 페이지 - 반응형

✔︎ 스터디원 상호평가(리뷰) 페이지 - 반응형

✔︎ 임시저장 페이지 - 반응형

✔︎ 알림 설정 페이지 - 반응형

✔︎ 루도가 알려요(알림) 페이지 - 반응형

✅ 셀프 체크리스트

• 브랜치 전략에 맞는 브랜치에 PR을 올리고 있습니다. (master/main이 아닙니다.)
• 커밋 메세지를 컨벤션에 맞추었습니다.
• 변경 후 코드는 컴파일러/브라우저 warning/error 가 발생시키지 않습니다.
• 변경 후 코드는 기존의 테스트를 통과합니다.
• 테스트 추가가 필요한지 검토해보았고, 필요한 경우 테스트를 추가했습니다.
• docs 수정이 필요한지 검토해보았고, 필요한 경우 docs를 수정했습니다.