From de1f78931ac436660b72f8694495ba2d5e046a3d Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Wed, 3 Apr 2024 15:54:23 +0900
Subject: [PATCH 01/37] =?UTF-8?q?[Change=20=F0=9F=9A=9C=20]=20RootLayout?=
 =?UTF-8?q?=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.tsx                          | 16 ++++++++--
 src/routes/index.tsx                 | 48 +++++++++++-----------------
 src/routes/layouts/DefaultLayout.tsx |  3 ++
 src/routes/layouts/RootLayout.tsx    | 23 -------------
 4 files changed, 36 insertions(+), 54 deletions(-)
 delete mode 100644 src/routes/layouts/RootLayout.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 59d7ef17..4514ee80 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,9 +1,14 @@
-import { RouterProvider } from "react-router-dom"
+import { Suspense } from "react"
+import { Outlet, RouterProvider } from "react-router-dom"
 
 import { ChakraProvider, ColorModeScript } from "@chakra-ui/react"
 
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
 
+import ErrorBoundaries from "@components/ErrorBoundary/ErrorBoundaries"
+import FullScreenSpinner from "@components/LoadingComponents/FullScreenSpinner"
+import Prefetcher from "@components/PreFetcher/Prefetcher"
+
 import { isAuthError } from "@utils/isAuthError"
 
 import { router } from "./routes"
@@ -28,7 +33,14 @@ const App = () => {
     <QueryClientProvider client={queryClient}>
       <ChakraProvider theme={theme}>
         <ColorModeScript initialColorMode="light" />
-        <RouterProvider router={router} />
+        <ErrorBoundaries>
+          <Suspense fallback={<FullScreenSpinner />}>
+            <RouterProvider router={router} />
+            <Prefetcher>
+              <Outlet />
+            </Prefetcher>
+          </Suspense>
+        </ErrorBoundaries>
       </ChakraProvider>
     </QueryClientProvider>
   )
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 8913e634..8245a4ed 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -13,41 +13,31 @@ import ProjectEditPage from "@pages/ProjectEditPage/ProjectEditPage"
 import ProjectListPage from "@pages/ProjectListPage/ProjectListPage"
 import SignUpPage from "@pages/SignUpPage/SignUpPage"
 
