[Task][Client] 랭킹 페이지 구현

### ISSUE
- Group: `client`
- Type: `feature`
- Detail: 랭킹 페이지 구현

### TODO
1. [x] 상품 종류 선택
2. [ ] 총 몇 개의 상품이 있는지 숫자 보여주기
3. [x] 상품별로 한 줄에 정보를 보여주기

### Estimated time
> `2.5h`

### Labels
- Estimated time: `E: 2.5h`
- Group : `client`
- Sprint: `Sprint__2__`
- Urgency: `Middle`