- 부가서비스 소개 List, 권한 검증 추가

- 각 API 오류 수정

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

@@ -21,12 +21,18 @@ import { ArsPaymentStatusBtnGroup } from '@/entities/additional-service/model/ar
 import { ArsFilter } from '@/entities/additional-service/ui/filter/ars-filter';
 import { useStore } from '@/shared/model/store';
 import { EmailBottomSheet } from '@/entities/common/ui/email-bottom-sheet';
+import { useExtensionAccessCheck } from '@/shared/lib/hooks/use-extension-access-check';
 
 export const ArsListPage = () => {
   const { navigate } = useNavigate();
 
   const userMid = useStore.getState().UserStore.mid;
 
+  // 권한 체크
+  const { hasAccess, AccessDeniedDialog } = useExtensionAccessCheck({
+    extensionCode: 'ARS'
+  });
+
   const [sortType, setSortType] = useState<SortTypeKeys>(SortTypeKeys.LATEST);
   const [listItems, setListItems] = useState<Array<ArsListContent>>([]);
   const [filterOn, setFilterOn] = useState<boolean>(false);
@@ -119,9 +125,6 @@ export const ArsListPage = () => {
     setPaymentStatus(val);
   };
 
-  useEffect(() => {
-    callList();
-  }, []);
   useEffect(() => {
     callList();
   }, [
@@ -181,6 +184,10 @@ export const ArsListPage = () => {
     return rs;
   }
 
+  // if (!hasAccess) {
+  //   return <AccessDeniedDialog />;
+  // }
+
   return (
     <>
       <main>