feat(web): reset.css.ts 생성 및 적용, 기존 css 파일 제거 (#39)

* feat(web): reset.css.ts 생성 및 적용, 기존 css 파일 제거

* feat(web/main.tsx): index.css 제거

apps/web/src/App.tsx

@@ -2,8 +2,8 @@ import { setAxiosUrl } from '@favolink/utils';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import { RouterProvider } from 'react-router-dom';
-import './App.css';
 import { router } from './routes';
+import '@/styles/reset.css';
 
 setAxiosUrl(import.meta.env.VITE_API_HOST as string);
 

apps/web/src/main.tsx

@@ -1,7 +1,6 @@
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import App from './App.tsx';
-import './index.css';
 
 async function enableMocking() {
   if (process.env.NODE_ENV !== 'development') {

apps/web/src/styles/reset.css.ts

@@ -0,0 +1,42 @@
+import { globalStyle } from '@vanilla-extract/css';
+
+globalStyle(
+  'html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video',
+  {
+    margin: 0,
+    padding: 0,
+    border: 0,
+    fontSize: '100%',
+    font: 'inherit',
+    verticalAlign: 'baseline',
+  },
+);
+
+/* HTML5 display-role reset for older browsers */
+globalStyle(
+  `article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section`,
+  {
+    display: 'block',
+  },
+);
+
+globalStyle(`body`, {
+  lineHeight: 1,
+});
+
+globalStyle('ol, ul', {
+  listStyle: 'none',
+});
+
+globalStyle('blockquote, q', {
+  quotes: 'none',
+});
+
+globalStyle('blockquote:before, blockquote:after, q:before, q:after', {
+  content: 'none',
+});
+
+globalStyle('table', {
+  borderCollapse: 'collapse',
+  borderSpacing: 0,
+});