style: globalcss 분리

app.tsx에 정의되어있던 globalCss 코드를 관리하기 용이하게끔 styles/ 로 옮김

close #63

pages/_app.tsx

@@ -3,26 +3,11 @@ import Head from 'next/head';
 import { Hydrate, QueryClient, QueryClientProvider } from 'react-query';
 import { ReactQueryDevtools } from 'react-query/devtools';
 import { APP_STAGE } from '~/shared/constants/environments';
-import { globalCss, Box } from '@nolmungshemung/ui-kits';
-import { reset } from 'stitches-reset';
+import { Box } from '@nolmungshemung/ui-kits';
 import { DefaultSeo } from 'next-seo';
 import { Header } from '~/components/layout';
 import { SessionProvider } from 'next-auth/react';
-
-globalCss({
-  ...reset,
-  html: {
-    height: '100%',
-  },
-  body: {
-    ...reset.body,
-    height: '100%',
-    fontFamily: '$noto',
-  },
-  '#__next': {
-    height: '100%',
-  },
-})();
+import '~/styles/globalCss';
 
 if (APP_STAGE !== 'prod') {
   require('../mocks');

styles/globalCss.tsx

@@ -0,0 +1,17 @@
+import { globalCss } from '@nolmungshemung/ui-kits';
+import { reset } from 'stitches-reset';
+
+globalCss({
+  ...reset,
+  html: {
+    height: '100%',
+  },
+  body: {
+    ...reset.body,
+    height: '100%',
+    fontFamily: '$noto',
+  },
+  '#__next': {
+    height: '100%',
+  },
+})();