[Feature/BAR-49] 디자인 시스템 반영 (#13)

* feat: import 순서 정리

* feat: grid, flex에서 style 관련된 요소는 모두 className을 통해 들어오도록 변경

* feat: 파일명 변경

* feat: 폰트와 color에 대한 디자인 시스템 반영

* feat: 불필요 부분 모두 제거

* feat: lint 추가 반영

* feat: Grid, Flex 컴포넌트 제거

* refactor: 변수명 변경

* feat: 사용하지 않는 토큰 제거

* feat: font, color 수정 부분 반영

.eslintrc.json

@@ -48,10 +48,10 @@
           "warn",
           {
             "groups": [
-              // Library imports (related with next is first)
-              ["next", "^\\w"],
-              // Side effect imports
-              ["^\\u0000"]
+              ["^next", "^react", "^@\\w", "^\\w"],
+              ["^\\u0000"],
+              ["^@/"],
+              ["^\\."]
             ]
           }
         ]

src/components/Providers/TanstackQueryProvider.tsx

@@ -1,5 +1,4 @@
 import { type PropsWithChildren, useState } from 'react';
-
 import {
   type DehydratedState,
   HydrationBoundary,

src/styles/global.css.ts

@@ -1,6 +1,7 @@
-import { fontFamily } from './variants.css';
 import { globalStyle } from '@vanilla-extract/css';
 
+import { theme } from './theme.css';
+
 globalStyle('*, *:after, *:before', {
   boxSizing: 'border-box',
 });
@@ -13,7 +14,7 @@ globalStyle(
     border: 0,
     fontSize: '16px',
     verticalAlign: 'baseline',
-    fontFamily: fontFamily.pretendard,
+    fontFamily: theme.font.pretendard,
   },
 );
 
@@ -45,7 +46,7 @@ globalStyle('button, select, input, textarea', {
   border: 0,
   outline: 0,
   backgroundColor: 'transparent',
-  fontFamily: fontFamily.pretendard,
+  fontFamily: theme.font.pretendard,
 });
 
 globalStyle('a, button', {