AOS: 링크결제 탭 별 페이지 생성, 필터 적용 -> 링크결제 신청 페이지 연계

src/pages/additional-service/link-payment/link-payment-dispatch-list-page.tsx

@@ -0,0 +1,41 @@
+import { PATHS } from '@/shared/constants/paths';
+import { useState } from 'react';
+import { useNavigate } from '@/shared/lib/hooks/use-navigate';
+import { IMAGE_ROOT } from '@/shared/constants/common';
+import { HeaderType } from '@/entities/common/model/types';
+import { LinkPaymentTab } from '@/entities/additional-service/ui/link-payment-tab';
+import { LinkPaymentTabKeys } from '@/entities/additional-service/model/types';
+import { LinkPaymentDispatchListWrap } from '../../../entities/additional-service/ui/link-payment-dispatch-list-wrap';
+import {
+    useSetHeaderTitle,
+    useSetHeaderType,
+    useSetFooterMode,
+    useSetOnBack
+} from '@/widgets/sub-layout/use-sub-layout';
+
+
+export const LinkPaymentDispatchListPage = () => {
+    const { navigate } = useNavigate();
+
+    const [activeTab, setActiveTab] = useState<LinkPaymentTabKeys>(LinkPaymentTabKeys.DispatchList)
+
+    useSetHeaderTitle('링크결제')
+    useSetHeaderType(HeaderType.LeftArrow);
+    useSetFooterMode(false);
+    useSetOnBack(() => {
+        navigate(PATHS.home);
+    });
+
+    return (
+        <>
+            <main>
+                <div className="tab-content">
+                    <div className="tab-pane sub active">
+                        <LinkPaymentTab activeTab={activeTab}></LinkPaymentTab>
+                        <LinkPaymentDispatchListWrap></LinkPaymentDispatchListWrap>
+                    </div>
+                </div>
+            </main>
+        </>
+    )
+}