Feat: 히스토리 페이지 Ver3.0

src/app/account/page.tsx

@@ -1,7 +1,7 @@
 'use client';
 import { useRouter } from 'next/navigation';
 import useBooleanOutput from '@/hooks/useBooleanOutput';
-import Header from '@/components/Header/Header';
+import Header from '@/components/Header/__Header';
 import useMoveToPage from '@/hooks/useMoveToPage';
 
 import NavigateIcon from '/public/icons/chevron_right.svg';

src/app/account/profile/page.tsx

@@ -13,7 +13,7 @@ import toastMessage from '@/lib/constants/toastMessage';
 import { useUser } from '@/store/useUser';
 import getUserOne from '@/app/_api/user/getUserOne';
 import updateProfile from '@/app/_api/user/updateProfile';
-import Header from '@/components/Header/Header';
+import Header from '@/components/Header/__Header';
 import BlueButton from '@/components/BlueButton/BlueButton';
 
 import ProfileForm from './_components/ProfileForm';

src/app/account/withdraw/_component/WithdrawalHeader.tsx

@@ -1,6 +1,6 @@
 'use client';
 import { useRouter } from 'next/navigation';
-import Header from '@/components/Header/Header';
+import Header from '@/components/Header/__Header';
 import { accountLocale } from '@/app/account/locale';
 import { useLanguage } from '@/store/useLanguage';
 

src/app/collection/_[category]/page.tsx

@@ -2,7 +2,7 @@
 
 import { useRouter, useParams } from 'next/navigation';
 
-import Header from '@/components/Header/Header';
+import Header from '@/components/Header/__Header';
 import * as styles from './page.css';
 import { useInfiniteQuery, useQueryClient } from '@tanstack/react-query';
 import { QUERY_KEYS } from '@/lib/constants/queryKeys';

src/app/list/[listId]/_components/ListDetailOuter/ListInformation.tsx

@@ -9,7 +9,7 @@ import Collaborators from '@/app/list/[listId]/_components/ListDetailOuter/Colla
 import getListDetail from '@/app/_api/list/getListDetail';
 import Label from '@/components/Label/Label';
 import Modal from '@/components/Modal/Modal';
-import Header from '@/components/Header/Header';
+import Header from '@/components/Header/__Header';
 import HeaderRight from './HeaderRight';
 import Comments from './Comments';
 import { useUser } from '@/store/useUser';

src/app/list/[listId]/history/_component/HistoryGraph.css.ts

@@ -1,17 +1,27 @@
 import { style } from '@vanilla-extract/css';
-import { vars } from '@/styles/__theme.css';
-import * as fonts from '@/styles/__font.css';
+import { vars } from '@/styles/theme.css';
 
 export const container = style({
+  overflowX: 'scroll',
+  overflowY: 'hidden',
   width: '100%',
-  minWidth: 'calc(200vw - 54px)',
-  height: '345px',
-  padding: '20px',
+  height: '520px',
+  paddingBottom: '60px',
 
   display: 'flex',
   alignItems: 'center',
-
   borderRadius: '20px',
   backgroundColor: vars.color.white,
-  boxShadow: '0px 4px 20px 0px rgba(0, 0, 0, 0.10)',
+
+  selectors: {
+    '&::-webkit-scrollbar': {
+      height: '5px',
+      background: vars.color.bggray,
+      borderRadius: '6px',
+    },
+    '&::-webkit-scrollbar-thumb': {
+      backgroundColor: vars.color.lightgray,
+      borderRadius: '6px',
+    },
+  },
 });