-import RootLayout from "./layouts/RootLayout"
 import { determineRedirectLoader } from "./loaders/determineRedirectLoader"
 
 export const router = createBrowserRouter([
   {
-    element: <RootLayout />,
+    path: "/",
+    element: <DefaultLayout />,
     children: [
       {
-        path: "/",
-        element: <DefaultLayout />,
+        index: true,
+        element: <HomePage />,
+      },
+
+      {
+        path: "/project",
         children: [
-          {
-            index: true,
-            element: <HomePage />,
-          },
-          {
-            path: "/project",
-            element: <ProjectListPage />,
-          },
-          {
-            path: "/project/:projectId",
-            element: <ProjectDetailPage />,
-          },
-          {
-            path: "/project/edit",
-            element: <ProjectEditPage />,
-          },
-          {
-            path: "/profile/:userId",
-            element: <ProfilePage />,
-          },
-          {
-            path: "/profile/edit",
-            element: <ProfileEditPage />,
-          },
+          { index: true, element: <ProjectListPage /> },
+          { path: ":projectId", element: <ProjectDetailPage /> },
+          { path: ":edit", element: <ProjectEditPage /> },
+        ],
+      },
+      {
+        path: "/profile",
+        children: [
+          { path: ":userId", element: <ProfilePage /> },
+          { path: "edit", element: <ProfileEditPage /> },
         ],
       },
       {
@@ -59,7 +49,7 @@ export const router = createBrowserRouter([
             element: <LoginPage />,
           },
           {
-            path: "/login/validation",
+            path: ":validation",
             element: <NicknameSetupPage />,
           },
         ],
diff --git a/src/routes/layouts/DefaultLayout.tsx b/src/routes/layouts/DefaultLayout.tsx
index e67839c7..672c1680 100644
--- a/src/routes/layouts/DefaultLayout.tsx
+++ b/src/routes/layouts/DefaultLayout.tsx
@@ -5,11 +5,14 @@ import { Box, Flex, Spacer } from "@chakra-ui/react"
 import Footer from "@components/Footer/Footer"
 import Header from "@components/Header/Header"
 
+import ScrollToTop from "../ScrollToTop/ScrollToTop"
+
 const DefaultLayout = () => {
   return (
     <Flex
       direction="column"
       minHeight="100vh">
+      <ScrollToTop />
       <Header />
       <Box>
         <Outlet />
diff --git a/src/routes/layouts/RootLayout.tsx b/src/routes/layouts/RootLayout.tsx
deleted file mode 100644
index 72679d63..00000000
--- a/src/routes/layouts/RootLayout.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { Suspense } from "react"
-import { Outlet } from "react-router-dom"
-
-import ErrorBoundaries from "@components/ErrorBoundary/ErrorBoundaries"
-import FullScreenSpinner from "@components/LoadingComponents/FullScreenSpinner"
-import Prefetcher from "@components/PreFetcher/Prefetcher"
-
-import ScrollToTop from "../ScrollToTop/ScrollToTop"
-
-const RootLayout = () => {
-  return (
-    <ErrorBoundaries>
-      <Suspense fallback={<FullScreenSpinner />}>
-        <Prefetcher>
-          <ScrollToTop />
-          <Outlet />
-        </Prefetcher>
-      </Suspense>
-    </ErrorBoundaries>
-  )
-}
-
-export default RootLayout

From 6d1ba3732494859b47626d069a30a440cc2ed272 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Wed, 3 Apr 2024 15:59:07 +0900
Subject: [PATCH 02/37] =?UTF-8?q?[Refactoring=20=E2=9A=99=EF=B8=8F]=20?=
 =?UTF-8?q?=EB=9D=BC=EC=9A=B0=ED=84=B0=20=EA=B5=AC=EC=A1=B0=20=EC=98=A4?=
 =?UTF-8?q?=EB=A5=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/index.tsx | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 8245a4ed..8e08e457 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -30,7 +30,7 @@ export const router = createBrowserRouter([
         children: [
           { index: true, element: <ProjectListPage /> },
           { path: ":projectId", element: <ProjectDetailPage /> },
-          { path: ":edit", element: <ProjectEditPage /> },
+          { path: "edit", element: <ProjectEditPage /> },
         ],
       },
       {
@@ -44,14 +44,8 @@ export const router = createBrowserRouter([
         path: "/login",
         loader: determineRedirectLoader(false),
         children: [
-          {
-            index: true,
-            element: <LoginPage />,
-          },
-          {
-            path: ":validation",
-            element: <NicknameSetupPage />,
-          },
+          { index: true, element: <LoginPage /> },
+          { path: ":validation", element: <NicknameSetupPage /> },
         ],
       },
       {

From 4c99633c0964031a46ccd8655f8017b380629c04 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Wed, 3 Apr 2024 16:06:10 +0900
Subject: [PATCH 03/37] =?UTF-8?q?[Refactoring=20=E2=9A=99=EF=B8=8F]=20Pref?=
 =?UTF-8?q?etcher=20=EC=98=A4=EB=A5=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.tsx                          |  6 +-----
 src/routes/layouts/DefaultLayout.tsx | 25 ++++++++++++++-----------
 2 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 4514ee80..b3726021 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,5 +1,5 @@
 import { Suspense } from "react"
-import { Outlet, RouterProvider } from "react-router-dom"
+import { RouterProvider } from "react-router-dom"
 
 import { ChakraProvider, ColorModeScript } from "@chakra-ui/react"
 
@@ -7,7 +7,6 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
 
 import ErrorBoundaries from "@components/ErrorBoundary/ErrorBoundaries"
 import FullScreenSpinner from "@components/LoadingComponents/FullScreenSpinner"
-import Prefetcher from "@components/PreFetcher/Prefetcher"
 
 import { isAuthError } from "@utils/isAuthError"
 
@@ -36,9 +35,6 @@ const App = () => {
         <ErrorBoundaries>
           <Suspense fallback={<FullScreenSpinner />}>
             <RouterProvider router={router} />
-            <Prefetcher>
-              <Outlet />
-            </Prefetcher>
           </Suspense>
         </ErrorBoundaries>
       </ChakraProvider>
diff --git a/src/routes/layouts/DefaultLayout.tsx b/src/routes/layouts/DefaultLayout.tsx
index 672c1680..5827bf55 100644
--- a/src/routes/layouts/DefaultLayout.tsx
+++ b/src/routes/layouts/DefaultLayout.tsx
@@ -4,22 +4,25 @@ import { Box, Flex, Spacer } from "@chakra-ui/react"
 
 import Footer from "@components/Footer/Footer"
 import Header from "@components/Header/Header"
+import Prefetcher from "@components/PreFetcher/Prefetcher"
 
 import ScrollToTop from "../ScrollToTop/ScrollToTop"
 
 const DefaultLayout = () => {
   return (
-    <Flex
-      direction="column"
-      minHeight="100vh">
-      <ScrollToTop />
-      <Header />
-      <Box>
-        <Outlet />
-      </Box>
-      <Spacer />
-      <Footer />
-    </Flex>
+    <Prefetcher>
+      <Flex
+        direction="column"
+        minHeight="100vh">
+        <ScrollToTop />
+        <Header />
+        <Box>
+          <Outlet />
+        </Box>
+        <Spacer />
+        <Footer />
+      </Flex>
+    </Prefetcher>
   )
 }
 

From 5fa7f57b24531d43706fc0ecaa1671cd8063eebc Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Wed, 3 Apr 2024 16:16:10 +0900
Subject: [PATCH 04/37] =?UTF-8?q?[Refactoring=20=E2=9A=99=EF=B8=8F]=20?=
 =?UTF-8?q?=EB=8F=99=EC=A0=81=20import=20=EB=B0=8F=20lazy=20loading=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/index.tsx | 33 ++++++++++++++++++++++-----------
 1 file changed, 22 insertions(+), 11 deletions(-)

diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 8e08e457..e51aa37b 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -1,20 +1,31 @@
+import React from "react"
 import { createBrowserRouter } from "react-router-dom"
 
 import DefaultLayout from "@/routes/layouts/DefaultLayout"
 
-import ErrorPage from "@pages/ErrorPage/ErrorPage"
-import HomePage from "@pages/HomePage/HomePage"
-import LoginPage from "@pages/LoginPage/LoginPage"
-import NicknameSetupPage from "@pages/NicknameSetupPage/NicknameSetupPage"
-import ProfileEditPage from "@pages/ProfileEditPage/ProfileEditPage"
-import ProfilePage from "@pages/ProfilePage/ProfilePage"
-import ProjectDetailPage from "@pages/ProjectDetailPage/ProjectDetailPage"
-import ProjectEditPage from "@pages/ProjectEditPage/ProjectEditPage"
-import ProjectListPage from "@pages/ProjectListPage/ProjectListPage"
-import SignUpPage from "@pages/SignUpPage/SignUpPage"
-
 import { determineRedirectLoader } from "./loaders/determineRedirectLoader"
 
+const HomePage = React.lazy(() => import("@/pages/HomePage/HomePage"))
+const ErrorPage = React.lazy(() => import("@/pages/ErrorPage/ErrorPage"))
+const LoginPage = React.lazy(() => import("@/pages/LoginPage/LoginPage"))
+const NicknameSetupPage = React.lazy(
+  () => import("@/pages/NicknameSetupPage/NicknameSetupPage"),
+)
+const ProfileEditPage = React.lazy(
+  () => import("@/pages/ProfileEditPage/ProfileEditPage"),
+)
+const ProfilePage = React.lazy(() => import("@/pages/ProfilePage/ProfilePage"))
+const ProjectDetailPage = React.lazy(
+  () => import("@/pages/ProjectDetailPage/ProjectDetailPage"),
+)
+const ProjectEditPage = React.lazy(
+  () => import("@/pages/ProjectEditPage/ProjectEditPage"),
+)
+const ProjectListPage = React.lazy(
+  () => import("@/pages/ProjectListPage/ProjectListPage"),
+)
+const SignUpPage = React.lazy(() => import("@/pages/SignUpPage/SignUpPage"))
+
 export const router = createBrowserRouter([
   {
     path: "/",

From 2a7066be0db471dd576110d100440ca4b97eac84 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Wed, 3 Apr 2024 18:28:19 +0900
Subject: [PATCH 05/37] =?UTF-8?q?[Refactoring=20=E2=9A=99=EF=B8=8F]=20Susp?=
 =?UTF-8?q?sense=EC=99=80=20ErrorBoundary=EB=A5=BC=20=EB=9D=BC=EC=9A=B0?=
 =?UTF-8?q?=ED=84=B0=20=EB=82=B4=EB=B6=80=EB=A1=9C=20=EC=9D=B4=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.tsx                          | 10 +--------
 src/routes/layouts/DefaultLayout.tsx | 33 +++++++++++++++++-----------
 2 files changed, 21 insertions(+), 22 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index b3726021..59d7ef17 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,13 +1,9 @@
-import { Suspense } from "react"
 import { RouterProvider } from "react-router-dom"
 
 import { ChakraProvider, ColorModeScript } from "@chakra-ui/react"
 
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
 
-import ErrorBoundaries from "@components/ErrorBoundary/ErrorBoundaries"
-import FullScreenSpinner from "@components/LoadingComponents/FullScreenSpinner"
-
 import { isAuthError } from "@utils/isAuthError"
 
 import { router } from "./routes"
@@ -32,11 +28,7 @@ const App = () => {
     <QueryClientProvider client={queryClient}>
       <ChakraProvider theme={theme}>
         <ColorModeScript initialColorMode="light" />
-        <ErrorBoundaries>
-          <Suspense fallback={<FullScreenSpinner />}>
-            <RouterProvider router={router} />
-          </Suspense>
-        </ErrorBoundaries>
+        <RouterProvider router={router} />
       </ChakraProvider>
     </QueryClientProvider>
   )
diff --git a/src/routes/layouts/DefaultLayout.tsx b/src/routes/layouts/DefaultLayout.tsx
index 5827bf55..3d8f398f 100644
--- a/src/routes/layouts/DefaultLayout.tsx
+++ b/src/routes/layouts/DefaultLayout.tsx
@@ -1,28 +1,35 @@
+import { Suspense } from "react"
 import { Outlet } from "react-router"
 
 import { Box, Flex, Spacer } from "@chakra-ui/react"
 
+import ErrorBoundaries from "@components/ErrorBoundary/ErrorBoundaries"
 import Footer from "@components/Footer/Footer"
 import Header from "@components/Header/Header"
+import FullScreenSpinner from "@components/LoadingComponents/FullScreenSpinner"
 import Prefetcher from "@components/PreFetcher/Prefetcher"
 
 import ScrollToTop from "../ScrollToTop/ScrollToTop"
 
 const DefaultLayout = () => {
   return (
-    <Prefetcher>
-      <Flex
-        direction="column"
-        minHeight="100vh">
-        <ScrollToTop />
-        <Header />
-        <Box>
-          <Outlet />
-        </Box>
-        <Spacer />
-        <Footer />
-      </Flex>
-    </Prefetcher>
+    <ErrorBoundaries>
+      <Suspense fallback={<FullScreenSpinner />}>
+        <Prefetcher>
+          <Flex
+            direction="column"
+            minHeight="100vh">
+            <ScrollToTop />
+            <Header />
+            <Box>
+              <Outlet />
+            </Box>
+            <Spacer />
+            <Footer />
+          </Flex>
+        </Prefetcher>
+      </Suspense>
+    </ErrorBoundaries>
   )
 }
 

From eea63096997e764858846dd3d5295ea99689d8c5 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Wed, 3 Apr 2024 19:06:38 +0900
Subject: [PATCH 06/37] =?UTF-8?q?[Version=20=F0=9F=94=96]=20v7=20-=20vite-?=
 =?UTF-8?q?plugin-compression=20=ED=8C=A8=ED=82=A4=EC=A7=80=20=EC=84=A4?=
 =?UTF-8?q?=EC=B9=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json | 123 +++++++++++++++++++++++++++++++++++++++++++---
 package.json      |   1 +
 2 files changed, 118 insertions(+), 6 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index bd8581ad..29a8f05f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -31,6 +31,7 @@
         "rollup-plugin-visualizer": "^5.12.0",
         "styled-components": "^6.1.8",
         "swiper": "^11.0.6",
+        "vite-plugin-compression": "^0.5.1",
         "zustand": "^4.5.0"
       },
       "devDependencies": {
@@ -1794,7 +1795,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "darwin"
@@ -2818,7 +2818,7 @@
       "version": "20.11.19",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.19.tgz",
       "integrity": "sha512-7xMnVEcZFu0DikYjWOlRq7NTPETrm7teqUT2WkQjrTIkEgUyyGdWsj/Zg8bEJt5TNklzbPD1X3fqfsHw3SpapQ==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "undici-types": "~5.26.4"
       }
@@ -4667,7 +4667,6 @@
       "version": "0.19.12",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.12.tgz",
       "integrity": "sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==",
-      "dev": true,
       "hasInstallScript": true,
       "bin": {
         "esbuild": "bin/esbuild"
@@ -5675,6 +5674,19 @@
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz",
       "integrity": "sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ=="
     },
+    "node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@@ -5943,6 +5955,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
+    },
     "node_modules/graphemer": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
@@ -7249,6 +7266,17 @@
       "integrity": "sha512-AilxAyFOAcK5wA1+LeaySVBrHsGQvUFCDWXKpZjzaL0PqW+xfBOttn8GNtWKFWqneyMZj41MWF9Kl6iPWLwgOA==",
       "dev": true
     },
+    "node_modules/jsonfile": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
+      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
     "node_modules/jsx-ast-utils": {
       "version": "3.3.5",
       "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
@@ -9345,7 +9373,6 @@
       "version": "8.4.34",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.34.tgz",
       "integrity": "sha512-4eLTO36woPSocqZ1zIrFD2K1v6wH7pY1uBh0JIM2KKfrVtGvPFiAku6aNOP0W1Wr9qwnaCsF0Z+CrVnryB2A8Q==",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -11282,7 +11309,7 @@
       "version": "5.26.5",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
       "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/unified": {
       "version": "11.0.4",
@@ -11393,6 +11420,14 @@
       "resolved": "https://registry.npmjs.org/universal-user-agent/-/universal-user-agent-6.0.1.tgz",
       "integrity": "sha512-yCzhz6FN2wU1NiiQRogkTQszlQSlpWaw8SvVegAc+bDxbzHgh1vX8uIe8OYyMH6DwH+sdTJsgMl36+mSMdRJIQ=="
     },
+    "node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
     "node_modules/update-browserslist-db": {
       "version": "1.0.13",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
@@ -11589,7 +11624,6 @@
       "version": "5.0.12",
       "resolved": "https://registry.npmjs.org/vite/-/vite-5.0.12.tgz",
       "integrity": "sha512-4hsnEkG3q0N4Tzf1+t6NdN9dg/L3BM+q8SWgbSPnJvrgH2kgdyzfVJwbR1ic69/4uMJJ/3dqDZZE5/WwqW8U1w==",
-      "dev": true,
       "dependencies": {
         "esbuild": "^0.19.3",
         "postcss": "^8.4.32",
@@ -11662,6 +11696,83 @@
         "url": "https://opencollective.com/vitest"
       }
     },
+    "node_modules/vite-plugin-compression": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/vite-plugin-compression/-/vite-plugin-compression-0.5.1.tgz",
+      "integrity": "sha512-5QJKBDc+gNYVqL/skgFAP81Yuzo9R+EAf19d+EtsMF/i8kFUpNi3J/H01QD3Oo8zBQn+NzoCIFkpPLynoOzaJg==",
+      "dependencies": {
+        "chalk": "^4.1.2",
+        "debug": "^4.3.3",
+        "fs-extra": "^10.0.0"
+      },
+      "peerDependencies": {
+        "vite": ">=2.0.0"
+      }
+    },
+    "node_modules/vite-plugin-compression/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/vite-plugin-compression/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/vite-plugin-compression/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/vite-plugin-compression/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+    },
+    "node_modules/vite-plugin-compression/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/vite-plugin-compression/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/vite-tsconfig-paths": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/vite-tsconfig-paths/-/vite-tsconfig-paths-4.3.1.tgz",
diff --git a/package.json b/package.json
index d532ec6f..91225a82 100644
--- a/package.json
+++ b/package.json
@@ -42,6 +42,7 @@
     "rollup-plugin-visualizer": "^5.12.0",
     "styled-components": "^6.1.8",
     "swiper": "^11.0.6",
+    "vite-plugin-compression": "^0.5.1",
     "zustand": "^4.5.0"
   },
   "devDependencies": {

From ed1068f1e91437c1352a2b888e0bf64c910013f0 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Wed, 3 Apr 2024 19:21:02 +0900
Subject: [PATCH 07/37] =?UTF-8?q?[Refactoring=20=E2=9A=99=EF=B8=8F]=20?=
 =?UTF-8?q?=ED=85=8D=EC=8A=A4=ED=8A=B8=20=EC=95=95=EC=B6=95=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vite.config.ts | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/vite.config.ts b/vite.config.ts
index 17854fdf..d08e619f 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,10 +1,19 @@
 import react from "@vitejs/plugin-react"
 import { visualizer } from "rollup-plugin-visualizer"
 import { defineConfig, splitVendorChunkPlugin } from "vite"
+import viteCompression from "vite-plugin-compression"
 import tsconfigPaths from "vite-tsconfig-paths"
 
 export default defineConfig(({ command }) => ({
-  plugins: [react(), tsconfigPaths(), splitVendorChunkPlugin()],
+  plugins: [
+    react(),
+    tsconfigPaths(),
+    splitVendorChunkPlugin(),
+    viteCompression({
+      algorithm: "gzip",
+      ext: ".gz",
+    }),
+  ],
   publicDir: command === "serve" ? "public" : false,
   server: {
     proxy: {

From 80ec59091b5ca5262c81a805d92bbdd27dcc219b Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Wed, 3 Apr 2024 19:21:56 +0900
Subject: [PATCH 08/37] =?UTF-8?q?[Version=20=F0=9F=94=96]=20v8=20-=20react?=
 =?UTF-8?q?-icons/all-files=20=EA=B4=80=EB=A0=A8=20=ED=8C=A8=ED=82=A4?=
 =?UTF-8?q?=EC=A7=80=20=EC=84=A4=EC=B9=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json | 9 +++++++++
 package.json      | 1 +
 2 files changed, 10 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index 29a8f05f..ab14d583 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,6 +13,7 @@
         "@chakra-ui/react": "^2.8.2",
         "@chakra-ui/theme-tools": "^2.1.2",
         "@emotion/react": "^11.11.3",
+        "@react-icons/all-files": "^4.1.0",
         "@tanstack/react-query": "^5.18.1",
         "@types/react-scroll": "^1.8.10",
         "@uiw/react-md-editor": "^4.0.3",
@@ -2240,6 +2241,14 @@
         "url": "https://opencollective.com/popperjs"
       }
     },
+    "node_modules/@react-icons/all-files": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@react-icons/all-files/-/all-files-4.1.0.tgz",
+      "integrity": "sha512-hxBI2UOuVaI3O/BhQfhtb4kcGn9ft12RWAFVMUeNjqqhLsHvFtzIkFaptBJpFDANTKoDfdVoHTKZDlwKCACbMQ==",
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
     "node_modules/@remix-run/router": {
       "version": "1.15.0",
       "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.15.0.tgz",
diff --git a/package.json b/package.json
index 91225a82..37737e08 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "@chakra-ui/react": "^2.8.2",
     "@chakra-ui/theme-tools": "^2.1.2",
     "@emotion/react": "^11.11.3",
+    "@react-icons/all-files": "^4.1.0",
     "@tanstack/react-query": "^5.18.1",
     "@types/react-scroll": "^1.8.10",
     "@uiw/react-md-editor": "^4.0.3",

From 6a9f65c5dec34569d44af59e72f4259a73d7ec32 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Wed, 3 Apr 2024 19:26:32 +0900
Subject: [PATCH 09/37] =?UTF-8?q?[Version=20=F0=9F=94=96]=20v9=20-=20react?=
 =?UTF-8?q?-icons=20=EA=B4=80=EB=A0=A8=20=ED=8C=A8=ED=82=A4=EC=A7=80=20?=
 =?UTF-8?q?=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json | 9 ---------
 package.json      | 1 -
 2 files changed, 10 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ab14d583..44dd9728 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23,7 +23,6 @@
         "react-dom": "^18.2.0",
         "react-dropzone": "^14.2.3",
         "react-hook-form": "^7.50.1",
-        "react-icons": "^5.0.1",
         "react-intersection-observer": "^9.8.1",
         "react-router-dom": "^6.22.0",
         "react-scroll": "^1.9.0",
@@ -9623,14 +9622,6 @@
         "react": "^16.8.0 || ^17 || ^18"
       }
     },
-    "node_modules/react-icons": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.0.1.tgz",
-      "integrity": "sha512-WqLZJ4bLzlhmsvme6iFdgO8gfZP17rfjYEJ2m9RsZjZ+cc4k1hTzknEz63YS1MeT50kVzoa1Nz36f4BEx+Wigw==",
-      "peerDependencies": {
-        "react": "*"
-      }
-    },
     "node_modules/react-intersection-observer": {
       "version": "9.8.1",
       "resolved": "https://registry.npmjs.org/react-intersection-observer/-/react-intersection-observer-9.8.1.tgz",
diff --git a/package.json b/package.json
index 37737e08..a6dd5fae 100644
--- a/package.json
+++ b/package.json
@@ -34,7 +34,6 @@
     "react-dom": "^18.2.0",
     "react-dropzone": "^14.2.3",
     "react-hook-form": "^7.50.1",
-    "react-icons": "^5.0.1",
     "react-intersection-observer": "^9.8.1",
     "react-router-dom": "^6.22.0",
     "react-scroll": "^1.9.0",

From 859d1709d799de11e47f6c545697d66715e982a4 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Wed, 3 Apr 2024 19:49:54 +0900
Subject: [PATCH 10/37] =?UTF-8?q?[Refactoring=20=E2=9A=99=EF=B8=8F]=20reac?=
 =?UTF-8?q?t-icons=20->=20raect-icons-allfiles=EB=A1=9C=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BackButton/BackButton.tsx                   | 2 +-
 .../UncaughtErrorBoundary/components/UncaughtFallback.tsx  | 2 +-
 src/components/Header/Header.tsx                           | 2 +-
 .../components/NotificationIconButton.tsx                  | 2 +-
 .../components/ProfilePopover/components/LogoutButton.tsx  | 2 +-
 src/components/ProjectCard/ProjectCard.tsx                 | 5 +++--
 src/components/Tag/components/CloseButtonTag.tsx           | 3 ++-
 src/components/TechStack/TechStackSection.tsx              | 3 +--
 src/pages/LoginPage/components/SocialLogin.tsx             | 3 +--
 .../components/Modal/ChangeProfileImageModal.tsx           | 2 +-
 .../ProfileEditPage/components/Profile/ProfileCard.tsx     | 6 +++---
 .../components/Profile/ProfileIntroduction.tsx             | 6 +++---
 .../ProfilePage/components/Profile/ProfileIntroduction.tsx | 5 ++---
 .../CommentsItem/components/BeforeEditingButton.tsx        | 5 ++---
 .../Comments/CommentsItem/components/OnEditingButton.tsx   | 5 ++---
 .../components/Summary/SummaryContent/SummaryLink.tsx      | 5 ++---
 .../components/Summary/SummaryContent/SummaryRight.tsx     | 3 ++-
 .../components/Summary/SummaryTop/SummaryPopOver.tsx       | 2 +-
 .../components/Summary/SummaryTop/SummaryTop.tsx           | 7 ++++---
 .../ProjectEditPage/components/Files/FileUploadBox.tsx     | 2 +-
 .../MemberFields/components/MemberAvatarCard.tsx           | 2 +-
 .../ProjectEditPage/components/styles/CloseButton.tsx      | 3 +--
 .../components/SearchBarSection/SearchBarSection.tsx       | 2 +-
 src/pages/SignUpPage/components/SocialSignUp.tsx           | 3 +--
 24 files changed, 39 insertions(+), 43 deletions(-)

diff --git a/src/components/BackButton/BackButton.tsx b/src/components/BackButton/BackButton.tsx
index 303c207a..2be16072 100644
--- a/src/components/BackButton/BackButton.tsx
+++ b/src/components/BackButton/BackButton.tsx
@@ -1,7 +1,7 @@
-import { IoIosArrowRoundBack } from "react-icons/io"
 import { useNavigate } from "react-router-dom"
 
 import { Button, Icon } from "@chakra-ui/react"
+import { IoIosArrowRoundBack } from "@react-icons/all-files/io/IoIosArrowRoundBack"
 
 const BackButton = () => {
   const navigate = useNavigate()
diff --git a/src/components/ErrorBoundary/UncaughtErrorBoundary/components/UncaughtFallback.tsx b/src/components/ErrorBoundary/UncaughtErrorBoundary/components/UncaughtFallback.tsx
index d616c4ee..537cc0a3 100644
--- a/src/components/ErrorBoundary/UncaughtErrorBoundary/components/UncaughtFallback.tsx
+++ b/src/components/ErrorBoundary/UncaughtErrorBoundary/components/UncaughtFallback.tsx
@@ -1,7 +1,7 @@
-import { GrPowerReset } from "react-icons/gr"
 import { useNavigate } from "react-router-dom"
 
 import { Center, Icon, IconButton, Text, VStack } from "@chakra-ui/react"
+import { GrPowerReset } from "@react-icons/all-files/gr/GrPowerReset"
 
 interface UncaughtFallbackProps {
   error: Error
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
index b8edb3b1..c1f7575b 100644
--- a/src/components/Header/Header.tsx
+++ b/src/components/Header/Header.tsx
@@ -1,5 +1,4 @@
 import { useRef } from "react"
-import { IoSearch } from "react-icons/io5"
 import { useNavigate } from "react-router-dom"
 
 import {
@@ -10,6 +9,7 @@ import {
   InputRightElement,
   Spacer,
 } from "@chakra-ui/react"
+import { IoSearch } from "@react-icons/all-files/io5/IoSearch"
 import { useUserInfoData } from "@services/caches/useUserInfoData"
 
 import LogoLink from "@components/LogoLink/LogoLink"
diff --git a/src/components/Header/components/Menu/components/NotificationPopover/components/NotificationIconButton.tsx b/src/components/Header/components/Menu/components/NotificationPopover/components/NotificationIconButton.tsx
index 06470fb1..1f3fd23c 100644
--- a/src/components/Header/components/Menu/components/NotificationPopover/components/NotificationIconButton.tsx
+++ b/src/components/Header/components/Menu/components/NotificationPopover/components/NotificationIconButton.tsx
@@ -1,7 +1,7 @@
 import { forwardRef } from "react"
-import { FaRegBell } from "react-icons/fa"
 
 import { Icon, IconButton } from "@chakra-ui/react"
+import { FaRegBell } from "@react-icons/all-files/fa/FaRegBell"
 
 const NotificationIconButton = forwardRef<HTMLButtonElement>((props, ref) => {
   return (
diff --git a/src/components/Header/components/Menu/components/ProfilePopover/components/LogoutButton.tsx b/src/components/Header/components/Menu/components/ProfilePopover/components/LogoutButton.tsx
index ac5dc1d0..d58fec75 100644
--- a/src/components/Header/components/Menu/components/ProfilePopover/components/LogoutButton.tsx
+++ b/src/components/Header/components/Menu/components/ProfilePopover/components/LogoutButton.tsx
@@ -1,7 +1,7 @@
-import { IoLogOutOutline } from "react-icons/io5"
 import { useNavigate } from "react-router-dom"
 
 import { Button, Icon, Text, useDisclosure, useToast } from "@chakra-ui/react"
+import { IoLogOutOutline } from "@react-icons/all-files/io5/IoLogOutOutline"
 
 import { LOGOUT_MESSAGE } from "@components/Header/constants/messages"
 
diff --git a/src/components/ProjectCard/ProjectCard.tsx b/src/components/ProjectCard/ProjectCard.tsx
index 97e72de2..600ffa1e 100644
--- a/src/components/ProjectCard/ProjectCard.tsx
+++ b/src/components/ProjectCard/ProjectCard.tsx
@@ -1,6 +1,4 @@
 import { ForwardedRef, forwardRef } from "react"
-import { IoMdHeart, IoMdHeartEmpty } from "react-icons/io"
-import { MdRemoveRedEye } from "react-icons/md"
 import { useNavigate } from "react-router-dom"
 
 import {
@@ -13,6 +11,9 @@ import {
   Stack,
   Text,
 } from "@chakra-ui/react"
+import { IoMdHeart } from "@react-icons/all-files/io/IoMdHeart"
+import { IoMdHeartEmpty } from "@react-icons/all-files/io/IoMdHeartEmpty"
+import { MdRemoveRedEye } from "@react-icons/all-files/md/MdRemoveRedEye"
 
 import noImage from "@assets/images/noImage.jpg"
 
diff --git a/src/components/Tag/components/CloseButtonTag.tsx b/src/components/Tag/components/CloseButtonTag.tsx
index 790ab7f3..eaccb0aa 100644
--- a/src/components/Tag/components/CloseButtonTag.tsx
+++ b/src/components/Tag/components/CloseButtonTag.tsx
@@ -1,5 +1,6 @@
 import { MouseEventHandler } from "react"
-import { MdCancel } from "react-icons/md"
+
+import { MdCancel } from "@react-icons/all-files/md/MdCancel"
 
 import { CommonTagProps } from "../types/commonTagProps"
 import CommonTag from "./CommonTag"
diff --git a/src/components/TechStack/TechStackSection.tsx b/src/components/TechStack/TechStackSection.tsx
index 7f196f65..fa62aedd 100644
--- a/src/components/TechStack/TechStackSection.tsx
+++ b/src/components/TechStack/TechStackSection.tsx
@@ -1,5 +1,3 @@
-import { AiFillCloseSquare } from "react-icons/ai"
-
 import {
   Box,
   Button,
@@ -10,6 +8,7 @@ import {
   Text,
   useMediaQuery,
 } from "@chakra-ui/react"
+import { AiFillCloseSquare } from "@react-icons/all-files/ai/AiFillCloseSquare"
 import { Skill } from "api-models"
 
 import CloseButtonTag from "@components/Tag/components/CloseButtonTag"
diff --git a/src/pages/LoginPage/components/SocialLogin.tsx b/src/pages/LoginPage/components/SocialLogin.tsx
index 53575d24..c5fdfab1 100644
--- a/src/pages/LoginPage/components/SocialLogin.tsx
+++ b/src/pages/LoginPage/components/SocialLogin.tsx
@@ -1,6 +1,5 @@
-import { FaGithub } from "react-icons/fa"
-
 import { Box, Button, Heading, Icon, Link } from "@chakra-ui/react"
+import { FaGithub } from "@react-icons/all-files/fa/FaGithub"
 
 import { EXTERNAL_LINKS } from "@constants/externalLinks"
 
diff --git a/src/pages/ProfileEditPage/components/Modal/ChangeProfileImageModal.tsx b/src/pages/ProfileEditPage/components/Modal/ChangeProfileImageModal.tsx
index 4fd9ce67..a00f8f17 100644
--- a/src/pages/ProfileEditPage/components/Modal/ChangeProfileImageModal.tsx
+++ b/src/pages/ProfileEditPage/components/Modal/ChangeProfileImageModal.tsx
@@ -1,5 +1,4 @@
 import { useRef } from "react"
-import { GoPlus } from "react-icons/go"
 
 import {
   Box,
@@ -18,6 +17,7 @@ import {
   Text,
   useMediaQuery,
 } from "@chakra-ui/react"
+import { GoPlus } from "@react-icons/all-files/go/GoPlus"
 
 import useFileUpload from "@pages/ProfileEditPage/hooks/useFileUpload"
 import { ProfileInfo } from "@pages/ProfileEditPage/types/types"
diff --git a/src/pages/ProfileEditPage/components/Profile/ProfileCard.tsx b/src/pages/ProfileEditPage/components/Profile/ProfileCard.tsx
index 6b0cdb62..86f9372e 100644
--- a/src/pages/ProfileEditPage/components/Profile/ProfileCard.tsx
+++ b/src/pages/ProfileEditPage/components/Profile/ProfileCard.tsx
@@ -1,6 +1,3 @@
-import { AiFillCaretDown, AiFillEdit } from "react-icons/ai"
-import { FaPlus } from "react-icons/fa6"
-
 import {
   Avatar,
   Box,
@@ -15,6 +12,9 @@ import {
   Text,
   useDisclosure,
 } from "@chakra-ui/react"
+import { AiFillCaretDown } from "@react-icons/all-files/ai/AiFillCaretDown"
+import { AiFillEdit } from "@react-icons/all-files/ai/AiFillEdit"
+import { FaPlus } from "@react-icons/all-files/fa/FaPlus"
 
 import { CareerType, JobType, ProfileInfo } from "../../types/types"
 import ChangeNicknameModal from "../Modal/ChangeNicknameModal"
diff --git a/src/pages/ProfileEditPage/components/Profile/ProfileIntroduction.tsx b/src/pages/ProfileEditPage/components/Profile/ProfileIntroduction.tsx
index e5ba5cc0..b0e14abe 100644
--- a/src/pages/ProfileEditPage/components/Profile/ProfileIntroduction.tsx
+++ b/src/pages/ProfileEditPage/components/Profile/ProfileIntroduction.tsx
@@ -1,7 +1,4 @@
 import { FieldErrors, UseFormRegister, UseFormSetValue } from "react-hook-form"
-import { FaSquarePen } from "react-icons/fa6"
-import { ImGithub } from "react-icons/im"
-import { MdCancel } from "react-icons/md"
 
 import {
   Box,
@@ -13,6 +10,9 @@ import {
   Textarea,
   useMediaQuery,
 } from "@chakra-ui/react"
+import { FaSquarePen } from "@react-icons/all-files/fa/FaSquarePen"
+import { ImGithub } from "@react-icons/all-files/im/ImGithub"
+import { MdCancel } from "@react-icons/all-files/md/MdCancel"
 
 import { ErrorMessage } from "@components/ErrorMessage/ErrorMessage"
 import CommonInput from "@components/Input/CommonInput"
diff --git a/src/pages/ProfilePage/components/Profile/ProfileIntroduction.tsx b/src/pages/ProfilePage/components/Profile/ProfileIntroduction.tsx
index 563d9d40..86a18c87 100644
--- a/src/pages/ProfilePage/components/Profile/ProfileIntroduction.tsx
+++ b/src/pages/ProfilePage/components/Profile/ProfileIntroduction.tsx
@@ -1,7 +1,6 @@
-import { FaSquarePen } from "react-icons/fa6"
-import { ImGithub } from "react-icons/im"
-
 import { Box, Flex, Text } from "@chakra-ui/react"
+import { FaSquarePen } from "@react-icons/all-files/fa/FaSquarePen"
+import { ImGithub } from "@react-icons/all-files/im/ImGithub"
 
 import ProfileLink from "./ProfileLink"
 
diff --git a/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/BeforeEditingButton.tsx b/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/BeforeEditingButton.tsx
index 570b5380..879f4269 100644
--- a/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/BeforeEditingButton.tsx
+++ b/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/BeforeEditingButton.tsx
@@ -1,7 +1,6 @@
-import { MdDelete } from "react-icons/md"
-import { TiPencil } from "react-icons/ti"
-
 import { IconButton, useDisclosure, useMediaQuery } from "@chakra-ui/react"
+import { MdDelete } from "@react-icons/all-files/md/MdDelete"
+import { TiPencil } from "@react-icons/all-files/ti/TiPencil"
 
 import DeleteCheckModal from "@pages/ProjectDetailPage/components/DeleteCheckModal"
 import { useCommentContext } from "@pages/ProjectDetailPage/store/CommentContext"
diff --git a/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/OnEditingButton.tsx b/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/OnEditingButton.tsx
index b4437a4b..1fcf2075 100644
--- a/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/OnEditingButton.tsx
+++ b/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/OnEditingButton.tsx
@@ -1,7 +1,6 @@
-import { FaRegCheckCircle } from "react-icons/fa"
-import { MdCancel } from "react-icons/md"
-
 import { IconButton, useMediaQuery } from "@chakra-ui/react"
+import { FaRegCheckCircle } from "@react-icons/all-files/fa/FaRegCheckCircle"
+import { MdCancel } from "@react-icons/all-files/md/MdCancel"
 
 import { useCommentContext } from "@pages/ProjectDetailPage/store/CommentContext"
 
diff --git a/src/pages/ProjectDetailPage/components/Summary/SummaryContent/SummaryLink.tsx b/src/pages/ProjectDetailPage/components/Summary/SummaryContent/SummaryLink.tsx
index 5fb8aba8..4395c0aa 100644
--- a/src/pages/ProjectDetailPage/components/Summary/SummaryContent/SummaryLink.tsx
+++ b/src/pages/ProjectDetailPage/components/Summary/SummaryContent/SummaryLink.tsx
@@ -1,7 +1,6 @@
-import { FaGithub } from "react-icons/fa"
-import { TbWorld } from "react-icons/tb"
-
 import { Button, HStack } from "@chakra-ui/react"
+import { FaGithub } from "@react-icons/all-files/fa/FaGithub"
+import { TbWorld } from "@react-icons/all-files/tb/TbWorld"
 
 interface SummaryLinkProps {
   deployUrl: string
diff --git a/src/pages/ProjectDetailPage/components/Summary/SummaryContent/SummaryRight.tsx b/src/pages/ProjectDetailPage/components/Summary/SummaryContent/SummaryRight.tsx
index 5eae7b33..a7a23e10 100644
--- a/src/pages/ProjectDetailPage/components/Summary/SummaryContent/SummaryRight.tsx
+++ b/src/pages/ProjectDetailPage/components/Summary/SummaryContent/SummaryRight.tsx
@@ -1,7 +1,8 @@
 import { useRef } from "react"
-import { MdArrowBackIosNew, MdArrowForwardIos } from "react-icons/md"
 
 import { Box, Image, useMediaQuery } from "@chakra-ui/react"
+import { MdArrowBackIosNew } from "@react-icons/all-files/md/MdArrowBackIosNew"
+import { MdArrowForwardIos } from "@react-icons/all-files/md/MdArrowForwardIos"
 import { ProjectOverViewUrl } from "api-models"
 import "swiper/css"
 import "swiper/css/pagination"
diff --git a/src/pages/ProjectDetailPage/components/Summary/SummaryTop/SummaryPopOver.tsx b/src/pages/ProjectDetailPage/components/Summary/SummaryTop/SummaryPopOver.tsx
index eb8cd2e8..b510b2df 100644
--- a/src/pages/ProjectDetailPage/components/Summary/SummaryTop/SummaryPopOver.tsx
+++ b/src/pages/ProjectDetailPage/components/Summary/SummaryTop/SummaryPopOver.tsx
@@ -1,4 +1,3 @@
-import { CiMenuKebab } from "react-icons/ci"
 import { useNavigate } from "react-router-dom"
 
 import {
@@ -11,6 +10,7 @@ import {
   PopoverTrigger,
   Stack,
 } from "@chakra-ui/react"
+import { CiMenuKebab } from "@react-icons/all-files/ci/CiMenuKebab"
 
 import { ProjectIdProps, withProjectId } from "../../Hoc/withProjectId"
 
diff --git a/src/pages/ProjectDetailPage/components/Summary/SummaryTop/SummaryTop.tsx b/src/pages/ProjectDetailPage/components/Summary/SummaryTop/SummaryTop.tsx
index 00fb46fe..f1ee3e24 100644
--- a/src/pages/ProjectDetailPage/components/Summary/SummaryTop/SummaryTop.tsx
+++ b/src/pages/ProjectDetailPage/components/Summary/SummaryTop/SummaryTop.tsx
@@ -1,9 +1,10 @@
-import { FaRegComment } from "react-icons/fa"
-import { IoMdHeart, IoMdHeartEmpty } from "react-icons/io"
-import { MdRemoveRedEye } from "react-icons/md"
 import { Link } from "react-scroll"
 
 import { HStack, useDisclosure, useMediaQuery } from "@chakra-ui/react"
+import { FaRegComment } from "@react-icons/all-files/fa/FaRegComment"
+import { IoMdHeart } from "@react-icons/all-files/io/IoMdHeart"
+import { IoMdHeartEmpty } from "@react-icons/all-files/io/IoMdHeartEmpty"
+import { MdRemoveRedEye } from "@react-icons/all-files/md/MdRemoveRedEye"
 import { useUserInfoData } from "@services/caches/useUserInfoData"
 
 import { useDeleteLikeMutation } from "@pages/ProjectDetailPage/hooks/mutations/useDeleteLikeMutation"
diff --git a/src/pages/ProjectEditPage/components/Files/FileUploadBox.tsx b/src/pages/ProjectEditPage/components/Files/FileUploadBox.tsx
index b51e19f4..e26c53dd 100644
--- a/src/pages/ProjectEditPage/components/Files/FileUploadBox.tsx
+++ b/src/pages/ProjectEditPage/components/Files/FileUploadBox.tsx
@@ -1,8 +1,8 @@
 import { forwardRef } from "react"
 import { DropzoneInputProps } from "react-dropzone"
-import { IoCameraOutline } from "react-icons/io5"
 
 import { Center, FormLabel, Text } from "@chakra-ui/react"
+import { IoCameraOutline } from "@react-icons/all-files/io5/IoCameraOutline"
 
 interface FileUploadBoxProps extends DropzoneInputProps {
   id: string
diff --git a/src/pages/ProjectEditPage/components/MemberFields/components/MemberAvatarCard.tsx b/src/pages/ProjectEditPage/components/MemberFields/components/MemberAvatarCard.tsx
index 10b12af5..e1234c71 100644
--- a/src/pages/ProjectEditPage/components/MemberFields/components/MemberAvatarCard.tsx
+++ b/src/pages/ProjectEditPage/components/MemberFields/components/MemberAvatarCard.tsx
@@ -1,4 +1,4 @@
-import { IoCloseCircle } from "react-icons/io5"
+import { IoCloseCircle } from "@react-icons/all-files/io5/IoCloseCircle"
 
 import AvatarCard from "@components/AvatarCard/AvatarCard"
 
diff --git a/src/pages/ProjectEditPage/components/styles/CloseButton.tsx b/src/pages/ProjectEditPage/components/styles/CloseButton.tsx
index 37ec847d..8974d140 100644
--- a/src/pages/ProjectEditPage/components/styles/CloseButton.tsx
+++ b/src/pages/ProjectEditPage/components/styles/CloseButton.tsx
@@ -1,6 +1,5 @@
-import { MdClose } from "react-icons/md"
-
 import { Box, ButtonProps } from "@chakra-ui/react"
+import { MdClose } from "@react-icons/all-files/md/MdClose"
 
 const CloseButton = ({ ...props }: ButtonProps) => {
   return (
diff --git a/src/pages/ProjectListPage/components/SearchBarSection/SearchBarSection.tsx b/src/pages/ProjectListPage/components/SearchBarSection/SearchBarSection.tsx
index 21c797b1..e762a994 100644
--- a/src/pages/ProjectListPage/components/SearchBarSection/SearchBarSection.tsx
+++ b/src/pages/ProjectListPage/components/SearchBarSection/SearchBarSection.tsx
@@ -1,7 +1,7 @@
 import { useEffect, useRef, useState } from "react"
-import { IoMdSearch } from "react-icons/io"
 
 import { Box, Button, Center, Icon, useMediaQuery } from "@chakra-ui/react"
+import { IoMdSearch } from "@react-icons/all-files/io/IoMdSearch"
 
 import CommonInput from "@components/Input/CommonInput"
 
diff --git a/src/pages/SignUpPage/components/SocialSignUp.tsx b/src/pages/SignUpPage/components/SocialSignUp.tsx
index b88d5a33..7a79c775 100644
--- a/src/pages/SignUpPage/components/SocialSignUp.tsx
+++ b/src/pages/SignUpPage/components/SocialSignUp.tsx
@@ -1,6 +1,5 @@
-import { FaGithub } from "react-icons/fa"
-
 import { Box, Button, Heading, Icon, Link } from "@chakra-ui/react"
+import { FaGithub } from "@react-icons/all-files/fa/FaGithub"
 
 import { EXTERNAL_LINKS } from "@constants/externalLinks"
 

From a136490ee98f710eb94065750f068e1073c5bebc Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Wed, 3 Apr 2024 19:58:39 +0900
Subject: [PATCH 11/37] =?UTF-8?q?[Refactoring=20=E2=9A=99=EF=B8=8F]=20reac?=
 =?UTF-8?q?t-icons=20=EA=B2=BD=EB=A1=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Profile/ProfileIntroduction.tsx              | 6 +++++-
 .../ProfilePage/components/Profile/ProfileIntroduction.tsx  | 2 +-
 .../components/SignUpForm/components/DoubleCheckButton.tsx  | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/pages/ProfileEditPage/components/Profile/ProfileIntroduction.tsx b/src/pages/ProfileEditPage/components/Profile/ProfileIntroduction.tsx
index b0e14abe..75af7ac5 100644
--- a/src/pages/ProfileEditPage/components/Profile/ProfileIntroduction.tsx
+++ b/src/pages/ProfileEditPage/components/Profile/ProfileIntroduction.tsx
@@ -10,7 +10,7 @@ import {
   Textarea,
   useMediaQuery,
 } from "@chakra-ui/react"
-import { FaSquarePen } from "@react-icons/all-files/fa/FaSquarePen"
+import { FaSquarePen } from "@react-icons/all-files/fa6/FaSquarePen"
 import { ImGithub } from "@react-icons/all-files/im/ImGithub"
 import { MdCancel } from "@react-icons/all-files/md/MdCancel"
 
@@ -25,6 +25,10 @@ import {
 
 import { ProfileInfo } from "../../types/types"
 
+FaSquarePen
+
+FaSquarePen
+
 interface Introductions {
   aboutMe: string
   githubUrl: string
diff --git a/src/pages/ProfilePage/components/Profile/ProfileIntroduction.tsx b/src/pages/ProfilePage/components/Profile/ProfileIntroduction.tsx
index 86a18c87..efa4e473 100644
--- a/src/pages/ProfilePage/components/Profile/ProfileIntroduction.tsx
+++ b/src/pages/ProfilePage/components/Profile/ProfileIntroduction.tsx
@@ -1,5 +1,5 @@
 import { Box, Flex, Text } from "@chakra-ui/react"
-import { FaSquarePen } from "@react-icons/all-files/fa/FaSquarePen"
+import { FaSquarePen } from "@react-icons/all-files/fa6/FaSquarePen"
 import { ImGithub } from "@react-icons/all-files/im/ImGithub"
 
 import ProfileLink from "./ProfileLink"
diff --git a/src/pages/SignUpPage/components/SignUpForm/components/DoubleCheckButton.tsx b/src/pages/SignUpPage/components/SignUpForm/components/DoubleCheckButton.tsx
index 95c943f5..c5f0ef20 100644
--- a/src/pages/SignUpPage/components/SignUpForm/components/DoubleCheckButton.tsx
+++ b/src/pages/SignUpPage/components/SignUpForm/components/DoubleCheckButton.tsx
@@ -1,7 +1,7 @@
 import { useEffect } from "react"
-import { IoMdCheckmarkCircle } from "react-icons/io"
 
 import { Button, ButtonProps, Icon, Text, useToast } from "@chakra-ui/react"
+import { IoMdCheckmarkCircle } from "@react-icons/all-files/IoMdCheckmarkCircle"
 
 import { DOUBLE_CHECK_MESSAGE } from "@pages/SignUpPage/constants/toastMessages"
 import { toastOptions } from "@pages/SignUpPage/constants/toastOptions"

From f6459078937f5001d371520f06d98824815febe9 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Wed, 3 Apr 2024 19:59:59 +0900
Subject: [PATCH 12/37] =?UTF-8?q?[Version=20=F0=9F=94=96]=20v10=20-=20reac?=
 =?UTF-8?q?t-icons-all-files=20=ED=8C=A8=ED=82=A4=EC=A7=80=20=EC=9D=98?=
 =?UTF-8?q?=EC=A1=B4=EC=84=B1=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json | 9 +++++----
 package.json      | 2 +-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 44dd9728..eccb870f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,7 @@
         "@chakra-ui/react": "^2.8.2",
         "@chakra-ui/theme-tools": "^2.1.2",
         "@emotion/react": "^11.11.3",
-        "@react-icons/all-files": "^4.1.0",
+        "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v5.0.1/react-icons-all-files-5.0.1.tgz",
         "@tanstack/react-query": "^5.18.1",
         "@types/react-scroll": "^1.8.10",
         "@uiw/react-md-editor": "^4.0.3",
@@ -2241,9 +2241,10 @@
       }
     },
     "node_modules/@react-icons/all-files": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/@react-icons/all-files/-/all-files-4.1.0.tgz",
-      "integrity": "sha512-hxBI2UOuVaI3O/BhQfhtb4kcGn9ft12RWAFVMUeNjqqhLsHvFtzIkFaptBJpFDANTKoDfdVoHTKZDlwKCACbMQ==",
+      "version": "5.0.1",
+      "resolved": "https://github.com/react-icons/react-icons/releases/download/v5.0.1/react-icons-all-files-5.0.1.tgz",
+      "integrity": "sha512-4pMO4uzRVcP2XPCYqYr4GmjYHDerbEUZJLCYEdiexlU4UDqWd0gSBfWzmwinz7phd/LkV6HibpmF/U9UJ5hGbw==",
+      "license": "MIT",
       "peerDependencies": {
         "react": "*"
       }
diff --git a/package.json b/package.json
index a6dd5fae..57def5f4 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "@chakra-ui/react": "^2.8.2",
     "@chakra-ui/theme-tools": "^2.1.2",
     "@emotion/react": "^11.11.3",
-    "@react-icons/all-files": "^4.1.0",
+    "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v5.0.1/react-icons-all-files-5.0.1.tgz",
     "@tanstack/react-query": "^5.18.1",
     "@types/react-scroll": "^1.8.10",
     "@uiw/react-md-editor": "^4.0.3",

From 653db1ea96fa422101e36abd96cce2f1943b6e6d Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Wed, 3 Apr 2024 20:00:40 +0900
Subject: [PATCH 13/37] =?UTF-8?q?[Refactoring=20=E2=9A=99=EF=B8=8F]=20?=
 =?UTF-8?q?=EB=A6=AC=EC=95=A1=ED=8A=B8=20=EC=95=84=EC=9D=B4=EC=BD=98=20?=
 =?UTF-8?q?=EA=B2=BD=EB=A1=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/SignUpForm/components/DoubleCheckButton.tsx      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/SignUpPage/components/SignUpForm/components/DoubleCheckButton.tsx b/src/pages/SignUpPage/components/SignUpForm/components/DoubleCheckButton.tsx
index c5f0ef20..6b491e19 100644
--- a/src/pages/SignUpPage/components/SignUpForm/components/DoubleCheckButton.tsx
+++ b/src/pages/SignUpPage/components/SignUpForm/components/DoubleCheckButton.tsx
@@ -1,7 +1,7 @@
 import { useEffect } from "react"
 
 import { Button, ButtonProps, Icon, Text, useToast } from "@chakra-ui/react"
-import { IoMdCheckmarkCircle } from "@react-icons/all-files/IoMdCheckmarkCircle"
+import { IoMdCheckmarkCircle } from "@react-icons/all-files/io/IoMdCheckmarkCircle"
 
 import { DOUBLE_CHECK_MESSAGE } from "@pages/SignUpPage/constants/toastMessages"
 import { toastOptions } from "@pages/SignUpPage/constants/toastOptions"

From 213df9ede9286cd2581d3efcf035229353dfd9dc Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Thu, 4 Apr 2024 01:37:31 +0900
Subject: [PATCH 14/37] =?UTF-8?q?[Fix=20=F0=9F=AA=9B]=20console=20warning?=
 =?UTF-8?q?=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Content/Explanation/Explanation.tsx       | 32 +++++++------------
 .../Summary/SummaryContent/SummaryRight.tsx   |  1 -
 .../constants/scrollBarNone.ts                |  4 +--
 3 files changed, 13 insertions(+), 24 deletions(-)

diff --git a/src/pages/ProjectDetailPage/components/Content/Explanation/Explanation.tsx b/src/pages/ProjectDetailPage/components/Content/Explanation/Explanation.tsx
index 9a15dcf1..8d1c2769 100644
--- a/src/pages/ProjectDetailPage/components/Content/Explanation/Explanation.tsx
+++ b/src/pages/ProjectDetailPage/components/Content/Explanation/Explanation.tsx
@@ -1,12 +1,4 @@
-import {
-  Box,
-  Button,
-  Tab,
-  TabList,
-  TabPanel,
-  TabPanels,
-  Tabs,
-} from "@chakra-ui/react"
+import { Box, Tab, TabList, TabPanel, TabPanels, Tabs } from "@chakra-ui/react"
 import { Project } from "api-models"
 
 import ExplanationItem from "./ExplanationItem"
@@ -24,19 +16,17 @@ const Explanation = ({ projects }: ExplanationProps) => {
         variant="enclosed"
         fontFamily="SCDream_Bold">
         <TabList>
-          <Tab borderTopRadius="1rem">
-            <Button
-              fontSize="2xl"
-              _hover={{ opacity: 0.5 }}>
-              기능
-            </Button>
+          <Tab
+            borderTopRadius="1rem"
+            fontSize="2xl"
+            _hover={{ opacity: 0.5 }}>
+            기능
           </Tab>
-          <Tab borderTopRadius="1rem">
-            <Button
-              fontSize="2xl"
-              _hover={{ opacity: 0.5 }}>
-              트러블 슈팅
-            </Button>
+          <Tab
+            borderTopRadius="1rem"
+            fontSize="2xl"
+            _hover={{ opacity: 0.5 }}>
+            트러블 슈팅
           </Tab>
         </TabList>
         <TabPanels>
diff --git a/src/pages/ProjectDetailPage/components/Summary/SummaryContent/SummaryRight.tsx b/src/pages/ProjectDetailPage/components/Summary/SummaryContent/SummaryRight.tsx
index a7a23e10..358b58d0 100644
--- a/src/pages/ProjectDetailPage/components/Summary/SummaryContent/SummaryRight.tsx
+++ b/src/pages/ProjectDetailPage/components/Summary/SummaryContent/SummaryRight.tsx
@@ -19,7 +19,6 @@ interface SummaryRightProps {
   overviewImageUrl: ProjectOverViewUrl[]
 }
 const swiperParams = {
-  loop: true,
   pagination: {
     clickable: true,
   },
diff --git a/src/pages/ProjectDetailPage/constants/scrollBarNone.ts b/src/pages/ProjectDetailPage/constants/scrollBarNone.ts
index 87947c86..eb25644b 100644
--- a/src/pages/ProjectDetailPage/constants/scrollBarNone.ts
+++ b/src/pages/ProjectDetailPage/constants/scrollBarNone.ts
@@ -2,6 +2,6 @@ export const scrollBarNone = {
   "&::-webkit-scrollbar": {
     display: "none",
   },
-  "-ms-overflow-style": "none",
-  "scrollbar-width": "none",
+  msOverflowStyle: "none",
+  scrollbarWidth: "none",
 }

From 3bed6f0926c5cc970bfc2663f7d0904b62d38c38 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Thu, 4 Apr 2024 01:41:04 +0900
Subject: [PATCH 15/37] =?UTF-8?q?[Design=20=F0=9F=8E=A8]=20=EC=9D=B4?=
 =?UTF-8?q?=EB=AF=B8=EC=A7=80=20=EA=B0=80=EB=A1=9C=EC=84=B8=EB=A1=9C=20?=
 =?UTF-8?q?=EB=B9=84=EC=9C=A8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Content/TechStacks/TechStacks.tsx                 | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/pages/ProjectDetailPage/components/Content/TechStacks/TechStacks.tsx b/src/pages/ProjectDetailPage/components/Content/TechStacks/TechStacks.tsx
index 92597a2b..aaa2ebf0 100644
--- a/src/pages/ProjectDetailPage/components/Content/TechStacks/TechStacks.tsx
+++ b/src/pages/ProjectDetailPage/components/Content/TechStacks/TechStacks.tsx
@@ -45,7 +45,6 @@ const TechStacks = ({ techStacks }: TechStacksProps) => {
                         <Image
                           src={skill.iconImageUrl}
                           w="2rem"
-                          h="2rem"
                         />
                       }
                       cursor="default"

From 5ff9ed7ae859a288e14536dc5482d552d0e4784f Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Thu, 4 Apr 2024 14:44:11 +0900
Subject: [PATCH 16/37] =?UTF-8?q?[Refactoring=20=E2=9A=99=EF=B8=8F]=20img?=
 =?UTF-8?q?=20alg=EC=86=8D=EC=84=B1=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AvatarCard/Components/AvatarCardImage.tsx |  1 +
 .../components/ProfileButton.tsx              |  1 +
 .../components/CommentsAvatar.tsx             |  1 +
 .../Content/TechStacks/TechStacks.tsx         | 36 +++++++++++--------
 .../Summary/SummaryContent/SummaryRight.tsx   |  2 ++
 5 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/src/components/AvatarCard/Components/AvatarCardImage.tsx b/src/components/AvatarCard/Components/AvatarCardImage.tsx
index 8fab5916..f2772de4 100644
--- a/src/components/AvatarCard/Components/AvatarCardImage.tsx
+++ b/src/components/AvatarCard/Components/AvatarCardImage.tsx
@@ -10,6 +10,7 @@ const AvatarCardImage = ({ children, ...props }: AvatarCardImageProps) => {
   return (
     <Avatar
       size="xl"
+      iconLabel="avatarImg"
       {...props}>
       {children}
     </Avatar>
diff --git a/src/components/Header/components/Menu/components/ProfilePopover/components/ProfileButton.tsx b/src/components/Header/components/Menu/components/ProfilePopover/components/ProfileButton.tsx
index 18c34643..900aad41 100644
--- a/src/components/Header/components/Menu/components/ProfilePopover/components/ProfileButton.tsx
+++ b/src/components/Header/components/Menu/components/ProfilePopover/components/ProfileButton.tsx
@@ -8,6 +8,7 @@ const ProfileButton = forwardRef((props, ref) => {
       ref={ref}
       as={Button}
       src={userInfo?.profileImageUrl ?? undefined}
+      alt="profileAvatar"
       size="lg"
       aria-label="profile popover"
       transition="all 0.2s"
diff --git a/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/CommentsAvatar.tsx b/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/CommentsAvatar.tsx
index 6e925cce..d1c6acf4 100644
--- a/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/CommentsAvatar.tsx
+++ b/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/CommentsAvatar.tsx
@@ -13,6 +13,7 @@ const CommentsAvatar = ({ user, ...props }: CommentsAvatarProps) => {
       _hover={user && { opacity: "0.5" }}
       {...props}
       cursor={user && "pointer"}
+      iconLabel="profileAvatar"
     />
   )
 }
diff --git a/src/pages/ProjectDetailPage/components/Content/TechStacks/TechStacks.tsx b/src/pages/ProjectDetailPage/components/Content/TechStacks/TechStacks.tsx
index aaa2ebf0..fbb7e4fb 100644
--- a/src/pages/ProjectDetailPage/components/Content/TechStacks/TechStacks.tsx
+++ b/src/pages/ProjectDetailPage/components/Content/TechStacks/TechStacks.tsx
@@ -39,20 +39,28 @@ const TechStacks = ({ techStacks }: TechStacksProps) => {
                 <HStack
                   spacing="1rem"
                   flexWrap="wrap">
-                  {skillList.map((skill, index) => (
-                    <CommonTag
-                      leftElement={
-                        <Image
-                          src={skill.iconImageUrl}
-                          w="2rem"
-                        />
-                      }
-                      cursor="default"
-                      label={skill.name}
-                      key={`${skill.id}-${index}`}
-                      fontSize="lg"
-                    />
-                  ))}
+                  {skillList.map((skill, index) => {
+                    return (
+                      <CommonTag
+                        leftElement={
+                          <Image
+                            src={skill.iconImageUrl}
+                            alt={
+                              skill.iconImageUrl
+                                ?.split(/\//)
+                                .at(-1)
+                                ?.split(/\./)[0]
+                            }
+                            w="2rem"
+                          />
+                        }
+                        cursor="default"
+                        label={skill.name}
+                        key={`${skill.id}-${index}`}
+                        fontSize="lg"
+                      />
+                    )
+                  })}
                 </HStack>
               </Stack>
             )
diff --git a/src/pages/ProjectDetailPage/components/Summary/SummaryContent/SummaryRight.tsx b/src/pages/ProjectDetailPage/components/Summary/SummaryContent/SummaryRight.tsx
index 358b58d0..64b18f8e 100644
--- a/src/pages/ProjectDetailPage/components/Summary/SummaryContent/SummaryRight.tsx
+++ b/src/pages/ProjectDetailPage/components/Summary/SummaryContent/SummaryRight.tsx
@@ -45,6 +45,7 @@ const SummaryRight = ({ overviewImageUrl }: SummaryRightProps) => {
               <Image
                 src={overviewImg.url}
                 fallbackSrc={noImage}
+                alt="overviewImg"
               />
             </SwiperSlide>
           ))}
@@ -53,6 +54,7 @@ const SummaryRight = ({ overviewImageUrl }: SummaryRightProps) => {
         <Image
           src={noImage}
           fallbackSrc={noImage}
+          alt="defaultOverviewImg"
         />
       )}
       {isLargerThan768 && overviewImageUrl.length > 1 && (

From 1d9fa0e3fa5d5a3538185511f5fc6e17e379bb57 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Thu, 4 Apr 2024 14:56:06 +0900
Subject: [PATCH 17/37] =?UTF-8?q?[Refactoring=20=E2=9A=99=EF=B8=8F]=20icon?=
 =?UTF-8?q?label=20=EC=A0=91=EA=B7=BC=EC=84=B1=20=ED=85=8C=EC=8A=A4?=
 =?UTF-8?q?=ED=8A=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Menu/components/ProfilePopover/components/ProfileButton.tsx | 1 +
 .../Comments/CommentsItem/components/CommentsAvatar.tsx         | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Header/components/Menu/components/ProfilePopover/components/ProfileButton.tsx b/src/components/Header/components/Menu/components/ProfilePopover/components/ProfileButton.tsx
index 900aad41..5985295c 100644
--- a/src/components/Header/components/Menu/components/ProfilePopover/components/ProfileButton.tsx
+++ b/src/components/Header/components/Menu/components/ProfilePopover/components/ProfileButton.tsx
@@ -8,6 +8,7 @@ const ProfileButton = forwardRef((props, ref) => {
       ref={ref}
       as={Button}
       src={userInfo?.profileImageUrl ?? undefined}
+      iconLabel="profileImg"
       alt="profileAvatar"
       size="lg"
       aria-label="profile popover"
diff --git a/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/CommentsAvatar.tsx b/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/CommentsAvatar.tsx
index d1c6acf4..96f2bd57 100644
--- a/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/CommentsAvatar.tsx
+++ b/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/CommentsAvatar.tsx
@@ -13,7 +13,7 @@ const CommentsAvatar = ({ user, ...props }: CommentsAvatarProps) => {
       _hover={user && { opacity: "0.5" }}
       {...props}
       cursor={user && "pointer"}
-      iconLabel="profileAvatar"
+      iconLabel="profileImg"
     />
   )
 }

From d67dab34e27d76d6f5b7fa7f4b87bb7fc2e2a916 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Thu, 4 Apr 2024 14:59:13 +0900
Subject: [PATCH 18/37] =?UTF-8?q?[Refactoring=20=E2=9A=99=EF=B8=8F]=20Avat?=
 =?UTF-8?q?ar=EC=97=90=20alt=EC=86=8D=EC=84=B1=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ProfilePopover/components/ProfileButton.tsx     | 3 +--
 .../Comments/CommentsItem/components/CommentsAvatar.tsx        | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/Header/components/Menu/components/ProfilePopover/components/ProfileButton.tsx b/src/components/Header/components/Menu/components/ProfilePopover/components/ProfileButton.tsx
index 5985295c..54f9f6b6 100644
--- a/src/components/Header/components/Menu/components/ProfilePopover/components/ProfileButton.tsx
+++ b/src/components/Header/components/Menu/components/ProfilePopover/components/ProfileButton.tsx
@@ -8,8 +8,7 @@ const ProfileButton = forwardRef((props, ref) => {
       ref={ref}
       as={Button}
       src={userInfo?.profileImageUrl ?? undefined}
-      iconLabel="profileImg"
-      alt="profileAvatar"
+      alt="profileImg"
       size="lg"
       aria-label="profile popover"
       transition="all 0.2s"
diff --git a/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/CommentsAvatar.tsx b/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/CommentsAvatar.tsx
index 96f2bd57..92521f94 100644
--- a/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/CommentsAvatar.tsx
+++ b/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/CommentsAvatar.tsx
@@ -12,8 +12,8 @@ const CommentsAvatar = ({ user, ...props }: CommentsAvatarProps) => {
       height="5rem"
       _hover={user && { opacity: "0.5" }}
       {...props}
+      alt="profileImg"
       cursor={user && "pointer"}
-      iconLabel="profileImg"
     />
   )
 }

From 574fd62d557c5169060ebf4392b1dca620003ae7 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Thu, 4 Apr 2024 17:44:24 +0900
Subject: [PATCH 19/37] =?UTF-8?q?[Chore=20=F0=9F=9A=80]=20Avatar=20alt=20?=
 =?UTF-8?q?=ED=85=8C=EC=8A=A4=ED=8A=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ProfilePopover/components/ProfileButton.tsx   | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Header/components/Menu/components/ProfilePopover/components/ProfileButton.tsx b/src/components/Header/components/Menu/components/ProfilePopover/components/ProfileButton.tsx
index 54f9f6b6..d6007805 100644
--- a/src/components/Header/components/Menu/components/ProfilePopover/components/ProfileButton.tsx
+++ b/src/components/Header/components/Menu/components/ProfilePopover/components/ProfileButton.tsx
@@ -13,8 +13,9 @@ const ProfileButton = forwardRef((props, ref) => {
       aria-label="profile popover"
       transition="all 0.2s"
       _hover={{ filter: "brightness(90%)" }}
-      {...props}
-    />
+      {...props}>
+      {userInfo?.profileImageUrl}
+    </Avatar>
   )
 })
 

From 0b26e7984f2746ba80d76d3099d9729dccdf75d2 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Thu, 4 Apr 2024 17:49:31 +0900
Subject: [PATCH 20/37] =?UTF-8?q?[Chore=20=F0=9F=9A=80]=20Avatar=EC=9D=98?=
 =?UTF-8?q?=20name=EC=86=8D=EC=84=B1=20=ED=85=8C=EC=8A=A4=ED=8A=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ProfilePopover/components/ProfileButton.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/Header/components/Menu/components/ProfilePopover/components/ProfileButton.tsx b/src/components/Header/components/Menu/components/ProfilePopover/components/ProfileButton.tsx
index d6007805..717b31e6 100644
--- a/src/components/Header/components/Menu/components/ProfilePopover/components/ProfileButton.tsx
+++ b/src/components/Header/components/Menu/components/ProfilePopover/components/ProfileButton.tsx
@@ -8,14 +8,13 @@ const ProfileButton = forwardRef((props, ref) => {
       ref={ref}
       as={Button}
       src={userInfo?.profileImageUrl ?? undefined}
-      alt="profileImg"
       size="lg"
+      name={userInfo?.nickname}
       aria-label="profile popover"
       transition="all 0.2s"
       _hover={{ filter: "brightness(90%)" }}
-      {...props}>
-      {userInfo?.profileImageUrl}
-    </Avatar>
+      {...props}
+    />
   )
 })
 

From 1dbc096d766876cc521055bd1933106d53e0f7b3 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Thu, 4 Apr 2024 18:15:46 +0900
Subject: [PATCH 21/37] =?UTF-8?q?[Chore=20=F0=9F=9A=80]=20AvatarCard?=
 =?UTF-8?q?=EC=97=90=20name=EB=B9=88=20=EC=86=8D=EC=84=B1=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AvatarCard/Components/AvatarCardImage.tsx |   2 +-
 src/mocks/index.ts                            |   4 +-
 .../components/CommentsAvatar.tsx             |   2 +-
 src/pages/ProjectDetailPage/mocks/mockData.ts | 552 ++++--------------
 4 files changed, 121 insertions(+), 439 deletions(-)

diff --git a/src/components/AvatarCard/Components/AvatarCardImage.tsx b/src/components/AvatarCard/Components/AvatarCardImage.tsx
index f2772de4..0c61b139 100644
--- a/src/components/AvatarCard/Components/AvatarCardImage.tsx
+++ b/src/components/AvatarCard/Components/AvatarCardImage.tsx
@@ -10,7 +10,7 @@ const AvatarCardImage = ({ children, ...props }: AvatarCardImageProps) => {
   return (
     <Avatar
       size="xl"
-      iconLabel="avatarImg"
+      name=""
       {...props}>
       {children}
     </Avatar>
diff --git a/src/mocks/index.ts b/src/mocks/index.ts
index b841410b..39c58d61 100644
--- a/src/mocks/index.ts
+++ b/src/mocks/index.ts
@@ -1,4 +1,4 @@
 export const initMsw = async () => {
-  // const { worker } = await import("./browser")
-  // worker.start()
+  const { worker } = await import("./browser")
+  worker.start()
 }
diff --git a/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/CommentsAvatar.tsx b/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/CommentsAvatar.tsx
index 92521f94..f89db1e7 100644
--- a/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/CommentsAvatar.tsx
+++ b/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/CommentsAvatar.tsx
@@ -12,7 +12,7 @@ const CommentsAvatar = ({ user, ...props }: CommentsAvatarProps) => {
       height="5rem"
       _hover={user && { opacity: "0.5" }}
       {...props}
-      alt="profileImg"
+      name=""
       cursor={user && "pointer"}
     />
   )
diff --git a/src/pages/ProjectDetailPage/mocks/mockData.ts b/src/pages/ProjectDetailPage/mocks/mockData.ts
index c821acd2..e73263eb 100644
--- a/src/pages/ProjectDetailPage/mocks/mockData.ts
+++ b/src/pages/ProjectDetailPage/mocks/mockData.ts
@@ -1,476 +1,158 @@
 export const DUMMY_PROJECT_DETAIL = {
   id: 1,
-  name: "사이드픽👀",
-  subName: "요즘 사이드 플젝 뭐함? 사이드픽 👀",
-  overview: "데브코스 5기 육개짱팀의 좌충우돌 우당탕탕 프로젝트 개발 일대기",
+  name: "사이드픽",
+  subName: "사이드픽이에요",
+  overview: "사이드픽이에요",
   thumbnailUrl:
-    "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/aws-ec2.png",
+    "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/image/prod/ab9023ef-2606-47c9-bd62-0a51b3b06891.jpeg",
   overviewImageUrl: [
     {
-      id: 1,
-      url: "https://i.namu.wiki/i/or0qAazlWncLp8HGOIfZZ5iD--tZTgw8WxsgCJ6JhYNwt27452r_ttkdtQNimpS5j1CavL8Z9HLjTOK51Df-tToMO-fxSWkKsgQKJuVW52it7UTnAjvr0rRrRRO6Hf4BsW_2y71iHeh_Lkomin_86Q.webp",
+      id: 3,
+      url: "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/image/prod/17d03060-504f-412f-bbb3-586e660867a5.jpeg",
     },
     {
-      id: 2,
-      url: "https://i.namu.wiki/i/or0qAazlWncLp8HGOIfZZ5iD--tZTgw8WxsgCJ6JhYNwt27452r_ttkdtQNimpS5j1CavL8Z9HLjTOK51Df-tToMO-fxSWkKsgQKJuVW52it7UTnAjvr0rRrRRO6Hf4BsW_2y71iHeh_Lkomin_86Q.webp",
+      id: 4,
+      url: "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/image/prod/b8d87d50-08f6-42bd-9486-4c6ce3773217.jpg",
     },
   ],
-  githubUrl: "https://github.com/side-peek",
-  deployUrl: null,
-  viewCount: 168,
-  likeCount: 7,
-  commentCount: 13,
-  likeId: 12,
+  githubUrl: "https://github.com/side-peek/sidepeek_frontend",
+  deployUrl: "https://www.sidepeek.site/",
+  viewCount: 18,
+  likeCount: 2,
+  commentCount: 2,
   techStacks: [
     {
-      id: 21,
-      category: "프론트",
-      skill: {
-        id: 1,
-        name: "AWS EC2",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/aws-ec2.png",
-      },
-    },
-    {
-      id: 22,
-      category: "백",
-      skill: {
-        id: 2,
-        name: "AWS RDS",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/aws-rds.png",
-      },
-    },
-    {
-      id: 23,
-      category: "협업툴",
-      skill: {
-        id: 3,
-        name: "AWS S3",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/aws-s3.png",
-      },
-    },
-    {
-      id: 24,
-      category: "프론트",
-      skill: {
-        id: 4,
-        name: "Figma",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/figma.png",
-      },
-    },
-    {
-      id: 25,
-      category: "기타 등등",
-      skill: {
-        id: 5,
-        name: "Git",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/git-icon.png",
-      },
-    },
-    {
-      id: 26,
-      category: "프론트",
-      skill: {
-        id: 6,
-        name: "Github Actions",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/github-actions.png",
-      },
-    },
-    {
-      id: 27,
-      category: "프론트",
-      skill: {
-        id: 7,
-        name: "Github",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/github-icon.png",
-      },
-    },
-    {
-      id: 28,
-      category: "백",
-      skill: {
-        id: 8,
-        name: "Java",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/java.png",
-      },
-    },
-    {
-      id: 29,
-      category: "협업툴",
-      skill: {
-        id: 9,
-        name: "Javascript",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/javascript.png",
-      },
-    },
-    {
-      id: 30,
-      category: "프론트",
-      skill: {
-        id: 10,
-        name: "Kotlin",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/kotlin-icon.png",
-      },
-    },
-    {
-      id: 31,
-      category: "프론트",
-      skill: {
-        id: 11,
-        name: "Notion",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/notion-icon.png",
-      },
-    },
-    {
-      id: 32,
-      category: "백",
-      skill: {
-        id: 12,
-        name: "PostgreSQL",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/postgresql.png",
-      },
-    },
-    {
-      id: 33,
-      category: "프론트",
-      skill: {
-        id: 13,
-        name: "React Query",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/react-query-icon.png",
-      },
-    },
-    {
-      id: 34,
-      category: "협업툴",
-      skill: {
-        id: 14,
-        name: "React",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/react.png",
-      },
-    },
-    {
-      id: 35,
-      category: "백",
-      skill: {
-        id: 15,
-        name: "Slack",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/slack-icon.png",
-      },
-    },
-    {
-      id: 36,
-      category: "프론트",
-      skill: {
-        id: 16,
-        name: "Spring",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/spring-icon.png",
-      },
-    },
-    {
-      id: 37,
-      category: "프론트",
-      skill: {
-        id: 17,
-        name: "Swagger",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/swagger.png",
-      },
-    },
-    {
-      id: 38,
-      category: "협업툴",
-      skill: {
-        id: 18,
-        name: "Thymeleaf",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/thymeleaf-icon.png",
-      },
-    },
-    {
-      id: 39,
-      category: "프론트",
-      skill: {
-        id: 19,
-        name: "Tomcat",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/tomcat.png",
-      },
-    },
-    {
-      id: 40,
-      category: "백",
-      skill: {
-        id: 20,
-        name: "Typescript",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/typescript-icon.png",
-      },
-    },
-    {
-      id: 41,
-      category: "프론트",
-      skill: {
-        id: 1,
-        name: "AWS EC2",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/aws-ec2.png",
-      },
-    },
-    {
-      id: 42,
-      category: "백",
-      skill: {
-        id: 2,
-        name: "AWS RDS",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/aws-rds.png",
-      },
-    },
-    {
-      id: 43,
-      category: "협업툴",
-      skill: {
-        id: 3,
-        name: "AWS S3",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/aws-s3.png",
-      },
-    },
-    {
-      id: 44,
-      category: "협업툴",
-      skill: {
-        id: 4,
-        name: "Figma",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/figma.png",
-      },
-    },
-    {
-      id: 45,
-      category: "프론트",
-      skill: {
-        id: 5,
-        name: "Git",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/git-icon.png",
-      },
+      category: "프론트엔드",
+      skill: [
+        {
+          id: 2,
+          name: "Javascript",
+          iconImageUrl:
+            "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/javascript.svg",
+        },
+        {
+          id: 63,
+          name: "Git",
+          iconImageUrl:
+            "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/git-icon.svg",
+        },
+        {
+          id: 64,
+          name: "Vercel",
+          iconImageUrl:
+            "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/vercel-icon.svg",
+        },
+        {
+          id: 65,
+          name: "Netflify",
+          iconImageUrl:
+            "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/netlify-icon.svg",
+        },
+        {
+          id: 66,
+          name: "Express",
+          iconImageUrl:
+            "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/express.svg",
+        },
+        {
+          id: 1,
+          name: "Spring",
+          iconImageUrl:
+            "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/spring-icon.svg",
+        },
+      ],
     },
     {
-      id: 46,
-      category: "프론트",
-      skill: {
-        id: 6,
-        name: "Github Actions",
-        iconImageUrl:
-          "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/github-actions.png",
-      },
+      category: "백엔드",
+      skill: [
+        {
+          id: 2,
+          name: "Javascript",
+          iconImageUrl:
+            "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/javascript.svg",
+        },
+        {
+          id: 3,
+          name: "Java",
+          iconImageUrl:
+            "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/java.svg",
+        },
+        {
+          id: 4,
+          name: "Notion",
+          iconImageUrl:
+            "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/notion-icon.svg",
+        },
+        {
+          id: 5,
+          name: "Figma",
+          iconImageUrl:
+            "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/figma.svg",
+        },
+      ],
     },
   ],
-  startDate: "2024-01",
+  startDate: "2024-03",
   endDate: "2024-03",
-  ownerId: 1,
+  ownerId: 11,
   members: [
     {
-      id: 1,
-      role: "PO",
-      userSummary: {
-        id: 1,
-        nickname: "의진",
-        profileImageUrl:
-          "https://i.namu.wiki/i/N6_MwKL2hvhgbTGJR_rGAxby09eVQJdnx33clAyVNGcbZI83kXZSNg6OoGQeqTQ0iNWO-CZFZheouxGdEkCLvw.webp",
-      },
-    },
-    {
-      id: 2,
-      role: "프론트",
-      userSummary: {
-        id: 2,
-        nickname: "동건",
-        profileImageUrl:
-          "https://user-images.githubusercontent.com/donggun.png",
-      },
-    },
-    {
-      id: 3,
-      role: "오락부짱",
-      userSummary: {
-        id: null,
-        nickname: "민호",
-        profileImageUrl: null,
-      },
-    },
-    {
-      id: 4,
-      role: "PO",
-      userSummary: {
-        id: null,
-        nickname: "육개",
-        profileImageUrl: null,
-      },
-    },
-    {
-      id: 5,
-      role: "PO",
-      userSummary: {
-        id: null,
-        nickname: "육개데",
-        profileImageUrl: null,
-      },
-    },
-    {
-      id: 6,
-      role: "프론트",
-      userSummary: {
-        id: null,
-        nickname: "훈오오",
-        profileImageUrl: null,
-      },
+      role: "프론트엔드",
+      userSummary: [
+        {
+          id: 11,
+          nickname: "훈훈훈오",
+          profileImageUrl: "",
+        },
+      ],
     },
     {
-      id: 7,
-      role: "오락부짱",
-      userSummary: {
-        id: null,
-        nickname: "짱짱맨",
-        profileImageUrl: null,
-      },
+      role: "백엔드",
+      userSummary: [
+        {
+          id: null,
+          nickname: "종혁",
+          profileImageUrl: "",
+        },
+        {
+          id: 2,
+          nickname: "훈오훈오훈오",
+          profileImageUrl: "",
+        },
+      ],
     },
   ],
-  description:
-    "## 이미지가 잘오나?\\n\\n![image](https://velog.velcdn.com/images/gnsdh8616/post/c30b08c8-4221-44b5-bb68-3a66d1917de6/image.gif)\\n\\n## gg",
-  troubleShooting:
-    // eslint-disable-next-line quotes
-    '> 프로젝트가 끝나고 설문조사 답변을 받아 기능을 추가해봤고 그 과정에서 생긴 문제를 작성해봤다.\\n\\n![](https://velog.velcdn.com/images/gnsdh8616/post/8a079bf4-471b-4590-9ab9-07be88eec909/image.png)\\n\\n서비스에 대해서 설문조사를 진행하였고, DM 페이지 관련해서 메시지를 여러줄로 받을 수 있으면 좋겠다는 요구사항을 전달받았다. DM 메시지를 입력하는 부분을 `input`태그로 구현하는 것이 일반적이라고 생각했는데 다른 분들의 서비스들을 보니 내 방식과 같이 매시지를 한줄로만 입력하여 엔터로 메시지를 보내거나 여러줄을 입력하고 엔터가 아닌 전송버튼을 클릭해서 메시지를 보내는 방식 두가지로 나뉘는듯 했다. 개인적으로 후자의 경우 채팅을 엔터로 보낼 수 없다는 점에서 불편하다 느껴서 내가 한 방식이 옳다고 생각하였지만 이번 기회에 사용자가 많이 이용하는 유명한 서비스의 채팅기능을 꼼꼼히 살펴보았다.\\n\\n![](https://velog.velcdn.com/images/gnsdh8616/post/c873ae51-8408-4447-a46e-703d0b0ed744/image.gif)\\n\\n인스타그램, 카톡을 포함한 여러 채팅 기능의 경우 shift+enter로 줄바꿈을 하고 줄바꿈에 따라 input상자의 일정크기까지 늘어나고 이후에 크기가 더 늘어날 경우 스크롤이 생기는 방식을 사용하고 있었다. 위에서 언급한 두가지 방식을 합쳐놓은 느낌이어서 편리하다 생각했다.\\n그래서 나도 여러줄로 입력이 가능하면서 엔터로 메시지를 보내도록 기능을 수정해보기로 하였다.\\n\\n### 기존 코드\\n\\n```ts\\nimport * as S from \\"./MessageInput.Styles\\"\\nimport MessageProfile from \\"../../MessageGroupList/MessageProfile\\"\\nimport { useEffect, useState } from \\"react\\"\\nimport useSendMessage from \\"../../../hooks/useSendMessage\\"\\nimport SendIcon from \\"@mui/icons-material/Send\\"\\nimport { AUTH_API } from \\"@/apis/Api\\"\\nimport { DM_PLACEHOLDER_MESSAGE } from \\"@/constants/placeholderMessage\\"\\n\\ninterface MessageInputProps {\\n othersUserId: string\\n}\\n\\nconst MessageInput = ({ othersUserId }: MessageInputProps) => {\\n const [sendingMessage, setSendingMessage] = useState(\\"\\")\\n const { AlertModalComponent, sendMessage } = useSendMessage()\\n const [myProfileImg, setMyProfileImg] = useState(\\"\\")\\n\\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\\n const { value } = e.target\\n setSendingMessage(value)\\n }\\n\\n const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\\n e.preventDefault()\\n const messageSubmission = {\\n message: sendingMessage,\\n receiver: othersUserId,\\n }\\n sendMessage.mutate(messageSubmission)\\n setSendingMessage(\\"\\")\\n }\\n\\n const getMyProfileImg = async () => {\\n const { image } = await AUTH_API.get(`/auth-user`).then((res) => res.data)\\n\\n setMyProfileImg(image)\\n }\\n\\n useEffect(() => {\\n getMyProfileImg()\\n }, [])\\n\\n return (\\n <>\\n {AlertModalComponent}\\n <S.MessageInputLayout>\\n <S.MessageInputForm onSubmit={handleSubmit}>\\n <MessageProfile profileImg={myProfileImg} />\\n <S.MessageInputItem\\n placeholder={DM_PLACEHOLDER_MESSAGE.SEND_MESSAGE_INPUT}\\n onChange={handleInputChange}\\n value={sendingMessage}\\n />\\n <S.MessageSendButton>\\n <SendIcon />\\n </S.MessageSendButton>\\n </S.MessageInputForm>\\n </S.MessageInputLayout>\\n </>\\n )\\n}\\n\\nexport default MessageInput\\n```\\n\\n`MessageInput`컴포넌트는 말그대로 input을 담당하는 컴포넌트다. 여기서 input태그의 보낼 메시지 상태를 관리하고 제출관련한 로직도 담고 있다. 실제 입력이 이뤄지는 `input` 태그는 `MessageInputItem`컴포넌트이다. \\n\\n### textarea를 이용해 여러 줄 입력(엔터로 메시지 보내기 + shift+엔터로 줄바꿈)\\n\\n지금은 `input`태그를 사용하고 있기 때문에 한 줄로만 입력이 가능했다. 따라서 우선 여러줄로 메시지를 입력하기 위해 `textarea` 태그를 이용하였다. 또한, 기존에 입력이나 전송에 관련한 로직을 컴포넌트 안에 두고 있었는데 추상화를 위해 훅으로 따로 관리하였다.\\n\\n```ts\\nconst MessageInput = () => {\\n const { textValue, handleInputChange, handleSubmit, AlertModalComponent } = useTextArea()\\n\\n return (\\n <>\\n {AlertModalComponent}\\n <S.MessageInputLayout>\\n <S.MessageInputForm onSubmit={handleSubmit}>\\n <MessageProfile profileImg={myProfileImg} />\\n <S.MessageInputItem\\n placeholder={DM_PLACEHOLDER_MESSAGE.SEND_MESSAGE_INPUT}\\n onChange={handleInputChange}\\n value={textValue}\\n />\\n <S.MessageSendButton>\\n <SendIcon />\\n </S.MessageSendButton>\\n </S.MessageInputForm>\\n </S.MessageInputLayout>\\n </>\\n )\\n}\\n\\nexport default MessageInput\\n```\\n\\n```ts\\n// 훅\\n\\nimport { useState } from \\"react\\"\\nimport useSendMessage from \\"./useSendMessage\\"\\nimport { useParams } from \\"react-router-dom\\"\\n\\nconst useTextArea = () => {\\n const [textValue, setTextValue] = useState(\\"\\")\\n const { AlertModalComponent, sendMessage } = useSendMessage()\\n const { userId: othersUserId } = useParams()\\n\\n const handleInputChange = (\\n e: React.ChangeEvent<HTMLTextAreaElement>,\\n ): void => {\\n const { value } = e.target\\n if (!value) {\\n return\\n }\\n\\n setTextValue(value)\\n }\\n\\n const handleSubmit = (e: React.FormEvent<HTMLFormElement>): void => {\\n e.preventDefault()\\n if (!othersUserId) {\\n return\\n }\\n\\n const messageSubmission = {\\n message: textValue,\\n receiver: othersUserId,\\n }\\n\\n sendMessage.mutate(messageSubmission)\\n setTextValue(\\"\\")\\n }\\n\\n return { textValue, handleInputChange, handleSubmit, AlertModalComponent }\\n}\\n\\nexport default useTextArea\\n```\\n\\n![](https://velog.velcdn.com/images/gnsdh8616/post/c30b08c8-4221-44b5-bb68-3a66d1917de6/image.gif)\\n\\n당연히 예상한 결과지만 `textarea`로 바꿨기 때문에 더 이상 엔터로 메시지를 보낼 수 없다..!\\n엔터는 그냥 줄바꿈으로 인식되고, 전송은 오직 클릭버튼을 눌러야만 가능하다..\\n그래서 다른 여러 서비스에서 사용하는 것과 같이 shift+enter를 통해 줄바꿈, enter를 통해 전송을 하도록 구현했다.\\n\\n```ts\\ntype EventType =\\n | React.KeyboardEvent<HTMLTextAreaElement>\\n | React.FormEvent<HTMLFormElement>\\n\\nconst useTextArea = () => {\\n\\n const handleSubmit = (e: EventType): void => {\\n e.preventDefault()\\n if (!othersUserId) {\\n return\\n }\\n\\n const messageSubmission = {\\n message: textValue,\\n receiver: othersUserId,\\n }\\n\\n setTextValue(\\"\\")\\n sendMessage.mutate(messageSubmission)\\n }\\n\\n const handleEnter = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\\n if (!othersUserId) {\\n return\\n }\\n\\n if (e.key === \\"Enter\\" && !e.shiftKey) {\\n handleSubmit(e)\\n }\\n }\\n\\n return {\\n textValue,\\n handleInputChange,\\n handleSubmit,\\n AlertModalComponent,\\n handleEnter,\\n }\\n}\\n\\nexport default useTextArea\\n\\n```\\n\\n엔터를 감지하기위해 기존의 `onChange`이벤트 이외에 `onKeyDown`을 추가해서 오직 enter를 눌렀을때만 전송 이벤트를 호출하도록 하였다.\\n\\n### 메시지가 두번 보내지는 문제\\n\\n![](https://velog.velcdn.com/images/gnsdh8616/post/14a93d6d-e18a-43d7-a8a1-8100a0868cb2/image.gif)\\n\\n\\n```ts\\nconst handleEnter = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\\n if (e.key === \\"Enter\\" && !e.shiftKey) {\\n handleSubmit(e)\\n }\\n }\\n```\\n위와 같이 구현하니 enter와 shift+enter 이벤트를 구분할 수 있었지만`keydown`이벤트에서만 한글을 입력하고 제출 시 끝의 글자 하나가 중복돼서 보내지는 문제가 있었다. 구글링을 하니 유명한 문제였고 빠르게 해결할 수 있었다.\\n \\n![](https://velog.velcdn.com/images/gnsdh8616/post/898ebf27-7453-4035-98b1-a5399b40a60b/image.png)\\n\\n위 사진을 자세히 보면 글자 입력시 아래 파란색 밑줄이 생긴다. 이 경우 메시지를 보내게 되면 이벤트가 두번 호출되는 문제가 발생하는 것이다. 영어와 다르게 한글은 받침이 존재하기 때문에 글자가 조합 중인지 끝난 상태인지 파악하기 어렵기 때문에 발생하는 문제였다.\\n다행히, 키보드 이벤트의 `isComposing` 함수를 통해 입력된 문자가 조합 문자인지 아닌지를 검증할 수 있었다.\\n\\n```ts\\nconst handleEnter = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\\n // 조합중일 경우 이벤트 막음\\n if (e.nativeEvent.isComposing) {\\n return\\n }\\n\\n if (e.key === \\"Enter\\" && !e.shiftKey) {\\n handleSubmit(e)\\n }\\n }\\n```\\n\\n이제 문자가 조합중이지 않을 경우에만 메시지를 전송하므로 중복출력이 되지 않는다.\\n\\n\\n### textarea의 높이가 자동 조절되지 않는 문제\\n\\n현재는 shift+enter로 줄바꿈이 가능하지만 그에 맞게 textarea의 높이가 늘어나지 않아서 사용자가 현재 입력하고 있는 메시지들의 전체적인 내용을 확인할 수 없는 문제가 있었다. 제일 거슬리는 문제이고 해결하는데 오래걸릴 것 같은 문제였다. 실제로 다른 문제들보다 해결하는데에 시간을 많이 썼다.\\n\\n![](https://velog.velcdn.com/images/gnsdh8616/post/3608d196-71cd-4863-bd93-e4c3135c78e1/image.png)\\n\\n\\n이 문제를 해결하기 위해선 `scrollHeight`개념을 완전히 이해해야한다.\\n컨텐츠가 보여지는 영역인 `height` 외에 보여지지 않는 부분까지 포함된 `scrollHeight`라는 속성이 존재했고 현재 아무리 줄바꿈을 많이해도 보여지지 않는 부분을 `scrollHeight`가 포함하고 있고 `scrollHeight`는 동적으로 변하지만 `height`는 고정되어있어서 초기에 스타일로 지정한 높이만큼만 보여지는 것이다.\\n\\n따라서, 영역이 늘어남에 따라 `height`영역의 크기를 DOM 접근을 통해(`ref`) `scrollHeight`를 대입하면 문제를 해결할 수 있을 것 같다는 느낌을 받을 수 있다. 하지만, `height`가 내용물의 `height`보다 큰 경우가 존재한다. `content`는 내용물 높이와 1:1로 같은 것이 절대 아니고 비어있는 높이가 존재하기 때문이다. 결국 `cotnent`의 높이는 내용물 높이 + 비어있는 높이이고, `scrollHeight`는 내용물의 높이 + `padding`이 아닌 **`content + padding` + 보여지지 않는 내용물의 높이로 계산해야한다.**\\n이를 왜 고려해야 하냐면 줄바꿈을 여러번 하고 글자들을 다시 지울경우 비어있는 공간이 줄어들지 않는 문제가 발생하기 때문이다.\\n\\n이를 고려한 최종 코드는 다음과 같다.\\n\\n```ts\\n const resize = () => {\\n if (!textRef.current) {\\n return\\n }\\n\\n textRef.current.style.height = \\"0px\\"\\n\\n const scrollHeight = textRef.current.scrollHeight\\n const style = window.getComputedStyle(textRef.current)\\n const borderTop = parseInt(style.borderTop)\\n const borderBottom = parseInt(style.borderBottom)\\n\\n textRef.current.style.height =\\n scrollHeight + borderTop + borderBottom + \\"px\\"\\n }\\n\\n const handleInputChange = (\\n e: React.ChangeEvent<HTMLTextAreaElement>,\\n ): void => {\\n // 생략\\n resize()\\n }\\n\\n const handleSubmit = (e: EventType): void => {\\n // 생략\\n resize()\\n }\\n}\\n\\nexport default useTextArea\\n```\\n\\n우선, `textarea`의 속성을 계산하고 할당해야하므로 `ref`를 이용하였다. 그리고 핵심적인 `resize`함수의 로직은 다음과 같다. `resize`함수는 메시지를 매번 입력시 호출된다.\\n\\n1. `height`를 0으로 설정\\n2. `scrollheight`를 계산\\n3. `height`에 `scrollHeight`대입\\n\\n핵심은 매번 `height`를 0으로 설정하는 것인데 이를 통해 줄바꿈을 해제할때 항상 빈공간의 높이를 고려하여 `scrollHeight`를 계산해줄 수 있다.\\n\\n![](https://velog.velcdn.com/images/gnsdh8616/post/6a906c01-22ee-4104-990b-47bfb5f3f1f4/image.gif)\\n\\n\\n### 메시지를 보내고 높이가 초기화 되지 않는 문제\\n\\n이제 메시지를 썼다 지웠다 하는 과정에서 `textarea`의 높이는 동적으로 잘 늘어나지만 늘어날때 리스트의 스크롤이 위로 올라가서 최신 메시지가 가려진다는 문제, 메시지를 전송했을 때에는 `input`부분의 높이가 원래대로 돌아오지 않는다는 문제가 있었다.\\n\\n우선, 첫 번째 문제는 기존의 스크롤이 늘어난 만큼 스크롤을 아래로 내려주는 함수를 재활용하였다. 이를 위해서 `textarea`의 높이에 따라서 함수를 호출하려 했는데 \\n\\n기존에는 `MessageInput`외부에서 관리되고 있던 이 함수를 `MessageInput`에서 `textRef`가 변함에 따라 함수를 `props`로 넘겨서 호출하려 했다. 하지만 이후에 `useEffect`를 되도록 지양하기 위해서 상위의 `MessageList`에서 `height`를 state로 관리하고 `resize`마다 이 상태값을 업데이트 하도록하였다.\\n\\n```ts\\n// MessageList.tsx\\n\\n const scrollToBottom = () => {\\n if (scrollRef.current) {\\n scrollRef.current.scrollTop = scrollRef.current.scrollHeight\\n }\\n }\\n\\n useEffect(() => {\\n scrollToBottom()\\n }, [MessageList, messageListHeight])\\n\\n```\\n\\n\\n```ts\\n// 훅\\n const resize = () => {\\n // 생략\\n if (scrollRef.current) {\\n setMessageListHeight(scrollRef.current.clientHeight)\\n }\\n }\\n```\\n\\n두번째 문제는 제출시마다 기존의 `height`로 설정하도록 수정하였다.\\n\\n```ts\\n const handleSubmit = (e: EventType): void => {\\n // 생략\\n\\n // 제출 후 원레 높이로 재조정\\n if (textRef.current) {\\n textRef.current.style.height = \\"18px\\"\\n }\\n }\\n```\\n\\n![](https://velog.velcdn.com/images/gnsdh8616/post/0be9ca41-4b5e-49ac-b72e-1d97be12db4e/image.gif)\\n\\n\\n\\n### 초기 렌더링시 스크롤 계산 함수가 두 번 호출 되는 문제\\n\\n![](https://velog.velcdn.com/images/gnsdh8616/post/f77c9f89-c6f6-4df3-a280-1f5f248d7f62/image.gif)\\n\\n```ts\\n const [messageListHeight, setMessageListHeight] = useState(0)\\n\\n const { userId: othersUserId } = useParams()\\n const { data: MessageList } = useMessageList(othersUserId || \\"\\")\\n const scrollRef = useRef<HTMLDivElement>(null)\\n\\n const scrollToBottom = () => {\\n if (scrollRef.current) {\\n scrollRef.current.scrollTop = scrollRef.current.scrollHeight\\n }\\n }\\n\\n useEffect(() => {\\n scrollToBottom()\\n }, [MessageList, messageListHeight])\\n```\\n\\n리액트의 strict 모드의 경우는 렌더링을 두번한다. 하지만, 콘솔을 통해 확인해보니 렌더링이 두번 되고나서 1초 정도뒤에 다시 렌더링이 되는 것을 발견하였다. `useEffect`의 `dependencgy`를 확인해보니`MessageList`라는 서버에서 받는 데이터가 원인이라는 것을 알게 되었다.\\n\\n그래서 서버데이터를 받는 `useQuery` 훅 내부를 살펴보니 문제의 원인을 단번에 알수 있었다.\\n\\n![](https://velog.velcdn.com/images/gnsdh8616/post/27e91b5d-5f4a-419e-9d0b-a45e4c4e00f6/image.png)\\n\\n\\n훅 내부에서 refetch를 1초마다 보내고 있기 때문에 서버에서 받아오는 메시지 리스트의 데이터가 계속 갱신되고 있었고 똑같아 보여도 매번 새로 받아오는 서버 데이터이기 때문에 다른 데이터로 보고 `useEffect`내부의 함수가 실행되는 것이었다.\\n\\n```ts\\n useEffect(() => {\\n scrollToBottom()\\n }, [MessageList?.length, messageListHeight])\\n```\\n\\n따라서, `dependency`를 배열 자체가 아닌 배열의 길이로 수정해서 해결할 수 있었다.\\n\\n\\n\\n\\n\\n## 참고자료\\nhttps://oursmalljoy.com/js-textarea-auto-height-upon-typing/\\nhttps://doqtqu.tistory.com/344',
+  description: "# 사이드픽이에요 ㅎㅎㅎ",
+  troubleShooting: "# 사이드픽이에요ㅎㅎㅎㅎ",
   comments: [
     {
-      id: 1,
+      id: 2,
       user: {
-        id: 3,
-        nickname: "세희",
-        profileImageUrl: "https://user-images.githubusercontent.com/hailey.png",
+        id: 12,
+        nickname: "바보",
+        profileImageUrl: "",
       },
       isOwner: false,
       isAnonymous: false,
-      content: "우와 이 프로젝트 대박인데요?",
-      createdAt: "2024-03-11 00:44:43",
+      content: "재밌어요!",
+      createdAt: "2024-03-25 02:51:22",
       replies: [
         {
           id: 3,
-          parentId: 1,
-          user: {
-            id: 1,
-            nickname: "의진",
-            profileImageUrl:
-              "https://user-images.githubusercontent.com/uijin.png",
-          },
-          isOwner: true,
-          isAnonymous: false,
-          content: "좋게 봐주셔서 감사합니다!",
-          createdAt: "2024-03-11 00:44:43",
-        },
-        {
-          id: 6,
-          parentId: 1,
+          parentId: 2,
           user: {
-            id: 4,
-            nickname: "훈오",
+            id: 5,
+            nickname: "Hailey",
             profileImageUrl:
-              "https://user-images.githubusercontent.com/whoknow.png",
+              "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/image/prod/b19c7dbf-7f19-4fb2-93f6-2da818388ede.jpg",
           },
           isOwner: false,
           isAnonymous: false,
-          content:
-            "세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 ",
-          createdAt: "2024-03-11 08:53:25",
-        },
-        {
-          id: 9,
-          parentId: 1,
-          user: {
-            id: 4,
-            nickname: "훈오",
-            profileImageUrl:
-              "https://user-images.githubusercontent.com/whoknow.png",
-          },
-          isOwner: false,
-          isAnonymous: false,
-          content:
-            "세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세",
-          createdAt: "2024-03-11 08:55:45",
+          content: "wow 대박스",
+          createdAt: "2024-03-25 07:52:02",
         },
       ],
     },
-    {
-      id: 2,
-      user: null,
-      isOwner: false,
-      isAnonymous: true,
-      content: "LGTM ✨💖",
-      createdAt: "2024-03-11 00:44:43",
-      replies: [],
-    },
-    {
-      id: 4,
-      user: {
-        id: 3,
-        nickname: "세희",
-        profileImageUrl: "https://user-images.githubusercontent.com/hailey.png",
-      },
-      isOwner: false,
-      isAnonymous: false,
-      content:
-        "세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 세 ",
-      createdAt: "2024-03-11 08:53:25",
-      replies: [],
-    },
-    {
-      id: 5,
-      user: null,
-      isOwner: false,
-      isAnonymous: true,
-      content: "LGTM ✨💖",
-      createdAt: "2024-03-11 08:53:25",
-      replies: [],
-    },
-    {
-      id: 7,
-      user: {
-        id: 3,
-        nickname: "세희",
-        profileImageUrl: "https://user-images.githubusercontent.com/hailey.png",
-      },
-      isOwner: false,
-      isAnonymous: false,
-      content:
-        "세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세세",
-      createdAt: "2024-03-11 08:55:45",
-      replies: [],
-    },
-    {
-      id: 8,
-      user: null,
-      isOwner: false,
-      isAnonymous: true,
-      content: "LGTM ✨💖",
-      createdAt: "2024-03-11 08:55:45",
-      replies: [],
-    },
   ],
+  likeId: null,
 }

From 08b3594add7acf055335d3aecb71e05eab20e476 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Thu, 4 Apr 2024 18:28:22 +0900
Subject: [PATCH 22/37] =?UTF-8?q?[Chore=20=F0=9F=9A=80]=20AvatarCard?=
 =?UTF-8?q?=EC=97=90=20aria-label=20=EC=86=8D=EC=84=B1=20=EC=A0=81?=
 =?UTF-8?q?=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AvatarCard/Components/AvatarCardImage.tsx          |  2 +-
 src/mocks/index.ts                                     |  4 ++--
 .../components/Content/TechStacks/TechStacks.tsx       | 10 ++++------
 3 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/components/AvatarCard/Components/AvatarCardImage.tsx b/src/components/AvatarCard/Components/AvatarCardImage.tsx
index 0c61b139..079f9cba 100644
--- a/src/components/AvatarCard/Components/AvatarCardImage.tsx
+++ b/src/components/AvatarCard/Components/AvatarCardImage.tsx
@@ -10,7 +10,7 @@ const AvatarCardImage = ({ children, ...props }: AvatarCardImageProps) => {
   return (
     <Avatar
       size="xl"
-      name=""
+      aria-label="프로필 이미지"
       {...props}>
       {children}
     </Avatar>
diff --git a/src/mocks/index.ts b/src/mocks/index.ts
index 39c58d61..b841410b 100644
--- a/src/mocks/index.ts
+++ b/src/mocks/index.ts
@@ -1,4 +1,4 @@
 export const initMsw = async () => {
-  const { worker } = await import("./browser")
-  worker.start()
+  // const { worker } = await import("./browser")
+  // worker.start()
 }
diff --git a/src/pages/ProjectDetailPage/components/Content/TechStacks/TechStacks.tsx b/src/pages/ProjectDetailPage/components/Content/TechStacks/TechStacks.tsx
index fbb7e4fb..e67ca9be 100644
--- a/src/pages/ProjectDetailPage/components/Content/TechStacks/TechStacks.tsx
+++ b/src/pages/ProjectDetailPage/components/Content/TechStacks/TechStacks.tsx
@@ -40,17 +40,15 @@ const TechStacks = ({ techStacks }: TechStacksProps) => {
                   spacing="1rem"
                   flexWrap="wrap">
                   {skillList.map((skill, index) => {
+                    console.log(
+                      skill.iconImageUrl?.split(/\//).at(-1)?.split(/\./)[0],
+                    )
                     return (
                       <CommonTag
                         leftElement={
                           <Image
                             src={skill.iconImageUrl}
-                            alt={
-                              skill.iconImageUrl
-                                ?.split(/\//)
-                                .at(-1)
-                                ?.split(/\./)[0]
-                            }
+                            alt=""
                             w="2rem"
                           />
                         }

From a1bd5c96e8b9503898189ca6807b98e6d499740b Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Thu, 4 Apr 2024 19:11:40 +0900
Subject: [PATCH 23/37] =?UTF-8?q?[Design=20=F0=9F=8E=A8]=20=EC=83=89?=
 =?UTF-8?q?=EC=83=81=EB=8C=80=EB=B9=84=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/AvatarCard/Components/AvatarCardImage.tsx     | 2 +-
 .../components/Comments/CommentsForm/CommentsForm.tsx        | 5 ++---
 .../CommentsItem/components/CommentsTop/CommentsTop.tsx      | 2 +-
 .../components/Summary/SummaryContent/SummaryLink.tsx        | 2 +-
 4 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/AvatarCard/Components/AvatarCardImage.tsx b/src/components/AvatarCard/Components/AvatarCardImage.tsx
index 079f9cba..0c61b139 100644
--- a/src/components/AvatarCard/Components/AvatarCardImage.tsx
+++ b/src/components/AvatarCard/Components/AvatarCardImage.tsx
@@ -10,7 +10,7 @@ const AvatarCardImage = ({ children, ...props }: AvatarCardImageProps) => {
   return (
     <Avatar
       size="xl"
-      aria-label="프로필 이미지"
+      name=""
       {...props}>
       {children}
     </Avatar>
diff --git a/src/pages/ProjectDetailPage/components/Comments/CommentsForm/CommentsForm.tsx b/src/pages/ProjectDetailPage/components/Comments/CommentsForm/CommentsForm.tsx
index 5ab0c92e..b6535d3f 100644
--- a/src/pages/ProjectDetailPage/components/Comments/CommentsForm/CommentsForm.tsx
+++ b/src/pages/ProjectDetailPage/components/Comments/CommentsForm/CommentsForm.tsx
@@ -103,7 +103,7 @@ const CommentsForm = ({
                   size="lg"
                   _hover={user ? { opacity: 0.5 } : {}}
                   onChange={handleAnonymous}
-                  color={isAnonymous ? "red.200" : "grey.500"}
+                  color={isAnonymous ? "red.700" : "grey.500"}
                   colorScheme="red">
                   익명
                 </Checkbox>
@@ -118,11 +118,10 @@ const CommentsForm = ({
             bgColor="blue.100"
             borderRadius="0"
             borderTopRightRadius="1rem"
-            opacity={!isSubmitting && isValid ? "1" : "0.3"}
             color="white"
             fontSize="xl"
             disabled={isSubmitting || !user}
-            cursor={!isSubmitting && isValid ? "pointer" : "default"}
+            cursor={!isSubmitting && isValid ? "pointer" : "not-allowed"}
             type="submit">
             입력
           </Button>
diff --git a/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/CommentsTop/CommentsTop.tsx b/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/CommentsTop/CommentsTop.tsx
index f4c58afe..9086994a 100644
--- a/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/CommentsTop/CommentsTop.tsx
+++ b/src/pages/ProjectDetailPage/components/Comments/CommentsItem/components/CommentsTop/CommentsTop.tsx
@@ -30,7 +30,7 @@ const CommentTop = ({ comment }: CommentTopProps) => {
         </Text>
         {isLargerThan768 && (
           <Text
-            color="grey.500"
+            color="blue.100"
             fontSize="md">
             {dateToTimeago(comment.createdAt)}
           </Text>
diff --git a/src/pages/ProjectDetailPage/components/Summary/SummaryContent/SummaryLink.tsx b/src/pages/ProjectDetailPage/components/Summary/SummaryContent/SummaryLink.tsx
index 4395c0aa..6f860df1 100644
--- a/src/pages/ProjectDetailPage/components/Summary/SummaryContent/SummaryLink.tsx
+++ b/src/pages/ProjectDetailPage/components/Summary/SummaryContent/SummaryLink.tsx
@@ -34,7 +34,7 @@ const SummaryLink = ({ deployUrl, githubUrl }: SummaryLinkProps) => {
       {githubUrl && (
         <Button
           leftIcon={<FaGithub />}
-          bgColor="blue.300"
+          bgColor="blue.100"
           onClick={() => handleOpenNewTab(githubUrl)}
           {...SummaryLinkButtonStyle}>
           {"Github"}

From 58881836e36eada1b737d231f89413efef819748 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Thu, 4 Apr 2024 19:18:25 +0900
Subject: [PATCH 24/37] =?UTF-8?q?[Design=20=F0=9F=8E=A8]=20=EC=83=89?=
 =?UTF-8?q?=EC=83=81=EB=8C=80=EB=B9=84=20=EC=9E=AC=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Comments/CommentsForm/CommentsForm.tsx           | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/ProjectDetailPage/components/Comments/CommentsForm/CommentsForm.tsx b/src/pages/ProjectDetailPage/components/Comments/CommentsForm/CommentsForm.tsx
index b6535d3f..7f5e2150 100644
--- a/src/pages/ProjectDetailPage/components/Comments/CommentsForm/CommentsForm.tsx
+++ b/src/pages/ProjectDetailPage/components/Comments/CommentsForm/CommentsForm.tsx
@@ -103,7 +103,7 @@ const CommentsForm = ({
                   size="lg"
                   _hover={user ? { opacity: 0.5 } : {}}
                   onChange={handleAnonymous}
-                  color={isAnonymous ? "red.700" : "grey.500"}
+                  color="red.700"
                   colorScheme="red">
                   익명
                 </Checkbox>

From acb4f0321e17ac1e410274f34eec4bf918b5bc8e Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Thu, 4 Apr 2024 19:28:41 +0900
Subject: [PATCH 25/37] =?UTF-8?q?[Refactoring=20=E2=9A=99=EF=B8=8F]=20?=
 =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20lazy=20loading=20=EC=A0=81?=
 =?UTF-8?q?=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Summary/SummaryContent/SummaryRight.tsx          | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/pages/ProjectDetailPage/components/Summary/SummaryContent/SummaryRight.tsx b/src/pages/ProjectDetailPage/components/Summary/SummaryContent/SummaryRight.tsx
index 64b18f8e..3eaa1de6 100644
--- a/src/pages/ProjectDetailPage/components/Summary/SummaryContent/SummaryRight.tsx
+++ b/src/pages/ProjectDetailPage/components/Summary/SummaryContent/SummaryRight.tsx
@@ -43,6 +43,7 @@ const SummaryRight = ({ overviewImageUrl }: SummaryRightProps) => {
           {overviewImageUrl?.map((overviewImg) => (
             <SwiperSlide key={overviewImg.id}>
               <Image
+                loading="lazy"
                 src={overviewImg.url}
                 fallbackSrc={noImage}
                 alt="overviewImg"
@@ -53,6 +54,7 @@ const SummaryRight = ({ overviewImageUrl }: SummaryRightProps) => {
       ) : (
         <Image
           src={noImage}
+          loading="lazy"
           fallbackSrc={noImage}
           alt="defaultOverviewImg"
         />

From 926086d4707540f37a4391e332e7312ee02ad3b4 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Thu, 4 Apr 2024 19:50:56 +0900
Subject: [PATCH 26/37] =?UTF-8?q?[Remove=20=F0=9F=97=91=EF=B8=8F]=20mockDa?=
 =?UTF-8?q?ta=20=EC=9E=84=EC=8B=9C=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/ProjectDetailPage/mocks/mockData.ts | 144 +-----------------
 1 file changed, 1 insertion(+), 143 deletions(-)

diff --git a/src/pages/ProjectDetailPage/mocks/mockData.ts b/src/pages/ProjectDetailPage/mocks/mockData.ts
index 608ff329..b9a127f2 100644
--- a/src/pages/ProjectDetailPage/mocks/mockData.ts
+++ b/src/pages/ProjectDetailPage/mocks/mockData.ts
@@ -1,143 +1 @@
-export const DUMMY_PROJECT_DETAIL = {
-  id: 32,
-  name: "사이드픽👀",
-  subName: "좋은 아이디어? 사이드픽에서 찾아봐!",
-  overview: "사이드 프로젝트를 공유하는 사이드픽입니다.",
-  thumbnailUrl: "https://sidepeek.image/imageeUrl",
-  overviewImageUrl: [
-    {
-      id: 3,
-      url: "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/image/prod/17d03060-504f-412f-bbb3-586e660867a5.jpeg",
-    },
-    {
-      id: 4,
-      url: "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/image/prod/b8d87d50-08f6-42bd-9486-4c6ce3773217.jpg",
-      id: 4,
-      url: "https://sidepeek.image/img1.jpg",
-    },
-  ],
-  githubUrl: "https://github.com/side-peek/sidepeek_frontend",
-  deployUrl: "https://www.sidepeek.site/",
-  viewCount: 18,
-  likeCount: 2,
-  commentCount: 2,
-  githubUrl: "https://github.com/side-peek",
-  deployUrl: "https://www.sidepeek.com",
-  viewCount: 1,
-  likeCount: 0,
-  commentCount: 0,
-  techStacks: [
-    {
-      category: "백엔드",
-      skill: [
-        {
-          id: 16,
-          name: "Spring",
-          iconImageUrl:
-            "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/spring-icon.png",
-        },
-      ],
-    },
-    {
-      category: "프론트엔드",
-      skill: [
-        {
-          id: 14,
-          name: "React",
-          iconImageUrl:
-            "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/react.png",
-        },
-      ],
-    },
-    {
-      category: "인프라",
-      skill: [
-        {
-          id: 1,
-          name: "AWS EC2",
-          iconImageUrl:
-            "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/aws-ec2.png",
-        },
-        {
-          id: 2,
-          name: "AWS RDS",
-          iconImageUrl:
-            "https://sidepeek-bucket.s3.ap-northeast-2.amazonaws.com/skill/aws-rds.png",
-        },
-      ],
-    },
-  ],
-  startDate: "2024-02",
-  endDate: "2024-03",
-  ownerId: 8,
-  members: [
-    {
-      role: "프론트엔드",
-      userSummary: [
-        {
-          id: 7,
-          nickname: "종혁",
-          profileImageUrl:
-            "https://user-images.githubusercontent.com/jonghk.png",
-        },
-      ],
-    },
-    {
-      role: "백엔드",
-      userSummary: [
-        {
-          id: 8,
-          nickname: "예림",
-          profileImageUrl: "https://user-images.githubusercontent.com/yen.png",
-        },
-        {
-          id: 1,
-          nickname: "의진",
-          profileImageUrl:
-            "https://user-images.githubusercontent.com/uijin.png",
-        },
-      ],
-    },
-  ],
-  description: "## 사이드픽 기능 설명 Markdown",
-  troubleShooting: "## 사이드픽 트러블 슈팅 Markdown",
-  comments: [
-    {
-      id: 1,
-      user: {
-        id: 3,
-        nickname: "세희",
-        profileImageUrl: "https://user-images.githubusercontent.com/hailey.png",
-      },
-      isOwner: false,
-      isAnonymous: false,
-      content: "우와 이 프로젝트 대박인데요?",
-      createdAt: "2024-03-02 20:17:00",
-      replies: [
-        {
-          id: 3,
-          parentId: 1,
-          user: {
-            id: 1,
-            nickname: "의진",
-            profileImageUrl:
-              "https://user-images.githubusercontent.com/uijin.png",
-          },
-          isOwner: true,
-          isAnonymous: false,
-          content: "좋게 봐주셔서 감사합니다!",
-          createdAt: "2024-12-12 10:12:00",
-        },
-      ],
-    },
-    {
-      id: 2,
-      user: null,
-      isOwner: false,
-      isAnonymous: true,
-      content: "LGTM ✨💖",
-      createdAt: "2024-12-12 10:12:00",
-    },
-  ],
-  likeId: null,
-}
+export const DUMMY_PROJECT_DETAIL = {}

From 04a367e3c6c720baf4dd1ddd02ae09b181889753 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Thu, 4 Apr 2024 20:19:58 +0900
Subject: [PATCH 27/37] =?UTF-8?q?[Refactoring=20=E2=9A=99=EF=B8=8F]=20?=
 =?UTF-8?q?=EB=A9=94=ED=83=80=20=ED=83=9C=EA=B7=B8=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index d309881f..ad1bc3a8 100644
--- a/index.html
+++ b/index.html
@@ -6,9 +6,9 @@
       name="viewport"
       content="width=device-width, initial-scale=1.0" />
     <meta
-      httpEquiv="Content-Security-Policy"
-      content="upgrade-insecure-requests" />
-    <title>SidePeek</title>
+      name="description"
+      content="사이드 프로젝트를 공유하고 구경해보세요!" />
+    <title>사이드픽(SidePeek) - 사이드 프로젝트 공유 사이트</title>
   </head>
   <body>
     <div id="root"></div>

From 50cd8c51b8bbb0236340f9cb0873eff3a7825bb4 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Fri, 5 Apr 2024 00:17:40 +0900
Subject: [PATCH 28/37] =?UTF-8?q?[Refactoring=20=E2=9A=99=EF=B8=8F]=20?=
 =?UTF-8?q?=EB=9D=BC=EC=9A=B0=ED=84=B0=20=EA=B5=AC=EC=A1=B0=20=EC=9E=AC=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                           | 15 ++++++++++++
 src/App.tsx                          | 10 +++++++-
 src/routes/index.tsx                 | 35 ++++++++++++++--------------
 src/routes/layouts/DefaultLayout.tsx | 33 +++++++++++---------------
 4 files changed, 54 insertions(+), 39 deletions(-)

diff --git a/index.html b/index.html
index ad1bc3a8..55d44e77 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,21 @@
     <meta
       name="viewport"
       content="width=device-width, initial-scale=1.0" />
+    <meta
+      property="og:title"
+      content="사이드픽 - 사이드 프로젝트를 공유하고 구경해보세요!" />
+    <meta
+      property="og:image"
+      content="https://www.sidepeek.site/assets/sidepeek_logo-BS3RZAZ-.svg" />
+    <meta
+      property="og:type"
+      content="website" />
+    <meta
+      property="og:url"
+      content="https://www.sidepeek.site/" />
+    <meta
+      property="og:locale"
+      content="ko_KR" />
     <meta
       name="description"
       content="사이드 프로젝트를 공유하고 구경해보세요!" />
diff --git a/src/App.tsx b/src/App.tsx
index 59d7ef17..b3726021 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,9 +1,13 @@
+import { Suspense } from "react"
 import { RouterProvider } from "react-router-dom"
 
 import { ChakraProvider, ColorModeScript } from "@chakra-ui/react"
 
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
 
+import ErrorBoundaries from "@components/ErrorBoundary/ErrorBoundaries"
+import FullScreenSpinner from "@components/LoadingComponents/FullScreenSpinner"
+
 import { isAuthError } from "@utils/isAuthError"
 
 import { router } from "./routes"
@@ -28,7 +32,11 @@ const App = () => {
     <QueryClientProvider client={queryClient}>
       <ChakraProvider theme={theme}>
         <ColorModeScript initialColorMode="light" />
-        <RouterProvider router={router} />
+        <ErrorBoundaries>
+          <Suspense fallback={<FullScreenSpinner />}>
+            <RouterProvider router={router} />
+          </Suspense>
+        </ErrorBoundaries>
       </ChakraProvider>
     </QueryClientProvider>
   )
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index e51aa37b..cf6dfacd 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -28,7 +28,6 @@ const SignUpPage = React.lazy(() => import("@/pages/SignUpPage/SignUpPage"))
 
 export const router = createBrowserRouter([
   {
-    path: "/",
     element: <DefaultLayout />,
     children: [
       {
@@ -51,23 +50,23 @@ export const router = createBrowserRouter([
           { path: "edit", element: <ProfileEditPage /> },
         ],
       },
-      {
-        path: "/login",
-        loader: determineRedirectLoader(false),
-        children: [
-          { index: true, element: <LoginPage /> },
-          { path: ":validation", element: <NicknameSetupPage /> },
-        ],
-      },
-      {
-        path: "/signup",
-        loader: determineRedirectLoader(false),
-        element: <SignUpPage />,
-      },
-      {
-        path: "*",
-        element: <ErrorPage />,
-      },
     ],
   },
+  {
+    path: "/login",
+    loader: determineRedirectLoader(false),
+    children: [
+      { index: true, element: <LoginPage /> },
+      { path: ":validation", element: <NicknameSetupPage /> },
+    ],
+  },
+  {
+    path: "/signup",
+    loader: determineRedirectLoader(false),
+    element: <SignUpPage />,
+  },
+  {
+    path: "*",
+    element: <ErrorPage />,
+  },
 ])
diff --git a/src/routes/layouts/DefaultLayout.tsx b/src/routes/layouts/DefaultLayout.tsx
index 3d8f398f..5827bf55 100644
--- a/src/routes/layouts/DefaultLayout.tsx
+++ b/src/routes/layouts/DefaultLayout.tsx
@@ -1,35 +1,28 @@
-import { Suspense } from "react"
 import { Outlet } from "react-router"
 
 import { Box, Flex, Spacer } from "@chakra-ui/react"
 
-import ErrorBoundaries from "@components/ErrorBoundary/ErrorBoundaries"
 import Footer from "@components/Footer/Footer"
 import Header from "@components/Header/Header"
-import FullScreenSpinner from "@components/LoadingComponents/FullScreenSpinner"
 import Prefetcher from "@components/PreFetcher/Prefetcher"
 
 import ScrollToTop from "../ScrollToTop/ScrollToTop"
 
 const DefaultLayout = () => {
   return (
-    <ErrorBoundaries>
-      <Suspense fallback={<FullScreenSpinner />}>
-        <Prefetcher>
-          <Flex
-            direction="column"
-            minHeight="100vh">
-            <ScrollToTop />
-            <Header />
-            <Box>
-              <Outlet />
-            </Box>
-            <Spacer />
-            <Footer />
-          </Flex>
-        </Prefetcher>
-      </Suspense>
-    </ErrorBoundaries>
+    <Prefetcher>
+      <Flex
+        direction="column"
+        minHeight="100vh">
+        <ScrollToTop />
+        <Header />
+        <Box>
+          <Outlet />
+        </Box>
+        <Spacer />
+        <Footer />
+      </Flex>
+    </Prefetcher>
   )
 }
 

From 672b8890d2a89ceb456be90c2da49222634709c2 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Fri, 5 Apr 2024 01:03:37 +0900
Subject: [PATCH 29/37] =?UTF-8?q?[Chore=20=F0=9F=9A=80]=20robots.txt=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/robots.txt  |  4 ++++
 public/sitemap.xml | 16 ++++++++++++++++
 2 files changed, 20 insertions(+)
 create mode 100644 public/robots.txt
 create mode 100644 public/sitemap.xml

diff --git a/public/robots.txt b/public/robots.txt
new file mode 100644
index 00000000..9450c3ef
--- /dev/null
+++ b/public/robots.txt
@@ -0,0 +1,4 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:
+
diff --git a/public/sitemap.xml b/public/sitemap.xml
new file mode 100644
index 00000000..c24d977f
--- /dev/null
+++ b/public/sitemap.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset
+      xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+      xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
+            http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
+<!-- created with Free Online Sitemap Generator www.xml-sitemaps.com -->
+
+
+<url>
+  <loc>https://www.sidepeek.site/</loc>
+  <lastmod>2024-04-04T15:56:57+00:00</lastmod>
+</url>
+
+
+</urlset>
\ No newline at end of file

From 6a271036f586e8fbf5586522726c576cf4f5acc9 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Fri, 5 Apr 2024 11:46:44 +0900
Subject: [PATCH 30/37] =?UTF-8?q?[Chore=20=F0=9F=9A=80]=20robots.txt?=
 =?UTF-8?q?=EC=99=80=20sitemap=20=EC=84=A4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html         | 2 +-
 public/robots.txt  | 2 ++
 public/sitemap.xml | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 55d44e77..e7cb5ef8 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,5 @@
 <!doctype html>
 <html lang="ko">
-  <head>
     <meta charset="UTF-8" />
     <meta
       name="viewport"
@@ -23,6 +22,7 @@
     <meta
       name="description"
       content="사이드 프로젝트를 공유하고 구경해보세요!" />
+      <meta name="google-site-verification" content="G9-vlZUKpRFQ-pX9B2JO77P4Oc2ZCAbWeNPRfBpnQe8"/>
     <title>사이드픽(SidePeek) - 사이드 프로젝트 공유 사이트</title>
   </head>
   <body>
diff --git a/public/robots.txt b/public/robots.txt
index 9450c3ef..935f1206 100644
--- a/public/robots.txt
+++ b/public/robots.txt
@@ -2,3 +2,5 @@
 User-agent: *
 Disallow:
 
+Sitemap: https://sidepeek.site/sitemap.xml
+
diff --git a/public/sitemap.xml b/public/sitemap.xml
index c24d977f..ad7dfcd2 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -9,7 +9,7 @@
 
 <url>
   <loc>https://www.sidepeek.site/</loc>
-  <lastmod>2024-04-04T15:56:57+00:00</lastmod>
+  <lastmod>2024-04-04T16:28:42+00:00</lastmod>
 </url>
 
 

From a970e62133ea24f7c2d3d4af93ffff9a7d9cc066 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Fri, 5 Apr 2024 11:49:14 +0900
Subject: [PATCH 31/37] =?UTF-8?q?[Chore=20=F0=9F=9A=80]=20=EA=B5=AC?=
 =?UTF-8?q?=EA=B8=80=20=EC=95=A0=EB=84=90=EB=A6=AC=ED=8B=B1=EC=8A=A4=20?=
 =?UTF-8?q?=EC=84=A4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index e7cb5ef8..c81cd98d 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,15 @@
 <!doctype html>
 <html lang="ko">
+  <head>
+    <script>
+      window.dataLayer = window.dataLayer || []
+      function gtag() {
+        dataLayer.push(arguments)
+      }
+      gtag("js", new Date())
+
+      gtag("config", "G-9RV25XSSE1")
+    </script>
     <meta charset="UTF-8" />
     <meta
       name="viewport"
@@ -22,9 +32,15 @@
     <meta
       name="description"
       content="사이드 프로젝트를 공유하고 구경해보세요!" />
-      <meta name="google-site-verification" content="G9-vlZUKpRFQ-pX9B2JO77P4Oc2ZCAbWeNPRfBpnQe8"/>
+    <meta
+      name="google-site-verification"
+      content="G9-vlZUKpRFQ-pX9B2JO77P4Oc2ZCAbWeNPRfBpnQe8" />
     <title>사이드픽(SidePeek) - 사이드 프로젝트 공유 사이트</title>
   </head>
+  <script
+    async
+    src="https://www.googletagmanager.com/gtag/js?id=G-9RV25XSSE1"></script>
+
   <body>
     <div id="root"></div>
     <script

From f91309cabfbf5ba4737943df6b8a8391505a17cc Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Fri, 5 Apr 2024 12:28:28 +0900
Subject: [PATCH 32/37] =?UTF-8?q?[Version=20=F0=9F=94=96]=20v11=20-=20reac?=
 =?UTF-8?q?t-helmet-async=20=EC=84=A4=EC=B9=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json | 15 +++++++++++++++
 package.json      |  1 +
 2 files changed, 16 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index eccb870f..4b2c2257 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22,6 +22,7 @@
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-dropzone": "^14.2.3",
+        "react-helmet-async": "^2.0.4",
         "react-hook-form": "^7.50.1",
         "react-intersection-observer": "^9.8.1",
         "react-router-dom": "^6.22.0",
@@ -9608,6 +9609,20 @@
         }
       }
     },
+    "node_modules/react-helmet-async": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/react-helmet-async/-/react-helmet-async-2.0.4.tgz",
+      "integrity": "sha512-yxjQMWposw+akRfvpl5+8xejl4JtUlHnEBcji6u8/e6oc7ozT+P9PNTWMhCbz2y9tc5zPegw2BvKjQA+NwdEjQ==",
+      "dependencies": {
+        "invariant": "^2.2.4",
+        "react-fast-compare": "^3.2.2",
+        "shallowequal": "^1.1.0"
+      },
+      "peerDependencies": {
+        "react": "^16.6.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.6.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/react-hook-form": {
       "version": "7.50.1",
       "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.50.1.tgz",
diff --git a/package.json b/package.json
index 57def5f4..198344ea 100644
--- a/package.json
+++ b/package.json
@@ -33,6 +33,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-dropzone": "^14.2.3",
+    "react-helmet-async": "^2.0.4",
     "react-hook-form": "^7.50.1",
     "react-intersection-observer": "^9.8.1",
     "react-router-dom": "^6.22.0",

From c182e5ca7be321c3053d13577f94d200a8673065 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Fri, 5 Apr 2024 14:21:14 +0900
Subject: [PATCH 33/37] =?UTF-8?q?[Chore=20=F0=9F=9A=80]=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=EB=B3=84=20=EB=A9=94=ED=83=80=EB=8D=B0?=
 =?UTF-8?q?=EC=9D=B4=ED=84=B0=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                                    | 20 ------
 src/App.tsx                                   |  5 +-
 src/components/ MetaData/MetaData.tsx         | 62 +++++++++++++++++++
 src/pages/HomePage/HomePage.tsx               |  3 +
 .../ProjectDetailPage/ProjectDetailPage.tsx   |  2 +
 src/routes/layouts/DefaultLayout.tsx          |  2 +
 6 files changed, 73 insertions(+), 21 deletions(-)
 create mode 100644 src/components/ MetaData/MetaData.tsx

diff --git a/index.html b/index.html
index c81cd98d..2f95f0fb 100644
--- a/index.html
+++ b/index.html
@@ -14,33 +14,13 @@
     <meta
       name="viewport"
       content="width=device-width, initial-scale=1.0" />
-    <meta
-      property="og:title"
-      content="사이드픽 - 사이드 프로젝트를 공유하고 구경해보세요!" />
-    <meta
-      property="og:image"
-      content="https://www.sidepeek.site/assets/sidepeek_logo-BS3RZAZ-.svg" />
-    <meta
-      property="og:type"
-      content="website" />
-    <meta
-      property="og:url"
-      content="https://www.sidepeek.site/" />
-    <meta
-      property="og:locale"
-      content="ko_KR" />
-    <meta
-      name="description"
-      content="사이드 프로젝트를 공유하고 구경해보세요!" />
     <meta
       name="google-site-verification"
       content="G9-vlZUKpRFQ-pX9B2JO77P4Oc2ZCAbWeNPRfBpnQe8" />
-    <title>사이드픽(SidePeek) - 사이드 프로젝트 공유 사이트</title>
   </head>
   <script
     async
     src="https://www.googletagmanager.com/gtag/js?id=G-9RV25XSSE1"></script>
-
   <body>
     <div id="root"></div>
     <script
diff --git a/src/App.tsx b/src/App.tsx
index b3726021..e1a30a09 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,4 +1,5 @@
 import { Suspense } from "react"
+import { HelmetProvider } from "react-helmet-async"
 import { RouterProvider } from "react-router-dom"
 
 import { ChakraProvider, ColorModeScript } from "@chakra-ui/react"
@@ -34,7 +35,9 @@ const App = () => {
         <ColorModeScript initialColorMode="light" />
         <ErrorBoundaries>
           <Suspense fallback={<FullScreenSpinner />}>
-            <RouterProvider router={router} />
+            <HelmetProvider>
+              <RouterProvider router={router} />
+            </HelmetProvider>
           </Suspense>
         </ErrorBoundaries>
       </ChakraProvider>
diff --git a/src/components/ MetaData/MetaData.tsx b/src/components/ MetaData/MetaData.tsx
new file mode 100644
index 00000000..62eb84ef
--- /dev/null
+++ b/src/components/ MetaData/MetaData.tsx	
@@ -0,0 +1,62 @@
+import { Helmet } from "react-helmet-async"
+import { useLocation } from "react-router-dom"
+
+export const DefaultMetaData = () => {
+  const location = useLocation()
+  return (
+    <Helmet>
+      <title>사이드픽(SidePeek)</title>
+      <meta
+        name="description"
+        content="사이드 프로젝트를 공유하고 구경해보세요!"
+      />
+      <meta
+        property="og:title"
+        content="사이드픽 - 사이드 프로젝트를 공유하고 구경해보세요!"
+      />
+      <meta
+        property="og:image"
+        content="https://www.sidepeek.site/assets/sidepeek_logo-BS3RZAZ-.svg"
+      />
+      <meta
+        property="og:type"
+        content="website"
+      />
+      <meta
+        property="og:url"
+        content={`${window.location.origin}/${location.pathname}`}
+      />
+      <meta
+        name="description"
+        content="사이드 프로젝트를 공유하고 구경해보세요!"
+      />
+    </Helmet>
+  )
+}
+
+export const HomePageMetaData = () => {
+  return (
+    <Helmet>
+      <meta
+        name="description"
+        content="사이드 프로젝트를 구경해보세요!"
+      />
+    </Helmet>
+  )
+}
+
+export const ProjectDetailPageMetaData = () => {
+  return (
+    <Helmet>
+      <title>프로젝트 성세</title>
+      <meta
+        property="og:title"
+        content="사이드 프로젝트 상세"
+      />
+      <meta
+        name="description"
+        content="사이드 프로젝트에 대해 자세히 알아보세요!"
+      />
+    </Helmet>
+  )
+}
diff --git a/src/pages/HomePage/HomePage.tsx b/src/pages/HomePage/HomePage.tsx
index fc626d38..f30c6bf0 100644
--- a/src/pages/HomePage/HomePage.tsx
+++ b/src/pages/HomePage/HomePage.tsx
@@ -1,5 +1,7 @@
 import { Fade, Skeleton } from "@chakra-ui/react"
 
+import { HomePageMetaData } from "@components/ MetaData/MetaData"
+
 import Banner from "./components/Banner/Banner"
 import ProjectListSection from "./components/ProjectListSection/ProjectListSection"
 import { useBannerProjectQuery } from "./hooks/queries/useBannerProjectQuery"
@@ -9,6 +11,7 @@ const HomePage = () => {
 
   return (
     <Fade in={true}>
+      <HomePageMetaData />
       {isBannerLoading ? (
         <Skeleton height="35rem" />
       ) : (
diff --git a/src/pages/ProjectDetailPage/ProjectDetailPage.tsx b/src/pages/ProjectDetailPage/ProjectDetailPage.tsx
index 938884e0..ccafbde6 100644
--- a/src/pages/ProjectDetailPage/ProjectDetailPage.tsx
+++ b/src/pages/ProjectDetailPage/ProjectDetailPage.tsx
@@ -2,6 +2,7 @@ import { Box, Fade, Flex } from "@chakra-ui/react"
 
 import FullScreenSpinner from "@components/LoadingComponents/FullScreenSpinner"
 
+import { ProjectDetailPageMetaData } from "../../components/ MetaData/MetaData"
 import Comments from "./components/Comments/Comments"
 // import Content from "./components/Content/Content"
 import { ProjectIdProps, withProjectId } from "./components/Hoc/withProjectId"
@@ -17,6 +18,7 @@ const ProjectDetailPage = ({ projectId }: ProjectIdProps) => {
 
   return (
     <Fade in={true}>
+      <ProjectDetailPageMetaData />
       <Box w="100%">
         <Summary projectDetailInfo={projectDetailInfo} />
         <Flex
diff --git a/src/routes/layouts/DefaultLayout.tsx b/src/routes/layouts/DefaultLayout.tsx
index 5827bf55..f7935a94 100644
--- a/src/routes/layouts/DefaultLayout.tsx
+++ b/src/routes/layouts/DefaultLayout.tsx
@@ -2,6 +2,7 @@ import { Outlet } from "react-router"
 
 import { Box, Flex, Spacer } from "@chakra-ui/react"
 
+import { DefaultMetaData } from "@components/ MetaData/MetaData"
 import Footer from "@components/Footer/Footer"
 import Header from "@components/Header/Header"
 import Prefetcher from "@components/PreFetcher/Prefetcher"
@@ -11,6 +12,7 @@ import ScrollToTop from "../ScrollToTop/ScrollToTop"
 const DefaultLayout = () => {
   return (
     <Prefetcher>
+      <DefaultMetaData />
       <Flex
         direction="column"
         minHeight="100vh">

From f4a5559d2a54a4b506889ca13cc5dd60361e9206 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Fri, 5 Apr 2024 14:55:10 +0900
Subject: [PATCH 34/37] =?UTF-8?q?[Version=20=F0=9F=94=96]=20v12=20-=20reac?=
 =?UTF-8?q?t-snap=20=EC=84=A4=EC=B9=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json | 1178 ++++++++++++++++++++++++++++++++++++++++++++-
 package.json      |    1 +
 2 files changed, 1153 insertions(+), 26 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 4b2c2257..a30ba27f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -27,6 +27,7 @@
         "react-intersection-observer": "^9.8.1",
         "react-router-dom": "^6.22.0",
         "react-scroll": "^1.9.0",
+        "react-snap": "^1.23.0",
         "react-textarea-autosize": "^8.5.3",
         "rollup": "^4.10.0",
         "rollup-plugin-visualizer": "^5.12.0",
@@ -2828,7 +2829,6 @@
       "version": "20.11.19",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.19.tgz",
       "integrity": "sha512-7xMnVEcZFu0DikYjWOlRq7NTPETrm7teqUT2WkQjrTIkEgUyyGdWsj/Zg8bEJt5TNklzbPD1X3fqfsHw3SpapQ==",
-      "devOptional": true,
       "dependencies": {
         "undici-types": "~5.26.4"
       }
@@ -3298,6 +3298,18 @@
       "dev": true,
       "optional": true
     },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/acorn": {
       "version": "8.11.3",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
@@ -3328,6 +3340,17 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/agent-base": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-4.3.0.tgz",
+      "integrity": "sha512-salcGninV0nPrwpGNn4VTXBb1SOuXQBiqbrNXoeizJsHrsL6ERFM2Ne3JUSBWRE6aeNJI2ROP/WEEIDUiDe3cg==",
+      "dependencies": {
+        "es6-promisify": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
     "node_modules/ajv": {
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
@@ -3445,6 +3468,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg=="
+    },
     "node_modules/array-includes": {
       "version": "3.1.7",
       "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
@@ -3597,6 +3625,11 @@
       "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
       "dev": true
     },
+    "node_modules/async-limiter": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz",
+      "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ=="
+    },
     "node_modules/asynciterator.prototype": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz",
@@ -3685,8 +3718,7 @@
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
     },
     "node_modules/base64-js": {
       "version": "1.5.1",
@@ -3742,6 +3774,50 @@
         "readable-stream": "^3.4.0"
       }
     },
+    "node_modules/body-parser": {
+      "version": "1.18.3",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.3.tgz",
+      "integrity": "sha512-YQyoqQG3sO8iCmf8+hyVpgHHOv0/hCEFiS4zTGUwTA1HjAFX66wRcNQrVCeJq9pgESMRvUAOvSil5MJlmccuKQ==",
+      "dependencies": {
+        "bytes": "3.0.0",
+        "content-type": "~1.0.4",
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "http-errors": "~1.6.3",
+        "iconv-lite": "0.4.23",
+        "on-finished": "~2.3.0",
+        "qs": "6.5.2",
+        "raw-body": "2.3.3",
+        "type-is": "~1.6.16"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/body-parser/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/body-parser/node_modules/iconv-lite": {
+      "version": "0.4.23",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.23.tgz",
+      "integrity": "sha512-neyTUVFtahjf0mB3dZT77u+8O0QB89jFdnBkd5P1JgYPbPaia3gXXOVL2fq8VyU2gMMD7SaN7QukTB/pmXYvDA==",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/body-parser/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
     "node_modules/boolbase": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
@@ -3824,6 +3900,27 @@
         "ieee754": "^1.1.13"
       }
     },
+    "node_modules/buffer-crc32": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ=="
+    },
+    "node_modules/bytes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
+      "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/cac": {
       "version": "6.7.14",
       "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
@@ -3859,6 +3956,15 @@
         "node": ">=6"
       }
     },
+    "node_modules/camel-case": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-3.0.0.tgz",
+      "integrity": "sha512-+MbKztAYHXPr1jNTSKQF52VpcFjwY5RkR7fxksV8Doo4KAYc5Fl4UJRgthBbTmEx8C54DqahhbLJkDwjI3PI/w==",
+      "dependencies": {
+        "no-case": "^2.2.0",
+        "upper-case": "^1.1.1"
+      }
+    },
     "node_modules/camelize": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz",
@@ -3981,6 +4087,35 @@
         "node": "*"
       }
     },
+    "node_modules/cheerio": {
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-1.0.0-rc.2.tgz",
+      "integrity": "sha512-9LDHQy1jHc/eXMzPN6/oah9Qba4CjdKECC7YYEE/2zge/tsGwt19NQp5NFdfd5Lx6TZlyC5SXNQkG41P9r6XDg==",
+      "dependencies": {
+        "css-select": "~1.2.0",
+        "dom-serializer": "~0.1.0",
+        "entities": "~1.1.1",
+        "htmlparser2": "^3.9.1",
+        "lodash": "^4.15.0",
+        "parse5": "^3.0.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cheerio/node_modules/entities": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
+      "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w=="
+    },
+    "node_modules/cheerio/node_modules/parse5": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-3.0.3.tgz",
+      "integrity": "sha512-rgO9Zg5LLLkfJF9E6CCmXlSE4UVceloys8JrFqCcHloC3usd/kJCyPDwH2SOlzix2j3xaP9sUX3e8+kvkuleAA==",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/chokidar": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
@@ -4017,6 +4152,25 @@
         "node": ">= 6"
       }
     },
+    "node_modules/clean-css": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.1.tgz",
+      "integrity": "sha512-4ZxI6dy4lrY6FHzfiy1aEOXgu4LIsW2MhwG0VBKdcoGoH/XLFgaHSdLTGr4O8Be6A8r3MOphEiI8Gc1n0ecf3g==",
+      "dependencies": {
+        "source-map": "~0.6.0"
+      },
+      "engines": {
+        "node": ">= 4.0"
+      }
+    },
+    "node_modules/clean-css/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/cli-cursor": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz",
@@ -4224,8 +4378,69 @@
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
+    },
+    "node_modules/concat-stream": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz",
+      "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==",
+      "engines": [
+        "node >= 0.8"
+      ],
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^2.2.2",
+        "typedarray": "^0.0.6"
+      }
+    },
+    "node_modules/concat-stream/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ=="
+    },
+    "node_modules/concat-stream/node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/concat-stream/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+    },
+    "node_modules/concat-stream/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz",
+      "integrity": "sha512-kRGRZw3bLlFISDBgwTSA1TMBFN6J6GWDeubmDE3AF+3+yXL8hTWv8r5rkLbqYXY4RjPk/EzHnClI3zQf1cFmHA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
     },
     "node_modules/convert-source-map": {
       "version": "2.0.0",
@@ -4242,6 +4457,11 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ=="
+    },
     "node_modules/copy-to-clipboard": {
       "version": "3.3.3",
       "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
@@ -4250,6 +4470,11 @@
         "toggle-selection": "^1.0.6"
       }
     },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="
+    },
     "node_modules/cosmiconfig": {
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
@@ -4295,6 +4520,25 @@
         "node": ">=4"
       }
     },
+    "node_modules/css-select": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-1.2.0.tgz",
+      "integrity": "sha512-dUQOBoqdR7QwV90WysXPLXG5LO7nhYBgiWVfxF80DKPF8zx1t/pUd2FYy73emg3zrjtM6dzmYgbHKfV2rxiHQA==",
+      "dependencies": {
+        "boolbase": "~1.0.0",
+        "css-what": "2.1",
+        "domutils": "1.5.1",
+        "nth-check": "~1.0.1"
+      }
+    },
+    "node_modules/css-select/node_modules/nth-check": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.2.tgz",
+      "integrity": "sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==",
+      "dependencies": {
+        "boolbase": "~1.0.0"
+      }
+    },
     "node_modules/css-selector-parser": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/css-selector-parser/-/css-selector-parser-3.0.4.tgz",
@@ -4320,6 +4564,49 @@
         "postcss-value-parser": "^4.0.2"
       }
     },
+    "node_modules/css-tree": {
+      "version": "1.0.0-alpha.28",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.28.tgz",
+      "integrity": "sha512-joNNW1gCp3qFFzj4St6zk+Wh/NBv0vM5YbEreZk0SD4S23S+1xBKb6cLDg2uj4P4k/GUMlIm6cKIDqIG+vdt0w==",
+      "dependencies": {
+        "mdn-data": "~1.1.0",
+        "source-map": "^0.5.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/css-what": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-2.1.3.tgz",
+      "integrity": "sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/csso": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/csso/-/csso-3.5.1.tgz",
+      "integrity": "sha512-vrqULLffYU1Q2tLdJvaCYbONStnfkfimRxXNaGjxMldI0C7JPBC4rB1RyjhfdZ4m1frm8pM9uRPKH3d2knZ8gg==",
+      "dependencies": {
+        "css-tree": "1.0.0-alpha.29"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/csso/node_modules/css-tree": {
+      "version": "1.0.0-alpha.29",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.29.tgz",
+      "integrity": "sha512-sRNb1XydwkW9IOci6iB2xmy8IGCj6r/fr+JWitvJ2JxQRPzN3T4AGGVWCMlVmVwM1gtgALJRmGIlWv5ppnGGkg==",
+      "dependencies": {
+        "mdn-data": "~1.1.0",
+        "source-map": "^0.5.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/csstype": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
@@ -4437,6 +4724,14 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/deprecation": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/deprecation/-/deprecation-2.3.1.tgz",
@@ -4450,6 +4745,11 @@
         "node": ">=6"
       }
     },
+    "node_modules/destroy": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz",
+      "integrity": "sha512-3NdhDuEXnfun/z7x9GOElY49LoqVHoGScmOKwmxhsS8N5Y+Z8KyPPDnaSzqWgYt/ji4mqwfTS34Htrk0zPIXVg=="
+    },
     "node_modules/detect-node-es": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
@@ -4512,6 +4812,47 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/dom-serializer": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.1.1.tgz",
+      "integrity": "sha512-l0IU0pPzLWSHBcieZbpOKgkIn3ts3vAh7ZuFyXNwJxJXk/c4Gwj9xaTJwIDVQCXawWD0qb3IzMGH5rglQaO0XA==",
+      "dependencies": {
+        "domelementtype": "^1.3.0",
+        "entities": "^1.1.1"
+      }
+    },
+    "node_modules/dom-serializer/node_modules/entities": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
+      "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w=="
+    },
+    "node_modules/domelementtype": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
+      "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w=="
+    },
+    "node_modules/domhandler": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz",
+      "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==",
+      "dependencies": {
+        "domelementtype": "1"
+      }
+    },
+    "node_modules/domutils": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.5.1.tgz",
+      "integrity": "sha512-gSu5Oi/I+3wDENBsOWBiRK1eoGxcywYSqg3rR960/+EfY0CF4EX1VPkgHOZ3WiS/Jg2DtliF6BhWcHlfpYUcGw==",
+      "dependencies": {
+        "dom-serializer": "0",
+        "domelementtype": "1"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
+    },
     "node_modules/electron-to-chromium": {
       "version": "1.4.657",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.657.tgz",
@@ -4524,6 +4865,33 @@
       "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
       "dev": true
     },
+    "node_modules/encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/encoding": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz",
+      "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==",
+      "dependencies": {
+        "iconv-lite": "^0.6.2"
+      }
+    },
+    "node_modules/encoding/node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/entities": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
@@ -4673,6 +5041,19 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/es6-promise": {
+      "version": "4.2.8",
+      "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.8.tgz",
+      "integrity": "sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w=="
+    },
+    "node_modules/es6-promisify": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/es6-promisify/-/es6-promisify-5.0.0.tgz",
+      "integrity": "sha512-C+d6UdsYDk0lMebHNR4S2NybQMMngAOnOwYBQjTOiv0MkoJMP0Myw2mgpDLBcpfCmRLxyFqYhS/CfOENq4SJhQ==",
+      "dependencies": {
+        "es6-promise": "^4.0.3"
+      }
+    },
     "node_modules/esbuild": {
       "version": "0.19.12",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.12.tgz",
@@ -4718,6 +5099,11 @@
         "node": ">=6"
       }
     },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
+    },
     "node_modules/escape-string-regexp": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
@@ -5369,6 +5755,14 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/eventemitter3": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
@@ -5407,6 +5801,82 @@
         "url": "https://github.com/sindresorhus/execa?sponsor=1"
       }
     },
+    "node_modules/express": {
+      "version": "4.16.4",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.16.4.tgz",
+      "integrity": "sha512-j12Uuyb4FMrd/qQAm6uCHAkPtO8FDTRJZBDd5D2KOL2eLaz1yUNdUB/NOIyq0iU4q4cFarsUCrnFDPBcnksuOg==",
+      "dependencies": {
+        "accepts": "~1.3.5",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.18.3",
+        "content-disposition": "0.5.2",
+        "content-type": "~1.0.4",
+        "cookie": "0.3.1",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "1.1.1",
+        "fresh": "0.5.2",
+        "merge-descriptors": "1.0.1",
+        "methods": "~1.1.2",
+        "on-finished": "~2.3.0",
+        "parseurl": "~1.3.2",
+        "path-to-regexp": "0.1.7",
+        "proxy-addr": "~2.0.4",
+        "qs": "6.5.2",
+        "range-parser": "~1.2.0",
+        "safe-buffer": "5.1.2",
+        "send": "0.16.2",
+        "serve-static": "1.13.2",
+        "setprototypeof": "1.1.0",
+        "statuses": "~1.4.0",
+        "type-is": "~1.6.16",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/express-history-api-fallback": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/express-history-api-fallback/-/express-history-api-fallback-2.2.1.tgz",
+      "integrity": "sha512-swxwm3aP8vrOOvlzOdZvHlSZtJGwHKaY94J6AkrAgCTmcbko3IRwbkhLv2wKV1WeZhjxX58aLMpP3atDBnKuZg=="
+    },
+    "node_modules/express/node_modules/cookie": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz",
+      "integrity": "sha512-+IJOX0OqlHCszo2mBUq+SrEbCj6w7Kpffqx60zYbPTFaO4+yYgRjHwcZNpWvaTylDHaV7PPmBHzSecZiMhtPgw==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/express/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/express/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
+    "node_modules/express/node_modules/path-to-regexp": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
+      "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ=="
+    },
+    "node_modules/express/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+    },
     "node_modules/extend": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
@@ -5426,6 +5896,44 @@
         "node": ">=4"
       }
     },
+    "node_modules/extract-zip": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-1.7.0.tgz",
+      "integrity": "sha512-xoh5G1W/PB0/27lXgMQyIhP5DSY/LhoCsOyZgb+6iMmRtCwVBo55uKaMoEYrDCKQhWvqEip5ZPKAc6eFNyf/MA==",
+      "dependencies": {
+        "concat-stream": "^1.6.2",
+        "debug": "^2.6.9",
+        "mkdirp": "^0.5.4",
+        "yauzl": "^2.10.0"
+      },
+      "bin": {
+        "extract-zip": "cli.js"
+      }
+    },
+    "node_modules/extract-zip/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/extract-zip/node_modules/mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "dependencies": {
+        "minimist": "^1.2.6"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
+    "node_modules/extract-zip/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -5487,6 +5995,14 @@
         "reusify": "^1.0.4"
       }
     },
+    "node_modules/fd-slicer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
+      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
+      "dependencies": {
+        "pend": "~1.2.0"
+      }
+    },
     "node_modules/figures": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
@@ -5525,6 +6041,14 @@
         "node": ">= 12"
       }
     },
+    "node_modules/filesize": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/filesize/-/filesize-3.6.1.tgz",
+      "integrity": "sha512-7KjR1vv6qnicaPMi1iiTcI85CyYwRO/PSFCu6SvqL8jN2Wjt/NIYQTFtFs7fSDCYOstUkEWIQGFUg5YZQfjlcg==",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
     "node_modules/fill-range": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
@@ -5537,6 +6061,36 @@
         "node": ">=8"
       }
     },
+    "node_modules/finalhandler": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz",
+      "integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "on-finished": "~2.3.0",
+        "parseurl": "~1.3.2",
+        "statuses": "~1.4.0",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/finalhandler/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/finalhandler/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
     "node_modules/find-root": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
@@ -5630,6 +6184,14 @@
         "node": ">= 6"
       }
     },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/framer-motion": {
       "version": "11.0.5",
       "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-11.0.5.tgz",
@@ -5684,6 +6246,14 @@
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz",
       "integrity": "sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ=="
     },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/fs-extra": {
       "version": "10.1.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
@@ -5700,8 +6270,7 @@
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-      "dev": true
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
     },
     "node_modules/fsevents": {
       "version": "2.3.3",
@@ -5853,7 +6422,6 @@
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
       "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "dev": true,
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -5885,7 +6453,6 @@
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -5895,7 +6462,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -6306,12 +6872,28 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "bin": {
+        "he": "bin/he"
+      }
+    },
     "node_modules/headers-polyfill": {
       "version": "3.2.5",
       "resolved": "https://registry.npmjs.org/headers-polyfill/-/headers-polyfill-3.2.5.tgz",
       "integrity": "sha512-tUCGvt191vNSQgttSyJoibR+VO+I6+iCHIUdhzEMJKE+EAL8BwCN7fUOZlY4ofOelNHsK+gEjxB/B+9N3EWtdA==",
       "dev": true
     },
+    "node_modules/highland": {
+      "version": "2.13.0",
+      "resolved": "https://registry.npmjs.org/highland/-/highland-2.13.0.tgz",
+      "integrity": "sha512-zGZBcgAHPY2Zf9VG9S5IrlcC7CH9ELioXVtp9T5bU2a4fP2zIsA+Y8pV/n/h2lMwbWMHTX0I0xN0ODJ3Pd3aBQ==",
+      "dependencies": {
+        "util-deprecate": "^1.0.2"
+      }
+    },
     "node_modules/hoist-non-react-statics": {
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
@@ -6320,6 +6902,31 @@
         "react-is": "^16.7.0"
       }
     },
+    "node_modules/html-minifier": {
+      "version": "3.5.21",
+      "resolved": "https://registry.npmjs.org/html-minifier/-/html-minifier-3.5.21.tgz",
+      "integrity": "sha512-LKUKwuJDhxNa3uf/LPR/KVjm/l3rBqtYeCOAekvG8F1vItxMUpueGd94i/asDDr8/1u7InxzFA5EeGjhhG5mMA==",
+      "dependencies": {
+        "camel-case": "3.0.x",
+        "clean-css": "4.2.x",
+        "commander": "2.17.x",
+        "he": "1.2.x",
+        "param-case": "2.1.x",
+        "relateurl": "0.2.x",
+        "uglify-js": "3.4.x"
+      },
+      "bin": {
+        "html-minifier": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/html-minifier/node_modules/commander": {
+      "version": "2.17.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.17.1.tgz",
+      "integrity": "sha512-wPMUt6FnH2yzG95SA6mzjQOEKUU3aLaDEmzs1ti+1E9h+CsrZghRlqEM/EJ4KscsQVG8uNN4uVreUeT8+drlgg=="
+    },
     "node_modules/html-url-attributes": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/html-url-attributes/-/html-url-attributes-3.0.0.tgz",
@@ -6338,6 +6945,63 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/htmlparser2": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.1.tgz",
+      "integrity": "sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==",
+      "dependencies": {
+        "domelementtype": "^1.3.1",
+        "domhandler": "^2.3.0",
+        "domutils": "^1.5.1",
+        "entities": "^1.1.1",
+        "inherits": "^2.0.1",
+        "readable-stream": "^3.1.1"
+      }
+    },
+    "node_modules/htmlparser2/node_modules/entities": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
+      "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w=="
+    },
+    "node_modules/http-errors": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
+      "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==",
+      "dependencies": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.3",
+        "setprototypeof": "1.1.0",
+        "statuses": ">= 1.4.0 < 2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/http-errors/node_modules/inherits": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+      "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw=="
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-2.2.4.tgz",
+      "integrity": "sha512-OmvfoQ53WLjtA9HeYP9RNrWMJzzAz1JGaSFr1nijg0PVR1JaD/xbJq1mdEIIlxGpXp9eSe/O2LgU9DJmTPd0Eg==",
+      "dependencies": {
+        "agent-base": "^4.3.0",
+        "debug": "^3.1.0"
+      },
+      "engines": {
+        "node": ">= 4.5.0"
+      }
+    },
+    "node_modules/https-proxy-agent/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
     "node_modules/human-signals": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-5.0.0.tgz",
@@ -6431,7 +7095,6 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-      "dev": true,
       "dependencies": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -6440,8 +7103,7 @@
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
     "node_modules/inline-style-parser": {
       "version": "0.2.2",
@@ -6691,6 +7353,14 @@
         "loose-envify": "^1.0.0"
       }
     },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
     "node_modules/is-alphabetical": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-2.0.1.tgz",
@@ -7178,6 +7848,32 @@
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
       "dev": true
     },
+    "node_modules/isomorphic-fetch": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz",
+      "integrity": "sha512-9c4TNAKYXM5PRyVcwUZrF3W09nQ+sO7+jydgs4ZGW9dhsLG2VOlISJABombdQqQRXCwuYG3sYV/puGf5rp0qmA==",
+      "dependencies": {
+        "node-fetch": "^1.0.1",
+        "whatwg-fetch": ">=0.10.0"
+      }
+    },
+    "node_modules/isomorphic-fetch/node_modules/is-stream": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
+      "integrity": "sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/isomorphic-fetch/node_modules/node-fetch": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-1.7.3.tgz",
+      "integrity": "sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==",
+      "dependencies": {
+        "encoding": "^0.1.11",
+        "is-stream": "^1.0.1"
+      }
+    },
     "node_modules/iterator.prototype": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
@@ -7455,8 +8151,7 @@
     "node_modules/lodash": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
-      "dev": true
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
@@ -7678,6 +8373,11 @@
         "get-func-name": "^2.0.1"
       }
     },
+    "node_modules/lower-case": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-1.1.4.tgz",
+      "integrity": "sha512-2Fgx1Ycm599x+WGpIYwJOvsjmXFzTSc34IwDWALRA/8AopUKAVPwfJ+h5+f85BCp0PWmmJcWzEpxOpoXycMpdA=="
+    },
     "node_modules/lru-cache": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -7974,6 +8674,24 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/mdn-data": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-1.1.4.tgz",
+      "integrity": "sha512-FSYbp3lyKjyj3E7fMl6rYvUdX0FBXaluGqlFoYESWQlyUTq8R+wp0rkFxoYFqZlHCvsUXGjyJmLQSnXToYhOSA=="
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
+      "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w=="
+    },
     "node_modules/merge-stream": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
@@ -7989,6 +8707,14 @@
         "node": ">= 8"
       }
     },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/micromark": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/micromark/-/micromark-4.0.0.tgz",
@@ -8537,6 +9263,17 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/mime": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
+      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
     "node_modules/mime-db": {
       "version": "1.52.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
@@ -8568,6 +9305,22 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/minimalcss": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/minimalcss/-/minimalcss-0.8.1.tgz",
+      "integrity": "sha512-a+kbRVvxz+oQf43pweflM38KvcvVuTvv3v6a8UgVbfS7E2rktSJSf8kfbGToSXgbiBDP83WTh8MWL6PdT9ljag==",
+      "dependencies": {
+        "cheerio": "1.0.0-rc.2",
+        "css-tree": "1.0.0-alpha.28",
+        "csso": "~3.5.0",
+        "filesize": "^3.5.11",
+        "minimist": "^1.2.0",
+        "puppeteer": "^1.8.0"
+      },
+      "bin": {
+        "minimalcss": "bin/minimalcss.js"
+      }
+    },
     "node_modules/minimatch": {
       "version": "9.0.3",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
@@ -8587,11 +9340,27 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
       "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-      "dev": true,
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/mkdirp": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
+      "integrity": "sha512-SknJC52obPfGQPnjIkXbmA6+5H15E+fR+E4iR2oQ3zzCLbd7/ONua69R/Gw7AgkTLsRG+r5fzksYwWe1AgTyWA==",
+      "deprecated": "Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.)",
+      "dependencies": {
+        "minimist": "0.0.8"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
+    "node_modules/mkdirp/node_modules/minimist": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
+      "integrity": "sha512-miQKw5Hv4NS1Psg2517mV4e4dYNaO3++hjAvLOAzKqZ61rH8NS1SK+vbfBWZ5PY/Me/bEWhUwqMghEW5Fb9T7Q=="
+    },
     "node_modules/mlly": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.5.0.tgz",
@@ -8766,6 +9535,22 @@
       "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
       "dev": true
     },
+    "node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/no-case": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/no-case/-/no-case-2.3.2.tgz",
+      "integrity": "sha512-rmTZ9kz+f3rCvK2TD1Ue/oZlns7OGoIWP4fc3llxxRXlOkHKoWPPWJOfFYpITabSow43QJbRIoHQXtt10VldyQ==",
+      "dependencies": {
+        "lower-case": "^1.1.1"
+      }
+    },
     "node_modules/node-fetch": {
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
@@ -8962,6 +9747,17 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/on-finished": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
+      "integrity": "sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/once": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
@@ -9211,6 +10007,14 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/param-case": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/param-case/-/param-case-2.1.1.tgz",
+      "integrity": "sha512-eQE845L6ot89sk2N8liD8HAuH4ca6Vvr7VWAWwt7+kvvG5aBcPmmphQ68JsEG2qa9n1TykS2DLeMt363AAH8/w==",
+      "dependencies": {
+        "no-case": "^2.2.0"
+      }
+    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -9279,6 +10083,14 @@
         "url": "https://github.com/inikulin/parse5?sponsor=1"
       }
     },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -9292,7 +10104,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
       "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -9340,6 +10151,11 @@
         "node": "*"
       }
     },
+    "node_modules/pend": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
+      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg=="
+    },
     "node_modules/picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@@ -9479,6 +10295,19 @@
       "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
       "dev": true
     },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
+    },
+    "node_modules/progress": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
+      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/prop-types": {
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
@@ -9498,6 +10327,18 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
     "node_modules/proxy-from-env": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
@@ -9512,6 +10353,45 @@
         "node": ">=6"
       }
     },
+    "node_modules/puppeteer": {
+      "version": "1.20.0",
+      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-1.20.0.tgz",
+      "integrity": "sha512-bt48RDBy2eIwZPrkgbcwHtb51mj2nKvHOPMaSH2IsWiv7lOG9k9zhaRzpDZafrk05ajMc3cu+lSQYYOfH2DkVQ==",
+      "deprecated": "< 21.8.0 is no longer supported",
+      "hasInstallScript": true,
+      "dependencies": {
+        "debug": "^4.1.0",
+        "extract-zip": "^1.6.6",
+        "https-proxy-agent": "^2.2.1",
+        "mime": "^2.0.3",
+        "progress": "^2.0.1",
+        "proxy-from-env": "^1.0.0",
+        "rimraf": "^2.6.1",
+        "ws": "^6.1.0"
+      },
+      "engines": {
+        "node": ">=6.4.0"
+      }
+    },
+    "node_modules/puppeteer/node_modules/rimraf": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+      "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.5.2",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
+      "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -9532,6 +10412,39 @@
         }
       ]
     },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.3.3.tgz",
+      "integrity": "sha512-9esiElv1BrZoI3rCDuOuKCBRbuApGGaDPQfjSflGxdy4oyzqghxu6klEkkVIvBje+FF0BX9coEv8KqW6X/7njw==",
+      "dependencies": {
+        "bytes": "3.0.0",
+        "http-errors": "1.6.3",
+        "iconv-lite": "0.4.23",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/raw-body/node_modules/iconv-lite": {
+      "version": "0.4.23",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.23.tgz",
+      "integrity": "sha512-neyTUVFtahjf0mB3dZT77u+8O0QB89jFdnBkd5P1JgYPbPaia3gXXOVL2fq8VyU2gMMD7SaN7QukTB/pmXYvDA==",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/react": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
@@ -9779,6 +10692,29 @@
         "react-dom": "^15.5.4 || ^16.0.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/react-snap": {
+      "version": "1.23.0",
+      "resolved": "https://registry.npmjs.org/react-snap/-/react-snap-1.23.0.tgz",
+      "integrity": "sha512-spmg2maHSedLrn6QBAfLJkyMqeeffLTIs7h40pS1copW2xBrajx4HEAcanm+7IVGO6SYCPoGwvbU3U30UFN25g==",
+      "dependencies": {
+        "clean-css": "4.2.1",
+        "express": "4.16.4",
+        "express-history-api-fallback": "2.2.1",
+        "highland": "2.13.0",
+        "html-minifier": "3.5.21",
+        "minimalcss": "0.8.1",
+        "mkdirp": "0.5.1",
+        "puppeteer": "^1.8.0",
+        "serve-static": "1.13.2",
+        "sourcemapped-stacktrace-node": "2.1.8"
+      },
+      "bin": {
+        "react-snap": "run.js"
+      },
+      "engines": {
+        "node": ">= 8.6.0"
+      }
+    },
     "node_modules/react-style-singleton": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz",
@@ -9821,7 +10757,6 @@
       "version": "3.6.2",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
       "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
-      "dev": true,
       "dependencies": {
         "inherits": "^2.0.3",
         "string_decoder": "^1.1.1",
@@ -10092,6 +11027,14 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/relateurl": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
+      "integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
     "node_modules/remark-gfm": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/remark-gfm/-/remark-gfm-4.0.0.tgz",
@@ -10390,7 +11333,6 @@
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
       "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -10426,8 +11368,7 @@
     "node_modules/safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-      "dev": true
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
     "node_modules/scheduler": {
       "version": "0.23.0",
@@ -10470,6 +11411,64 @@
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
       "dev": true
     },
+    "node_modules/send": {
+      "version": "0.16.2",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz",
+      "integrity": "sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "destroy": "~1.0.4",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "~1.6.2",
+        "mime": "1.4.1",
+        "ms": "2.0.0",
+        "on-finished": "~2.3.0",
+        "range-parser": "~1.2.0",
+        "statuses": "~1.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/send/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/send/node_modules/mime": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz",
+      "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==",
+      "bin": {
+        "mime": "cli.js"
+      }
+    },
+    "node_modules/send/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
+    "node_modules/serve-static": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.2.tgz",
+      "integrity": "sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==",
+      "dependencies": {
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.2",
+        "send": "0.16.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
     "node_modules/set-cookie-parser": {
       "version": "2.6.0",
       "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.6.0.tgz",
@@ -10506,6 +11505,11 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/setprototypeof": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
+      "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ=="
+    },
     "node_modules/shallowequal": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
@@ -10617,6 +11621,27 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/sourcemapped-stacktrace-node": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/sourcemapped-stacktrace-node/-/sourcemapped-stacktrace-node-2.1.8.tgz",
+      "integrity": "sha512-xQOqfT5mquKLBp+H06WTeGYEQh7OF5wa44IPHbh+qNdTP15xSzxwISPml1xCweJ6DExDpDDxXe/P34wP+GdDrg==",
+      "dependencies": {
+        "es6-promise": "^4.1.1",
+        "isomorphic-fetch": "^2.2.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">= 8.6.0"
+      }
+    },
+    "node_modules/sourcemapped-stacktrace-node/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/space-separated-tokens": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
@@ -10632,6 +11657,14 @@
       "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
       "dev": true
     },
+    "node_modules/statuses": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz",
+      "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/std-env": {
       "version": "3.7.0",
       "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.7.0.tgz",
@@ -10648,7 +11681,6 @@
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
       "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
-      "dev": true,
       "dependencies": {
         "safe-buffer": "~5.2.0"
       }
@@ -11211,6 +12243,18 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/typed-array-buffer": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
@@ -11276,6 +12320,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/typedarray": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
+      "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA=="
+    },
     "node_modules/typescript": {
       "version": "5.2.2",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz",
@@ -11295,6 +12344,34 @@
       "integrity": "sha512-Hhy+BhRBleFjpJ2vchUNN40qgkh0366FWJGqVLYBHev0vpHTrXSA0ryT+74UiW6KWsldNurQMKGqCm1M2zBciQ==",
       "dev": true
     },
+    "node_modules/uglify-js": {
+      "version": "3.4.10",
+      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.4.10.tgz",
+      "integrity": "sha512-Y2VsbPVs0FIshJztycsO2SfPk7/KAF/T72qzv9u5EpQ4kB2hQoHlhNQTsNyy6ul7lQtqJN/AoWeS23OzEiEFxw==",
+      "dependencies": {
+        "commander": "~2.19.0",
+        "source-map": "~0.6.1"
+      },
+      "bin": {
+        "uglifyjs": "bin/uglifyjs"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/uglify-js/node_modules/commander": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.19.0.tgz",
+      "integrity": "sha512-6tvAOO+D6OENvRAh524Dh9jcfKTYDQAqvqezbCW82xj5X0pSrcpxtvRKHLG0yBY6SD7PSDrJaj+0AiOcKVd1Xg=="
+    },
+    "node_modules/uglify-js/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/unbox-primitive": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
@@ -11324,8 +12401,7 @@
     "node_modules/undici-types": {
       "version": "5.26.5",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
-      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
-      "devOptional": true
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA=="
     },
     "node_modules/unified": {
       "version": "11.0.4",
@@ -11444,6 +12520,14 @@
         "node": ">= 10.0.0"
       }
     },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/update-browserslist-db": {
       "version": "1.0.13",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
@@ -11474,6 +12558,11 @@
         "browserslist": ">= 4.21.0"
       }
     },
+    "node_modules/upper-case": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/upper-case/-/upper-case-1.1.3.tgz",
+      "integrity": "sha512-WRbjgmYzgXkCV7zNVpy5YgrHgbBv126rMALQQMrmzOVC4GM2waQ9x7xtm8VU+1yF2kWyPzI9zbZ48n4vSxwfSA=="
+    },
     "node_modules/uri-js": {
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
@@ -11585,8 +12674,15 @@
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-      "dev": true
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
+    },
+    "node_modules/utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
     },
     "node_modules/uuid": {
       "version": "8.3.2",
@@ -11596,6 +12692,14 @@
         "uuid": "dist/bin/uuid"
       }
     },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/vfile": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.1.tgz",
