[STYLE] 마이페이지 UI 개선

[mingggg046779-rgb]

📋 이슈 내용(Description)

• 현재 상황:
  마이페이지 UI가 로그인 페이지, 메인 pre-run 페이지, Running now 패널과 톤앤매너가 완전히 통일되지 않아 전체 서비스 흐름에서 디자인 일관성이 부족합니다.

• 목표:
  첨부한 마이페이지 시안을 기준으로, RunSync의 기존 디자인 톤인 네이비/크림/오렌지/그린 포인트를 유지하면서 마이페이지 화면을 개선합니다.

상단 상태바(시간, 와이파이, 배터리 등)는 구현하지 않고, 실제 앱 내부 화면 UI만 반영합니다.

☑️ 체크리스트(Tasks)

• 마이페이지 전체 레이아웃 및 여백 정리
• 상단 헤더 영역 개선
• 프로필 이미지, 이름, 핸들, 러닝 상태 배지 UI 개선
• 총 거리 / 총 시간 / 총 횟수 통계 카드 디자인 개선
• 최근 활동 리스트 카드형 UI 개선
• 프로필 편집 버튼 스타일 개선
• 로그인 / 메인 / Running now 화면과 톤앤매너 통일
• 모바일 화면 기준 가로 스크롤 없이 자연스럽게 표시
• 기능 로직/API/hooks/인증/라우팅/상태 관리 로직 수정하지 않기
• npm run build 통과 확인

📁 참조 및 자료(References)

• 첨부한 마이페이지 디자인 시안 참고
• 상단 상태바는 제외하고 내부 앱 화면 UI만 반영
• CSS/UI 및 필요한 최소한의 className/마크업 정리만 허용