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/payout/list-page.tsx

@@ -24,8 +24,9 @@ import moment from 'moment';
 import { SortTypeBox } from '@/entities/common/ui/sort-type-box';
 import { useExtensionPayoutExcelMutation } from '@/entities/additional-service/api/payout/use-extension-payout-excel-mutation';
 import { PayoutFilter } from '@/entities/additional-service/ui/filter/payout-filter';
-import { PayoutDisbursementStatusBtnGroup } from '@/entities/additional-service/model/payout/constant';
+import { getPayoutDisbursementStatusBtnGroup } from '@/entities/additional-service/model/payout/constant';
 import { ListDateGroup } from '@/entities/additional-service/ui/list-date-group';
+import { useTranslation } from 'react-i18next';
 import { AdditionalServiceCategory } from '@/entities/additional-service/model/types';
 import { useStore } from '@/shared/model/store';
 import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
@@ -38,6 +39,7 @@ export const PayoutListPage = () => {
     extensionCode: 'PAYOUT'
   });
   const { navigate } = useNavigate();
+  const { t } = useTranslation();
   const userMid = useStore.getState().UserStore.mid;
 
   const [onActionIntersect, setOnActionIntersect] = useState<boolean>(false);
@@ -282,7 +284,7 @@ export const PayoutListPage = () => {
               <div className="excrow mr-0">
                 <div className="full-menu-keywords no-padding">
                   {
-                    PayoutDisbursementStatusBtnGroup.map((value, index) => (
+                    getPayoutDisbursementStatusBtnGroup(t).map((value: any, index: number) => (
                       <span
                         key={`key-service-code=${index}`}
                         className={`keyword-tag ${(status === value.value) ? 'active' : ''}`}