@@ -11909,6 +13013,11 @@
       "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
       "dev": true
     },
+    "node_modules/whatwg-fetch": {
+      "version": "3.6.20",
+      "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.6.20.tgz",
+      "integrity": "sha512-EqhiFU6daOA8kpjOWTL0olhVOF3i7OrFzSYiGsEMB8GcXS+RrzauAERX65xMeNWVqxA6HXH2m69Z9LaKKdisfg=="
+    },
     "node_modules/whatwg-url": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
@@ -12087,6 +13196,14 @@
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
     },
+    "node_modules/ws": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.2.tgz",
+      "integrity": "sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==",
+      "dependencies": {
+        "async-limiter": "~1.0.0"
+      }
+    },
     "node_modules/y18n": {
       "version": "5.0.8",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
@@ -12160,6 +13277,15 @@
         "node": ">=8"
       }
     },
+    "node_modules/yauzl": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
+      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
+      "dependencies": {
+        "buffer-crc32": "~0.2.3",
+        "fd-slicer": "~1.1.0"
+      }
+    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
diff --git a/package.json b/package.json
index 198344ea..01e6487c 100644
--- a/package.json
+++ b/package.json
@@ -38,6 +38,7 @@
     "react-intersection-observer": "^9.8.1",
     "react-router-dom": "^6.22.0",
     "react-scroll": "^1.9.0",
