[MyPage] React-Query 베이스 설정 및 내 기록 페이지 백엔드 연동

[Bokdol11859]

리팩토링 이전에 클래스의 상태를 구분하기 위해 짰던 코드

checkFail에 부합하는지 안하는지에 따라서 success/ongoing을 주먹구구식으로 구분을 했었습니다.
그에 따라 CBT 운영 당시 실패하지 않은 클래스임에도 불구하고 실패했다고 뜨는 오류가 간간히 보였습니다.
map/filter/reduce와 같은 함수들이 아닌 forEach문을 선호했기에 자바스크립트스럽게 코드를 짜지 못했고, 가독성도 많이 떨어지는 코드였습니다.

리팩토링을 통해 확장성 및 가독성을 고려해서 개선한 코드

forEach 함수가 아닌 filter 함수를 사용하였고, 각 클래스를 확인하는 함수를 따로 빼서 모든 클래스에 filter를 통해 조건에 맞는 클래스들만 반환하도록 구현했습니다.