[PR] 과제 업로드 완료 페이지(UploadCompletePage) 모바일 반응형 UI 설정 및 사용자 입력값 ui 추가

[TTOCHIwas]

📝 요약 (Summary)

• 업로드 완료 페이지가 모바일 화면에서도 자연스럽게 보이도록 정리했습니다.
• 작은 화면에서도 완료 안내, 과제 정보, 생성된 자산, 이동 버튼에 반응형 UI를 적용했습니다.
• 서버에서 주는 userSubmittedResult를 완료 페이지에서도 사용자에게 보여주도록 수정했습니다.

✅ 주요 변경 사항 (Key Changes)

• 아래 내용들을 모바일 화면에 맞게 조정했습니다.
  • 업로드 완료 페이지 전체 여백과 카드 간격
  • 완료 안내 영역과 과제 요약 카드 스타일
  • 하단 마이페이지로 이동 버튼
• 생성된 자산 영역에서 프롬프트와 작업 결과를 함께 볼 수 있도록 수정했습니다.

💻 상세 구현 내용 (Implementation Details)

1. 업로드 완료 페이지 바깥 레이아웃 정리

• 페이지 바깥 여백과 내부 카드 간격을 화면 크기에 따라 다르게 보이도록 수정했습니다.

2. 완료 안내 영역 반응형 적용

• 완료 아이콘, 제목, 설명 문구 크기를 모바일 기준으로 조정했습니다.
• 완료 안내 영역의 간격도 함께 조정했습니다.

3. 과제 요약 카드 정리

• 과제 요약 카드의 padding, borderRadius, 내부 간격을 모바일 기준으로 조정했습니다.
• 기존 Assignment 문구 대신 실제 과제 유형이 보이도록 변경했습니다.
• 완료 상태 아이콘과 문구도 모바일 화면에 맞게 함께 정리했습니다.

4. 생성된 자산 영역 개선

• 생성된 자산 카드 헤더의 padding, gap, 번호 박스 크기, 글자 크기를 모바일 기준으로 조정했습니다.
• 생성된 프롬프트 영역은 공용 PromptCard를 사용하도록 변경했습니다.
• 사용자가 입력한 작업 결과 ui도 함께 추가해줬습니다.

5. 하단 이동 버튼 정리

• 마이페이지로 이동 버튼의 여백, 높이, 글자 크기를 모바일 기준으로 조정했습니다.

🚀 트러블 슈팅 (Trouble Shooting)

• 해당 없음

⚠️ 알려진 이슈 및 참고 사항 (Known Issues & Notes)

• 다음 이슈에서 해당 페이지 리펙토링 진행하겠습니다.

📸 스크린샷 (Screenshots)

#️⃣ 관련 이슈 (Related Issues)

• 과제 업로드 완료 페이지(UploadCompletePage) 모바일 반응형 UI 설정 및 사용자 입력값 ui 추가 #77

[gemini-code-assist]

Code Review

This pull request refactors the UploadCompletePage to improve responsiveness and component modularity. Key changes include the introduction of the PromptCard component to handle prompt and result displays, the addition of user-submitted results to the asset list, and the application of responsive Chakra UI styling across the page layout and UI elements. I have no feedback to provide.