[FE] refactor: 디자인 관련 수정 및 리팩토링

[chysis]

Issue Description

• 레이아웃 간 디자인을 통일합니다.
• 디테일한 스타일을 실제 디스코드에 가깝게 수정합니다.
• 재사용되는 로직(호버했을 때 뜨는 검은 바탕 툴팁, 사용자 프로필 이미지 + 상태 마크 등)을 공통 컴포넌트 또는 공통 스타일로 분리해서 리팩토링 합니다.

Tasks

• 디자인 수정
• 중복 스타일 코드 분리해서 리팩토링