+    "react-snap": "^1.23.0",
     "react-textarea-autosize": "^8.5.3",
     "rollup": "^4.10.0",
     "rollup-plugin-visualizer": "^5.12.0",

From 8b50a1091f54add2a958875d183a55f353605dc0 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Fri, 5 Apr 2024 14:55:41 +0900
Subject: [PATCH 35/37] =?UTF-8?q?[Refactoring=20=E2=9A=99=EF=B8=8F]=20meta?=
 =?UTF-8?q?=ED=83=9C=EA=B7=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ MetaData/MetaData.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/ MetaData/MetaData.tsx b/src/components/ MetaData/MetaData.tsx
index 62eb84ef..5d0cd25d 100644
--- a/src/components/ MetaData/MetaData.tsx	
+++ b/src/components/ MetaData/MetaData.tsx	
@@ -24,7 +24,7 @@ export const DefaultMetaData = () => {
       />
       <meta
         property="og:url"
-        content={`${window.location.origin}/${location.pathname}`}
+        content={`${window.location.origin}${location.pathname}`}
       />
       <meta
         name="description"
@@ -46,13 +46,18 @@ export const HomePageMetaData = () => {
 }
 
 export const ProjectDetailPageMetaData = () => {
+  const location = useLocation()
   return (
     <Helmet>
-      <title>프로젝트 성세</title>
+      <title>프로젝트 상세</title>
       <meta
         property="og:title"
         content="사이드 프로젝트 상세"
       />
+      <meta
+        property="og:url"
+        content={`${window.location.origin}${location.pathname}`}
+      />
       <meta
         name="description"
         content="사이드 프로젝트에 대해 자세히 알아보세요!"

From 0e5920e4dd29dcc77e5317abd25676680d010ace Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Fri, 5 Apr 2024 16:04:18 +0900
Subject: [PATCH 36/37] =?UTF-8?q?[Version=20=F0=9F=94=96]=20v13=20-=20reac?=
 =?UTF-8?q?t-snap=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json | 1165 ++-------------------------------------------
 package.json      |    1 -
 2 files changed, 32 insertions(+), 1134 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index a30ba27f..29f1537d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -27,7 +27,6 @@
         "react-intersection-observer": "^9.8.1",
         "react-router-dom": "^6.22.0",
         "react-scroll": "^1.9.0",
-        "react-snap": "^1.23.0",
         "react-textarea-autosize": "^8.5.3",
         "rollup": "^4.10.0",
         "rollup-plugin-visualizer": "^5.12.0",
@@ -2829,6 +2828,7 @@
       "version": "20.11.19",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.19.tgz",
       "integrity": "sha512-7xMnVEcZFu0DikYjWOlRq7NTPETrm7teqUT2WkQjrTIkEgUyyGdWsj/Zg8bEJt5TNklzbPD1X3fqfsHw3SpapQ==",
+      "devOptional": true,
       "dependencies": {
         "undici-types": "~5.26.4"
       }
@@ -3298,18 +3298,6 @@
       "dev": true,
       "optional": true
     },
-    "node_modules/accepts": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
-      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
-      "dependencies": {
-        "mime-types": "~2.1.34",
-        "negotiator": "0.6.3"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/acorn": {
       "version": "8.11.3",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
@@ -3340,17 +3328,6 @@
         "node": ">=0.4.0"
       }
     },
-    "node_modules/agent-base": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-4.3.0.tgz",
-      "integrity": "sha512-salcGninV0nPrwpGNn4VTXBb1SOuXQBiqbrNXoeizJsHrsL6ERFM2Ne3JUSBWRE6aeNJI2ROP/WEEIDUiDe3cg==",
-      "dependencies": {
-        "es6-promisify": "^5.0.0"
-      },
-      "engines": {
-        "node": ">= 4.0.0"
-      }
-    },
     "node_modules/ajv": {
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
@@ -3468,11 +3445,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/array-flatten": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
-      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg=="
-    },
     "node_modules/array-includes": {
       "version": "3.1.7",
       "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
@@ -3625,11 +3597,6 @@
       "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
       "dev": true
     },
