fix: 이벤트 홈 페이지에 있을 땐 토큰이 있어도 지출 상세로 접근 불가하도록 수정 (#781)

client/src/components/StepList/Step.tsx

@@ -1,5 +1,5 @@
 /** @jsxImportSource @emotion/react */
-import {useNavigate} from 'react-router-dom';
+import {useMatch, useNavigate} from 'react-router-dom';
 import {css} from '@emotion/react';
 
 import Amount from '@components/Design/components/Amount/Amount';

client/src/pages/EventPage/HomePage/HomePage.tsx

@@ -1,6 +1,6 @@
 import type {EventPageContextProps} from '../EventPageLayout';
 
-import {useNavigate, useOutletContext} from 'react-router-dom';
+import {useMatch, useNavigate, useOutletContext} from 'react-router-dom';
 
 import StepList from '@components/StepList/Steps';
 import useRequestGetSteps from '@hooks/queries/step/useRequestGetSteps';
@@ -13,10 +13,14 @@ import {Icon, Tab, Tabs, Title} from '@HDesign/index';
 
 import getEventIdByUrl from '@utils/getEventIdByUrl';
 
+import {ROUTER_URLS} from '@constants/routerUrls';
+
 import {receiptStyle} from './HomePage.style';
 
 const HomePage = () => {
   const {isAdmin, eventName} = useOutletContext<EventPageContextProps>();
+  const isInHomePage = useMatch(ROUTER_URLS.home) !== null;
+
   const {steps} = useRequestGetSteps();
   const {totalExpenseAmount} = useTotalExpenseAmountStore();
   const {images} = useRequestGetImages();
@@ -38,7 +42,7 @@ const HomePage = () => {
       />
       <Tabs>
         <Tab label="참여자 별 정산" content={<Reports />} />
-        <Tab label="전체 지출 내역" content={<StepList data={steps ?? []} isAdmin={isAdmin} />} />
+        <Tab label="전체 지출 내역" content={<StepList data={steps ?? []} isAdmin={isAdmin && !isInHomePage} />} />
       </Tabs>
     </div>
   );