feat(fe): make problem create container

[sONg20NOW]

Description

이번에 새로 개편되는 problem 탭에서 문제 생성, 문제 수정 페이지를 작업했습니다.

Additional context

피그마

위 그림에서 보이는 바와 같이 statement 페이지와 colalboration 페이지를 작업하기 전 선행 작업으로 진행했습니다.
=> 테스트 경로 : /problem/create

• 현재 problem 폴더의 layout이 아닌 (main)의 layout만 사용해야 되는 상황이어서 (main)/(create)/problem/create 경로로 작업했습니다.
• 현재 백엔드로부터 정보를 가져오는 것이 아닌, 더미 데이터를 사용해 구현했습니다.
  하지만 서스펜스, 에러 바운더리 설정과 스켈레톤 UI 구현은 미리 완료해 두었습니다.
  (이를 확인하기 위한 임시 suspense query가 코드에 포함되어 있습니다)
• 사이드바 탭 클릭 동작은 상태 관리를 활용하였습니다. 현재 선택된 페이지가 아닌 페이지들은 hidden 처리하여 input 입력값이 있더라도 날라가지 않도록 했습니다.
• 배경색 작업은 별도의 task로 진행한다고 알고있어서 작업하지 않았습니다.

일단은 제 나름대로 작업해봤는데 더 나은 방식이 있다면 공유해주세요!

---

close TAS-2579

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines
• Read the Contributing Guidelines and follow the Commit Convention
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• Ideally, include relevant tests that fail without this PR but pass with it.

[skkuding-bot]

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 52ae5d209e5b03c47447abcb703c00d48f155f3b
Health Status: Healthy

Open Preview | View in Argo CD

[skkuding-bot]

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 128d92140d3fb81b489b018c138fc31fe792b1d5
Health Status: Healthy

Open Preview | View in Argo CD

[ojongii]

우와... 너무 깔끔하게 작성된 코드 같아요 LGTM!

[skkuding-bot]

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 049fe9ce80de824423b0ee2335a8db60f9d60bd4
Health Status: Healthy

Open Preview | View in Argo CD