fix(fe): revise qna main page

[ojongii]

Description

Q&A 메인 페이지를 수정했습니다.

Additional context

• 각 qna의 No. 열에 데이터로 받아오는 order를 반영합니다. (유지)
• popover가 헤더를 가리지 않도록 qna category filter의 z-index를 조정했습니다.
• searchParam을 정의하는 줄을 간단하게 수정했습니다.
• fallback ui의 가로 길이 등 조정
• 옵션이 General뿐일 때 옵션을 선택해도 텍스트가 All로 표시됩니다. (유지)
• alert modal의 확인 텍스트를 Confirm으로 변경했습니다.
• (수정된 색상과 아이콘은 기존 모달 컴포넌트로 구현할 수 없어서 qna 메인 페이지에 추가했습니다.)

[skkuding-bot]

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 5226fcd8d1070c89ee3bf14c2eb615f181373ab6
Health Status: Healthy

Open Preview | View in Argo CD

[skkuding-bot]

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 5226fcd8d1070c89ee3bf14c2eb615f181373ab6
Health Status: Healthy

Open Preview | View in Argo CD

[skkuding-bot]

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 8829f6ac25d81d0ced13b2df3baedef6b77379e8
Health Status: Healthy

Open Preview | View in Argo CD

[Clover229]

z index, confirm 등 확인했습니다~ 굿입니다

[skkuding-bot]

✅ Syncing Preview App Succeeded

Application: frontend
Revision: 9b4b0e0cf726983c302f0b8561d36fa067462621
Health Status: Healthy

Open Preview | View in Argo CD

[sONg20NOW]

수정사항들 다 잘 반영된 것 같아요! 고생하셨어요~

[sONg20NOW]

QA 때 아래 메인 페이지 문구가 한글이 좋을지 영어가 좋을 지 의논해보는 게 좋을 것 같아요!

"본 Q&A는 해당 대회와 관련된 질문만 작성해 주세요. 욕설, 비방, 대회 진행에 방해가 되는 내용은 제재 대상이 될 수 있습니다."

저번 프론트 회의 때 통일성을 위해 최대한 코드당에서 한글로 텍스트를 작성하지 말자고 했어서요!