-    "node_modules/async-limiter": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz",
-      "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ=="
-    },
     "node_modules/asynciterator.prototype": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz",
@@ -3718,7 +3685,8 @@
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true
     },
     "node_modules/base64-js": {
       "version": "1.5.1",
@@ -3774,50 +3742,6 @@
         "readable-stream": "^3.4.0"
       }
     },
-    "node_modules/body-parser": {
-      "version": "1.18.3",
-      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.3.tgz",
-      "integrity": "sha512-YQyoqQG3sO8iCmf8+hyVpgHHOv0/hCEFiS4zTGUwTA1HjAFX66wRcNQrVCeJq9pgESMRvUAOvSil5MJlmccuKQ==",
-      "dependencies": {
-        "bytes": "3.0.0",
-        "content-type": "~1.0.4",
-        "debug": "2.6.9",
-        "depd": "~1.1.2",
-        "http-errors": "~1.6.3",
-        "iconv-lite": "0.4.23",
-        "on-finished": "~2.3.0",
-        "qs": "6.5.2",
-        "raw-body": "2.3.3",
-        "type-is": "~1.6.16"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/body-parser/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/body-parser/node_modules/iconv-lite": {
-      "version": "0.4.23",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.23.tgz",
-      "integrity": "sha512-neyTUVFtahjf0mB3dZT77u+8O0QB89jFdnBkd5P1JgYPbPaia3gXXOVL2fq8VyU2gMMD7SaN7QukTB/pmXYvDA==",
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/body-parser/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
-    },
     "node_modules/boolbase": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
@@ -3900,27 +3824,6 @@
         "ieee754": "^1.1.13"
       }
     },
