[#445] Layout 컴포넌트에서 TopHeader 컴포넌트 분리

src/app/bookarchive/page.tsx

@@ -11,7 +11,7 @@ import TopHeader from '@/ui/Base/TopHeader';
 export default function BookArchivePage() {
   return (
     <div className="flex w-full flex-col gap-[1rem]">
-      <TopHeader pathname="/bookarchive"></TopHeader>
+      <TopHeader pathname="/bookarchive" />
       {/* TODO: 스켈레톤 컴포넌트로 교체 */}
       <Suspense fallback={null}>
         <Contents />

src/components/ContextProvider.tsx

@@ -1,13 +1,13 @@
 'use client';
 
 import { RecoilRoot } from 'recoil';
-import Layout from '@/ui/common/Layout';
 import { ErrorBoundary } from 'react-error-boundary';
 import ChakraThemeProvider from '@/components/ChakraThemeProvider';
 import ReactQueryProvider from '@/components/ReactQueryProvider';
 import { ReactNode } from 'react';
 import ErrorPage from '@/app/error';
 import ToastProvider from '@/ui/Base/Toast/ToastProvider';
+import Layout from '@/v1/layout/Layout';
 
 const ContextProvider = ({ children }: { children: ReactNode }) => {
   return (

src/v1/layout/Layout.tsx

@@ -2,12 +2,10 @@
 
 import { usePathname } from 'next/navigation';
 
-import TopHeader from '@/ui/Base/TopHeader';
 import BottomNavigation from '@/ui/Base/BottomNavigation';
 
 /**
  * @todo
- * 토스트 추가
  * 크로스 브라우징 - dvh & vh에 대해 고민
  */
 
@@ -28,7 +26,6 @@ const Layout = ({ children }: LayoutProps) => {
       <div
         className={`h-screen w-full max-w-[43rem] animate-page-transition overflow-auto px-[2rem] ${dynamicClass}`}
       >
-        {isRootPath && <TopHeader pathname={pathname} />}
         {children}
       </div>
       {isRootPath && <BottomNavigation pathname={pathname} />}