[Client] 랭킹페이지 디자인 및 기능 구현

### ISSUE
***
Group
- [ ] client
- [ ] server
- [ ] sr

Type
- [ ] bug
- [ ] feature
- [ ] add
- [ ] delete

description
> 랭킹페이지의 디자인과 기능을 구현합니다.

### TODO
***
1. [ ] job 1
2. [ ] job 2
3. [ ] job 3

### Estimated time
***
> 8h

No files, tests, entry points, or concrete ranking requirements are named. Start by locating the client-side ranking page entry point and reviewing existing page patterns. Done means the ranking page's design and functionality are implemented, but the three listed jobs need definition before work can begin.

由索引模型根据 Issue 内容生成。