-    "node_modules/buffer-crc32": {
-      "version": "0.2.13",
-      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
-      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/buffer-from": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
-      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ=="
-    },
-    "node_modules/bytes": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
-      "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/cac": {
       "version": "6.7.14",
       "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
@@ -3956,15 +3859,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/camel-case": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-3.0.0.tgz",
-      "integrity": "sha512-+MbKztAYHXPr1jNTSKQF52VpcFjwY5RkR7fxksV8Doo4KAYc5Fl4UJRgthBbTmEx8C54DqahhbLJkDwjI3PI/w==",
-      "dependencies": {
-        "no-case": "^2.2.0",
-        "upper-case": "^1.1.1"
-      }
-    },
     "node_modules/camelize": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz",
@@ -4087,35 +3981,6 @@
         "node": "*"
       }
     },
-    "node_modules/cheerio": {
-      "version": "1.0.0-rc.2",
-      "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-1.0.0-rc.2.tgz",
-      "integrity": "sha512-9LDHQy1jHc/eXMzPN6/oah9Qba4CjdKECC7YYEE/2zge/tsGwt19NQp5NFdfd5Lx6TZlyC5SXNQkG41P9r6XDg==",
-      "dependencies": {
-        "css-select": "~1.2.0",
-        "dom-serializer": "~0.1.0",
-        "entities": "~1.1.1",
-        "htmlparser2": "^3.9.1",
-        "lodash": "^4.15.0",
-        "parse5": "^3.0.1"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/cheerio/node_modules/entities": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
-      "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w=="
-    },
-    "node_modules/cheerio/node_modules/parse5": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-3.0.3.tgz",
-      "integrity": "sha512-rgO9Zg5LLLkfJF9E6CCmXlSE4UVceloys8JrFqCcHloC3usd/kJCyPDwH2SOlzix2j3xaP9sUX3e8+kvkuleAA==",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
     "node_modules/chokidar": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
@@ -4152,25 +4017,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/clean-css": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.1.tgz",
-      "integrity": "sha512-4ZxI6dy4lrY6FHzfiy1aEOXgu4LIsW2MhwG0VBKdcoGoH/XLFgaHSdLTGr4O8Be6A8r3MOphEiI8Gc1n0ecf3g==",
-      "dependencies": {
-        "source-map": "~0.6.0"
-      },
-      "engines": {
-        "node": ">= 4.0"
-      }
-    },
-    "node_modules/clean-css/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/cli-cursor": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz",
@@ -4378,69 +4224,8 @@
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
-    },
-    "node_modules/concat-stream": {
-      "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz",
-      "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==",
-      "engines": [
-        "node >= 0.8"
-      ],
-      "dependencies": {
-        "buffer-from": "^1.0.0",
-        "inherits": "^2.0.3",
-        "readable-stream": "^2.2.2",
-        "typedarray": "^0.0.6"
-      }
-    },
-    "node_modules/concat-stream/node_modules/isarray": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ=="
-    },
-    "node_modules/concat-stream/node_modules/readable-stream": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
-      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
-      "dependencies": {
-        "core-util-is": "~1.0.0",
-        "inherits": "~2.0.3",
-        "isarray": "~1.0.0",
-        "process-nextick-args": "~2.0.0",
-        "safe-buffer": "~5.1.1",
-        "string_decoder": "~1.1.1",
-        "util-deprecate": "~1.0.1"
-      }
-    },
-    "node_modules/concat-stream/node_modules/safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
-    },
-    "node_modules/concat-stream/node_modules/string_decoder": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "dependencies": {
-        "safe-buffer": "~5.1.0"
-      }
-    },
-    "node_modules/content-disposition": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz",
-      "integrity": "sha512-kRGRZw3bLlFISDBgwTSA1TMBFN6J6GWDeubmDE3AF+3+yXL8hTWv8r5rkLbqYXY4RjPk/EzHnClI3zQf1cFmHA==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/content-type": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
-      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
-      "engines": {
-        "node": ">= 0.6"
-      }
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true
     },
     "node_modules/convert-source-map": {
       "version": "2.0.0",
@@ -4457,11 +4242,6 @@
         "node": ">= 0.6"
       }
     },
