[todo | 공통 | 251001] 질문 목록 페이지 요구사항 (/list)

[looks32]

• 오픈마인드 로고를 클릭하면 / 페이지로 이동합니다.
• 현재 페이지, 정렬 순서를 설정해서 카드 리스트 조회 요청합니다.(기본 정렬 순서는 '최신순')
• '답변하러 가기' 버튼을 클릭 시, 질문 받기로 생성한 id가 로컬 스토리지에 없으면 메인 페이지(/)로 이동하고, 있으면 /post/{id}/answer 페이지로 이동합니다.
• 카드 클릭시 /post/{id} 페이지로 이동합니다. - 추가
• 페이지네이션 기본상태, active 상태 컴포넌트 만들기 - 추가
• PC에서 너비가 1200px 보다 커질 경우 내부 내용의 위치는 고정하고 좌우 여백만 커집니다.
• PC에서 카드 컴포넌트의 너비는 220px 입니다.
• Tablet에서 상단 네비게이션 영역의 좌우 여백은 50px을 유지해주세요.
• Tablet에서 카드 리스트 영역의 좌우 최소 여백은 32px 입니다.
• Tablet에서 카드 컴포넌트의 최소 너비는 186px 입니다.
• Tablet에서 카드 리스트 영역이 줄어드는 것에 따라 카드 크기가 작아지다가 186px보다 작아질 때 하나의 행에 4개 → 3개씩 보이도록 합니다.
• Mobile에서 '누구에게 질문할까요?'는 좌측 여백 24px과 정렬 드롭 다운은 우측 여백 24px을
  유지하며 둘 사이의 간격이 멀어집니다.
• Mobile에서 카드 리스트 영역의 좌우 최소 여백은 24px 입니다.

테블릿은 멘토님이 이번에 하지말라고 하셨는데 요구사항에 써있어서 일단 넣어놨습니다.