refactor: 랭킹 페이지 UI 수정

[nijuy]

💻 개요

• 리팩토링

• 263

📋 변경 및 추가 사항

• 1,2,3위 콘텐츠가 동일한 너비를 차지하게 수정했습니다

  • 닉네임 길이가 길 때, 특정 순위의 너비가 길어지는 현상을 방지 (대신 닉네임이 여러줄로 보일 수 있어 텍스트 중앙 정렬도 추가)

• OtherRanking 테이블 열의 너비 비율을 수정했습니다

  • 닉네임의 최대 길이를 생각했을 때 닉네임 칸이 좁아서 쪼끔 늘렸습니다
  • 등수는 최대 2자리, 점수는 최대 3자리까지 들어갈테니 너비를 줄여도 큰 문제가 없다 생각했어용

• 화면 사이즈가 lg일 때 UserRanking의 너비를 1/3 -> 1/2로 늘렸습니다

  • 여기도 닉네임 최대 길이를 생각했을 때 약간,, 더 길면 좋겠다 싶어서 슬쩍.

before	after

💬 To. 리뷰어

이거 올리고 바로 지금 열린 PR 리뷰하러 가겠습니닥!!!!!!!!!!!!!!!