-    "node_modules/cookie-signature": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
-      "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ=="
-    },
     "node_modules/copy-to-clipboard": {
       "version": "3.3.3",
       "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
@@ -4470,11 +4250,6 @@
         "toggle-selection": "^1.0.6"
       }
     },
-    "node_modules/core-util-is": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
-      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="
-    },
     "node_modules/cosmiconfig": {
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
@@ -4520,25 +4295,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/css-select": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/css-select/-/css-select-1.2.0.tgz",
-      "integrity": "sha512-dUQOBoqdR7QwV90WysXPLXG5LO7nhYBgiWVfxF80DKPF8zx1t/pUd2FYy73emg3zrjtM6dzmYgbHKfV2rxiHQA==",
-      "dependencies": {
-        "boolbase": "~1.0.0",
-        "css-what": "2.1",
-        "domutils": "1.5.1",
-        "nth-check": "~1.0.1"
-      }
-    },
-    "node_modules/css-select/node_modules/nth-check": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.2.tgz",
-      "integrity": "sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==",
-      "dependencies": {
-        "boolbase": "~1.0.0"
-      }
-    },
     "node_modules/css-selector-parser": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/css-selector-parser/-/css-selector-parser-3.0.4.tgz",
@@ -4564,49 +4320,6 @@
         "postcss-value-parser": "^4.0.2"
       }
     },
-    "node_modules/css-tree": {
-      "version": "1.0.0-alpha.28",
-      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.28.tgz",
-      "integrity": "sha512-joNNW1gCp3qFFzj4St6zk+Wh/NBv0vM5YbEreZk0SD4S23S+1xBKb6cLDg2uj4P4k/GUMlIm6cKIDqIG+vdt0w==",
-      "dependencies": {
-        "mdn-data": "~1.1.0",
-        "source-map": "^0.5.3"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/css-what": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/css-what/-/css-what-2.1.3.tgz",
-      "integrity": "sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg==",
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/csso": {
-      "version": "3.5.1",
-      "resolved": "https://registry.npmjs.org/csso/-/csso-3.5.1.tgz",
-      "integrity": "sha512-vrqULLffYU1Q2tLdJvaCYbONStnfkfimRxXNaGjxMldI0C7JPBC4rB1RyjhfdZ4m1frm8pM9uRPKH3d2knZ8gg==",
-      "dependencies": {
-        "css-tree": "1.0.0-alpha.29"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/csso/node_modules/css-tree": {
-      "version": "1.0.0-alpha.29",
-      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.29.tgz",
-      "integrity": "sha512-sRNb1XydwkW9IOci6iB2xmy8IGCj6r/fr+JWitvJ2JxQRPzN3T4AGGVWCMlVmVwM1gtgALJRmGIlWv5ppnGGkg==",
-      "dependencies": {
-        "mdn-data": "~1.1.0",
-        "source-map": "^0.5.3"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/csstype": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
@@ -4724,14 +4437,6 @@
         "node": ">=0.4.0"
       }
     },
-    "node_modules/depd": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
-      "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/deprecation": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/deprecation/-/deprecation-2.3.1.tgz",
@@ -4745,11 +4450,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/destroy": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz",
-      "integrity": "sha512-3NdhDuEXnfun/z7x9GOElY49LoqVHoGScmOKwmxhsS8N5Y+Z8KyPPDnaSzqWgYt/ji4mqwfTS34Htrk0zPIXVg=="
-    },
     "node_modules/detect-node-es": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
@@ -4812,47 +4512,6 @@
         "node": ">=6.0.0"
       }
     },
-    "node_modules/dom-serializer": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.1.1.tgz",
-      "integrity": "sha512-l0IU0pPzLWSHBcieZbpOKgkIn3ts3vAh7ZuFyXNwJxJXk/c4Gwj9xaTJwIDVQCXawWD0qb3IzMGH5rglQaO0XA==",
-      "dependencies": {
-        "domelementtype": "^1.3.0",
-        "entities": "^1.1.1"
-      }
-    },
-    "node_modules/dom-serializer/node_modules/entities": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
-      "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w=="
-    },
-    "node_modules/domelementtype": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
-      "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w=="
-    },
-    "node_modules/domhandler": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz",
-      "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==",
-      "dependencies": {
-        "domelementtype": "1"
-      }
-    },
-    "node_modules/domutils": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.5.1.tgz",
-      "integrity": "sha512-gSu5Oi/I+3wDENBsOWBiRK1eoGxcywYSqg3rR960/+EfY0CF4EX1VPkgHOZ3WiS/Jg2DtliF6BhWcHlfpYUcGw==",
-      "dependencies": {
-        "dom-serializer": "0",
-        "domelementtype": "1"
-      }
-    },
-    "node_modules/ee-first": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
-      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
-    },
     "node_modules/electron-to-chromium": {
       "version": "1.4.657",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.657.tgz",
@@ -4865,18 +4524,13 @@
       "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
       "dev": true
     },
-    "node_modules/encodeurl": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
-      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/encoding": {
       "version": "0.1.13",
       "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz",
       "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
       "dependencies": {
         "iconv-lite": "^0.6.2"
       }
@@ -4885,6 +4539,9 @@
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
       "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
       "dependencies": {
         "safer-buffer": ">= 2.1.2 < 3.0.0"
       },
@@ -5041,19 +4698,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/es6-promise": {
-      "version": "4.2.8",
-      "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.8.tgz",
-      "integrity": "sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w=="
-    },
-    "node_modules/es6-promisify": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/es6-promisify/-/es6-promisify-5.0.0.tgz",
-      "integrity": "sha512-C+d6UdsYDk0lMebHNR4S2NybQMMngAOnOwYBQjTOiv0MkoJMP0Myw2mgpDLBcpfCmRLxyFqYhS/CfOENq4SJhQ==",
-      "dependencies": {
-        "es6-promise": "^4.0.3"
-      }
-    },
     "node_modules/esbuild": {
       "version": "0.19.12",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.12.tgz",
@@ -5099,11 +4743,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/escape-html": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
-      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
-    },
     "node_modules/escape-string-regexp": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
@@ -5755,14 +5394,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/etag": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
-      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/eventemitter3": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
@@ -5801,82 +5432,6 @@
         "url": "https://github.com/sindresorhus/execa?sponsor=1"
       }
     },
