부가서비스 페이지 및 컴포넌트 다국어화 완료

- 부가서비스 메인 페이지 다국어화
  * 헤더 타이틀, 사용중인 서비스/신청 가능한 서비스 섹션
  * 비활성 서비스 안내 메시지
- 부가서비스 공통 컴포넌트 다국어화
  * list-item: 11개 서비스의 상태 라벨 (성공, 실패, 요청, 재발송)
  * title-info-wrap: 서비스 정보 표시
- 정산대행 페이지 다국어화 (5개 페이지)
  * 관리, 입금, 회원, 상세 페이지 헤더
  * 상세 페이지: 입금 확인, 정산 정보, 수수료 정보 등 17개 필드
  * 상태 변경 이력: 출금 실패, 동의 완료, 동의 만료 등
- 서비스별 상세 페이지 통화 표기 개선 (4개 페이지)
  * ARS, 펀드계좌(이체/결과), 페이아웃 상세 페이지
- 전체 통화 표기 통일 (11개 인스턴스)
  * 한국어: 100,000원 (suffix)
  * 영어: ₩100,000 (prefix)
- 번역 키 추가: additionalService 네임스페이스 51+ 키
  * 공통 상태 라벨, 11개 서비스명 및 설명
  * 정산대행 전용 21개 키
- 지원 서비스: SMS결제, ARS결제, KEY-IN결제, 계좌조회/인증,
  페이아웃, 정산대행, 링크결제, 펀드계좌, 알림톡, 안면인증

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/pages/additional-service/list-page.tsx

@@ -1,4 +1,5 @@
 import { ChangeEvent, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { PATHS } from '@/shared/constants/paths';
 import { useNavigate } from '@/shared/lib/hooks/use-navigate';
 import { HeaderType } from '@/entities/common/model/types';
@@ -14,6 +15,7 @@ import { useStore } from '@/shared/model/store';
 import { Dialog } from '@/shared/ui/dialogs/dialog';
 
 export const ListPage = () => {
+  const { t } = useTranslation();
   const { navigate } = useNavigate();
   const midOptions = useStore.getState().UserStore.selectOptionsMids;
   const userMid = useStore.getState().UserStore.mid;
@@ -25,7 +27,7 @@ export const ListPage = () => {
 
   const { mutateAsync: extensionList } = useExtensionListMutation();
 
-  useSetHeaderTitle('부가서비스 소개');
+  useSetHeaderTitle(t('additionalService.title'));
   useSetHeaderType(HeaderType.LeftArrow);
   useSetFooterMode(false);
   useSetOnBack(() => {
@@ -115,9 +117,9 @@ export const ListPage = () => {
                   }
                 </select>
               </div>
-              <h3 className="ing-title">사용중인 서비스</h3>
+              <h3 className="ing-title">{t('additionalService.activeServices')}</h3>
               {getActiveExtensionList()}
-              <h3 className="ing-title">신청 가능한 서비스</h3>
+              <h3 className="ing-title">{t('additionalService.availableServices')}</h3>
               {getAvailableExtensionList()}
             </div>
           </div>
@@ -128,11 +130,11 @@ export const ListPage = () => {
         onClose={() => setDialogOpen(false)}
         message={
           <>
-            이용 중이지 않은 서비스입니다.<br />
-            가입 문의는 영업 담당자 또는 고객센터로 문의해 주세요.
+            {t('additionalService.notActiveServiceMessage')}<br />
+            {t('additionalService.contactSalesMessage')}
           </>
         }
-        buttonLabel={['확인']}
+        buttonLabel={[t('common.confirm')]}
         onConfirmClick={() => setDialogOpen(false)}
         afterLeave={() => { }}
       />