[Fix/BAR-273] 리다이렉트 오류 수정 (#92)

fix: 리다이렉트 오류 수정

src/components/Layout/components/UserButton.tsx

@@ -1,5 +1,6 @@
-import Link from 'next/link';
+import { useRouter } from 'next/navigation';
 
+import Button from '@components/Button';
 import Icon from '@components/Icon';
 import { ROUTES } from '@constants/routes';
 import { COLORS } from '@styles/tokens';
@@ -8,11 +9,18 @@ import * as styles from '../style.css';
 import ProfileButton from './ProfileButton';
 
 const UserButton = () => {
+  const router = useRouter();
+
   return (
     <div className={styles.userButton}>
-      <Link href={ROUTES.ARCHIVE} className={styles.archive}>
+      <Button
+        onClick={() => {
+          router.push(ROUTES.ARCHIVE);
+        }}
+        className={styles.archive}
+      >
         <Icon icon="bookmark" color={COLORS['Grey/400']} />
-      </Link>
+      </Button>
       <ProfileButton />
     </div>
   );