Refactor[API]: axios 기반 API 구조 리팩터링

[MatchaKim]

수정 사유 Reason for modification

소스를 수정한 사유가 무엇인지 체크해 주세요. Please check the reason you modified the source. ([X] X는 대문자여야 합니다.)

• 버그수정 Bug fixes
• 기능개선 Enhancements
• 기능추가 Adding features
• 기타 Others

수정된 소스 내용 Modified source

검토자를 위해 수정된 소스 내용을 설명해 주세요. Please describe the modified source for reviewers.

기존 fetch 기반에서 Axios로 전환하기 위해 일부 컴포넌트를 우선 리팩터링하였습니다.

컴포넌트 내부의 Server 로직과 UI 로직을 분리하기 위해 API 모듈을 정의하였으며,
src/api/services/{컴포넌트명} 경로에 컴포넌트명과 동일한 이름으로 구성하여 구조적 일관성을 유지했습니다.

Axios 도입으로 얻은 이점은 다음과 같습니다.

1. Interceptor 분리
   모든 API 요청에서 중복되는 Auth, Error 처리를 interceptor에서 일관적으로 제어할 수 있습니다.

2. 자동 JSON 파싱
   fetch는 await res.json() 호출이 필요하지만, Axios는 response.data로 바로 접근 가능합니다.

3. 쿼리 파라미터 직렬화 편의성
   params 옵션으로 객체를 전달해 직관적이고 간단하게 관리할 수 있습니다.

   axios.get('/user', { params: { id: 123, role: 'admin' } })
   // => /user?id=123&role=admin
   

JUnit 테스트 JUnit tests

테스트를 완료하셨으면 다음 항목에 [대문자X]로 표시해 주세요. When you're done testing, check the following items.

• [] JUnit 테스트 JUnit tests
• 수동 테스트 Manual testing

테스트 브라우저 Test Browser

테스트를 진행한 브라우저를 선택해 주세요. Please select the browser(s) you ran the test on. (다중 선택 가능 you can select multiple) [X] X는 대문자여야 합니다.

• Chrome
• Firefox
• Edge
• Safari
• Opera
• Internet Explorer
• 기타 Others

테스트 스크린샷 또는 캡처 영상 Test screenshots or captured video

테스트 전과 후의 스크린샷 또는 캡처 영상을 이곳에 첨부해 주세요. Please attach screenshots or video captures of your before and after tests here.