-    "node_modules/express": {
-      "version": "4.16.4",
-      "resolved": "https://registry.npmjs.org/express/-/express-4.16.4.tgz",
-      "integrity": "sha512-j12Uuyb4FMrd/qQAm6uCHAkPtO8FDTRJZBDd5D2KOL2eLaz1yUNdUB/NOIyq0iU4q4cFarsUCrnFDPBcnksuOg==",
-      "dependencies": {
-        "accepts": "~1.3.5",
-        "array-flatten": "1.1.1",
-        "body-parser": "1.18.3",
-        "content-disposition": "0.5.2",
-        "content-type": "~1.0.4",
-        "cookie": "0.3.1",
-        "cookie-signature": "1.0.6",
-        "debug": "2.6.9",
-        "depd": "~1.1.2",
-        "encodeurl": "~1.0.2",
-        "escape-html": "~1.0.3",
-        "etag": "~1.8.1",
-        "finalhandler": "1.1.1",
-        "fresh": "0.5.2",
-        "merge-descriptors": "1.0.1",
-        "methods": "~1.1.2",
-        "on-finished": "~2.3.0",
-        "parseurl": "~1.3.2",
-        "path-to-regexp": "0.1.7",
-        "proxy-addr": "~2.0.4",
-        "qs": "6.5.2",
-        "range-parser": "~1.2.0",
-        "safe-buffer": "5.1.2",
-        "send": "0.16.2",
-        "serve-static": "1.13.2",
-        "setprototypeof": "1.1.0",
-        "statuses": "~1.4.0",
-        "type-is": "~1.6.16",
-        "utils-merge": "1.0.1",
-        "vary": "~1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.10.0"
-      }
-    },
-    "node_modules/express-history-api-fallback": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/express-history-api-fallback/-/express-history-api-fallback-2.2.1.tgz",
-      "integrity": "sha512-swxwm3aP8vrOOvlzOdZvHlSZtJGwHKaY94J6AkrAgCTmcbko3IRwbkhLv2wKV1WeZhjxX58aLMpP3atDBnKuZg=="
-    },
-    "node_modules/express/node_modules/cookie": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz",
-      "integrity": "sha512-+IJOX0OqlHCszo2mBUq+SrEbCj6w7Kpffqx60zYbPTFaO4+yYgRjHwcZNpWvaTylDHaV7PPmBHzSecZiMhtPgw==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/express/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/express/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
-    },
-    "node_modules/express/node_modules/path-to-regexp": {
-      "version": "0.1.7",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
-      "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ=="
-    },
-    "node_modules/express/node_modules/safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
-    },
     "node_modules/extend": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
@@ -5896,44 +5451,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/extract-zip": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-1.7.0.tgz",
-      "integrity": "sha512-xoh5G1W/PB0/27lXgMQyIhP5DSY/LhoCsOyZgb+6iMmRtCwVBo55uKaMoEYrDCKQhWvqEip5ZPKAc6eFNyf/MA==",
-      "dependencies": {
-        "concat-stream": "^1.6.2",
-        "debug": "^2.6.9",
-        "mkdirp": "^0.5.4",
-        "yauzl": "^2.10.0"
-      },
-      "bin": {
-        "extract-zip": "cli.js"
-      }
-    },
-    "node_modules/extract-zip/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/extract-zip/node_modules/mkdirp": {
-      "version": "0.5.6",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
-      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
-      "dependencies": {
-        "minimist": "^1.2.6"
-      },
-      "bin": {
-        "mkdirp": "bin/cmd.js"
-      }
-    },
-    "node_modules/extract-zip/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
-    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -5995,14 +5512,6 @@
         "reusify": "^1.0.4"
       }
     },
-    "node_modules/fd-slicer": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
-      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
-      "dependencies": {
-        "pend": "~1.2.0"
-      }
-    },
     "node_modules/figures": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
@@ -6041,14 +5550,6 @@
         "node": ">= 12"
       }
     },
-    "node_modules/filesize": {
-      "version": "3.6.1",
-      "resolved": "https://registry.npmjs.org/filesize/-/filesize-3.6.1.tgz",
-      "integrity": "sha512-7KjR1vv6qnicaPMi1iiTcI85CyYwRO/PSFCu6SvqL8jN2Wjt/NIYQTFtFs7fSDCYOstUkEWIQGFUg5YZQfjlcg==",
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
     "node_modules/fill-range": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
@@ -6061,36 +5562,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/finalhandler": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz",
-      "integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==",
-      "dependencies": {
-        "debug": "2.6.9",
-        "encodeurl": "~1.0.2",
-        "escape-html": "~1.0.3",
-        "on-finished": "~2.3.0",
-        "parseurl": "~1.3.2",
-        "statuses": "~1.4.0",
-        "unpipe": "~1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/finalhandler/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/finalhandler/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
-    },
     "node_modules/find-root": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
@@ -6184,14 +5655,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/forwarded": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
-      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/framer-motion": {
       "version": "11.0.5",
       "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-11.0.5.tgz",
@@ -6246,14 +5709,6 @@
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz",
       "integrity": "sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ=="
     },
-    "node_modules/fresh": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
-      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/fs-extra": {
       "version": "10.1.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
@@ -6270,7 +5725,8 @@
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true
     },
     "node_modules/fsevents": {
       "version": "2.3.3",
@@ -6422,6 +5878,7 @@
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
       "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "dev": true,
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -6453,6 +5910,7 @@
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -6462,6 +5920,7 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -6872,28 +6331,12 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/he": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
-      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
-      "bin": {
-        "he": "bin/he"
-      }
-    },
     "node_modules/headers-polyfill": {
       "version": "3.2.5",
       "resolved": "https://registry.npmjs.org/headers-polyfill/-/headers-polyfill-3.2.5.tgz",
       "integrity": "sha512-tUCGvt191vNSQgttSyJoibR+VO+I6+iCHIUdhzEMJKE+EAL8BwCN7fUOZlY4ofOelNHsK+gEjxB/B+9N3EWtdA==",
       "dev": true
     },
-    "node_modules/highland": {
-      "version": "2.13.0",
-      "resolved": "https://registry.npmjs.org/highland/-/highland-2.13.0.tgz",
-      "integrity": "sha512-zGZBcgAHPY2Zf9VG9S5IrlcC7CH9ELioXVtp9T5bU2a4fP2zIsA+Y8pV/n/h2lMwbWMHTX0I0xN0ODJ3Pd3aBQ==",
-      "dependencies": {
-        "util-deprecate": "^1.0.2"
-      }
-    },
     "node_modules/hoist-non-react-statics": {
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
@@ -6902,31 +6345,6 @@
         "react-is": "^16.7.0"
       }
     },
-    "node_modules/html-minifier": {
-      "version": "3.5.21",
-      "resolved": "https://registry.npmjs.org/html-minifier/-/html-minifier-3.5.21.tgz",
-      "integrity": "sha512-LKUKwuJDhxNa3uf/LPR/KVjm/l3rBqtYeCOAekvG8F1vItxMUpueGd94i/asDDr8/1u7InxzFA5EeGjhhG5mMA==",
-      "dependencies": {
-        "camel-case": "3.0.x",
-        "clean-css": "4.2.x",
-        "commander": "2.17.x",
-        "he": "1.2.x",
-        "param-case": "2.1.x",
-        "relateurl": "0.2.x",
-        "uglify-js": "3.4.x"
-      },
-      "bin": {
-        "html-minifier": "cli.js"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/html-minifier/node_modules/commander": {
-      "version": "2.17.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-2.17.1.tgz",
-      "integrity": "sha512-wPMUt6FnH2yzG95SA6mzjQOEKUU3aLaDEmzs1ti+1E9h+CsrZghRlqEM/EJ4KscsQVG8uNN4uVreUeT8+drlgg=="
-    },
     "node_modules/html-url-attributes": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/html-url-attributes/-/html-url-attributes-3.0.0.tgz",
@@ -6945,63 +6363,6 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/htmlparser2": {
-      "version": "3.10.1",
-      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.1.tgz",
-      "integrity": "sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==",
-      "dependencies": {
-        "domelementtype": "^1.3.1",
-        "domhandler": "^2.3.0",
-        "domutils": "^1.5.1",
-        "entities": "^1.1.1",
-        "inherits": "^2.0.1",
-        "readable-stream": "^3.1.1"
-      }
-    },
-    "node_modules/htmlparser2/node_modules/entities": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
-      "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w=="
-    },
-    "node_modules/http-errors": {
-      "version": "1.6.3",
-      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
-      "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==",
-      "dependencies": {
-        "depd": "~1.1.2",
-        "inherits": "2.0.3",
-        "setprototypeof": "1.1.0",
-        "statuses": ">= 1.4.0 < 2"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/http-errors/node_modules/inherits": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
-      "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw=="
-    },
-    "node_modules/https-proxy-agent": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-2.2.4.tgz",
-      "integrity": "sha512-OmvfoQ53WLjtA9HeYP9RNrWMJzzAz1JGaSFr1nijg0PVR1JaD/xbJq1mdEIIlxGpXp9eSe/O2LgU9DJmTPd0Eg==",
-      "dependencies": {
-        "agent-base": "^4.3.0",
-        "debug": "^3.1.0"
-      },
-      "engines": {
-        "node": ">= 4.5.0"
-      }
-    },
-    "node_modules/https-proxy-agent/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
     "node_modules/human-signals": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-5.0.0.tgz",
@@ -7095,6 +6456,7 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "dev": true,
       "dependencies": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -7103,7 +6465,8 @@
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true
     },
     "node_modules/inline-style-parser": {
       "version": "0.2.2",
@@ -7353,14 +6716,6 @@
         "loose-envify": "^1.0.0"
       }
     },
-    "node_modules/ipaddr.js": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
-      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
     "node_modules/is-alphabetical": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-2.0.1.tgz",
@@ -7848,32 +7203,6 @@
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
       "dev": true
     },
-    "node_modules/isomorphic-fetch": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz",
-      "integrity": "sha512-9c4TNAKYXM5PRyVcwUZrF3W09nQ+sO7+jydgs4ZGW9dhsLG2VOlISJABombdQqQRXCwuYG3sYV/puGf5rp0qmA==",
-      "dependencies": {
-        "node-fetch": "^1.0.1",
-        "whatwg-fetch": ">=0.10.0"
-      }
-    },
-    "node_modules/isomorphic-fetch/node_modules/is-stream": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
-      "integrity": "sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/isomorphic-fetch/node_modules/node-fetch": {
-      "version": "1.7.3",
-      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-1.7.3.tgz",
-      "integrity": "sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==",
-      "dependencies": {
-        "encoding": "^0.1.11",
-        "is-stream": "^1.0.1"
-      }
-    },
     "node_modules/iterator.prototype": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
@@ -8151,7 +7480,8 @@
     "node_modules/lodash": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "dev": true
     },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
@@ -8373,11 +7703,6 @@
         "get-func-name": "^2.0.1"
       }
     },
-    "node_modules/lower-case": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-1.1.4.tgz",
-      "integrity": "sha512-2Fgx1Ycm599x+WGpIYwJOvsjmXFzTSc34IwDWALRA/8AopUKAVPwfJ+h5+f85BCp0PWmmJcWzEpxOpoXycMpdA=="
-    },
     "node_modules/lru-cache": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -8674,24 +7999,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/mdn-data": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-1.1.4.tgz",
-      "integrity": "sha512-FSYbp3lyKjyj3E7fMl6rYvUdX0FBXaluGqlFoYESWQlyUTq8R+wp0rkFxoYFqZlHCvsUXGjyJmLQSnXToYhOSA=="
-    },
-    "node_modules/media-typer": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
-      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/merge-descriptors": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
-      "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w=="
-    },
     "node_modules/merge-stream": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
@@ -8707,14 +8014,6 @@
         "node": ">= 8"
       }
     },
-    "node_modules/methods": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
-      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/micromark": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/micromark/-/micromark-4.0.0.tgz",
@@ -9263,17 +8562,6 @@
         "node": ">=8.6"
       }
     },
-    "node_modules/mime": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
-      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
-      "bin": {
-        "mime": "cli.js"
-      },
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
     "node_modules/mime-db": {
       "version": "1.52.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
@@ -9305,22 +8593,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/minimalcss": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/minimalcss/-/minimalcss-0.8.1.tgz",
-      "integrity": "sha512-a+kbRVvxz+oQf43pweflM38KvcvVuTvv3v6a8UgVbfS7E2rktSJSf8kfbGToSXgbiBDP83WTh8MWL6PdT9ljag==",
-      "dependencies": {
-        "cheerio": "1.0.0-rc.2",
-        "css-tree": "1.0.0-alpha.28",
-        "csso": "~3.5.0",
-        "filesize": "^3.5.11",
-        "minimist": "^1.2.0",
-        "puppeteer": "^1.8.0"
-      },
-      "bin": {
-        "minimalcss": "bin/minimalcss.js"
-      }
-    },
     "node_modules/minimatch": {
       "version": "9.0.3",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
@@ -9340,27 +8612,11 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
       "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/mkdirp": {
-      "version": "0.5.1",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
-      "integrity": "sha512-SknJC52obPfGQPnjIkXbmA6+5H15E+fR+E4iR2oQ3zzCLbd7/ONua69R/Gw7AgkTLsRG+r5fzksYwWe1AgTyWA==",
-      "deprecated": "Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.)",
-      "dependencies": {
-        "minimist": "0.0.8"
-      },
-      "bin": {
-        "mkdirp": "bin/cmd.js"
-      }
-    },
-    "node_modules/mkdirp/node_modules/minimist": {
-      "version": "0.0.8",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
-      "integrity": "sha512-miQKw5Hv4NS1Psg2517mV4e4dYNaO3++hjAvLOAzKqZ61rH8NS1SK+vbfBWZ5PY/Me/bEWhUwqMghEW5Fb9T7Q=="
-    },
     "node_modules/mlly": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.5.0.tgz",
@@ -9535,22 +8791,6 @@
       "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
       "dev": true
     },
-    "node_modules/negotiator": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
-      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/no-case": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/no-case/-/no-case-2.3.2.tgz",
-      "integrity": "sha512-rmTZ9kz+f3rCvK2TD1Ue/oZlns7OGoIWP4fc3llxxRXlOkHKoWPPWJOfFYpITabSow43QJbRIoHQXtt10VldyQ==",
-      "dependencies": {
-        "lower-case": "^1.1.1"
-      }
-    },
     "node_modules/node-fetch": {
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
@@ -9747,17 +8987,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/on-finished": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
-      "integrity": "sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==",
-      "dependencies": {
-        "ee-first": "1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/once": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
@@ -10007,14 +9236,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/param-case": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/param-case/-/param-case-2.1.1.tgz",
-      "integrity": "sha512-eQE845L6ot89sk2N8liD8HAuH4ca6Vvr7VWAWwt7+kvvG5aBcPmmphQ68JsEG2qa9n1TykS2DLeMt363AAH8/w==",
-      "dependencies": {
-        "no-case": "^2.2.0"
-      }
-    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -10083,14 +9304,6 @@
         "url": "https://github.com/inikulin/parse5?sponsor=1"
       }
     },
-    "node_modules/parseurl": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
-      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -10104,6 +9317,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
       "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -10151,11 +9365,6 @@
         "node": "*"
       }
     },
-    "node_modules/pend": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
-      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg=="
-    },
     "node_modules/picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@@ -10295,19 +9504,6 @@
       "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
       "dev": true
     },
-    "node_modules/process-nextick-args": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
-      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
-    },
-    "node_modules/progress": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
-      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
     "node_modules/prop-types": {
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
@@ -10327,18 +9523,6 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/proxy-addr": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
-      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
-      "dependencies": {
-        "forwarded": "0.2.0",
-        "ipaddr.js": "1.9.1"
-      },
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
     "node_modules/proxy-from-env": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
@@ -10353,45 +9537,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/puppeteer": {
-      "version": "1.20.0",
-      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-1.20.0.tgz",
-      "integrity": "sha512-bt48RDBy2eIwZPrkgbcwHtb51mj2nKvHOPMaSH2IsWiv7lOG9k9zhaRzpDZafrk05ajMc3cu+lSQYYOfH2DkVQ==",
-      "deprecated": "< 21.8.0 is no longer supported",
-      "hasInstallScript": true,
-      "dependencies": {
-        "debug": "^4.1.0",
-        "extract-zip": "^1.6.6",
-        "https-proxy-agent": "^2.2.1",
-        "mime": "^2.0.3",
-        "progress": "^2.0.1",
-        "proxy-from-env": "^1.0.0",
-        "rimraf": "^2.6.1",
-        "ws": "^6.1.0"
-      },
-      "engines": {
-        "node": ">=6.4.0"
-      }
-    },
-    "node_modules/puppeteer/node_modules/rimraf": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
-      "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
-      "dependencies": {
-        "glob": "^7.1.3"
-      },
-      "bin": {
-        "rimraf": "bin.js"
-      }
-    },
-    "node_modules/qs": {
-      "version": "6.5.2",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
-      "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==",
-      "engines": {
-        "node": ">=0.6"
-      }
-    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -10412,39 +9557,6 @@
         }
       ]
     },
-    "node_modules/range-parser": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
-      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/raw-body": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.3.3.tgz",
-      "integrity": "sha512-9esiElv1BrZoI3rCDuOuKCBRbuApGGaDPQfjSflGxdy4oyzqghxu6klEkkVIvBje+FF0BX9coEv8KqW6X/7njw==",
-      "dependencies": {
-        "bytes": "3.0.0",
-        "http-errors": "1.6.3",
-        "iconv-lite": "0.4.23",
-        "unpipe": "1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/raw-body/node_modules/iconv-lite": {
-      "version": "0.4.23",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.23.tgz",
-      "integrity": "sha512-neyTUVFtahjf0mB3dZT77u+8O0QB89jFdnBkd5P1JgYPbPaia3gXXOVL2fq8VyU2gMMD7SaN7QukTB/pmXYvDA==",
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/react": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
@@ -10692,29 +9804,6 @@
         "react-dom": "^15.5.4 || ^16.0.0 || ^17.0.0 || ^18.0.0"
       }
     },
-    "node_modules/react-snap": {
-      "version": "1.23.0",
-      "resolved": "https://registry.npmjs.org/react-snap/-/react-snap-1.23.0.tgz",
-      "integrity": "sha512-spmg2maHSedLrn6QBAfLJkyMqeeffLTIs7h40pS1copW2xBrajx4HEAcanm+7IVGO6SYCPoGwvbU3U30UFN25g==",
-      "dependencies": {
-        "clean-css": "4.2.1",
-        "express": "4.16.4",
-        "express-history-api-fallback": "2.2.1",
-        "highland": "2.13.0",
-        "html-minifier": "3.5.21",
-        "minimalcss": "0.8.1",
-        "mkdirp": "0.5.1",
-        "puppeteer": "^1.8.0",
-        "serve-static": "1.13.2",
-        "sourcemapped-stacktrace-node": "2.1.8"
-      },
-      "bin": {
-        "react-snap": "run.js"
-      },
-      "engines": {
-        "node": ">= 8.6.0"
-      }
-    },
     "node_modules/react-style-singleton": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz",
@@ -10757,6 +9846,7 @@
       "version": "3.6.2",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
       "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dev": true,
       "dependencies": {
         "inherits": "^2.0.3",
         "string_decoder": "^1.1.1",
@@ -11027,14 +10117,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/relateurl": {
-      "version": "0.2.7",
-      "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
-      "integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==",
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
     "node_modules/remark-gfm": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/remark-gfm/-/remark-gfm-4.0.0.tgz",
@@ -11333,6 +10415,7 @@
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
       "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -11368,7 +10451,8 @@
     "node_modules/safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "dev": true
     },
     "node_modules/scheduler": {
       "version": "0.23.0",
@@ -11411,64 +10495,6 @@
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
       "dev": true
     },
-    "node_modules/send": {
-      "version": "0.16.2",
-      "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz",
-      "integrity": "sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==",
-      "dependencies": {
-        "debug": "2.6.9",
-        "depd": "~1.1.2",
-        "destroy": "~1.0.4",
-        "encodeurl": "~1.0.2",
-        "escape-html": "~1.0.3",
-        "etag": "~1.8.1",
-        "fresh": "0.5.2",
-        "http-errors": "~1.6.2",
-        "mime": "1.4.1",
-        "ms": "2.0.0",
-        "on-finished": "~2.3.0",
-        "range-parser": "~1.2.0",
-        "statuses": "~1.4.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/send/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/send/node_modules/mime": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz",
-      "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==",
-      "bin": {
-        "mime": "cli.js"
-      }
-    },
-    "node_modules/send/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
-    },
-    "node_modules/serve-static": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.2.tgz",
-      "integrity": "sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==",
-      "dependencies": {
-        "encodeurl": "~1.0.2",
-        "escape-html": "~1.0.3",
-        "parseurl": "~1.3.2",
-        "send": "0.16.2"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
     "node_modules/set-cookie-parser": {
       "version": "2.6.0",
       "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.6.0.tgz",
@@ -11505,11 +10531,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/setprototypeof": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
-      "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ=="
-    },
     "node_modules/shallowequal": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
@@ -11621,27 +10642,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/sourcemapped-stacktrace-node": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/sourcemapped-stacktrace-node/-/sourcemapped-stacktrace-node-2.1.8.tgz",
-      "integrity": "sha512-xQOqfT5mquKLBp+H06WTeGYEQh7OF5wa44IPHbh+qNdTP15xSzxwISPml1xCweJ6DExDpDDxXe/P34wP+GdDrg==",
-      "dependencies": {
-        "es6-promise": "^4.1.1",
-        "isomorphic-fetch": "^2.2.1",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">= 8.6.0"
-      }
-    },
-    "node_modules/sourcemapped-stacktrace-node/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/space-separated-tokens": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
@@ -11657,14 +10657,6 @@
       "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
       "dev": true
     },
-    "node_modules/statuses": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz",
-      "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/std-env": {
       "version": "3.7.0",
       "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.7.0.tgz",
@@ -11681,6 +10673,7 @@
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
       "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dev": true,
       "dependencies": {
         "safe-buffer": "~5.2.0"
       }
@@ -12243,18 +11236,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/type-is": {
-      "version": "1.6.18",
-      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
-      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
-      "dependencies": {
-        "media-typer": "0.3.0",
-        "mime-types": "~2.1.24"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
     "node_modules/typed-array-buffer": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
@@ -12320,11 +11301,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/typedarray": {
-      "version": "0.0.6",
-      "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
-      "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA=="
-    },
     "node_modules/typescript": {
       "version": "5.2.2",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz",
@@ -12344,34 +11320,6 @@
       "integrity": "sha512-Hhy+BhRBleFjpJ2vchUNN40qgkh0366FWJGqVLYBHev0vpHTrXSA0ryT+74UiW6KWsldNurQMKGqCm1M2zBciQ==",
       "dev": true
     },
-    "node_modules/uglify-js": {
-      "version": "3.4.10",
-      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.4.10.tgz",
-      "integrity": "sha512-Y2VsbPVs0FIshJztycsO2SfPk7/KAF/T72qzv9u5EpQ4kB2hQoHlhNQTsNyy6ul7lQtqJN/AoWeS23OzEiEFxw==",
-      "dependencies": {
-        "commander": "~2.19.0",
-        "source-map": "~0.6.1"
-      },
-      "bin": {
-        "uglifyjs": "bin/uglifyjs"
-      },
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/uglify-js/node_modules/commander": {
-      "version": "2.19.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-2.19.0.tgz",
-      "integrity": "sha512-6tvAOO+D6OENvRAh524Dh9jcfKTYDQAqvqezbCW82xj5X0pSrcpxtvRKHLG0yBY6SD7PSDrJaj+0AiOcKVd1Xg=="
-    },
-    "node_modules/uglify-js/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/unbox-primitive": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
@@ -12401,7 +11349,8 @@
     "node_modules/undici-types": {
       "version": "5.26.5",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
-      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA=="
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+      "devOptional": true
     },
     "node_modules/unified": {
       "version": "11.0.4",
@@ -12520,14 +11469,6 @@
         "node": ">= 10.0.0"
       }
     },
-    "node_modules/unpipe": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
-      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/update-browserslist-db": {
       "version": "1.0.13",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
@@ -12558,11 +11499,6 @@
         "browserslist": ">= 4.21.0"
       }
     },
-    "node_modules/upper-case": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/upper-case/-/upper-case-1.1.3.tgz",
-      "integrity": "sha512-WRbjgmYzgXkCV7zNVpy5YgrHgbBv126rMALQQMrmzOVC4GM2waQ9x7xtm8VU+1yF2kWyPzI9zbZ48n4vSxwfSA=="
-    },
     "node_modules/uri-js": {
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
@@ -12674,15 +11610,8 @@
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
-    },
-    "node_modules/utils-merge": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
-      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
-      "engines": {
-        "node": ">= 0.4.0"
-      }
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true
     },
     "node_modules/uuid": {
       "version": "8.3.2",
@@ -12692,14 +11621,6 @@
         "uuid": "dist/bin/uuid"
       }
     },
-    "node_modules/vary": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
-      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/vfile": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.1.tgz",
@@ -13013,11 +11934,6 @@
       "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
       "dev": true
     },
-    "node_modules/whatwg-fetch": {
-      "version": "3.6.20",
-      "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.6.20.tgz",
-      "integrity": "sha512-EqhiFU6daOA8kpjOWTL0olhVOF3i7OrFzSYiGsEMB8GcXS+RrzauAERX65xMeNWVqxA6HXH2m69Z9LaKKdisfg=="
-    },
     "node_modules/whatwg-url": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
@@ -13196,14 +12112,6 @@
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
     },
-    "node_modules/ws": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.2.tgz",
-      "integrity": "sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==",
-      "dependencies": {
-        "async-limiter": "~1.0.0"
-      }
-    },
     "node_modules/y18n": {
       "version": "5.0.8",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
@@ -13277,15 +12185,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/yauzl": {
-      "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
-      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
-      "dependencies": {
-        "buffer-crc32": "~0.2.3",
-        "fd-slicer": "~1.1.0"
-      }
-    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
diff --git a/package.json b/package.json
index 01e6487c..198344ea 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,6 @@
     "react-intersection-observer": "^9.8.1",
     "react-router-dom": "^6.22.0",
     "react-scroll": "^1.9.0",
-    "react-snap": "^1.23.0",
     "react-textarea-autosize": "^8.5.3",
     "rollup": "^4.10.0",
     "rollup-plugin-visualizer": "^5.12.0",

From b062f47725c7a2b42c74b11d5497708f118bc2e0 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Fri, 5 Apr 2024 16:14:53 +0900
Subject: [PATCH 37/37] =?UTF-8?q?[Refactoring=20=E2=9A=99=EF=B8=8F]=20?=
 =?UTF-8?q?=EC=97=90=EB=9F=AC=EB=B0=94=EC=9A=B4=EB=8D=94=EB=A6=AC=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/index.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index cf6dfacd..25434839 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -1,5 +1,5 @@
 import React from "react"
-import { createBrowserRouter } from "react-router-dom"
+import { createBrowserRouter, useRouteError } from "react-router-dom"
 
 import DefaultLayout from "@/routes/layouts/DefaultLayout"
 
@@ -29,6 +29,9 @@ const SignUpPage = React.lazy(() => import("@/pages/SignUpPage/SignUpPage"))
 export const router = createBrowserRouter([
   {
     element: <DefaultLayout />,
+    ErrorBoundary: () => {
+      throw useRouteError()
+    },
     children: [
       {
         index: true,