[FE] 로그인 시 보일 사용자 프로필과 프로필 탭을 구현한다.

[chysis]

🔍 설명

• 로그인 성공 시 Header의 우측에 사용자 프로필 사진과 아이디가 보이게 한다.
• 사용자 프로필 클릭 시 메뉴 이동과 로그아웃 할 수 있도록 프로필 탭이 나타나게 한다.

프로필

• 헤더 우측에 배치
• 데스크탑에서는 프로필 사진과 아이디 모두 노출
• 모바일에서는 프로필 사진만 노출

프로필 탭

• 프로필 클릭 시 나타남
• 데스크탑에서는 로그인 한 플랫폼 정보, 메뉴, 로그아웃을 포함한다.
• 모바일에서는 데스크탑의 모든 구성 요소를 포함하고, 로그인 한 플랫폼 정보 밑에 사용자의 아이디를 추가한다.

🔥 할 일

• 프로필 컴포넌트를 구현하고, 반응형으로 동작하게 한다.
• 프로필 탭 컴포넌트를 구현하고, 반응형으로 동작하게 한다.
  • 프로필 탭은 모달보다 z-index 값이 작아야 한다.

⏰ 예상 시간

• 1d

🐴 할 말