fix: CI 에러 해결

Author: jisooooooooooo

src/page/home/Home.tsx

@@ -9,7 +9,7 @@ import { useMultipleFadeInOnView } from '@/page/home/hook/useMultipleFadeInOnVie
 import mandalAnimation from '@/assets/lottie/mandalart.json';
 import aiAnimation from '@/assets/lottie/ai.json';
 import todoAnimation from '@/assets/lottie/todo.json';
-import { useModal } from '@/common/hook/useModal';
+import { useOverlayModal } from '@/common/hook/useOverlayModal';
 import LoginModal from '@/common/component/LoginModal/LoginModal';
 
 const animationDataArray = [mandalAnimation, aiAnimation, todoAnimation];
@@ -19,7 +19,7 @@ const Home = () => {
   const scrolls = useMultipleFadeInOnView();
   const end = useFadeInOnView<HTMLDivElement>();
 
-  const { openModal, closeModal, ModalWrapper } = useModal();
+  const { openModal, closeModal } = useOverlayModal();
 
   const handleOpenLogin = () => {
     openModal(<LoginModal onClose={closeModal} />);
@@ -44,7 +44,6 @@ const Home = () => {
       })}
 
       <EndSection fadeInRef={end.ref} visible={end.visible} onClick={handleOpenLogin} />
-      {ModalWrapper}
     </div>
   );
 };

src/shared/component/Layout/layoutHeader/Header.tsx

@@ -6,7 +6,7 @@ import * as styles from './Header.css';
 import { PATH } from '@/route/path';
 import IcLogo from '@/assets/svg/IcLogo';
 import LoginModal from '@/common/component/LoginModal/LoginModal';
-import { useModal } from '@/common/hook/useModal';
+import { useOverlayModal } from '@/common/hook/useOverlayModal';
 import { useGetUser } from '@/api/domain/signup/hook/useGetUser';
 import UserModal from '@/common/component/UserModal/UserModal';
 
@@ -28,7 +28,7 @@ const Header = () => {
   const [activeMenu, setActiveMenu] = useState<string>(initialMenu);
   const [openProfile, setOpenProfile] = useState<boolean>(false);
 
-  const { openModal, closeModal, ModalWrapper } = useModal();
+  const { openModal, closeModal } = useOverlayModal();
 
   const handleLogin = () => {
     openModal(<LoginModal onClose={closeModal} />);
@@ -91,7 +91,6 @@ const Header = () => {
           </button>
         )}
       </div>
-      {ModalWrapper}
     </header>
   );
 };