Feat: svg sprite 적용하기 (#360)

* refactor: 리액트 퀼 관련 아이콘들에 SVGsprite 적용

* Refactor: 스택 아이콘 svg sprite 적용

* Refactor: SVG태그 내부의 속성 이름을 카멜 케이스로 바꿈

co-kkiri/.prettierrc.json

@@ -6,5 +6,14 @@
   "useTabs": false,
   "tabWidth": 2,
   "bracketSameLine": true,
-  "endOfLine": "auto"
+  "endOfLine": "auto",
+  "overrides": [
+    {
+      "files": "./src/constants/stacks.ts",
+      "options": {
+        "quoteProps": "preserve",
+        "printWidth": 300
+      }
+    }
+  ]
 }

co-kkiri/src/App.tsx

@@ -3,6 +3,7 @@ import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import GlobalStyles from "./styles/globals";
 import PageRouter from "./PageRouter";
 import Toasts from "./components/commons/Widgets/Toast";
+import { GlobalStackSvgSprite } from "./components/commons/GlobalStackSvgSprite";
 
 const queryClient = new QueryClient({
   defaultOptions: {
@@ -19,7 +20,8 @@ function App() {
         <GlobalStyles />
         <ReactQueryDevtools initialIsOpen={false} />
         <PageRouter />
-        <Toasts/>
+        <GlobalStackSvgSprite />
+        <Toasts />
       </QueryClientProvider>
     </>
   );