Fix TypeScript errors in additional-service module

Updated 24 files to resolve 111 TypeScript compilation errors by:
- Updating imports from direct constant exports to getter functions
- Adding i18n support with useTranslation hook
- Fixing curried function calls to use translation function parameter
- Adding explicit type annotations to map callbacks

All filter components, list wrappers, and page components now properly
use internationalized getter functions for status text and button groups.

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

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

src/pages/additional-service/key-in-payment/key-in-payment-page.tsx

@@ -20,13 +20,15 @@ import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
 import { KeyInPaymentList } from '@/entities/additional-service/ui/key-in-payment/key-in-payment-list';
 import { useStore } from '@/shared/model/store';
 import { KeyInPaymentListItem, KeyInPaymentStatus, KeyInPaymentTansactionType } from '@/entities/additional-service/model/key-in/types';
-import { keyInPaymentPaymentStatusBtnGroup } from '@/entities/additional-service/model/key-in/constant';
+import { getKeyInPaymentPaymentStatusBtnGroup } from '@/entities/additional-service/model/key-in/constant';
 import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
+import { useTranslation } from 'react-i18next';
 import { useExtensionAccessCheck } from '@/shared/lib/hooks/use-extension-access-check';
 import useIntersectionObserver from '@/widgets/intersection-observer';
 
 export const KeyInPaymentPage = () => {
   const { navigate } = useNavigate();
+  const { t } = useTranslation();
   const userMid = useStore.getState().UserStore.mid;
 
   // 권한 체크
@@ -223,7 +225,7 @@ export const KeyInPaymentPage = () => {
               <div className="excrow">
                 <div className="full-menu-keywords no-padding">
                   {
-                    keyInPaymentPaymentStatusBtnGroup.map((value, index) => (
+                    getKeyInPaymentPaymentStatusBtnGroup(t).map((value: any, index: number) => (
                       <span
                         key={`key-service-code=${index}`}
                         className={`keyword-tag ${(transactionType === value.value) ? 'active' : ''}`}