[Feat/Fix] 모달 레이아웃 & 뷰 퍼블리싱

package.json

@@ -19,6 +19,7 @@
     "@sentry/react": "^8.22.0",
     "@tanstack/react-query": "^5.49.2",
     "@tanstack/react-query-devtools": "^5.49.2",
+    "@toss/use-funnel": "^1.4.2",
     "axios": "^1.7.2",
     "framer-motion": "^11.11.9",
     "mime": "^4.0.4",

src/App.tsx

@@ -10,12 +10,13 @@ import ErrorBoundary from '@/common/component/ErrorBoundary/ErrorBoundary';
 import { HTTPError } from '@/shared/api/HTTPError';
 import Header from '@/shared/component/Header/Header';
 import Login from '@/shared/component/Login/Login';
-import ModalContainer from '@/shared/component/Modal/ModalContainer';
 import SNB from '@/shared/component/SideNavBar/LeftSidebar';
 import { HTTP_STATUS_CODE } from '@/shared/constant/api';
 import { PATH } from '@/shared/constant/path';
 import ErrorPage from '@/shared/page/errorPage/ErrorPage';
 
+import ModalFunnel from './shared/component/Modal/ModalFunnel';
+
 const App = () => {
   const navigate = useNavigate();
 
@@ -48,7 +49,7 @@ const App = () => {
   return (
     <ErrorBoundary fallback={ErrorPage} onReset={handleResetError}>
       <Login>
-        <ModalContainer />
+        <ModalFunnel />
         <SNB />
         <main css={layoutStyle}>
           <Header />