[Fix/BAR-266] 헤더 버튼 노출 이슈 해결 (#88)

fix: 헤더 수정

src/components/Layout/components/Header.tsx

@@ -1,24 +1,22 @@
 import Link from 'next/link';
+import { usePathname } from 'next/navigation';
 import Cookies from 'js-cookie';
 
 import Logo from '@assets/images/logo.svg';
 import { ROUTES } from '@constants/routes';
-import { type HeaderType } from '@models/layout';
 import { STORAGE_KEY } from '@models/storage';
 
 import * as styles from '../style.css';
 import LoginButton from './LoginButton';
 import UserButton from './UserButton';
 
-interface HeaderProps {
-  type: HeaderType;
-}
-
-const Header = ({ type }: HeaderProps) => {
+const Header = () => {
   const refreshToken = Cookies.get(STORAGE_KEY.REFRESH_TOKEN);
 
+  const pathname = usePathname();
+
   const HeaderButtonGroup = () =>
-    type === 'landing' ? <LoginButton /> : <UserButton />;
+    pathname === ROUTES.LANDING ? <LoginButton /> : <UserButton />;
 
   return (
     <header className={styles.header}>

src/components/Layout/index.tsx

@@ -1,8 +1,6 @@
-import { type PropsWithChildren, useEffect, useState } from 'react';
+import { type PropsWithChildren } from 'react';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
 
-import { type HeaderType } from '@models/layout';
-import { STORAGE_KEY } from '@models/storage';
 import { COLORS } from '@styles/tokens';
 
 import Footer from './components/Footer';
@@ -21,17 +19,9 @@ const Layout = ({
   isFooter = false,
   backgroundColor = COLORS['Grey/White'],
 }: PropsWithChildren<LayoutProps>) => {
-  const [type, setType] = useState<HeaderType>('landing');
-
-  useEffect(() => {
-    const accessToken = localStorage?.getItem(STORAGE_KEY.ACCESS_TOKEN);
-    const headerType = accessToken ? 'normal' : 'landing';
-    setType(headerType);
-  }, []);
-
   return (
     <>
-      {isHeader && <Header type={type} />}
+      {isHeader && <Header />}
       <main
         className={styles.mainWrapper}
         style={assignInlineVars({