From 4138e2f5d222543384854fa7e34d01f93650b351 Mon Sep 17 00:00:00 2001
From: Kevin Kim <kevinkim0617kim@gmail.com>
Date: Wed, 8 May 2024 23:17:11 +0900
Subject: [PATCH 1/5] feat: Clerk login & backend sync api

---
 gitlio/actions/user.ts                   |   17 +
 gitlio/app/editor/_components/TopBar.tsx |   42 +-
 gitlio/app/editor/layout.tsx             |   33 +-
 gitlio/app/layout.tsx                    |   19 +-
 gitlio/app/page.tsx                      |   27 +-
 gitlio/middleware.ts                     |    7 +
 gitlio/package-lock.json                 | 1459 ++++++++++++----------
 gitlio/package.json                      |    4 +-
 gitlio/store/sidebarIconsStore.tsx       |    2 +-
 gitlio/store/sidebarStore.ts             |    2 +-
 gitlio/store/userStore.ts                |   20 +
 11 files changed, 890 insertions(+), 742 deletions(-)
 create mode 100644 gitlio/actions/user.ts
 create mode 100644 gitlio/middleware.ts
 create mode 100644 gitlio/store/userStore.ts

diff --git a/gitlio/actions/user.ts b/gitlio/actions/user.ts
new file mode 100644
index 0000000..e372b69
--- /dev/null
+++ b/gitlio/actions/user.ts
@@ -0,0 +1,17 @@
+'use server';
+import axios from 'axios';
+
+class UserNotFoundErr extends Error {}
+
+export async function getIdAfterLogin(data: {
+  clerk_id: string;
+  email: string;
+  name: string | null;
+}) {
+  const response = await axios.post(process.env.API_URL + 'users/', data, {
+    headers: { 'Content-Type': 'application/json' },
+  });
+
+  console.log(response.data);
+  return response.data.user_id; // 백엔드에서 userId를 반환한다고 가정
+}
diff --git a/gitlio/app/editor/_components/TopBar.tsx b/gitlio/app/editor/_components/TopBar.tsx
index 185f7c3..b1da7da 100644
--- a/gitlio/app/editor/_components/TopBar.tsx
+++ b/gitlio/app/editor/_components/TopBar.tsx
@@ -2,6 +2,9 @@ import Image from 'next/image';
 import { FaGlobeAsia } from 'react-icons/fa';
 import { LuAlignJustify, LuBarChartBig } from 'react-icons/lu';
 import PreviewButton from '@/app/editor/_components/PreviewButton';
+import { SignedIn, SignedOut, SignInButton, UserButton } from '@clerk/nextjs';
+import { FaSignInAlt } from 'react-icons/fa';
+import React from 'react';
 
 export default function TopBar() {
   return (
@@ -32,37 +35,14 @@ export default function TopBar() {
         <button className="btn btn-square btn-ghost">
           <LuAlignJustify className="text-white size-6" />
         </button>
-        <div className="dropdown dropdown-end">
-          <div
-            tabIndex={0}
-            role="button"
-            className="btn btn-ghost btn-circle avatar"
-          >
-            <div className="w-10 rounded-full">
-              <img
-                alt="Tailwind CSS Navbar component"
-                src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg"
-              />
-            </div>
-          </div>
-          <ul
-            tabIndex={0}
-            className="mt-3 z-[1] p-2 shadow menu menu-sm dropdown-content bg-base-100 rounded-box w-52"
-          >
-            <li>
-              <a className="justify-between">
-                Profile
-                <span className="badge">New</span>
-              </a>
-            </li>
-            <li>
-              <a>Settings</a>
-            </li>
-            <li>
-              <a>Logout</a>
-            </li>
-          </ul>
-        </div>
+        <SignedOut>
+          <SignInButton>
+            <FaSignInAlt className="text-white size-6" />
+          </SignInButton>
+        </SignedOut>
+        <SignedIn>
+          <UserButton />
+        </SignedIn>
       </div>
     </div>
   );
diff --git a/gitlio/app/editor/layout.tsx b/gitlio/app/editor/layout.tsx
index bb05e97..f4a0bf7 100644
--- a/gitlio/app/editor/layout.tsx
+++ b/gitlio/app/editor/layout.tsx
@@ -1,6 +1,6 @@
 // EditorLayout.tsx
 'use client';
-import React from 'react';
+import React, { useRef } from 'react';
 import { DndContext, DragOverlay } from '@dnd-kit/core';
 import { useDragDrop } from '@/hooks/useDragDrop';
 import TopBar from '@/app/editor/_components/TopBar';
@@ -9,12 +9,43 @@ import BaseSideBar from '@/app/editor/_components/(rightSideBar)/BaseSideBar';
 import TopBlogBar from './_components/TopBlogBar';
 import DraggableIcon from '@/app/editor/_components/(skill)/DraggableIcon';
 import GlobalDragOverlay from '@/app/editor/_components/(skill)/DragOverlay';
+import { useEffect } from 'react';
+import { useUser } from '@clerk/nextjs';
+import { getIdAfterLogin } from '@/actions/user';
+import { useUserStore } from '@/store/userStore';
 
 const EditorLayout: React.FC<{ children: React.ReactNode }> = ({
   children,
 }) => {
   const { sensors, handleDragStart, handleDragEnd } = useDragDrop();
+  const { isSignedIn, user } = useUser();
+  const setUser = useUserStore((state) => state.setUser);
+  const userId = useUserStore((state) => state.userId);
+  const setUserId = useUserStore((state) => state.setUserId);
+  const isRequesting = useRef(false); // 요청 중 상태 관리
 
+  useEffect(() => {
+    if (isSignedIn && user && user.id && !userId && !isRequesting.current) {
+      isRequesting.current = true; // 요청 시작
+      const data = {
+        clerk_id: user.id,
+        email: user.emailAddresses[0]?.emailAddress,
+        name: user.fullName,
+      };
+
+      getIdAfterLogin(data)
+        .then((fetchedUserId) => {
+          if (!userId) {
+            setUserId(fetchedUserId);
+          }
+          isRequesting.current = false; // 요청 완료
+        })
+        .catch((err) => {
+          console.error('Failed to fetch userId:', err);
+          isRequesting.current = false; // 요청 실패
+        });
+    }
+  }, [isSignedIn, user, userId]);
   return (
     <DndContext
       sensors={sensors}
diff --git a/gitlio/app/layout.tsx b/gitlio/app/layout.tsx
index b72258c..d550cf3 100644
--- a/gitlio/app/layout.tsx
+++ b/gitlio/app/layout.tsx
@@ -1,3 +1,11 @@
+import {
+  ClerkProvider,
+  SignInButton,
+  SignedIn,
+  SignedOut,
+  UserButton,
+  useUser,
+} from '@clerk/nextjs';
 import type { Metadata } from 'next';
 import { Inter } from 'next/font/google';
 import './globals.css';
@@ -16,8 +24,13 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en">
-      <body className={inter.className}>{children}</body>
-    </html>
+    <ClerkProvider>
+      <html lang="en">
+        <body className={inter.className}>
+          <header></header>
+          {children}
+        </body>
+      </html>
+    </ClerkProvider>
   );
 }
diff --git a/gitlio/app/page.tsx b/gitlio/app/page.tsx
index 3538234..031b9fd 100644
--- a/gitlio/app/page.tsx
+++ b/gitlio/app/page.tsx
@@ -3,6 +3,7 @@ import React, { useState } from 'react';
 import Logo from '@/components/Logo';
 import LoginModal from '@/components/start/LoginModal';
 import SignInModal from '@/components/start/SignInModal';
+import { SignedIn, SignedOut, SignInButton, UserButton } from '@clerk/nextjs';
 
 const StartPage: React.FC = () => {
   const [modalType, setModalType] = useState<string>('');
@@ -19,20 +20,19 @@ const StartPage: React.FC = () => {
     <div className="bg-primary flex justify-center items-center h-screen">
       <nav className="flex justify-between items-center border-b border-border h-[60px] px-4 py-2 absolute top-0 w-full">
         <Logo />
-      </nav>
-      <div className="bg-primary flex flex-col justify-center items-center h-screen">
-        <div className="relative flex justify-center items-center">
-          <img
-            src="https://i.ibb.co/7WRLdst/Group-69.png"
-            alt="deco icon"
-            className="absolute w-auto h-auto max-w-xs lg:max-w-lg xl:max-w-xl"
-          />
-          <img
-            src="/gitlio.png"
-            alt="Profile Image"
-            className="relative z-10 w-auto h-auto max-w-xs lg:max-w-lg xl:max-w-xl"
+        <SignedOut>
+          <SignInButton
+            fallbackRedirectUrl="/studio/dashboard"
+            forceRedirectUrl="/studio/dashboard"
+            signUpForceRedirectUrl="/studio/dashboard"
+            signUpFallbackRedirectUrl="/studio/dashboard"
           />
-        </div>
+        </SignedOut>
+        <SignedIn>
+          <UserButton afterSignOutUrl="/studio/dashboard" />
+        </SignedIn>
+      </nav>{' '}
+      <div className="bg-primary flex flex-col justify-center items-center h-screen">
         <button
           className="btn btn-ghost mt-8 text-xl text-[#8288a1] underline underline-offset-4"
           onClick={() => openModal('login')}
@@ -46,7 +46,6 @@ const StartPage: React.FC = () => {
           SIGN IN
         </button>
       </div>
-
       {modalType === 'login' && <LoginModal onClose={closeModal} />}
       {modalType === 'signin' && <SignInModal onClose={closeModal} />}
     </div>
diff --git a/gitlio/middleware.ts b/gitlio/middleware.ts
new file mode 100644
index 0000000..71c73d0
--- /dev/null
+++ b/gitlio/middleware.ts
@@ -0,0 +1,7 @@
+import { clerkMiddleware } from '@clerk/nextjs/server';
+
+export default clerkMiddleware();
+
+export const config = {
+  matcher: ['/((?!.*\\..*|_next).*)', '/', '/(api|trpc)(.*)'],
+};
diff --git a/gitlio/package-lock.json b/gitlio/package-lock.json
index 0f9a52c..16b8c80 100644
--- a/gitlio/package-lock.json
+++ b/gitlio/package-lock.json
@@ -8,11 +8,12 @@
       "name": "gitlio",
       "version": "0.1.0",
       "dependencies": {
-        "@clerk/nextjs": "^4.29.4",
+        "@clerk/nextjs": "^5.0.6",
         "@dnd-kit/core": "^6.1.0",
         "@dnd-kit/sortable": "^8.0.0",
         "@dnd-kit/utilities": "^3.2.2",
         "@radix-ui/react-popover": "^1.0.7",
+        "axios": "^1.6.8",
         "class-variance-authority": "^0.7.0",
         "classnames": "^2.5.1",
         "clsx": "^2.1.0",
@@ -31,6 +32,7 @@
         "tailwind-merge": "^2.2.2",
         "tailwindcss-animate": "^1.0.7",
         "uuid": "^9.0.1",
+        "zod": "^3.23.7",
         "zustand": "^4.5.2"
       },
       "devDependencies": {
@@ -54,7 +56,6 @@
       "version": "1.2.6",
       "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
       "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -212,125 +213,94 @@
       }
     },
     "node_modules/@clerk/backend": {
-      "version": "0.38.1",
-      "resolved": "https://registry.npmjs.org/@clerk/backend/-/backend-0.38.1.tgz",
-      "integrity": "sha512-Nnr+j2V0RwFp/CFjlp7VenGPACilhAVD2j1c49fxjQUuAWeLd/z/5efb9mp7kgZup8oxpOHoMDjO2ndWY4rPqA==",
-      "dependencies": {
-        "@clerk/shared": "1.3.1",
-        "@clerk/types": "3.62.0",
-        "@peculiar/webcrypto": "1.4.1",
-        "@types/node": "16.18.6",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@clerk/backend/-/backend-1.1.1.tgz",
+      "integrity": "sha512-6r2SPtO5TB53OiGwexLP19LvVoUO+Nz7KlE4US1uposaT2X1+enRtA0LD9DwJnv1YJKxnPXVkwiuqYYlGysusw==",
+      "dependencies": {
+        "@clerk/shared": "2.0.1",
         "cookie": "0.5.0",
-        "deepmerge": "4.2.2",
-        "node-fetch-native": "1.0.1",
         "snakecase-keys": "5.4.4",
         "tslib": "2.4.1"
       },
       "engines": {
-        "node": ">=14"
+        "node": ">=18.17.0"
       }
     },
-    "node_modules/@clerk/backend/node_modules/@types/node": {
-      "version": "16.18.6",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.6.tgz",
-      "integrity": "sha512-vmYJF0REqDyyU0gviezF/KHq/fYaUbFhkcNbQCuPGFQj6VTbXuHZoxs/Y7mutWe73C8AC6l9fFu8mSYiBAqkGA=="
-    },
     "node_modules/@clerk/clerk-react": {
-      "version": "4.30.5",
-      "resolved": "https://registry.npmjs.org/@clerk/clerk-react/-/clerk-react-4.30.5.tgz",
-      "integrity": "sha512-jWSbgjWW3ny+ctQKpz/c8CwascliDtaa/8FyHX7tqKlV7vFeR9N/AjaZIUKHrbeGpRk+b/RM2xHLoZS4nZ4V6A==",
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/@clerk/clerk-react/-/clerk-react-5.0.3.tgz",
+      "integrity": "sha512-VlPLm2g3zBSl+xtqDv6qkV59Yj717A/WU9grs6NZWcydkB0oPwuo4ftxW/OiY0IUtA638qyj0ovotVX9tZagTw==",
       "dependencies": {
-        "@clerk/shared": "1.3.1",
-        "@clerk/types": "3.62.0",
+        "@clerk/shared": "2.0.1",
+        "@clerk/types": "4.2.0",
+        "eslint-config-custom": "*",
         "tslib": "2.4.1"
       },
       "engines": {
-        "node": ">=14"
+        "node": ">=18.17.0"
       },
       "peerDependencies": {
-        "react": ">=16"
-      }
-    },
-    "node_modules/@clerk/clerk-sdk-node": {
-      "version": "4.13.9",
-      "resolved": "https://registry.npmjs.org/@clerk/clerk-sdk-node/-/clerk-sdk-node-4.13.9.tgz",
-      "integrity": "sha512-SRATpmPcN5IkdewasiJyvSoKNnNnk+Igb/tpjNV6hM9zS3tbWwJx/haUtR76tTjmloUQemVBl5oVr0hnZTq3kg==",
-      "dependencies": {
-        "@clerk/backend": "0.38.1",
-        "@clerk/shared": "1.3.1",
-        "@clerk/types": "3.62.0",
-        "@types/cookies": "0.7.7",
-        "@types/express": "4.17.14",
-        "@types/node-fetch": "2.6.2",
-        "camelcase-keys": "6.2.2",
-        "snakecase-keys": "3.2.1",
-        "tslib": "2.4.1"
-      },
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/@clerk/clerk-sdk-node/node_modules/snakecase-keys": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/snakecase-keys/-/snakecase-keys-3.2.1.tgz",
-      "integrity": "sha512-CjU5pyRfwOtaOITYv5C8DzpZ8XA/ieRsDpr93HI2r6e3YInC6moZpSQbmUtg8cTk58tq2x3jcG2gv+p1IZGmMA==",
-      "dependencies": {
-        "map-obj": "^4.1.0",
-        "to-snake-case": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=8"
+        "react": ">=18",
+        "react-dom": ">=18"
       }
     },
     "node_modules/@clerk/nextjs": {
-      "version": "4.29.7",
-      "resolved": "https://registry.npmjs.org/@clerk/nextjs/-/nextjs-4.29.7.tgz",
-      "integrity": "sha512-tPvIp4GXCsjcKankLRpPPQGDWmpmlB2tm+p656/OUUmzPMeDnk5Euc86HjSk+5C9BAHVatrveRth6fHa4yzNhQ==",
-      "dependencies": {
-        "@clerk/backend": "0.38.1",
-        "@clerk/clerk-react": "4.30.5",
-        "@clerk/clerk-sdk-node": "4.13.9",
-        "@clerk/shared": "1.3.1",
-        "@clerk/types": "3.62.0",
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/@clerk/nextjs/-/nextjs-5.0.6.tgz",
+      "integrity": "sha512-u67yEpcC7JSaGyzR3bx5LTWApMbnZasbb2byYqclL2cliPBBqrMBf3ru2jCvrv/SJX8weFJwK11IZA6hBJjXww==",
+      "dependencies": {
+        "@clerk/backend": "1.1.1",
+        "@clerk/clerk-react": "5.0.3",
+        "@clerk/shared": "2.0.1",
+        "crypto-js": "4.2.0",
         "path-to-regexp": "6.2.1",
         "tslib": "2.4.1"
       },
       "engines": {
-        "node": ">=14"
+        "node": ">=18.17.0"
       },
       "peerDependencies": {
-        "next": ">=10",
-        "react": "^17.0.2 || ^18.0.0-0",
-        "react-dom": "^17.0.2 || ^18.0.0-0"
+        "next": "^13.5.4 || ^14.0.3",
+        "react": ">=18",
+        "react-dom": ">=18"
       }
     },
     "node_modules/@clerk/shared": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/@clerk/shared/-/shared-1.3.1.tgz",
-      "integrity": "sha512-nzv4+uA90I/eQp55zfK9a1Po9VgCYlzlNhuZnKqyRsPyJ38l4gpIf3B3qSHHdN0+MTx9cWGFrik1CnpftdOBXQ==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@clerk/shared/-/shared-2.0.1.tgz",
+      "integrity": "sha512-iRjvWCGVzcN5vi9O3+/bEbA22TegxlnHJJE1a6989OFeeXqSKFqmYwDrvM48umJrbvX5cMbKEgctSVXT2IOgCw==",
+      "hasInstallScript": true,
       "dependencies": {
         "glob-to-regexp": "0.4.1",
         "js-cookie": "3.0.1",
+        "std-env": "^3.7.0",
         "swr": "2.2.0"
       },
+      "engines": {
+        "node": ">=18.17.0"
+      },
       "peerDependencies": {
-        "react": ">=16"
+        "react": ">=18",
+        "react-dom": ">=18"
       },
       "peerDependenciesMeta": {
         "react": {
           "optional": true
+        },
+        "react-dom": {
+          "optional": true
         }
       }
     },
     "node_modules/@clerk/types": {
-      "version": "3.62.0",
-      "resolved": "https://registry.npmjs.org/@clerk/types/-/types-3.62.0.tgz",
-      "integrity": "sha512-rjtdPqNJtfayCrqOCi20i46rw7X5yzAiOoh0Dzl7KX8kdBWQn06UxpgREPEp/3gFS2imVFRyXtx+fUGRwOGjaw==",
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/@clerk/types/-/types-4.2.0.tgz",
+      "integrity": "sha512-JtQINgvRGkO9K8os8pSj3QvNrBDvdc0lFpbTwpF3J1CBLafiJmJiBUyUSzWcI/k/9FlClMZxauZufVp9jlSBjg==",
       "dependencies": {
         "csstype": "3.1.1"
       },
       "engines": {
-        "node": ">=14"
+        "node": ">=18.17.0"
       }
     },
     "node_modules/@dnd-kit/accessibility": {
@@ -489,7 +459,6 @@
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
       "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
-      "dev": true,
       "dependencies": {
         "eslint-visitor-keys": "^3.3.0"
       },
@@ -504,7 +473,6 @@
       "version": "4.10.0",
       "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz",
       "integrity": "sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==",
-      "dev": true,
       "engines": {
         "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
       }
@@ -513,7 +481,6 @@
       "version": "2.1.4",
       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
       "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
-      "dev": true,
       "dependencies": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
@@ -536,7 +503,6 @@
       "version": "8.56.0",
       "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.56.0.tgz",
       "integrity": "sha512-gMsVel9D7f2HLkBma9VbtzZRehRogVRfbr++f06nL2vnCGCNlzOD+/MUov/F4p8myyAHspEhVobgjpX64q5m6A==",
-      "dev": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
@@ -579,7 +545,6 @@
       "version": "0.11.14",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
       "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==",
-      "dev": true,
       "dependencies": {
         "@humanwhocodes/object-schema": "^2.0.2",
         "debug": "^4.3.1",
@@ -593,7 +558,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
       "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-      "dev": true,
       "engines": {
         "node": ">=12.22"
       },
@@ -605,8 +569,7 @@
     "node_modules/@humanwhocodes/object-schema": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.2.tgz",
-      "integrity": "sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==",
-      "dev": true
+      "integrity": "sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw=="
     },
     "node_modules/@isaacs/cliui": {
       "version": "8.0.2",
@@ -873,47 +836,6 @@
         "node": ">= 8"
       }
     },
-    "node_modules/@peculiar/asn1-schema": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/@peculiar/asn1-schema/-/asn1-schema-2.3.8.tgz",
-      "integrity": "sha512-ULB1XqHKx1WBU/tTFIA+uARuRoBVZ4pNdOA878RDrRbBfBGcSzi5HBkdScC6ZbHn8z7L8gmKCgPC1LHRrP46tA==",
-      "dependencies": {
-        "asn1js": "^3.0.5",
-        "pvtsutils": "^1.3.5",
-        "tslib": "^2.6.2"
-      }
-    },
-    "node_modules/@peculiar/asn1-schema/node_modules/tslib": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
-      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
-    },
-    "node_modules/@peculiar/json-schema": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/@peculiar/json-schema/-/json-schema-1.1.12.tgz",
-      "integrity": "sha512-coUfuoMeIB7B8/NMekxaDzLhaYmp0HZNPEjYRm9goRou8UZIC3z21s0sL9AWoCw4EG876QyO3kYrc61WNF9B/w==",
-      "dependencies": {
-        "tslib": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/@peculiar/webcrypto": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/@peculiar/webcrypto/-/webcrypto-1.4.1.tgz",
-      "integrity": "sha512-eK4C6WTNYxoI7JOabMoZICiyqRRtJB220bh0Mbj5RwRycleZf9BPyZoxsTvpP0FpmVS2aS13NKOuh5/tN3sIRw==",
-      "dependencies": {
-        "@peculiar/asn1-schema": "^2.3.0",
-        "@peculiar/json-schema": "^1.1.12",
-        "pvtsutils": "^1.3.2",
-        "tslib": "^2.4.1",
-        "webcrypto-core": "^1.7.4"
-      },
-      "engines": {
-        "node": ">=10.12.0"
-      }
-    },
     "node_modules/@pkgjs/parseargs": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
@@ -1405,8 +1327,7 @@
     "node_modules/@rushstack/eslint-patch": {
       "version": "1.7.2",
       "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.7.2.tgz",
-      "integrity": "sha512-RbhOOTCNoCrbfkRyoXODZp75MlpiHMgbE5MEBZAnnnLyQNgrigEj4p0lzsMDyc1zVsJDLrivB58tgg3emX0eEA==",
-      "dev": true
+      "integrity": "sha512-RbhOOTCNoCrbfkRyoXODZp75MlpiHMgbE5MEBZAnnnLyQNgrigEj4p0lzsMDyc1zVsJDLrivB58tgg3emX0eEA=="
     },
     "node_modules/@swc/helpers": {
       "version": "0.5.2",
@@ -1416,56 +1337,6 @@
         "tslib": "^2.4.0"
       }
     },
-    "node_modules/@types/body-parser": {
-      "version": "1.19.5",
-      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.5.tgz",
-      "integrity": "sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==",
-      "dependencies": {
-        "@types/connect": "*",
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/connect": {
-      "version": "3.4.38",
-      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz",
-      "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/cookies": {
-      "version": "0.7.7",
-      "resolved": "https://registry.npmjs.org/@types/cookies/-/cookies-0.7.7.tgz",
-      "integrity": "sha512-h7BcvPUogWbKCzBR2lY4oqaZbO3jXZksexYJVFvkrFeLgbZjQkU4x8pRq6eg2MHXQhY0McQdqmmsxRWlVAHooA==",
-      "dependencies": {
-        "@types/connect": "*",
-        "@types/express": "*",
-        "@types/keygrip": "*",
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/express": {
-      "version": "4.17.14",
-      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.14.tgz",
-      "integrity": "sha512-TEbt+vaPFQ+xpxFLFssxUDXj5cWCxZJjIcB7Yg0k0GMHGtgtQgpvx/MUQUeAkNbA9AAGrwkAsoeItdTgS7FMyg==",
-      "dependencies": {
-        "@types/body-parser": "*",
-        "@types/express-serve-static-core": "^4.17.18",
-        "@types/qs": "*",
-        "@types/serve-static": "*"
-      }
-    },
-    "node_modules/@types/express-serve-static-core": {
-      "version": "4.17.43",
-      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.43.tgz",
-      "integrity": "sha512-oaYtiBirUOPQGSWNGPWnzyAFJ0BP3cwvN4oWZQY+zUBwpVIGsKUkpBpSztp74drYcjavs7SKFZ4DX1V2QeN8rg==",
-      "dependencies": {
-        "@types/node": "*",
-        "@types/qs": "*",
-        "@types/range-parser": "*",
-        "@types/send": "*"
-      }
-    },
     "node_modules/@types/hoist-non-react-statics": {
       "version": "3.3.5",
       "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.5.tgz",
@@ -1475,44 +1346,20 @@
         "hoist-non-react-statics": "^3.3.0"
       }
     },
-    "node_modules/@types/http-errors": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.4.tgz",
-      "integrity": "sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA=="
-    },
     "node_modules/@types/json5": {
       "version": "0.0.29",
       "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
-      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
-      "dev": true
-    },
-    "node_modules/@types/keygrip": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/@types/keygrip/-/keygrip-1.0.6.tgz",
-      "integrity": "sha512-lZuNAY9xeJt7Bx4t4dx0rYCDqGPW8RXhQZK1td7d4H6E9zYbLoOtjBvfwdTKpsyxQI/2jv+armjX/RW+ZNpXOQ=="
-    },
-    "node_modules/@types/mime": {
-      "version": "1.3.5",
-      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz",
-      "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w=="
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ=="
     },
     "node_modules/@types/node": {
       "version": "20.11.17",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.17.tgz",
       "integrity": "sha512-QmgQZGWu1Yw9TDyAP9ZzpFJKynYNeOvwMJmaxABfieQoVoiVOS6MN1WSpqpRcbeA5+RW82kraAVxCCJg+780Qw==",
+      "dev": true,
       "dependencies": {
         "undici-types": "~5.26.4"
       }
     },
-    "node_modules/@types/node-fetch": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.2.tgz",
-      "integrity": "sha512-DHqhlq5jeESLy19TYhLakJ07kNumXWjcDdxXsLUMJZ6ue8VZJj4kLPQVE/2mdHh3xZziNF1xppu5lwmS53HR+A==",
-      "dependencies": {
-        "@types/node": "*",
-        "form-data": "^3.0.0"
-      }
-    },
     "node_modules/@types/parse-json": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
@@ -1523,16 +1370,6 @@
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.11.tgz",
       "integrity": "sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng=="
     },
-    "node_modules/@types/qs": {
-      "version": "6.9.11",
-      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.11.tgz",
-      "integrity": "sha512-oGk0gmhnEJK4Yyk+oI7EfXsLayXatCWPHary1MtcmbAifkobT9cM9yutG/hZKIseOU0MqbIwQ/u2nn/Gb+ltuQ=="
-    },
-    "node_modules/@types/range-parser": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz",
-      "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ=="
-    },
     "node_modules/@types/react": {
       "version": "18.2.55",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.55.tgz",
@@ -1585,25 +1422,6 @@
       "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.8.tgz",
       "integrity": "sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A=="
     },
-    "node_modules/@types/send": {
-      "version": "0.17.4",
-      "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.4.tgz",
-      "integrity": "sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==",
-      "dependencies": {
-        "@types/mime": "^1",
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/serve-static": {
-      "version": "1.15.5",
-      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.5.tgz",
-      "integrity": "sha512-PDRk21MnK70hja/YF8AHfC7yIsiQHn1rcXx7ijCFBX/k+XQJhQT/gw3xekXKJvx+5SXaMMS8oqQy09Mzvz2TuQ==",
-      "dependencies": {
-        "@types/http-errors": "*",
-        "@types/mime": "*",
-        "@types/node": "*"
-      }
-    },
     "node_modules/@typescript-eslint/parser": {
       "version": "6.21.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.21.0.tgz",
@@ -1734,14 +1552,12 @@
     "node_modules/@ungap/structured-clone": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
-      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
-      "dev": true
+      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ=="
     },
     "node_modules/acorn": {
       "version": "8.11.3",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
       "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
-      "dev": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -1753,7 +1569,6 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
       "peerDependencies": {
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
@@ -1762,7 +1577,6 @@
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
       "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -1821,8 +1635,7 @@
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
     },
     "node_modules/aria-hidden": {
       "version": "1.2.4",
@@ -1839,7 +1652,6 @@
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
       "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
-      "dev": true,
       "dependencies": {
         "dequal": "^2.0.3"
       }
@@ -1848,7 +1660,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz",
       "integrity": "sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.5",
         "is-array-buffer": "^3.0.4"
@@ -1864,7 +1675,6 @@
       "version": "3.1.7",
       "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
       "integrity": "sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
         "define-properties": "^1.2.0",
@@ -1883,7 +1693,6 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
       "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -1892,7 +1701,6 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/array.prototype.filter/-/array.prototype.filter-1.0.3.tgz",
       "integrity": "sha512-VizNcj/RGJiUyQBgzwxzE5oHdeuXY5hSbbmKMlphj1cy1Vl7Pn2asCGbSrru6hSQjmCzqTBPVWAF/whmEOVHbw==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
         "define-properties": "^1.2.0",
@@ -1907,11 +1715,29 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/array.prototype.findlast": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
+      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/array.prototype.findlastindex": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.4.tgz",
       "integrity": "sha512-hzvSHUshSpCflDR1QMUBLHGHP1VIEBegT4pix9H/Z92Xw3ySoy6c2qh7lJWTJnRJ8JCZ9bJNCgTyYaJGcJu6xQ==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.5",
         "define-properties": "^1.2.1",
@@ -1930,7 +1756,6 @@
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
       "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
         "define-properties": "^1.2.0",
@@ -1948,7 +1773,6 @@
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
       "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
         "define-properties": "^1.2.0",
@@ -1962,11 +1786,21 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/array.prototype.toreversed": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/array.prototype.toreversed/-/array.prototype.toreversed-1.1.2.tgz",
+      "integrity": "sha512-wwDCoT4Ck4Cz7sLtgUmzR5UV3YF5mFHUlbChCzZBQZ+0m2cl/DH3tKgvphv1nKgFsJ48oCSg6p91q2Vm0I/ZMA==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "es-shim-unscopables": "^1.0.0"
+      }
+    },
     "node_modules/array.prototype.tosorted": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.3.tgz",
       "integrity": "sha512-/DdH4TiTmOKzyQbp/eadcCVexiCb36xJg7HshYOYJnNZFDj33GEv0P7GxsynpShhq4OLYJzbGcBDkLsDt7MnNg==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.5",
         "define-properties": "^1.2.1",
@@ -1979,7 +1813,6 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz",
       "integrity": "sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==",
-      "dev": true,
       "dependencies": {
         "array-buffer-byte-length": "^1.0.1",
         "call-bind": "^1.0.5",
@@ -1997,33 +1830,10 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/asn1js": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/asn1js/-/asn1js-3.0.5.tgz",
-      "integrity": "sha512-FVnvrKJwpt9LP2lAMl8qZswRNm3T4q9CON+bxldk2iwk3FFpuwhx2FfinyitizWHsVYyaY+y5JzDR0rCMV5yTQ==",
-      "dependencies": {
-        "pvtsutils": "^1.3.2",
-        "pvutils": "^1.1.3",
-        "tslib": "^2.4.0"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
     "node_modules/ast-types-flow": {
       "version": "0.0.8",
       "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
-      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
-      "dev": true
-    },
-    "node_modules/asynciterator.prototype": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz",
-      "integrity": "sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==",
-      "dev": true,
-      "dependencies": {
-        "has-symbols": "^1.0.3"
-      }
+      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ=="
     },
     "node_modules/asynckit": {
       "version": "0.4.0",
@@ -2068,10 +1878,12 @@
       }
     },
     "node_modules/available-typed-arrays": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.6.tgz",
-      "integrity": "sha512-j1QzY8iPNPG4o4xmO3ptzpRxTciqD3MgEHtifP/YnJpIo58Xu+ne4BejlbkuaLfXn/nz6HFiw29bLpj2PNMdGg==",
-      "dev": true,
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
       "engines": {
         "node": ">= 0.4"
       },
@@ -2083,16 +1895,37 @@
       "version": "4.7.0",
       "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.7.0.tgz",
       "integrity": "sha512-M0JtH+hlOL5pLQwHOLNYZaXuhqmvS8oExsqB1SBYgA4Dk7u/xx+YdGHXaK5pyUfed5mYXdlYiphWq3G8cRi5JQ==",
-      "dev": true,
       "engines": {
         "node": ">=4"
       }
     },
+    "node_modules/axios": {
+      "version": "1.6.8",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.8.tgz",
+      "integrity": "sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "node_modules/axios/node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/axobject-query": {
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz",
       "integrity": "sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==",
-      "dev": true,
       "dependencies": {
         "dequal": "^2.0.3"
       }
@@ -2128,7 +1961,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"
@@ -2189,15 +2021,15 @@
       }
     },
     "node_modules/call-bind": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.6.tgz",
-      "integrity": "sha512-Mj50FLHtlsoVfRfnHaZvyrooHcrlceNZdL/QBvJJVd9Ta55qCQK0gs4ss2oZDeV9zFCs6ewzYgVE5yfVmfFpVg==",
-      "dev": true,
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
+      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
       "dependencies": {
+        "es-define-property": "^1.0.0",
         "es-errors": "^1.3.0",
         "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.3",
-        "set-function-length": "^1.2.0"
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.1"
       },
       "engines": {
         "node": ">= 0.4"
@@ -2214,14 +2046,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/camelcase": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/camelcase-css": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
@@ -2230,22 +2054,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/camelcase-keys": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz",
-      "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==",
-      "dependencies": {
-        "camelcase": "^5.3.1",
-        "map-obj": "^4.0.0",
-        "quick-lru": "^4.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/caniuse-lite": {
       "version": "1.0.30001585",
       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001585.tgz",
@@ -2269,7 +2077,6 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -2403,8 +2210,7 @@
     "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/convert-source-map": {
       "version": "1.9.0",
@@ -2455,6 +2261,11 @@
         "node": ">= 8"
       }
     },
+    "node_modules/crypto-js": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q=="
+    },
     "node_modules/css-box-model": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/css-box-model/-/css-box-model-1.2.1.tgz",
@@ -2520,14 +2331,60 @@
     "node_modules/damerau-levenshtein": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
-      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
-      "dev": true
+      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA=="
+    },
+    "node_modules/data-view-buffer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.1.tgz",
+      "integrity": "sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==",
+      "dependencies": {
+        "call-bind": "^1.0.6",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz",
+      "integrity": "sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz",
+      "integrity": "sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==",
+      "dependencies": {
+        "call-bind": "^1.0.6",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
     },
     "node_modules/debug": {
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
       "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dev": true,
       "dependencies": {
         "ms": "2.1.2"
       },
@@ -2543,22 +2400,12 @@
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-      "dev": true
-    },
-    "node_modules/deepmerge": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
-      "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ=="
     },
     "node_modules/define-data-property": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.2.tgz",
       "integrity": "sha512-SRtsSqsDbgpJBbW3pABMCOt6rQyeM8s8RiyeSN8jYG8sYmt/kGJejbydttUsnDs1tadr19tvhT4ShwMyoqAm4g==",
-      "dev": true,
       "dependencies": {
         "es-errors": "^1.3.0",
         "get-intrinsic": "^1.2.2",
@@ -2573,7 +2420,6 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
       "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
-      "dev": true,
       "dependencies": {
         "define-data-property": "^1.0.1",
         "has-property-descriptors": "^1.0.0",
@@ -2598,7 +2444,6 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
       "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
-      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -2617,7 +2462,6 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
       "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-      "dev": true,
       "dependencies": {
         "path-type": "^4.0.0"
       },
@@ -2634,7 +2478,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
       "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
-      "dev": true,
       "dependencies": {
         "esutils": "^2.0.2"
       },
@@ -2698,50 +2541,56 @@
       }
     },
     "node_modules/es-abstract": {
-      "version": "1.22.3",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.3.tgz",
-      "integrity": "sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==",
-      "dev": true,
+      "version": "1.23.3",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.3.tgz",
+      "integrity": "sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==",
       "dependencies": {
-        "array-buffer-byte-length": "^1.0.0",
-        "arraybuffer.prototype.slice": "^1.0.2",
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.5",
-        "es-set-tostringtag": "^2.0.1",
+        "array-buffer-byte-length": "^1.0.1",
+        "arraybuffer.prototype.slice": "^1.0.3",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.7",
+        "data-view-buffer": "^1.0.1",
+        "data-view-byte-length": "^1.0.1",
+        "data-view-byte-offset": "^1.0.0",
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-set-tostringtag": "^2.0.3",
         "es-to-primitive": "^1.2.1",
         "function.prototype.name": "^1.1.6",
-        "get-intrinsic": "^1.2.2",
-        "get-symbol-description": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "get-symbol-description": "^1.0.2",
         "globalthis": "^1.0.3",
         "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.0",
-        "has-proto": "^1.0.1",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.0.3",
         "has-symbols": "^1.0.3",
-        "hasown": "^2.0.0",
-        "internal-slot": "^1.0.5",
-        "is-array-buffer": "^3.0.2",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.0.7",
+        "is-array-buffer": "^3.0.4",
         "is-callable": "^1.2.7",
-        "is-negative-zero": "^2.0.2",
+        "is-data-view": "^1.0.1",
+        "is-negative-zero": "^2.0.3",
         "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.2",
+        "is-shared-array-buffer": "^1.0.3",
         "is-string": "^1.0.7",
-        "is-typed-array": "^1.1.12",
+        "is-typed-array": "^1.1.13",
         "is-weakref": "^1.0.2",
         "object-inspect": "^1.13.1",
         "object-keys": "^1.1.1",
-        "object.assign": "^4.1.4",
-        "regexp.prototype.flags": "^1.5.1",
-        "safe-array-concat": "^1.0.1",
-        "safe-regex-test": "^1.0.0",
-        "string.prototype.trim": "^1.2.8",
-        "string.prototype.trimend": "^1.0.7",
-        "string.prototype.trimstart": "^1.0.7",
-        "typed-array-buffer": "^1.0.0",
-        "typed-array-byte-length": "^1.0.0",
-        "typed-array-byte-offset": "^1.0.0",
-        "typed-array-length": "^1.0.4",
+        "object.assign": "^4.1.5",
+        "regexp.prototype.flags": "^1.5.2",
+        "safe-array-concat": "^1.1.2",
+        "safe-regex-test": "^1.0.3",
+        "string.prototype.trim": "^1.2.9",
+        "string.prototype.trimend": "^1.0.8",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.2",
+        "typed-array-byte-length": "^1.0.1",
+        "typed-array-byte-offset": "^1.0.2",
+        "typed-array-length": "^1.0.6",
         "unbox-primitive": "^1.0.2",
-        "which-typed-array": "^1.1.13"
+        "which-typed-array": "^1.1.15"
       },
       "engines": {
         "node": ">= 0.4"
@@ -2753,53 +2602,70 @@
     "node_modules/es-array-method-boxes-properly": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz",
-      "integrity": "sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA==",
-      "dev": true
+      "integrity": "sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA=="
     },
-    "node_modules/es-errors": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
-      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
-      "dev": true,
+    "node_modules/es-define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
+      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
+      "dependencies": {
+        "get-intrinsic": "^1.2.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
       "engines": {
         "node": ">= 0.4"
       }
     },
     "node_modules/es-iterator-helpers": {
-      "version": "1.0.16",
-      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.16.tgz",
-      "integrity": "sha512-CREG2A9Vq7bpDRnldhFcMKuKArvkZtsH6Y0DHOHVg49qhf+LD8uEdUM3OkOAICv0EziGtDEnQtqY2/mfBILpFw==",
-      "dev": true,
+      "version": "1.0.19",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.19.tgz",
+      "integrity": "sha512-zoMwbCcH5hwUkKJkT8kDIBZSz9I6mVG//+lDCinLCGov4+r7NIy0ld8o03M0cJxl2spVf6ESYVS6/gpIfq1FFw==",
       "dependencies": {
-        "asynciterator.prototype": "^1.0.0",
-        "call-bind": "^1.0.6",
+        "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.22.3",
+        "es-abstract": "^1.23.3",
         "es-errors": "^1.3.0",
-        "es-set-tostringtag": "^2.0.2",
+        "es-set-tostringtag": "^2.0.3",
         "function-bind": "^1.1.2",
         "get-intrinsic": "^1.2.4",
         "globalthis": "^1.0.3",
-        "has-property-descriptors": "^1.0.1",
-        "has-proto": "^1.0.1",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.0.3",
         "has-symbols": "^1.0.3",
         "internal-slot": "^1.0.7",
         "iterator.prototype": "^1.1.2",
-        "safe-array-concat": "^1.1.0"
+        "safe-array-concat": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz",
+      "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==",
+      "dependencies": {
+        "es-errors": "^1.3.0"
       },
       "engines": {
         "node": ">= 0.4"
       }
     },
     "node_modules/es-set-tostringtag": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.2.tgz",
-      "integrity": "sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==",
-      "dev": true,
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz",
+      "integrity": "sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==",
       "dependencies": {
-        "get-intrinsic": "^1.2.2",
-        "has-tostringtag": "^1.0.0",
-        "hasown": "^2.0.0"
+        "get-intrinsic": "^1.2.4",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.1"
       },
       "engines": {
         "node": ">= 0.4"
@@ -2809,7 +2675,6 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz",
       "integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==",
-      "dev": true,
       "dependencies": {
         "hasown": "^2.0.0"
       }
@@ -2818,7 +2683,6 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
       "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
-      "dev": true,
       "dependencies": {
         "is-callable": "^1.1.4",
         "is-date-object": "^1.0.1",
@@ -2855,7 +2719,6 @@
       "version": "8.56.0",
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.56.0.tgz",
       "integrity": "sha512-Go19xM6T9puCOWntie1/P997aXxFsOi37JIHRWI514Hc6ZnaHGKY9xFhrU65RT6CcBEzZoGG1e6Nq+DT04ZtZQ==",
-      "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
@@ -2906,6 +2769,330 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/eslint-config-custom": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-custom/-/eslint-config-custom-0.0.0.tgz",
+      "integrity": "sha512-kwCw78yisbgKdJBJ5qooPmpBYDphDfM2oxSROmtfOwBXBwXuRiSV3suO01W3mVLEFpmQZxMWd/qajKpJhkKSug==",
+      "dependencies": {
+        "eslint-config-next": "^12.0.8",
+        "eslint-config-prettier": "^8.3.0",
+        "eslint-plugin-react": "7.28.0"
+      }
+    },
+    "node_modules/eslint-config-custom/node_modules/@next/eslint-plugin-next": {
+      "version": "12.3.4",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-12.3.4.tgz",
+      "integrity": "sha512-BFwj8ykJY+zc1/jWANsDprDIu2MgwPOIKxNVnrKvPs+f5TPegrVnem8uScND+1veT4B7F6VeqgaNLFW1Hzl9Og==",
+      "dependencies": {
+        "glob": "7.1.7"
+      }
+    },
+    "node_modules/eslint-config-custom/node_modules/@typescript-eslint/parser": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz",
+      "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "5.62.0",
+        "@typescript-eslint/types": "5.62.0",
+        "@typescript-eslint/typescript-estree": "5.62.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-config-custom/node_modules/@typescript-eslint/scope-manager": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz",
+      "integrity": "sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==",
+      "dependencies": {
+        "@typescript-eslint/types": "5.62.0",
+        "@typescript-eslint/visitor-keys": "5.62.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/eslint-config-custom/node_modules/@typescript-eslint/types": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.62.0.tgz",
+      "integrity": "sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/eslint-config-custom/node_modules/@typescript-eslint/typescript-estree": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz",
+      "integrity": "sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==",
+      "dependencies": {
+        "@typescript-eslint/types": "5.62.0",
+        "@typescript-eslint/visitor-keys": "5.62.0",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "semver": "^7.3.7",
+        "tsutils": "^3.21.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-config-custom/node_modules/@typescript-eslint/visitor-keys": {
+      "version": "5.62.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz",
+      "integrity": "sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==",
+      "dependencies": {
+        "@typescript-eslint/types": "5.62.0",
+        "eslint-visitor-keys": "^3.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/eslint-config-custom/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-config-custom/node_modules/eslint-config-next": {
+      "version": "12.3.4",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-12.3.4.tgz",
+      "integrity": "sha512-WuT3gvgi7Bwz00AOmKGhOeqnyA5P29Cdyr0iVjLyfDbk+FANQKcOjFUTZIdyYfe5Tq1x4TGcmoe4CwctGvFjHQ==",
+      "dependencies": {
+        "@next/eslint-plugin-next": "12.3.4",
+        "@rushstack/eslint-patch": "^1.1.3",
+        "@typescript-eslint/parser": "^5.21.0",
+        "eslint-import-resolver-node": "^0.3.6",
+        "eslint-import-resolver-typescript": "^2.7.1",
+        "eslint-plugin-import": "^2.26.0",
+        "eslint-plugin-jsx-a11y": "^6.5.1",
+        "eslint-plugin-react": "^7.31.7",
+        "eslint-plugin-react-hooks": "^4.5.0"
+      },
+      "peerDependencies": {
+        "eslint": "^7.23.0 || ^8.0.0",
+        "typescript": ">=3.3.1"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-config-custom/node_modules/eslint-config-next/node_modules/eslint-plugin-react": {
+      "version": "7.34.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.34.1.tgz",
+      "integrity": "sha512-N97CxlouPT1AHt8Jn0mhhN2RrADlUAsk1/atcT2KyA/l9Q/E6ll7OIGwNumFmWfZ9skV3XXccYS19h80rHtgkw==",
+      "dependencies": {
+        "array-includes": "^3.1.7",
+        "array.prototype.findlast": "^1.2.4",
+        "array.prototype.flatmap": "^1.3.2",
+        "array.prototype.toreversed": "^1.1.2",
+        "array.prototype.tosorted": "^1.1.3",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.0.17",
+        "estraverse": "^5.3.0",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.7",
+        "object.fromentries": "^2.0.7",
+        "object.hasown": "^1.1.3",
+        "object.values": "^1.1.7",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.5",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.10"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/eslint-config-custom/node_modules/eslint-config-next/node_modules/resolve": {
+      "version": "2.0.0-next.5",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
+      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/eslint-config-custom/node_modules/eslint-config-next/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/eslint-config-custom/node_modules/eslint-config-prettier": {
+      "version": "8.10.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.10.0.tgz",
+      "integrity": "sha512-SM8AMJdeQqRYT9O9zguiruQZaN7+z+E4eAP9oiLNGKMtomwaB1E9dcgUD6ZAn/eQAb52USbvezbiljfZUhbJcg==",
+      "bin": {
+        "eslint-config-prettier": "bin/cli.js"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint-config-custom/node_modules/eslint-import-resolver-typescript": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-2.7.1.tgz",
+      "integrity": "sha512-00UbgGwV8bSgUv34igBDbTOtKhqoRMy9bFjNehT40bXg6585PNIct8HhXZ0SybqB9rWtXj9crcku8ndDn/gIqQ==",
+      "dependencies": {
+        "debug": "^4.3.4",
+        "glob": "^7.2.0",
+        "is-glob": "^4.0.3",
+        "resolve": "^1.22.0",
+        "tsconfig-paths": "^3.14.1"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "*",
+        "eslint-plugin-import": "*"
+      }
+    },
+    "node_modules/eslint-config-custom/node_modules/eslint-import-resolver-typescript/node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/eslint-config-custom/node_modules/eslint-plugin-react": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.28.0.tgz",
+      "integrity": "sha512-IOlFIRHzWfEQQKcAD4iyYDndHwTQiCMcJVJjxempf203jnNLUnW34AXLrV33+nEXoifJE2ZEGmcjKPL8957eSw==",
+      "dependencies": {
+        "array-includes": "^3.1.4",
+        "array.prototype.flatmap": "^1.2.5",
+        "doctrine": "^2.1.0",
+        "estraverse": "^5.3.0",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.0.4",
+        "object.entries": "^1.1.5",
+        "object.fromentries": "^2.0.5",
+        "object.hasown": "^1.1.0",
+        "object.values": "^1.1.5",
+        "prop-types": "^15.7.2",
+        "resolve": "^2.0.0-next.3",
+        "semver": "^6.3.0",
+        "string.prototype.matchall": "^4.0.6"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/eslint-config-custom/node_modules/eslint-plugin-react/node_modules/resolve": {
+      "version": "2.0.0-next.5",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
+      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/eslint-config-custom/node_modules/eslint-plugin-react/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/eslint-config-custom/node_modules/glob": {
+      "version": "7.1.7",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
+      "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/eslint-config-next": {
       "version": "14.1.0",
       "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-14.1.0.tgz",
@@ -2948,7 +3135,6 @@
       "version": "0.3.9",
       "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
       "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
-      "dev": true,
       "dependencies": {
         "debug": "^3.2.7",
         "is-core-module": "^2.13.0",
@@ -2959,7 +3145,6 @@
       "version": "3.2.7",
       "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
       "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
       "dependencies": {
         "ms": "^2.1.1"
       }
@@ -2993,7 +3178,6 @@
       "version": "2.8.0",
       "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
       "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
-      "dev": true,
       "dependencies": {
         "debug": "^3.2.7"
       },
@@ -3010,7 +3194,6 @@
       "version": "3.2.7",
       "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
       "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
       "dependencies": {
         "ms": "^2.1.1"
       }
@@ -3019,7 +3202,6 @@
       "version": "2.29.1",
       "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.1.tgz",
       "integrity": "sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==",
-      "dev": true,
       "dependencies": {
         "array-includes": "^3.1.7",
         "array.prototype.findlastindex": "^1.2.3",
@@ -3050,7 +3232,6 @@
       "version": "3.2.7",
       "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
       "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
       "dependencies": {
         "ms": "^2.1.1"
       }
@@ -3059,7 +3240,6 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
       "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-      "dev": true,
       "dependencies": {
         "esutils": "^2.0.2"
       },
@@ -3071,7 +3251,6 @@
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "dev": true,
       "bin": {
         "semver": "bin/semver.js"
       }
@@ -3080,7 +3259,6 @@
       "version": "6.8.0",
       "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.8.0.tgz",
       "integrity": "sha512-Hdh937BS3KdwwbBaKd5+PLCOmYY6U4f2h9Z2ktwtNKvIdIEu137rjYbcb9ApSbVJfWxANNuiKTD/9tOKjK9qOA==",
-      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.23.2",
         "aria-query": "^5.3.0",
@@ -3170,7 +3348,6 @@
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
       "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
-      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -3220,7 +3397,6 @@
       "version": "7.2.2",
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
       "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
-      "dev": true,
       "dependencies": {
         "esrecurse": "^4.3.0",
         "estraverse": "^5.2.0"
@@ -3236,7 +3412,6 @@
       "version": "3.4.3",
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
       "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "dev": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
@@ -3248,7 +3423,6 @@
       "version": "9.6.1",
       "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
       "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
-      "dev": true,
       "dependencies": {
         "acorn": "^8.9.0",
         "acorn-jsx": "^5.3.2",
@@ -3265,7 +3439,6 @@
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
       "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
-      "dev": true,
       "dependencies": {
         "estraverse": "^5.1.0"
       },
@@ -3277,7 +3450,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
       "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "dev": true,
       "dependencies": {
         "estraverse": "^5.2.0"
       },
@@ -3289,7 +3461,6 @@
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
       "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
       "engines": {
         "node": ">=4.0"
       }
@@ -3298,7 +3469,6 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
       "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3306,8 +3476,7 @@
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
     },
     "node_modules/fast-diff": {
       "version": "1.3.0",
@@ -3344,14 +3513,12 @@
     "node_modules/fast-json-stable-stringify": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="
     },
     "node_modules/fast-levenshtein": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-      "dev": true
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw=="
     },
     "node_modules/fastparse": {
       "version": "1.1.2",
@@ -3371,7 +3538,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
       "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
-      "dev": true,
       "dependencies": {
         "flat-cache": "^3.0.4"
       },
@@ -3399,7 +3565,6 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
       "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-      "dev": true,
       "dependencies": {
         "locate-path": "^6.0.0",
         "path-exists": "^4.0.0"
@@ -3415,7 +3580,6 @@
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
       "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
-      "dev": true,
       "dependencies": {
         "flatted": "^3.2.9",
         "keyv": "^4.5.3",
@@ -3428,14 +3592,31 @@
     "node_modules/flatted": {
       "version": "3.2.9",
       "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz",
-      "integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==",
-      "dev": true
+      "integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ=="
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.6",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
+      "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
     },
     "node_modules/for-each": {
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
       "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
-      "dev": true,
       "dependencies": {
         "is-callable": "^1.1.3"
       }
@@ -3455,19 +3636,6 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/form-data": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-3.0.1.tgz",
-      "integrity": "sha512-RHkBKtLWUVwd7SqRIvCZMEvAMoGUp0XU+seQiZejj0COz3RI3hWP4sCv3gZWWLjJTd7rGwcsF5eKZGii0r/hbg==",
-      "dependencies": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.8",
-        "mime-types": "^2.1.12"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/fraction.js": {
       "version": "4.3.7",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
@@ -3484,8 +3652,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",
@@ -3512,7 +3679,6 @@
       "version": "1.1.6",
       "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
       "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
         "define-properties": "^1.2.0",
@@ -3530,7 +3696,6 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
       "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
-      "dev": true,
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -3539,7 +3704,6 @@
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
       "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
-      "dev": true,
       "dependencies": {
         "es-errors": "^1.3.0",
         "function-bind": "^1.1.2",
@@ -3566,7 +3730,6 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.2.tgz",
       "integrity": "sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.5",
         "es-errors": "^1.3.0",
@@ -3654,7 +3817,6 @@
       "version": "13.24.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
       "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
-      "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
       },
@@ -3669,7 +3831,6 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
       "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
-      "dev": true,
       "dependencies": {
         "define-properties": "^1.1.3"
       },
@@ -3684,7 +3845,6 @@
       "version": "11.1.0",
       "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
       "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
-      "dev": true,
       "dependencies": {
         "array-union": "^2.1.0",
         "dir-glob": "^3.0.1",
@@ -3704,7 +3864,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
       "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-      "dev": true,
       "dependencies": {
         "get-intrinsic": "^1.1.3"
       },
@@ -3720,14 +3879,12 @@
     "node_modules/graphemer": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-      "dev": true
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag=="
     },
     "node_modules/has-bigints": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
       "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
-      "dev": true,
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -3736,28 +3893,25 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
     },
     "node_modules/has-property-descriptors": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz",
-      "integrity": "sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==",
-      "dev": true,
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
       "dependencies": {
-        "get-intrinsic": "^1.2.2"
+        "es-define-property": "^1.0.0"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/has-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
-      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
-      "dev": true,
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
+      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
       "engines": {
         "node": ">= 0.4"
       },
@@ -3769,7 +3923,6 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
       "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-      "dev": true,
       "engines": {
         "node": ">= 0.4"
       },
@@ -3781,7 +3934,6 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
       "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
-      "dev": true,
       "dependencies": {
         "has-symbols": "^1.0.3"
       },
@@ -3793,9 +3945,9 @@
       }
     },
     "node_modules/hasown": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.1.tgz",
-      "integrity": "sha512-1/th4MHjnwncwXsIW6QMzlvYL9kG5e/CpVvLRZe4XPa8TOUNbCELqmvhDmnkNsAjwaG4+I8gJJL0JBvTTLO9qA==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
       "dependencies": {
         "function-bind": "^1.1.2"
       },
@@ -3829,7 +3981,6 @@
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz",
       "integrity": "sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==",
-      "dev": true,
       "engines": {
         "node": ">= 4"
       }
@@ -3853,7 +4004,6 @@
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
       "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
-      "dev": true,
       "engines": {
         "node": ">=0.8.19"
       }
@@ -3862,7 +4012,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"
@@ -3871,14 +4020,12 @@
     "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/internal-slot": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.7.tgz",
       "integrity": "sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==",
-      "dev": true,
       "dependencies": {
         "es-errors": "^1.3.0",
         "hasown": "^2.0.0",
@@ -3900,7 +4047,6 @@
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz",
       "integrity": "sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
         "get-intrinsic": "^1.2.1"
@@ -3921,7 +4067,6 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
       "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
-      "dev": true,
       "dependencies": {
         "has-tostringtag": "^1.0.0"
       },
@@ -3936,7 +4081,6 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
       "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
-      "dev": true,
       "dependencies": {
         "has-bigints": "^1.0.1"
       },
@@ -3959,7 +4103,6 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
       "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
         "has-tostringtag": "^1.0.0"
@@ -3975,7 +4118,6 @@
       "version": "1.2.7",
       "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
       "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
-      "dev": true,
       "engines": {
         "node": ">= 0.4"
       },
@@ -3994,11 +4136,24 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-data-view": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.1.tgz",
+      "integrity": "sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==",
+      "dependencies": {
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-date-object": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
       "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
-      "dev": true,
       "dependencies": {
         "has-tostringtag": "^1.0.0"
       },
@@ -4021,7 +4176,6 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz",
       "integrity": "sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2"
       },
@@ -4041,7 +4195,6 @@
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
       "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
-      "dev": true,
       "dependencies": {
         "has-tostringtag": "^1.0.0"
       },
@@ -4067,16 +4220,14 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
       "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
-      "dev": true,
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/is-negative-zero": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
-      "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
-      "dev": true,
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
       "engines": {
         "node": ">= 0.4"
       },
@@ -4096,7 +4247,6 @@
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
       "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
-      "dev": true,
       "dependencies": {
         "has-tostringtag": "^1.0.0"
       },
@@ -4111,7 +4261,6 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
       "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -4120,7 +4269,6 @@
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
       "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
         "has-tostringtag": "^1.0.0"
@@ -4136,18 +4284,19 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
       "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
-      "dev": true,
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/is-shared-array-buffer": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
-      "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
-      "dev": true,
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==",
       "dependencies": {
-        "call-bind": "^1.0.2"
+        "call-bind": "^1.0.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -4157,7 +4306,6 @@
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
       "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
-      "dev": true,
       "dependencies": {
         "has-tostringtag": "^1.0.0"
       },
@@ -4172,7 +4320,6 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
       "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
-      "dev": true,
       "dependencies": {
         "has-symbols": "^1.0.2"
       },
@@ -4187,7 +4334,6 @@
       "version": "1.1.13",
       "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.13.tgz",
       "integrity": "sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==",
-      "dev": true,
       "dependencies": {
         "which-typed-array": "^1.1.14"
       },
@@ -4202,7 +4348,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
       "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
-      "dev": true,
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -4211,7 +4356,6 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
       "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2"
       },
@@ -4223,7 +4367,6 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
       "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
         "get-intrinsic": "^1.1.1"
@@ -4235,8 +4378,7 @@
     "node_modules/isarray": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
-      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
-      "dev": true
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw=="
     },
     "node_modules/isexe": {
       "version": "2.0.0",
@@ -4247,7 +4389,6 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
       "integrity": "sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==",
-      "dev": true,
       "dependencies": {
         "define-properties": "^1.2.1",
         "get-intrinsic": "^1.2.1",
@@ -4298,7 +4439,6 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
       "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "dev": true,
       "dependencies": {
         "argparse": "^2.0.1"
       },
@@ -4309,8 +4449,7 @@
     "node_modules/json-buffer": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-      "dev": true
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ=="
     },
     "node_modules/json-parse-even-better-errors": {
       "version": "2.3.1",
@@ -4320,20 +4459,17 @@
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
     },
     "node_modules/json-stable-stringify-without-jsonify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-      "dev": true
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw=="
     },
     "node_modules/json5": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
       "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
-      "dev": true,
       "dependencies": {
         "minimist": "^1.2.0"
       },
@@ -4345,7 +4481,6 @@
       "version": "3.3.5",
       "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
       "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
-      "dev": true,
       "dependencies": {
         "array-includes": "^3.1.6",
         "array.prototype.flat": "^1.3.1",
@@ -4360,7 +4495,6 @@
       "version": "4.5.4",
       "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
       "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
-      "dev": true,
       "dependencies": {
         "json-buffer": "3.0.1"
       }
@@ -4368,14 +4502,12 @@
     "node_modules/language-subtag-registry": {
       "version": "0.3.22",
       "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz",
-      "integrity": "sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w==",
-      "dev": true
+      "integrity": "sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w=="
     },
     "node_modules/language-tags": {
       "version": "1.0.9",
       "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.9.tgz",
       "integrity": "sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==",
-      "dev": true,
       "dependencies": {
         "language-subtag-registry": "^0.3.20"
       },
@@ -4387,7 +4519,6 @@
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
       "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-      "dev": true,
       "dependencies": {
         "prelude-ls": "^1.2.1",
         "type-check": "~0.4.0"
@@ -4413,7 +4544,6 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
       "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-      "dev": true,
       "dependencies": {
         "p-locate": "^5.0.0"
       },
@@ -4427,8 +4557,7 @@
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "dev": true
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="
     },
     "node_modules/loose-envify": {
       "version": "1.4.0",
@@ -4524,7 +4653,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"
       },
@@ -4536,7 +4664,6 @@
       "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"
       }
@@ -4552,8 +4679,7 @@
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "dev": true
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
     },
     "node_modules/mz": {
       "version": "2.7.0",
@@ -4585,8 +4711,7 @@
     "node_modules/natural-compare": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
-      "dev": true
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw=="
     },
     "node_modules/next": {
       "version": "14.1.0",
@@ -4679,11 +4804,6 @@
         "tslib": "^2.0.3"
       }
     },
-    "node_modules/node-fetch-native": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/node-fetch-native/-/node-fetch-native-1.0.1.tgz",
-      "integrity": "sha512-VzW+TAk2wE4X9maiKMlT+GsPU4OMmR1U9CrHSmd3DFLn2IcZ9VJ6M6BBugGfYUnPCLSYxXdZy17M0BEJyhUTwg=="
-    },
     "node_modules/node-releases": {
       "version": "2.0.14",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
@@ -4727,7 +4847,6 @@
       "version": "1.13.1",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
       "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
-      "dev": true,
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -4736,7 +4855,6 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
       "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
-      "dev": true,
       "engines": {
         "node": ">= 0.4"
       }
@@ -4745,7 +4863,6 @@
       "version": "4.1.5",
       "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz",
       "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.5",
         "define-properties": "^1.2.1",
@@ -4763,7 +4880,6 @@
       "version": "1.1.7",
       "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.7.tgz",
       "integrity": "sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
         "define-properties": "^1.2.0",
@@ -4777,7 +4893,6 @@
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz",
       "integrity": "sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
         "define-properties": "^1.2.0",
@@ -4794,7 +4909,6 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.2.tgz",
       "integrity": "sha512-bzBq58S+x+uo0VjurFT0UktpKHOZmv4/xePiOA1nbB9pMqpGK7rUPNgf+1YC+7mE+0HzhTMqNUuCqvKhj6FnBw==",
-      "dev": true,
       "dependencies": {
         "array.prototype.filter": "^1.0.3",
         "call-bind": "^1.0.5",
@@ -4807,7 +4921,6 @@
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.3.tgz",
       "integrity": "sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==",
-      "dev": true,
       "dependencies": {
         "define-properties": "^1.2.0",
         "es-abstract": "^1.22.1"
@@ -4820,7 +4933,6 @@
       "version": "1.1.7",
       "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
       "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
         "define-properties": "^1.2.0",
@@ -4837,7 +4949,6 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
       "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-      "dev": true,
       "dependencies": {
         "wrappy": "1"
       }
@@ -4846,7 +4957,6 @@
       "version": "0.9.3",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
       "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
-      "dev": true,
       "dependencies": {
         "@aashutoshrathi/word-wrap": "^1.2.3",
         "deep-is": "^0.1.3",
@@ -4863,7 +4973,6 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
       "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-      "dev": true,
       "dependencies": {
         "yocto-queue": "^0.1.0"
       },
@@ -4878,7 +4987,6 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
       "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-      "dev": true,
       "dependencies": {
         "p-limit": "^3.0.2"
       },
@@ -4921,7 +5029,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
       "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -4930,7 +5037,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"
       }
@@ -5008,6 +5114,14 @@
         "node": ">= 6"
       }
     },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz",
+      "integrity": "sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/postcss": {
       "version": "8.4.35",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.35.tgz",
@@ -5150,7 +5264,6 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
       "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-      "dev": true,
       "engines": {
         "node": ">= 0.8.0"
       }
@@ -5192,36 +5305,19 @@
         "react-is": "^16.13.1"
       }
     },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "node_modules/punycode": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
       "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
-      "dev": true,
       "engines": {
         "node": ">=6"
       }
     },
-    "node_modules/pvtsutils": {
-      "version": "1.3.5",
-      "resolved": "https://registry.npmjs.org/pvtsutils/-/pvtsutils-1.3.5.tgz",
-      "integrity": "sha512-ARvb14YB9Nm2Xi6nBq1ZX6dAM0FsJnuk+31aUp4TrcZEdKUlSqOqsxJHUPJDNE3qiIp+iUPEIeR6Je/tgV7zsA==",
-      "dependencies": {
-        "tslib": "^2.6.1"
-      }
-    },
-    "node_modules/pvtsutils/node_modules/tslib": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
-      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
-    },
-    "node_modules/pvutils": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/pvutils/-/pvutils-1.1.3.tgz",
-      "integrity": "sha512-pMpnA0qRdFp32b1sJl1wOJNxZLQ2cbQx+k6tjNtZ8CpvVhNqEPRgivZ2WOUev2YMajecdH7ctUPDvEe87nariQ==",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -5241,14 +5337,6 @@
         }
       ]
     },
-    "node_modules/quick-lru": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz",
-      "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/raf-schd": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/raf-schd/-/raf-schd-4.0.3.tgz",
@@ -5505,7 +5593,6 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.5.tgz",
       "integrity": "sha512-62wgfC8dJWrmxv44CA36pLDnP6KKl3Vhxb7PL+8+qrrFMMoJij4vgiMP8zV4O8+CBMXY1mHxI5fITGHXFHVmQQ==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.5",
         "define-properties": "^1.2.1",
@@ -5528,14 +5615,14 @@
       "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
     },
     "node_modules/regexp.prototype.flags": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
-      "integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==",
-      "dev": true,
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz",
+      "integrity": "sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "set-function-name": "^2.0.0"
+        "call-bind": "^1.0.6",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "set-function-name": "^2.0.1"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5590,7 +5677,6 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
       "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-      "dev": true,
       "dependencies": {
         "glob": "^7.1.3"
       },
@@ -5605,7 +5691,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",
@@ -5644,13 +5729,12 @@
       }
     },
     "node_modules/safe-array-concat": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.0.tgz",
-      "integrity": "sha512-ZdQ0Jeb9Ofti4hbt5lX3T2JcAamT9hfzYU1MNB+z/jaEbB6wfFfPIR/zEORmZqobkCCJhSjodobH6WHNmJ97dg==",
-      "dev": true,
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.2.tgz",
+      "integrity": "sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==",
       "dependencies": {
-        "call-bind": "^1.0.5",
-        "get-intrinsic": "^1.2.2",
+        "call-bind": "^1.0.7",
+        "get-intrinsic": "^1.2.4",
         "has-symbols": "^1.0.3",
         "isarray": "^2.0.5"
       },
@@ -5665,7 +5749,6 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.3.tgz",
       "integrity": "sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.6",
         "es-errors": "^1.3.0",
@@ -5690,7 +5773,6 @@
       "version": "7.6.0",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
       "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==",
-      "dev": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
       },
@@ -5705,7 +5787,6 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
       "dependencies": {
         "yallist": "^4.0.0"
       },
@@ -5717,7 +5798,6 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.1.tgz",
       "integrity": "sha512-j4t6ccc+VsKwYHso+kElc5neZpjtq9EnRICFZtWyBsLojhmeF/ZBd/elqm22WJh/BziDe/SBiOeAt0m2mfLD0g==",
-      "dev": true,
       "dependencies": {
         "define-data-property": "^1.1.2",
         "es-errors": "^1.3.0",
@@ -5734,7 +5814,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
       "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==",
-      "dev": true,
       "dependencies": {
         "define-data-property": "^1.0.1",
         "functions-have-names": "^1.2.3",
@@ -5767,7 +5846,6 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.5.tgz",
       "integrity": "sha512-QcgiIWV4WV7qWExbN5llt6frQB/lBven9pqliLXfGPB+K9ZYXxDozp0wLkHS24kWCm+6YXH/f0HhnObZnZOBnQ==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.6",
         "es-errors": "^1.3.0",
@@ -5796,7 +5874,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
       "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -5850,6 +5927,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/std-env": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.7.0.tgz",
+      "integrity": "sha512-JPbdCEQLj1w5GilpiHAx3qJvFndqybBysA3qUOnznweH4QbNYUsW/ea8QzSrnh0vNsezMMw5bcVool8lM0gwzg=="
+    },
     "node_modules/streamsearch": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
@@ -5922,7 +6004,6 @@
       "version": "4.0.10",
       "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.10.tgz",
       "integrity": "sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
         "define-properties": "^1.2.0",
@@ -5939,14 +6020,14 @@
       }
     },
     "node_modules/string.prototype.trim": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz",
-      "integrity": "sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==",
-      "dev": true,
+      "version": "1.2.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz",
+      "integrity": "sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.0",
+        "es-object-atoms": "^1.0.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5956,28 +6037,29 @@
       }
     },
     "node_modules/string.prototype.trimend": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz",
-      "integrity": "sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==",
-      "dev": true,
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz",
+      "integrity": "sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/string.prototype.trimstart": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz",
-      "integrity": "sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==",
-      "dev": true,
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -6010,7 +6092,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
       "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
-      "dev": true,
       "engines": {
         "node": ">=4"
       }
@@ -6019,7 +6100,6 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
       "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       },
@@ -6079,7 +6159,6 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -6199,8 +6278,7 @@
     "node_modules/text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
-      "dev": true
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw=="
     },
     "node_modules/thenify": {
       "version": "3.3.1",
@@ -6234,11 +6312,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/to-no-case": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/to-no-case/-/to-no-case-1.0.2.tgz",
-      "integrity": "sha512-Z3g735FxuZY8rodxV4gH7LxClE4H0hTIyHNIHdk+vpQxjLm0cwnKXq/OFVZ76SOQmto7txVcwSCwkU5kqp+FKg=="
-    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -6250,22 +6323,6 @@
         "node": ">=8.0"
       }
     },
-    "node_modules/to-snake-case": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/to-snake-case/-/to-snake-case-1.0.0.tgz",
-      "integrity": "sha512-joRpzBAk1Bhi2eGEYBjukEWHOe/IvclOkiJl3DtA91jV6NwQ3MwXA4FHYeqk8BNp/D8bmi9tcNbRu/SozP0jbQ==",
-      "dependencies": {
-        "to-space-case": "^1.0.0"
-      }
-    },
-    "node_modules/to-space-case": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/to-space-case/-/to-space-case-1.0.0.tgz",
-      "integrity": "sha512-rLdvwXZ39VOn1IxGL3V6ZstoTbwLRckQmn/U8ZDLuWwIXNpuZDhQ3AiRUlhTbOXFVE9C+dR51wM0CBDhk31VcA==",
-      "dependencies": {
-        "to-no-case": "^1.0.0"
-      }
-    },
     "node_modules/ts-api-utils": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.2.1.tgz",
@@ -6287,7 +6344,6 @@
       "version": "3.15.0",
       "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
       "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
-      "dev": true,
       "dependencies": {
         "@types/json5": "^0.0.29",
         "json5": "^1.0.2",
@@ -6300,11 +6356,29 @@
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.1.tgz",
       "integrity": "sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA=="
     },
+    "node_modules/tsutils": {
+      "version": "3.21.0",
+      "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
+      "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==",
+      "dependencies": {
+        "tslib": "^1.8.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      },
+      "peerDependencies": {
+        "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
+      }
+    },
+    "node_modules/tsutils/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+    },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
       "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-      "dev": true,
       "dependencies": {
         "prelude-ls": "^1.2.1"
       },
@@ -6316,7 +6390,6 @@
       "version": "0.20.2",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
       "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -6325,12 +6398,11 @@
       }
     },
     "node_modules/typed-array-buffer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.1.tgz",
-      "integrity": "sha512-RSqu1UEuSlrBhHTWC8O9FnPjOduNs4M7rJ4pRKoEjtx1zUNOPN2sSXHLDX+Y2WPbHIxbvg4JFo2DNAEfPIKWoQ==",
-      "dev": true,
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz",
+      "integrity": "sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==",
       "dependencies": {
-        "call-bind": "^1.0.6",
+        "call-bind": "^1.0.7",
         "es-errors": "^1.3.0",
         "is-typed-array": "^1.1.13"
       },
@@ -6339,15 +6411,15 @@
       }
     },
     "node_modules/typed-array-byte-length": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz",
-      "integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==",
-      "dev": true,
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz",
+      "integrity": "sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==",
       "dependencies": {
-        "call-bind": "^1.0.2",
+        "call-bind": "^1.0.7",
         "for-each": "^0.3.3",
-        "has-proto": "^1.0.1",
-        "is-typed-array": "^1.1.10"
+        "gopd": "^1.0.1",
+        "has-proto": "^1.0.3",
+        "is-typed-array": "^1.1.13"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6357,16 +6429,16 @@
       }
     },
     "node_modules/typed-array-byte-offset": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz",
-      "integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==",
-      "dev": true,
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.2.tgz",
+      "integrity": "sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==",
       "dependencies": {
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.2",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.7",
         "for-each": "^0.3.3",
-        "has-proto": "^1.0.1",
-        "is-typed-array": "^1.1.10"
+        "gopd": "^1.0.1",
+        "has-proto": "^1.0.3",
+        "is-typed-array": "^1.1.13"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6376,14 +6448,19 @@
       }
     },
     "node_modules/typed-array-length": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
-      "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
-      "dev": true,
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.6.tgz",
+      "integrity": "sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==",
       "dependencies": {
-        "call-bind": "^1.0.2",
+        "call-bind": "^1.0.7",
         "for-each": "^0.3.3",
-        "is-typed-array": "^1.1.9"
+        "gopd": "^1.0.1",
+        "has-proto": "^1.0.3",
+        "is-typed-array": "^1.1.13",
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -6393,7 +6470,6 @@
       "version": "5.3.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz",
       "integrity": "sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==",
-      "dev": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -6406,7 +6482,6 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
       "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
-      "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
         "has-bigints": "^1.0.2",
@@ -6420,7 +6495,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==",
+      "dev": true
     },
     "node_modules/update-browserslist-db": {
       "version": "1.0.13",
@@ -6456,7 +6532,6 @@
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
       "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-      "dev": true,
       "dependencies": {
         "punycode": "^2.1.0"
       }
@@ -6536,6 +6611,7 @@
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
+<<<<<<< HEAD
     "node_modules/uuid": {
       "version": "9.0.1",
       "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
@@ -6565,6 +6641,8 @@
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
+=======
+>>>>>>> 6b9e4ca (feat: Clerk login & backend sync api)
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -6583,7 +6661,6 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
       "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
-      "dev": true,
       "dependencies": {
         "is-bigint": "^1.0.1",
         "is-boolean-object": "^1.1.0",
@@ -6599,7 +6676,6 @@
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.3.tgz",
       "integrity": "sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==",
-      "dev": true,
       "dependencies": {
         "function.prototype.name": "^1.1.5",
         "has-tostringtag": "^1.0.0",
@@ -6625,7 +6701,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
       "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
-      "dev": true,
       "dependencies": {
         "is-map": "^2.0.1",
         "is-set": "^2.0.1",
@@ -6637,16 +6712,15 @@
       }
     },
     "node_modules/which-typed-array": {
-      "version": "1.1.14",
-      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.14.tgz",
-      "integrity": "sha512-VnXFiIW8yNn9kIHN88xvZ4yOWchftKDsRJ8fEPacX/wl1lOvBrhsJ/OeJCXq7B0AaijRuqgzSKalJoPk+D8MPg==",
-      "dev": true,
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.15.tgz",
+      "integrity": "sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==",
       "dependencies": {
-        "available-typed-arrays": "^1.0.6",
-        "call-bind": "^1.0.5",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.7",
         "for-each": "^0.3.3",
         "gopd": "^1.0.1",
-        "has-tostringtag": "^1.0.1"
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6745,14 +6819,12 @@
     "node_modules/wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-      "dev": true
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
     },
     "node_modules/yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
     },
     "node_modules/yaml": {
       "version": "2.3.4",
@@ -6766,7 +6838,6 @@
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -6774,6 +6845,14 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/zod": {
+      "version": "3.23.7",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.23.7.tgz",
+      "integrity": "sha512-NBeIoqbtOiUMomACV/y+V3Qfs9+Okr18vR5c/5pHClPpufWOrsx8TENboDPe265lFdfewX2yBtNTLPvnmCxwog==",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
     "node_modules/zustand": {
       "version": "4.5.2",
       "resolved": "https://registry.npmjs.org/zustand/-/zustand-4.5.2.tgz",
diff --git a/gitlio/package.json b/gitlio/package.json
index 4eaeb91..5ac1985 100644
--- a/gitlio/package.json
+++ b/gitlio/package.json
@@ -10,11 +10,12 @@
     "format": "prettier --write ."
   },
   "dependencies": {
-    "@clerk/nextjs": "^4.29.4",
+    "@clerk/nextjs": "^5.0.6",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@radix-ui/react-popover": "^1.0.7",
+    "axios": "^1.6.8",
     "class-variance-authority": "^0.7.0",
     "classnames": "^2.5.1",
     "clsx": "^2.1.0",
@@ -33,6 +34,7 @@
     "tailwind-merge": "^2.2.2",
     "tailwindcss-animate": "^1.0.7",
     "uuid": "^9.0.1",
+    "zod": "^3.23.7",
     "zustand": "^4.5.2"
   },
   "devDependencies": {
diff --git a/gitlio/store/sidebarIconsStore.tsx b/gitlio/store/sidebarIconsStore.tsx
index 46ecd46..edc91cc 100644
--- a/gitlio/store/sidebarIconsStore.tsx
+++ b/gitlio/store/sidebarIconsStore.tsx
@@ -1,4 +1,4 @@
-import create from 'zustand';
+import { create } from 'zustand';
 import { IconType } from 'react-icons';
 
 export interface IconBlock {
diff --git a/gitlio/store/sidebarStore.ts b/gitlio/store/sidebarStore.ts
index 9b351b5..3c323c0 100644
--- a/gitlio/store/sidebarStore.ts
+++ b/gitlio/store/sidebarStore.ts
@@ -1,5 +1,5 @@
 // store/sidebarStore.ts
-import create from 'zustand';
+import { create } from 'zustand';
 
 interface SidebarState {
   selectedSection: string;
diff --git a/gitlio/store/userStore.ts b/gitlio/store/userStore.ts
new file mode 100644
index 0000000..f234bb6
--- /dev/null
+++ b/gitlio/store/userStore.ts
@@ -0,0 +1,20 @@
+// store/userStore.ts
+import { create } from 'zustand';
+
+interface UserState {
+  userId: number | null;
+  clerkId: string;
+  email: string;
+  name: string | null; // 여기를 수정
+  setUser: (user: Omit<UserState, 'userId'>) => void;
+  setUserId: (userId: number) => void;
+}
+
+export const useUserStore = create<UserState>((set) => ({
+  userId: null,
+  clerkId: '',
+  email: '',
+  name: null, // 초기값도 null 가능하도록 변경
+  setUser: (user) => set({ ...user }),
+  setUserId: (userId) => set({ userId }),
+}));

From 0624327c1d0d9b60959e7a064aa3e13672987cf9 Mon Sep 17 00:00:00 2001
From: Kevin Kim <kevinkim0617kim@gmail.com>
Date: Sun, 12 May 2024 21:29:40 +0900
Subject: [PATCH 2/5] fix: Change dashboard directory

---
 gitlio/app/page.tsx                                       | 6 ++----
 gitlio/app/{(edit) => }/studio/dashboard/page.tsx         | 0
 .../posts/published => studio/posts/drafts}/page.tsx      | 4 ++--
 .../posts/drafts => studio/posts/published}/page.tsx      | 0
 gitlio/app/{(edit) => }/studio/posts/trash/page.tsx       | 8 ++++----
 gitlio/app/{(edit) => }/studio/settings/page.tsx          | 0
 gitlio/app/{(edit) => }/studio/statistics/all/page.tsx    | 0
 gitlio/app/{(edit) => }/studio/statistics/daily/page.tsx  | 0
 .../app/{(edit) => }/studio/statistics/insight/page.tsx   | 0
 .../app/{(edit) => }/studio/statistics/monthly/page.tsx   | 0
 10 files changed, 8 insertions(+), 10 deletions(-)
 rename gitlio/app/{(edit) => }/studio/dashboard/page.tsx (100%)
 rename gitlio/app/{(edit)/studio/posts/published => studio/posts/drafts}/page.tsx (77%)
 rename gitlio/app/{(edit)/studio/posts/drafts => studio/posts/published}/page.tsx (100%)
 rename gitlio/app/{(edit) => }/studio/posts/trash/page.tsx (52%)
 rename gitlio/app/{(edit) => }/studio/settings/page.tsx (100%)
 rename gitlio/app/{(edit) => }/studio/statistics/all/page.tsx (100%)
 rename gitlio/app/{(edit) => }/studio/statistics/daily/page.tsx (100%)
 rename gitlio/app/{(edit) => }/studio/statistics/insight/page.tsx (100%)
 rename gitlio/app/{(edit) => }/studio/statistics/monthly/page.tsx (100%)

diff --git a/gitlio/app/page.tsx b/gitlio/app/page.tsx
index 031b9fd..230b2d8 100644
--- a/gitlio/app/page.tsx
+++ b/gitlio/app/page.tsx
@@ -22,14 +22,12 @@ const StartPage: React.FC = () => {
         <Logo />
         <SignedOut>
           <SignInButton
-            fallbackRedirectUrl="/studio/dashboard"
             forceRedirectUrl="/studio/dashboard"
-            signUpForceRedirectUrl="/studio/dashboard"
-            signUpFallbackRedirectUrl="/studio/dashboard"
+            fallbackRedirectUrl="/studio/dashboard"
           />
         </SignedOut>
         <SignedIn>
-          <UserButton afterSignOutUrl="/studio/dashboard" />
+          <UserButton afterSignOutUrl="/" />
         </SignedIn>
       </nav>{' '}
       <div className="bg-primary flex flex-col justify-center items-center h-screen">
diff --git a/gitlio/app/(edit)/studio/dashboard/page.tsx b/gitlio/app/studio/dashboard/page.tsx
similarity index 100%
rename from gitlio/app/(edit)/studio/dashboard/page.tsx
rename to gitlio/app/studio/dashboard/page.tsx
diff --git a/gitlio/app/(edit)/studio/posts/published/page.tsx b/gitlio/app/studio/posts/drafts/page.tsx
similarity index 77%
rename from gitlio/app/(edit)/studio/posts/published/page.tsx
rename to gitlio/app/studio/posts/drafts/page.tsx
index d45ca1f..e8d11c4 100644
--- a/gitlio/app/(edit)/studio/posts/published/page.tsx
+++ b/gitlio/app/studio/posts/drafts/page.tsx
@@ -1,5 +1,5 @@
-import Navbar from '../../../../../components/studio/StdNavbar';
-import Sidebar from '../../../../../components/studio/StdSidebar';
+import Navbar from '../../../../components/Studio/StdNavbar';
+import Sidebar from '../../../../components/Studio/StdSidebar';
 import PostList from '../../../../../components/studio/post/PostList';
 import PostMenu from '../../../../../components/studio/post/PostMenu';
 
diff --git a/gitlio/app/(edit)/studio/posts/drafts/page.tsx b/gitlio/app/studio/posts/published/page.tsx
similarity index 100%
rename from gitlio/app/(edit)/studio/posts/drafts/page.tsx
rename to gitlio/app/studio/posts/published/page.tsx
diff --git a/gitlio/app/(edit)/studio/posts/trash/page.tsx b/gitlio/app/studio/posts/trash/page.tsx
similarity index 52%
rename from gitlio/app/(edit)/studio/posts/trash/page.tsx
rename to gitlio/app/studio/posts/trash/page.tsx
index d45ca1f..324a7e8 100644
--- a/gitlio/app/(edit)/studio/posts/trash/page.tsx
+++ b/gitlio/app/studio/posts/trash/page.tsx
@@ -1,7 +1,7 @@
-import Navbar from '../../../../../components/studio/StdNavbar';
-import Sidebar from '../../../../../components/studio/StdSidebar';
-import PostList from '../../../../../components/studio/post/PostList';
-import PostMenu from '../../../../../components/studio/post/PostMenu';
+import Navbar from '../../../../components/Studio/StdNavbar';
+import Sidebar from '../../../../components/Studio/StdSidebar';
+import PostList from '../../../../components/Studio/post/PostList';
+import PostMenu from '../../../../components/Studio/post/PostMenu';
 
 export default function PostPage() {
   return (
diff --git a/gitlio/app/(edit)/studio/settings/page.tsx b/gitlio/app/studio/settings/page.tsx
similarity index 100%
rename from gitlio/app/(edit)/studio/settings/page.tsx
rename to gitlio/app/studio/settings/page.tsx
diff --git a/gitlio/app/(edit)/studio/statistics/all/page.tsx b/gitlio/app/studio/statistics/all/page.tsx
similarity index 100%
rename from gitlio/app/(edit)/studio/statistics/all/page.tsx
rename to gitlio/app/studio/statistics/all/page.tsx
diff --git a/gitlio/app/(edit)/studio/statistics/daily/page.tsx b/gitlio/app/studio/statistics/daily/page.tsx
similarity index 100%
rename from gitlio/app/(edit)/studio/statistics/daily/page.tsx
rename to gitlio/app/studio/statistics/daily/page.tsx
diff --git a/gitlio/app/(edit)/studio/statistics/insight/page.tsx b/gitlio/app/studio/statistics/insight/page.tsx
similarity index 100%
rename from gitlio/app/(edit)/studio/statistics/insight/page.tsx
rename to gitlio/app/studio/statistics/insight/page.tsx
diff --git a/gitlio/app/(edit)/studio/statistics/monthly/page.tsx b/gitlio/app/studio/statistics/monthly/page.tsx
similarity index 100%
rename from gitlio/app/(edit)/studio/statistics/monthly/page.tsx
rename to gitlio/app/studio/statistics/monthly/page.tsx

From fc3de6905dfb3562218393cbecf0da8519ddf926 Mon Sep 17 00:00:00 2001
From: Kevin Kim <kevinkim0617kim@gmail.com>
Date: Mon, 13 May 2024 13:01:30 +0900
Subject: [PATCH 3/5] feat: load user portfolio list

---
 gitlio/actions/user.ts                        | 24 ++++++-
 gitlio/app/page.tsx                           | 10 ++-
 gitlio/app/studio/dashboard/page.tsx          | 72 ++++++++++++++++---
 gitlio/app/studio/layout.tsx                  | 18 +++++
 gitlio/app/studio/posts/drafts/page.tsx       | 23 +++---
 gitlio/app/studio/posts/published/page.tsx    | 23 +++---
 gitlio/app/studio/posts/trash/page.tsx        | 23 +++---
 gitlio/app/studio/settings/page.tsx           |  4 +-
 gitlio/app/studio/statistics/insight/page.tsx |  6 +-
 gitlio/components/PortfolioComponent.tsx      | 72 +++++++++++++++++++
 gitlio/components/Studio/StdNavbar.tsx        | 63 ----------------
 .../{Studio => studio}/GitInputModal.tsx      |  0
 .../{Studio => studio}/ImgSelectModal.tsx     |  0
 .../{Studio => studio}/MakeNewPortModal.tsx   | 32 ++++++++-
 .../{Studio => studio}/RepoSidebar.tsx        |  0
 gitlio/components/studio/StdNavbar.tsx        | 35 +++++++++
 .../{Studio => studio}/StdSidebar.tsx         |  2 +-
 .../{Studio => studio}/post/PostEditModal.tsx |  0
 .../{Studio => studio}/post/PostList.tsx      |  0
 .../{Studio => studio}/post/PostMenu.tsx      |  0
 .../statistic/DailyChart.tsx                  |  0
 .../statistic/DailyStat.tsx                   |  0
 .../statistic/MonthlyChart.tsx                |  0
 .../statistic/MonthlyStat.tsx                 |  0
 .../{Studio => studio}/statistic/StatMenu.tsx |  0
 gitlio/store/userStore.ts                     | 41 ++++++++++-
 26 files changed, 320 insertions(+), 128 deletions(-)
 create mode 100644 gitlio/app/studio/layout.tsx
 create mode 100644 gitlio/components/PortfolioComponent.tsx
 delete mode 100644 gitlio/components/Studio/StdNavbar.tsx
 rename gitlio/components/{Studio => studio}/GitInputModal.tsx (100%)
 rename gitlio/components/{Studio => studio}/ImgSelectModal.tsx (100%)
 rename gitlio/components/{Studio => studio}/MakeNewPortModal.tsx (64%)
 rename gitlio/components/{Studio => studio}/RepoSidebar.tsx (100%)
 create mode 100644 gitlio/components/studio/StdNavbar.tsx
 rename gitlio/components/{Studio => studio}/StdSidebar.tsx (99%)
 rename gitlio/components/{Studio => studio}/post/PostEditModal.tsx (100%)
 rename gitlio/components/{Studio => studio}/post/PostList.tsx (100%)
 rename gitlio/components/{Studio => studio}/post/PostMenu.tsx (100%)
 rename gitlio/components/{Studio => studio}/statistic/DailyChart.tsx (100%)
 rename gitlio/components/{Studio => studio}/statistic/DailyStat.tsx (100%)
 rename gitlio/components/{Studio => studio}/statistic/MonthlyChart.tsx (100%)
 rename gitlio/components/{Studio => studio}/statistic/MonthlyStat.tsx (100%)
 rename gitlio/components/{Studio => studio}/statistic/StatMenu.tsx (100%)

diff --git a/gitlio/actions/user.ts b/gitlio/actions/user.ts
index e372b69..3423496 100644
--- a/gitlio/actions/user.ts
+++ b/gitlio/actions/user.ts
@@ -8,10 +8,32 @@ export async function getIdAfterLogin(data: {
   email: string;
   name: string | null;
 }) {
-  const response = await axios.post(process.env.API_URL + 'users/', data, {
+  const response = await axios.post(process.env.API_URL + 'users', data, {
     headers: { 'Content-Type': 'application/json' },
   });
 
   console.log(response.data);
   return response.data.user_id; // 백엔드에서 userId를 반환한다고 가정
 }
+
+export async function getUserPortfolios(userId: string) {
+  const response = await axios.get(process.env.API_URL + 'users', {
+    params: { user_id: userId },
+  });
+
+  //console.log(response.data);
+  return response.data.portfolio; // 백엔드에서 portfolios를 반환한다고 가정
+}
+
+export async function createPortfolio(data: {
+  user_id: string;
+  title: string;
+  domain_name: string;
+}) {
+  const response = await axios.post(process.env.API_URL + 'portfolios/', data, {
+    headers: { 'Content-Type': 'application/json' },
+  });
+
+  console.log('포트폴리오 아이디: ' + response.data.portfolio_id);
+  return response.data.portfolio_id; // 백엔드에서 portfolioId를 반환한다고 가정
+}
diff --git a/gitlio/app/page.tsx b/gitlio/app/page.tsx
index 230b2d8..790ec8b 100644
--- a/gitlio/app/page.tsx
+++ b/gitlio/app/page.tsx
@@ -4,6 +4,8 @@ import Logo from '@/components/Logo';
 import LoginModal from '@/components/start/LoginModal';
 import SignInModal from '@/components/start/SignInModal';
 import { SignedIn, SignedOut, SignInButton, UserButton } from '@clerk/nextjs';
+import { redirect } from 'next/navigation';
+import Link from 'next/link';
 
 const StartPage: React.FC = () => {
   const [modalType, setModalType] = useState<string>('');
@@ -31,8 +33,14 @@ const StartPage: React.FC = () => {
         </SignedIn>
       </nav>{' '}
       <div className="bg-primary flex flex-col justify-center items-center h-screen">
+        <Link
+          href="/studio/dashboard"
+          className="btn btn-ghost text-xl text-[#8288a1] underline underline-offset-4"
+        >
+          DASHBOARD
+        </Link>
         <button
-          className="btn btn-ghost mt-8 text-xl text-[#8288a1] underline underline-offset-4"
+          className="btn btn-ghost text-xl text-[#8288a1] underline underline-offset-4"
           onClick={() => openModal('login')}
         >
           LOG IN
diff --git a/gitlio/app/studio/dashboard/page.tsx b/gitlio/app/studio/dashboard/page.tsx
index 3033ab4..51dc5e7 100644
--- a/gitlio/app/studio/dashboard/page.tsx
+++ b/gitlio/app/studio/dashboard/page.tsx
@@ -1,15 +1,69 @@
-import Navbar from '../../../../components/studio/StdNavbar';
-import Sidebar from '../../../../components/studio/StdSidebar';
+'use client';
+import StdNavbar from '@/components/studio/StdNavbar';
+import Sidebar from '@/components/studio/StdSidebar';
+import { useUser } from '@clerk/nextjs';
+import { useUserStore } from '@/store/userStore';
+import { useEffect, useRef } from 'react';
+import { getIdAfterLogin, getUserPortfolios } from '@/actions/user';
+import PortfolioComponent from '@/components/PortfolioComponent';
 
 export default function DashboardPage() {
-  return (
-    <div className="flex min-h-screen w-full">
-      <Sidebar />
+  const { isSignedIn, user } = useUser();
+  const { setUser, setUserId, setPortfolios } = useUserStore((state) => ({
+    setUser: state.setUser,
+    setUserId: state.setUserId,
+    setPortfolios: state.setPortfolios,
+  }));
+  const userId = useUserStore((state) => state.userId);
+  const isRequesting = useRef(false);
+
+  useEffect(() => {
+    if (isSignedIn && user && user.id && !userId && !isRequesting.current) {
+      isRequesting.current = true; // 요청 시작
+      const data = {
+        clerk_id: user.id,
+        email: user.emailAddresses[0]?.emailAddress,
+        name: user.fullName,
+      };
 
-      <div className="flex flex-col flex-1">
-        <Navbar />
-        <div className="flex-1 p-4">메인 컨텐츠 영역</div>
-      </div>
+      getIdAfterLogin(data)
+        .then((fetchedUserId) => {
+          if (!userId) {
+            setUserId(fetchedUserId);
+          }
+          isRequesting.current = false; // 요청 완료
+        })
+        .catch((err) => {
+          console.error('Failed to fetch userId:', err);
+          isRequesting.current = false; // 요청 실패
+        });
+    }
+  }, [isSignedIn, user, userId]);
+
+  useEffect(() => {
+    if (userId) {
+      getUserPortfolios(userId.toString())
+        .then((portfolios) => {
+          if (Array.isArray(portfolios)) {
+            setPortfolios(portfolios);
+          } else {
+            console.error(
+              'Expected an array of portfolios, received:',
+              portfolios
+            );
+            setPortfolios([]); // Set to empty array if not array
+          }
+        })
+        .catch((err) => {
+          console.error('Failed to fetch portfolios:', err);
+          setPortfolios([]); // Ensure portfolios is always an array
+        });
+    }
+  }, [userId, setPortfolios]);
+  return (
+    <div className="flex-1 p-4">
+      메인 컨텐츠 영역
+      <PortfolioComponent />
     </div>
   );
 }
diff --git a/gitlio/app/studio/layout.tsx b/gitlio/app/studio/layout.tsx
new file mode 100644
index 0000000..7b2b3fe
--- /dev/null
+++ b/gitlio/app/studio/layout.tsx
@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import Sidebar from '@/components/studio/StdSidebar';
+import StdNavbar from '@/components/studio/StdNavbar';
+
+type Props = { children: ReactNode };
+
+export default function Layout({ children }: Props) {
+  return (
+    <div className="flex min-h-screen w-full">
+      <Sidebar />
+
+      <div className="flex flex-col flex-1">
+        <StdNavbar />
+        <div>{children}</div>
+      </div>
+    </div>
+  );
+}
diff --git a/gitlio/app/studio/posts/drafts/page.tsx b/gitlio/app/studio/posts/drafts/page.tsx
index e8d11c4..a174560 100644
--- a/gitlio/app/studio/posts/drafts/page.tsx
+++ b/gitlio/app/studio/posts/drafts/page.tsx
@@ -1,20 +1,15 @@
-import Navbar from '../../../../components/Studio/StdNavbar';
-import Sidebar from '../../../../components/Studio/StdSidebar';
-import PostList from '../../../../../components/studio/post/PostList';
-import PostMenu from '../../../../../components/studio/post/PostMenu';
+import Navbar from '@/components/studio/StdNavbar';
+import Sidebar from '@/components/studio/StdSidebar';
+import PostList from '@/components/studio/post/PostList';
+import PostMenu from '@/components/studio/post/PostMenu';
 
 export default function PostPage() {
   return (
-    <div className="flex min-h-screen w-full">
-      <Sidebar />
-
-      <div className="flex flex-col flex-1">
-        <Navbar />
-        <PostMenu />
-        <div className="flex-1 p-4">
-          <PostList />
-        </div>
+    <>
+      <PostMenu />
+      <div className="flex-1 p-4">
+        <PostList />
       </div>
-    </div>
+    </>
   );
 }
diff --git a/gitlio/app/studio/posts/published/page.tsx b/gitlio/app/studio/posts/published/page.tsx
index d45ca1f..a174560 100644
--- a/gitlio/app/studio/posts/published/page.tsx
+++ b/gitlio/app/studio/posts/published/page.tsx
@@ -1,20 +1,15 @@
-import Navbar from '../../../../../components/studio/StdNavbar';
-import Sidebar from '../../../../../components/studio/StdSidebar';
-import PostList from '../../../../../components/studio/post/PostList';
-import PostMenu from '../../../../../components/studio/post/PostMenu';
+import Navbar from '@/components/studio/StdNavbar';
+import Sidebar from '@/components/studio/StdSidebar';
+import PostList from '@/components/studio/post/PostList';
+import PostMenu from '@/components/studio/post/PostMenu';
 
 export default function PostPage() {
   return (
-    <div className="flex min-h-screen w-full">
-      <Sidebar />
-
-      <div className="flex flex-col flex-1">
-        <Navbar />
-        <PostMenu />
-        <div className="flex-1 p-4">
-          <PostList />
-        </div>
+    <>
+      <PostMenu />
+      <div className="flex-1 p-4">
+        <PostList />
       </div>
-    </div>
+    </>
   );
 }
diff --git a/gitlio/app/studio/posts/trash/page.tsx b/gitlio/app/studio/posts/trash/page.tsx
index 324a7e8..a174560 100644
--- a/gitlio/app/studio/posts/trash/page.tsx
+++ b/gitlio/app/studio/posts/trash/page.tsx
@@ -1,20 +1,15 @@
-import Navbar from '../../../../components/Studio/StdNavbar';
-import Sidebar from '../../../../components/Studio/StdSidebar';
-import PostList from '../../../../components/Studio/post/PostList';
-import PostMenu from '../../../../components/Studio/post/PostMenu';
+import Navbar from '@/components/studio/StdNavbar';
+import Sidebar from '@/components/studio/StdSidebar';
+import PostList from '@/components/studio/post/PostList';
+import PostMenu from '@/components/studio/post/PostMenu';
 
 export default function PostPage() {
   return (
-    <div className="flex min-h-screen w-full">
-      <Sidebar />
-
-      <div className="flex flex-col flex-1">
-        <Navbar />
-        <PostMenu />
-        <div className="flex-1 p-4">
-          <PostList />
-        </div>
+    <>
+      <PostMenu />
+      <div className="flex-1 p-4">
+        <PostList />
       </div>
-    </div>
+    </>
   );
 }
diff --git a/gitlio/app/studio/settings/page.tsx b/gitlio/app/studio/settings/page.tsx
index 03521ca..316fd1e 100644
--- a/gitlio/app/studio/settings/page.tsx
+++ b/gitlio/app/studio/settings/page.tsx
@@ -1,5 +1,5 @@
-import Navbar from '../../../../components/studio/StdNavbar';
-import Sidebar from '../../../../components/studio/StdSidebar';
+import Navbar from '@/components/studio/StdNavbar';
+import Sidebar from '@/components/studio/StdSidebar';
 
 export default function SettingPage() {
   return (
diff --git a/gitlio/app/studio/statistics/insight/page.tsx b/gitlio/app/studio/statistics/insight/page.tsx
index fa044a7..a3e4800 100644
--- a/gitlio/app/studio/statistics/insight/page.tsx
+++ b/gitlio/app/studio/statistics/insight/page.tsx
@@ -1,6 +1,6 @@
-import Navbar from '../../../../../components/studio/StdNavbar';
-import Sidebar from '../../../../../components/studio/StdSidebar';
-import Menubar from '../../../../../components/studio/statistic/StatMenu';
+import Navbar from '@/components/studio/StdNavbar';
+import Sidebar from '@/components/studio/StdSidebar';
+import Menubar from '@/components/studio/statistic/StatMenu';
 
 export default function StatisticsPage() {
   return (
diff --git a/gitlio/components/PortfolioComponent.tsx b/gitlio/components/PortfolioComponent.tsx
new file mode 100644
index 0000000..6f189e8
--- /dev/null
+++ b/gitlio/components/PortfolioComponent.tsx
@@ -0,0 +1,72 @@
+import React, { useState } from 'react';
+import { useUserStore } from '@/store/userStore';
+
+const PortfolioComponent = () => {
+  const { portfolios, addPortfolio, removePortfolio, updatePortfolio } =
+    useUserStore();
+
+  const handleAddPortfolio = () => {
+    const newPortfolio = {
+      created_at: new Date().toISOString(),
+      deployed: false,
+      domain_name: 'new-portfolio',
+      mongo_id: 'some-mongo-id',
+      portfolio_id: Date.now(), // 임시로 timestamp를 사용하여 고유 ID를 생성
+      title: 'New Portfolio',
+      updated_at: null,
+    };
+    addPortfolio(newPortfolio);
+  };
+
+  const handleRemovePortfolio = (id: number) => {
+    removePortfolio(id);
+  };
+
+  const handleUpdatePortfolio = (id: number) => {
+    const updatedPortfolio = {
+      created_at: '2024-05-12T12:58:09.887545',
+      deployed: true,
+      domain_name: 'updated-portfolio',
+      mongo_id: '6640bce152a5de0fef96836e',
+      portfolio_id: id,
+      title: 'Updated Portfolio',
+      updated_at: new Date().toISOString(),
+    };
+    updatePortfolio(updatedPortfolio);
+  };
+
+  return (
+    <div>
+      <button onClick={handleAddPortfolio}>Add Portfolio</button>
+      <div className="flex flex-row flex-wrap">
+        {portfolios.map((portfolio) => (
+          <div
+            key={portfolio.portfolio_id}
+            className="card w-96 bg-base-300 shadow-xl m-2"
+          >
+            <div className="card-body">
+              <h2 className="card-title">{portfolio.title}</h2>
+              <p>{portfolio.domain_name}</p>
+              <p>{portfolio.created_at}</p>
+              <p>{portfolio.deployed ? 'Deployed' : 'Not Deployed'}</p>
+              <p>{portfolio.mongo_id}</p>
+              <p>{portfolio.updated_at}</p>
+              <button
+                onClick={() => handleRemovePortfolio(portfolio.portfolio_id)}
+              >
+                Remove
+              </button>
+              <button
+                onClick={() => handleUpdatePortfolio(portfolio.portfolio_id)}
+              >
+                Update
+              </button>
+            </div>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export default PortfolioComponent;
diff --git a/gitlio/components/Studio/StdNavbar.tsx b/gitlio/components/Studio/StdNavbar.tsx
deleted file mode 100644
index 85610c0..0000000
--- a/gitlio/components/Studio/StdNavbar.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-'use client';
-import { usePathname } from 'next/navigation';
-
-export default function StdNavbar() {
-  const pathname = usePathname();
-
-  const getNavbarText = () => {
-    if (pathname.includes('studio/statistics')) {
-      return 'Statistics';
-    } else if (pathname.includes('studio/posts')) {
-      return 'Posts';
-    } else if (pathname.includes('studio/settings')) {
-      return 'Settings';
-    } else if (pathname.includes('studio/dashboard')) {
-      return 'Dashboard';
-    } else if (pathname.includes('new/editproject')) {
-      return 'New Project';
-    } else if (pathname.includes('new/showproject')) {
-      return 'Your Project';
-    } else return 'Unknown Page';
-  };
-
-  return (
-    <div className="navbar border-b border-gray-200">
-      <div className="flex-1">
-        <a className="btn btn-ghost text-xl">{getNavbarText()}</a>
-      </div>
-      <div className="flex-none gap-2">
-        <div className="dropdown dropdown-end">
-          <div
-            tabIndex={0}
-            role="button"
-            className="btn btn-ghost btn-circle avatar"
-          >
-            <div className="w-10 rounded-full">
-              <img
-                alt="Tailwind CSS Navbar component"
-                src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg"
-              />
-            </div>
-          </div>
-          <ul
-            tabIndex={0}
-            className="mt-3 z-[1] p-2 shadow menu menu-sm dropdown-content bg-base-100 rounded-box w-52"
-          >
-            <li>
-              <a className="justify-between">
-                Profile
-                <span className="badge">New</span>
-              </a>
-            </li>
-            <li>
-              <a>Settings</a>
-            </li>
-            <li>
-              <a>Logout</a>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/gitlio/components/Studio/GitInputModal.tsx b/gitlio/components/studio/GitInputModal.tsx
similarity index 100%
rename from gitlio/components/Studio/GitInputModal.tsx
rename to gitlio/components/studio/GitInputModal.tsx
diff --git a/gitlio/components/Studio/ImgSelectModal.tsx b/gitlio/components/studio/ImgSelectModal.tsx
similarity index 100%
rename from gitlio/components/Studio/ImgSelectModal.tsx
rename to gitlio/components/studio/ImgSelectModal.tsx
diff --git a/gitlio/components/Studio/MakeNewPortModal.tsx b/gitlio/components/studio/MakeNewPortModal.tsx
similarity index 64%
rename from gitlio/components/Studio/MakeNewPortModal.tsx
rename to gitlio/components/studio/MakeNewPortModal.tsx
index 7397e57..2cdad77 100644
--- a/gitlio/components/Studio/MakeNewPortModal.tsx
+++ b/gitlio/components/studio/MakeNewPortModal.tsx
@@ -1,19 +1,45 @@
 'use client';
 import React, { useState } from 'react';
-
+import { createPortfolio } from '@/actions/user';
+import { useUserStore } from '@/store/userStore';
+import { useRouter } from 'next/navigation';
 interface MakeNewPortModalProps {
   onClose: () => void;
 }
 
 const MakeNewPortModal: React.FC<MakeNewPortModalProps> = ({ onClose }) => {
+  const router = useRouter();
   const [title, setTitle] = useState('');
   const [domainPath, setDomainPath] = useState('');
+  const userId = useUserStore((state) => state.userId);
+  const [tempId, setTempId] = useState<string | null>(null);
 
-  const handleSubmit = () => {
+  const handleSubmit = async () => {
     if (title.trim() !== '' && domainPath.trim() !== '') {
+      if (!userId) {
+        alert('로그인이 필요합니다.');
+        return;
+      }
       console.log('포트폴리오 제목:', title);
       console.log('도메인 경로:', domainPath);
-      onClose(); // 모달 닫기
+      try {
+        const portfolioId = await createPortfolio({
+          user_id: userId.toString(),
+          title: title,
+          domain_name: domainPath,
+        });
+        if (portfolioId) {
+          router.push(`/editor/${portfolioId}`);
+          onClose(); // 모달 닫기
+        } else {
+          console.error('No portfolio ID returned');
+          alert('포트폴리오 ID가 반환되지 않았습니다.');
+        }
+        onClose(); // 모달 닫기
+      } catch (error) {
+        console.error('포트폴리오 생성 실패:', error);
+        alert('포트폴리오 생성에 실패하였습니다.');
+      }
     } else {
       alert('모든 필드를 채워주세요.');
     }
diff --git a/gitlio/components/Studio/RepoSidebar.tsx b/gitlio/components/studio/RepoSidebar.tsx
similarity index 100%
rename from gitlio/components/Studio/RepoSidebar.tsx
rename to gitlio/components/studio/RepoSidebar.tsx
diff --git a/gitlio/components/studio/StdNavbar.tsx b/gitlio/components/studio/StdNavbar.tsx
new file mode 100644
index 0000000..cd3b862
--- /dev/null
+++ b/gitlio/components/studio/StdNavbar.tsx
@@ -0,0 +1,35 @@
+'use client';
+import { usePathname } from 'next/navigation';
+import { SignedIn, SignedOut, SignInButton, UserButton } from '@clerk/nextjs';
+import React from 'react';
+
+export default function StdNavbar() {
+  const pathname = usePathname();
+
+  const getNavbarText = () => {
+    if (pathname.includes('studio/statistics')) {
+      return 'Statistics';
+    } else if (pathname.includes('studio/posts')) {
+      return 'Posts';
+    } else if (pathname.includes('studio/settings')) {
+      return 'Settings';
+    } else if (pathname.includes('studio/dashboard')) {
+      return 'Dashboard';
+    } else if (pathname.includes('new/editproject')) {
+      return 'New Project';
+    } else if (pathname.includes('new/showproject')) {
+      return 'Your Project';
+    } else return 'Unknown Page';
+  };
+
+  return (
+    <div className="navbar border-b border-gray-200">
+      <div className="flex-1">
+        <a className="btn btn-ghost text-xl">{getNavbarText()}</a>
+      </div>
+      <SignedIn>
+        <UserButton afterSignOutUrl="/" />
+      </SignedIn>
+    </div>
+  );
+}
diff --git a/gitlio/components/Studio/StdSidebar.tsx b/gitlio/components/studio/StdSidebar.tsx
similarity index 99%
rename from gitlio/components/Studio/StdSidebar.tsx
rename to gitlio/components/studio/StdSidebar.tsx
index dd5e272..e1ea8af 100644
--- a/gitlio/components/Studio/StdSidebar.tsx
+++ b/gitlio/components/studio/StdSidebar.tsx
@@ -16,7 +16,7 @@ export default function StdSidebar() {
   const toggleMakeNewPortModal = () =>
     setIsMakeNewPortModalOpen(!isMakeNewPortModalOpen);
   const openGitInputModal = () => {
-    setIsGitInputModalOpen(true);
+    //setIsGitInputModalOpen(true);
     setIsMakeNewPortModalOpen(false); // 첫 번째 모달을 닫고 두 번째 모달을 열기
   };
 
diff --git a/gitlio/components/Studio/post/PostEditModal.tsx b/gitlio/components/studio/post/PostEditModal.tsx
similarity index 100%
rename from gitlio/components/Studio/post/PostEditModal.tsx
rename to gitlio/components/studio/post/PostEditModal.tsx
diff --git a/gitlio/components/Studio/post/PostList.tsx b/gitlio/components/studio/post/PostList.tsx
similarity index 100%
rename from gitlio/components/Studio/post/PostList.tsx
rename to gitlio/components/studio/post/PostList.tsx
diff --git a/gitlio/components/Studio/post/PostMenu.tsx b/gitlio/components/studio/post/PostMenu.tsx
similarity index 100%
rename from gitlio/components/Studio/post/PostMenu.tsx
rename to gitlio/components/studio/post/PostMenu.tsx
diff --git a/gitlio/components/Studio/statistic/DailyChart.tsx b/gitlio/components/studio/statistic/DailyChart.tsx
similarity index 100%
rename from gitlio/components/Studio/statistic/DailyChart.tsx
rename to gitlio/components/studio/statistic/DailyChart.tsx
diff --git a/gitlio/components/Studio/statistic/DailyStat.tsx b/gitlio/components/studio/statistic/DailyStat.tsx
similarity index 100%
rename from gitlio/components/Studio/statistic/DailyStat.tsx
rename to gitlio/components/studio/statistic/DailyStat.tsx
diff --git a/gitlio/components/Studio/statistic/MonthlyChart.tsx b/gitlio/components/studio/statistic/MonthlyChart.tsx
similarity index 100%
rename from gitlio/components/Studio/statistic/MonthlyChart.tsx
rename to gitlio/components/studio/statistic/MonthlyChart.tsx
diff --git a/gitlio/components/Studio/statistic/MonthlyStat.tsx b/gitlio/components/studio/statistic/MonthlyStat.tsx
similarity index 100%
rename from gitlio/components/Studio/statistic/MonthlyStat.tsx
rename to gitlio/components/studio/statistic/MonthlyStat.tsx
diff --git a/gitlio/components/Studio/statistic/StatMenu.tsx b/gitlio/components/studio/statistic/StatMenu.tsx
similarity index 100%
rename from gitlio/components/Studio/statistic/StatMenu.tsx
rename to gitlio/components/studio/statistic/StatMenu.tsx
diff --git a/gitlio/store/userStore.ts b/gitlio/store/userStore.ts
index f234bb6..5b255e6 100644
--- a/gitlio/store/userStore.ts
+++ b/gitlio/store/userStore.ts
@@ -1,20 +1,55 @@
 // store/userStore.ts
 import { create } from 'zustand';
 
+interface Portfolio {
+  created_at: string;
+  deployed: boolean;
+  domain_name: string;
+  mongo_id: string;
+  portfolio_id: number;
+  title: string;
+  updated_at: string | null;
+}
+
 interface UserState {
   userId: number | null;
   clerkId: string;
   email: string;
-  name: string | null; // 여기를 수정
-  setUser: (user: Omit<UserState, 'userId'>) => void;
+  name: string | null;
+  portfolios: Portfolio[];
+  setUser: (user: Omit<UserState, 'userId' | 'portfolios'>) => void;
   setUserId: (userId: number) => void;
+  addPortfolio: (portfolio: Portfolio) => void;
+  removePortfolio: (portfolioId: number) => void;
+  updatePortfolio: (portfolio: Portfolio) => void;
+  setPortfolios: (portfolios: Portfolio[]) => void;
 }
 
 export const useUserStore = create<UserState>((set) => ({
   userId: null,
   clerkId: '',
   email: '',
-  name: null, // 초기값도 null 가능하도록 변경
+  name: null,
+  portfolios: [],
   setUser: (user) => set({ ...user }),
   setUserId: (userId) => set({ userId }),
+  addPortfolio: (portfolio) =>
+    set((state) => ({
+      portfolios: [...state.portfolios, portfolio],
+    })),
+  removePortfolio: (portfolioId) =>
+    set((state) => ({
+      portfolios: state.portfolios.filter(
+        (portfolio) => portfolio.portfolio_id !== portfolioId
+      ),
+    })),
+  updatePortfolio: (updatedPortfolio) =>
+    set((state) => ({
+      portfolios: state.portfolios.map((portfolio) =>
+        portfolio.portfolio_id === updatedPortfolio.portfolio_id
+          ? updatedPortfolio
+          : portfolio
+      ),
+    })),
+  setPortfolios: (portfolios) => set({ portfolios }),
 }));

From 6ab32d7ef9ded81f684cf71b9eb2add47afbfdfa Mon Sep 17 00:00:00 2001
From: Kevin Kim <kevinkim0617kim@gmail.com>
Date: Mon, 13 May 2024 14:08:28 +0900
Subject: [PATCH 4/5] fix: disable delete skill button on preview

---
 .../_components/(skill)/DraggableIcon.tsx      | 14 +++++++++-----
 .../app/editor/_components/PreviewButton.tsx   | 18 +++++++++++++++---
 gitlio/app/editor/_components/TopBlogBar.tsx   |  7 +++----
 gitlio/store/previewStore.ts                   | 14 ++++++++++++++
 4 files changed, 41 insertions(+), 12 deletions(-)
 create mode 100644 gitlio/store/previewStore.ts

diff --git a/gitlio/app/editor/_components/(skill)/DraggableIcon.tsx b/gitlio/app/editor/_components/(skill)/DraggableIcon.tsx
index 4383306..52c1711 100644
--- a/gitlio/app/editor/_components/(skill)/DraggableIcon.tsx
+++ b/gitlio/app/editor/_components/(skill)/DraggableIcon.tsx
@@ -3,6 +3,7 @@ import { useDraggable } from '@dnd-kit/core';
 import { IconType } from 'react-icons';
 import { FaTimes } from 'react-icons/fa';
 import { useSidebarIconsStore } from '@/store/sidebarIconsStore';
+import usePreviewStore from '@/store/previewStore';
 
 interface DraggableIconProps {
   id: string;
@@ -19,6 +20,7 @@ const DraggableIcon: React.FC<DraggableIconProps> = ({
 }) => {
   const { attributes, listeners, setNodeRef } = useDraggable({ id });
   const { removeIcon } = useSidebarIconsStore();
+  const { preview } = usePreviewStore(); // Access the preview state
 
   const handleRemoveIcon = (event) => {
     event.stopPropagation(); // 클릭 이벤트의 전파를 중지하여 드래그 시작을 방지
@@ -46,11 +48,13 @@ const DraggableIcon: React.FC<DraggableIconProps> = ({
         {IconComponent && <IconComponent />}
         <span className="ml-2 mr-2">{label}</span>
       </div>
-      <FaTimes
-        className="text-red-500 cursor-pointer"
-        onClick={handleRemoveIcon}
-        aria-label="Remove icon"
-      />
+      {!preview && ( // Conditionally render the FaTimes icon based on the preview state
+        <FaTimes
+          className="text-red-500 cursor-pointer"
+          onClick={handleRemoveIcon}
+          aria-label="Remove icon"
+        />
+      )}
     </div>
   );
 };
diff --git a/gitlio/app/editor/_components/PreviewButton.tsx b/gitlio/app/editor/_components/PreviewButton.tsx
index 8ba4e0d..18085ce 100644
--- a/gitlio/app/editor/_components/PreviewButton.tsx
+++ b/gitlio/app/editor/_components/PreviewButton.tsx
@@ -7,26 +7,37 @@ import SkillSection from '@/app/editor/_components/mainSection/SkillSection';
 import ExperienceSection from '@/app/editor/_components/mainSection/ExperienceSection';
 import ProjSection from './mainSection/ProjSection';
 import ContactSection from './mainSection/ContactSection';
+import { MdPreview } from 'react-icons/md';
+import { FaGlobeAsia } from 'react-icons/fa';
+import TopBlogBar from '@/app/editor/_components/TopBlogBar';
+import usePreviewStore from '@/store/previewStore'; // Assuming the path to your Zustand store
 
 const ModalButton = () => {
   const [isModalOpen, setIsModalOpen] = useState<boolean>(false);
+  const setPreview = usePreviewStore((state) => state.setPreview);
 
   const openModal = (): void => {
     setIsModalOpen(true);
+    setPreview(true);
   };
 
   const closeModal = (): void => {
     setIsModalOpen(false);
+    setPreview(false);
   };
 
   return (
     <>
-      <button className="btn text-lg" onClick={openModal}>
+      <a
+        className="btn btn-ghost text-lg text-white hover:bg-base-300/20"
+        onClick={openModal}
+      >
+        <MdPreview className="text-white size-6" />
         미리보기
-      </button>
+      </a>
       {isModalOpen && (
         <dialog open className="modal" aria-labelledby="modal-title">
-          <div className="modal-box w-full max-w-full max-h-full h-full bg-base-200">
+          <div className="modal-box max-w-full max-h-full bg-base-200">
             <form method="dialog">
               <button
                 type="button"
@@ -39,6 +50,7 @@ const ModalButton = () => {
             <h3 id="modal-title" className="font-bold text-lg">
               Preview
             </h3>
+            <TopBlogBar />
             <div className="flex flex-col gap-4 items-center">
               <IntroSection />
               <SkillSection />
diff --git a/gitlio/app/editor/_components/TopBlogBar.tsx b/gitlio/app/editor/_components/TopBlogBar.tsx
index 86224fb..4d3a1e6 100644
--- a/gitlio/app/editor/_components/TopBlogBar.tsx
+++ b/gitlio/app/editor/_components/TopBlogBar.tsx
@@ -5,10 +5,9 @@ import { FaGithub, FaTwitter, FaLinkedin } from 'react-icons/fa';
 export default function TopBlogBar() {
   const { contactInfo } = ContactSidebarStore();
   return (
-    <div className="fixed right-[680px] top-[67px] space-y-8">
+    <div className="fixed left-20 top-40">
       <div className="flex flex-col justify-evenly items-center w-full h-auto">
-        <div className="w-1 bg-black h-[150px] mt-32"></div>
-        <div className="flex flex-col justify-center bg-[#555459] items-center h-auto rounded-xl border-2 border-slate-800 p-2 box-border space-y-2">
+        <div className="flex flex-col justify-center bg-[#f7f7f7] items-center h-auto rounded-xl border-2 border-slate-800 p-2 box-border space-y-2">
           {contactInfo.blogUrls.map((blog) => (
             <a
               key={blog.id}
@@ -17,7 +16,7 @@ export default function TopBlogBar() {
               rel="noopener noreferrer"
             >
               {blog.faviconUrl ? (
-                <div className="w-10 h-10">
+                <div className="w-8 h-8">
                   <img
                     src={blog.faviconUrl}
                     alt="Blog Icon"
diff --git a/gitlio/store/previewStore.ts b/gitlio/store/previewStore.ts
new file mode 100644
index 0000000..029ada6
--- /dev/null
+++ b/gitlio/store/previewStore.ts
@@ -0,0 +1,14 @@
+// store/previewStore.ts
+import create from 'zustand';
+
+interface PreviewState {
+  preview: boolean;
+  setPreview: (preview: boolean) => void;
+}
+
+const usePreviewStore = create<PreviewState>((set) => ({
+  preview: false,
+  setPreview: (preview) => set(() => ({ preview })),
+}));
+
+export default usePreviewStore;

From 3443b406180c1ee355a6398629a876d54e708b02 Mon Sep 17 00:00:00 2001
From: Kevin Kim <kevinkim0617kim@gmail.com>
Date: Mon, 13 May 2024 14:38:12 +0900
Subject: [PATCH 5/5] refactor: remove old editor

---
 gitlio/app/(edit)/experience/page.tsx      | 159 -----------
 gitlio/app/(edit)/introduction/page.tsx    |  65 -----
 gitlio/app/(edit)/layout.tsx               |  24 --
 gitlio/app/(edit)/new/editproject/page.tsx | 310 ---------------------
 gitlio/app/(edit)/new/showproject/page.tsx |  63 -----
 gitlio/app/(edit)/outro/page.tsx           |  82 ------
 gitlio/app/(edit)/skills/page.tsx          | 111 --------
 gitlio/app/(edit)/works/page.tsx           | 131 ---------
 8 files changed, 945 deletions(-)
 delete mode 100644 gitlio/app/(edit)/experience/page.tsx
 delete mode 100644 gitlio/app/(edit)/introduction/page.tsx
 delete mode 100644 gitlio/app/(edit)/layout.tsx
 delete mode 100644 gitlio/app/(edit)/new/editproject/page.tsx
 delete mode 100644 gitlio/app/(edit)/new/showproject/page.tsx
 delete mode 100644 gitlio/app/(edit)/outro/page.tsx
 delete mode 100644 gitlio/app/(edit)/skills/page.tsx
 delete mode 100644 gitlio/app/(edit)/works/page.tsx

diff --git a/gitlio/app/(edit)/experience/page.tsx b/gitlio/app/(edit)/experience/page.tsx
deleted file mode 100644
index 96d9f5b..0000000
--- a/gitlio/app/(edit)/experience/page.tsx
+++ /dev/null
@@ -1,159 +0,0 @@
-'use client';
-
-import EditBuilder from '@/components/EditBuilder';
-import EditHeader from '@/components/EditHeader';
-import SideBar from '@/components/SideBar';
-import Title from '@/components/Title';
-import { useState } from 'react';
-
-export default function ExperiencePage() {
-  return (
-    <>
-      <div className="w-full h-full grid grid-cols-5 grid-rows-9">
-        <div className="flex justify-center col-span-0 row-span-9 h-full border border-primary">
-          <SideBar />
-        </div>
-        <EditHeader />
-        <div className="col-span-4 row-span-8 h-full border border-[#B1C9FF]">
-          <div className="flex flex-col h-full items-center px-5">
-            <Title />
-            <EditBuilder>
-              <div className="flex flex-row justify-around items-center h-full">
-                <div className="flex flex-col justify-center basis-[480px] h-80 text-center box-border border-4 border-primary">
-                  <ul className="timeline flex flex-row flex-nowrap justify-center xl:overflow-hidden">
-                    <li>
-                      <div className="w-[130px] h-[42px] timeline-start timeline-box">
-                        <input className="w-full h-full text-xs text-center hover:border-2 hover:border-primary" />
-                      </div>
-                      <div className="timeline-middle">
-                        <svg
-                          xmlns="http://www.w3.org/2000/svg"
-                          viewBox="0 0 20 20"
-                          fill="currentColor"
-                          className="w-5 h-5 text-[#6385FD]"
-                        >
-                          <path
-                            fillRule="evenodd"
-                            d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"
-                            clipRule="evenodd"
-                          />
-                        </svg>
-                      </div>
-                      <hr className="bg-[#6385FD]" />
-                    </li>
-                    <li>
-                      <hr className="bg-[#6385FD]" />
-                      <div className="timeline-middle">
-                        <svg
-                          xmlns="http://www.w3.org/2000/svg"
-                          viewBox="0 0 20 20"
-                          fill="currentColor"
-                          className="w-5 h-5 text-[#6385FD]"
-                        >
-                          <path
-                            fillRule="evenodd"
-                            d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"
-                            clipRule="evenodd"
-                          />
-                        </svg>
-                      </div>
-                      <div className="timeline-end timeline-box w-[130px] h-[42px]">
-                        <input className="w-full h-full text-xs text-center hover:border-2 hover:border-primary" />
-                      </div>
-                      <hr className="bg-[#6385FD]" />
-                    </li>
-                    <li>
-                      <hr className="bg-[#6385FD]" />
-                      <div className="timeline-start timeline-box w-[130px] h-[42px] ">
-                        <input className="w-full h-full text-xs text-center hover:border-2 hover:border-primary" />
-                      </div>
-                      <div className="timeline-middle">
-                        <svg
-                          xmlns="http://www.w3.org/2000/svg"
-                          viewBox="0 0 20 20"
-                          fill="currentColor"
-                          className="w-5 h-5 text-[#6385FD]"
-                        >
-                          <path
-                            fillRule="evenodd"
-                            d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"
-                            clipRule="evenodd"
-                          />
-                        </svg>
-                      </div>
-                    </li>
-                  </ul>
-                </div>
-                <div className="relative flex flex-row justify-center basis-[480px] h-80 box-border text-center border-4 border-primary">
-                  <ul className="flex flex-col md:overflow-hidden justify-center items-center timeline timeline-vertical absolute h-full">
-                    <li>
-                      <div className="timeline-start timeline-box w-[130px] h-[42px]">
-                        <input className="w-full h-full text-xs text-center hover:border-2 hover:border-primary" />
-                      </div>
-                      <div className="timeline-middle">
-                        <svg
-                          xmlns="http://www.w3.org/2000/svg"
-                          viewBox="0 0 20 20"
-                          fill="currentColor"
-                          className="w-5 h-5 text-[#6385FD]"
-                        >
-                          <path
-                            fillRule="evenodd"
-                            d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"
-                            clipRule="evenodd"
-                          />
-                        </svg>
-                      </div>
-                      <hr className="bg-[#6385FD]" />
-                    </li>
-                    <li>
-                      <hr className="bg-[#6385FD]" />
-                      <div className="timeline-middle">
-                        <svg
-                          xmlns="http://www.w3.org/2000/svg"
-                          viewBox="0 0 20 20"
-                          fill="currentColor"
-                          className="w-5 h-5 text-[#6385FD]"
-                        >
-                          <path
-                            fillRule="evenodd"
-                            d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"
-                            clipRule="evenodd"
-                          />
-                        </svg>
-                      </div>
-                      <div className="timeline-end timeline-box w-[130px] h-[42px]">
-                        <input className="w-full h-full text-xs text-center hover:border-2 hover:border-primary" />
-                      </div>
-                      <hr className="bg-[#6385FD]" />
-                    </li>
-                    <li>
-                      <hr className="bg-[#6385FD]" />
-                      <div className="timeline-start timeline-box w-[130px] h-[42px]">
-                        <input className="w-full h-full text-xs text-center hover:border-2 hover:border-primary" />
-                      </div>
-                      <div className="timeline-middle">
-                        <svg
-                          xmlns="http://www.w3.org/2000/svg"
-                          viewBox="0 0 20 20"
-                          fill="currentColor"
-                          className="w-5 h-5 text-[#6385FD]"
-                        >
-                          <path
-                            fillRule="evenodd"
-                            d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"
-                            clipRule="evenodd"
-                          />
-                        </svg>
-                      </div>
-                    </li>
-                  </ul>
-                </div>
-              </div>
-            </EditBuilder>
-          </div>
-        </div>
-      </div>
-    </>
-  );
-}
diff --git a/gitlio/app/(edit)/introduction/page.tsx b/gitlio/app/(edit)/introduction/page.tsx
deleted file mode 100644
index 894e83d..0000000
--- a/gitlio/app/(edit)/introduction/page.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-'use client';
-
-import EditBuilder from '@/components/EditBuilder';
-import EditHeader from '@/components/EditHeader';
-import SideBar from '@/components/SideBar';
-import Title from '@/components/Title';
-import useStore from '@/hooks/darkmode';
-
-export default function IntrodutionPage() {
-  const { darkMode } = useStore();
-  return (
-    <>
-      <div className="w-full h-full grid grid-cols-5 grid-rows-9">
-        <div className="flex justify-center row-span-9 col-span-1 relative h-full border border-primary">
-          <SideBar />
-        </div>
-
-        <EditHeader />
-        <div className="col-span-3 row-span-8 h-full border border-[#B1C9FF]">
-          <div className="flex flex-col h-full items-center px-5 ">
-            <Title />
-            <EditBuilder>
-              <div className="flex w-full h-full flex-col items-center justify-center rounded-2xl">
-                <div className="flex lg:w-48 lg:h-48 xl:w-[40%] xl:h-[48%] px-1 py-1 items-center bg-[#DCE6FF] justify-center rounded-2xl">
-                  <div className="flex items-center justify-center sm:h-40 sm:w-40 md:h-40 md:w-40 lg:h-40 lg:w-40 xl:h-64 xl:w-64 bg-[#F6F7FF] rounded-full">
-                    <img
-                      src="/seojin_profile.png"
-                      alt="Profile"
-                      className="h-full w-full object-cover rounded-full"
-                    />
-                  </div>
-                </div>
-                <div className="w-full px-28">
-                  <div className="w-full h-11 bg-[#D6E2FE] rounded-2xl mt-2 flex items-center justify-center font-bold">
-                    seojin Jeon
-                  </div>
-                </div>
-                <div className="w-full px-16">
-                  <div className="w-full h-16 bg-[#D6E2FE] rounded-2xl mt-2 flex items-center justify-center font-bold">
-                    Hi, I’m a Front-end developer!
-                  </div>
-                </div>
-              </div>
-            </EditBuilder>
-          </div>
-        </div>
-
-        <div className="flex justify-center items-center col-span-1 row-span-8 h-full border border-primary">
-          <div
-            className={`w-[90%] h-[90%] ${
-              darkMode ? 'bg-[#1E293B]' : 'bg-[#BFCBF6]'
-            } lg:rounded-[20px] rounded-[30px] flex  justify-center`}
-          >
-            <div className="w-[40%] h-[23%] bg-[#6385FD] rounded-[20px] flex  items-center text-center justify-center ml-0 mt-10 text-white">
-              레이아웃1
-            </div>
-            <div className="w-[40%] h-[23%] bg-[#E6E6E6] rounded-[20px] flex items-center text-center justify-center ml-4 mt-10 ">
-              레이아웃2
-            </div>
-          </div>
-        </div>
-      </div>
-    </>
-  );
-}
diff --git a/gitlio/app/(edit)/layout.tsx b/gitlio/app/(edit)/layout.tsx
deleted file mode 100644
index a4a44fc..0000000
--- a/gitlio/app/(edit)/layout.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-'use client';
-
-import Logo from '@/components/Logo';
-import PublishBtn from '@/components/PublishBtn';
-import Title from '@/components/Title';
-import useStore from '@/hooks/darkmode';
-import React, { ReactNode } from 'react';
-
-function Layout({ children }: { children: ReactNode }) {
-  const { darkMode } = useStore();
-  return (
-    <div className="flex flex-col min-w-full min-h-screen bg-background">
-      <main
-        className={`flex flex-grow w-full ${
-          darkMode ? 'bg-black' : 'bg-primary'
-        } h-screen`}
-      >
-        {children}
-      </main>
-    </div>
-  );
-}
-
-export default Layout;
diff --git a/gitlio/app/(edit)/new/editproject/page.tsx b/gitlio/app/(edit)/new/editproject/page.tsx
deleted file mode 100644
index 7e4bfc1..0000000
--- a/gitlio/app/(edit)/new/editproject/page.tsx
+++ /dev/null
@@ -1,310 +0,0 @@
-'use client';
-import React, { useEffect, useState } from 'react';
-import ImageSelectionModal from '@/components/studio/ImgSelectModal';
-import Link from 'next/link';
-import Navbar from '@/components/studio/StdNavbar';
-import Sidebar from '@/components/studio/RepoSidebar';
-
-interface Data {
-  url: string;
-  title: string;
-  intro: string;
-  images: string[];
-  sentences: string[];
-}
-
-// 예시 데이터
-const sampleData: Data[] = [
-  {
-    url: 'https://github.com/2023-WinterBootcamp-Team-M',
-    title: '',
-    intro: '',
-    images: [
-      'https://i.ibb.co/NTd8vTG/2024-03-12-1-23-06.png',
-      'https://i.ibb.co/GWdLNnC/2024-03-12-2-05-32.png',
-      'https://i.ibb.co/sybwTHR/2024-03-12-2-07-23.png',
-    ],
-    sentences: [
-      '만약 자동 분류 북마크 생성을 선택했다면 카테고리도 gpt로 자동 분류되어 저장',
-      'celery beat로 스케쥴링 된 task 실행',
-      '이미지(url)를 클립보드에 저장하고 drag&drop, download 등으로 활용',
-      '새로 url을 넣으면 정해진 갯수를 넘어가는 데이터는 Queue 형식으로 자동 삭제 ',
-    ],
-  },
-  {
-    url: 'https://github.com/SV-Summer-BootCamp-Team-F',
-    title: '',
-    intro: '',
-    images: [
-      'https://i.ibb.co/jV9W28Y/2024-03-12-1-46-15.png',
-      'https://i.ibb.co/p0WvXfx/2024-03-12-1-45-12.png',
-      'https://i.ibb.co/2cRgbZs/2024-03-12-1-44-33.png',
-    ],
-    sentences: [
-      '한눈에 보기 편한 UI/UX',
-      '차트를 통한 분석 ⇒ 나만의 관계 데이터 관리',
-    ],
-  },
-  {
-    url: 'https://github.com/Fashion-Cloud',
-    title: '',
-    intro: '',
-    images: [
-      'https://i.ibb.co/KKSKMnc/2024-03-12-2-11-35.png',
-      'https://i.ibb.co/vd9Gr8Z/2024-03-12-2-11-52.png',
-      'https://i.ibb.co/s64tzfn/2024-03-12-2-12-06.png',
-      'https://i.ibb.co/X4MP1QY/2024-03-12-2-12-17.png',
-      'https://i.ibb.co/TY0zY8R/2024-03-12-2-12-28.png',
-      'https://i.ibb.co/8rYWrh8/2024-03-12-2-10-57.png',
-    ],
-    sentences: [
-      'Spring Security를 이용한 로그인 기능 구현',
-      'Next.js로의 마이그레이션, 상태관리 라이브러리 변경',
-      '조회수 기능에 Look Aside + Write back 캐싱 적용',
-      'key구성 변경, 단위 분리하기',
-    ],
-  },
-  {
-    url: 'https://github.com/AI-ary',
-    title: 'AI-ary',
-    intro: '어른들의 동심을 찾아라!',
-    images: [
-      'https://i.ibb.co/NsZHfhd/ai1.png',
-      'https://i.ibb.co/VqQbDdH/ai2.gif',
-      'https://i.ibb.co/4tbTPFD/ai3.gif',
-      'https://i.ibb.co/mCQRd9x/ai4.gif',
-      'https://i.ibb.co/cJ0jFT8/ai5.gif',
-      'https://i.ibb.co/N3W1ZH7/ai6.gif',
-    ],
-    sentences: [
-      'Spring Boot를 이용한 REST API구현',
-      'Spring Boot JPA를 이용하여 반복 작업을 최소화하고 성능 최적화',
-      '그림일기 이미지 파일 AWS S3업로드 및 이미지 URL반환 로직 구현',
-      'Flask를 이용하여 Dall-E3와 KoNLPy컨트롤러 구현',
-      'Nginx를 통해 정적 파일 서빙 및 프록시 설정을 통해 서버와 클라이언트 연결 관리',
-    ],
-  },
-  {
-    url: 'https://github.com/2023-Summer-Bootcamp-Team-K',
-    title: 'Fit-A-Pet',
-    intro: '반려 동물의 혈당 데이터를 통한 맞춤형 사료 추천 시스템',
-    images: [
-      'https://camo.githubusercontent.com/5b87fc3e1575b119fb5629fd3b3f19d89ffb77180c381f35f5d3928595b03145/68747470733a2f2f6d69726f2e6d656469756d2e636f6d2f76322f726573697a653a6669743a3534382f302a674251307755504379563830655f72362e676966',
-      'https://camo.githubusercontent.com/1ef53a05c3ff26f60d5a9c84adf95c5a4dd16d89c13113bc9b673fb1713760bd/68747470733a2f2f6d69726f2e6d656469756d2e636f6d2f76322f726573697a653a6669743a3534382f312a5f6d5f72336236475a795a6f4e59635f534c654a6a672e676966',
-      'https://camo.githubusercontent.com/d26fa8fddbfb6927166b403a7f05a9a086ddb1a125659ac25573a8b03bfd35c6/68747470733a2f2f6d69726f2e6d656469756d2e636f6d2f76322f726573697a653a6669743a3534382f312a4f6d70656b5041584767435252395f455853564132412e676966',
-      'https://camo.githubusercontent.com/5d9f707e735e69f37e0752b2e48d1c8647c7f65e70ef9f856e89d68bad77aad3/68747470733a2f2f6d69726f2e6d656469756d2e636f6d2f76322f726573697a653a6669743a3534382f302a734a414d5437524c6c54424f543746542e676966',
-    ],
-    sentences: [
-      'Spring Boot를 이용한 REST API구현',
-      'Spring Boot JPA를 이용하여 반복 작업을 최소화하고 성능 최적화',
-      '그림일기 이미지 파일 AWS S3업로드 및 이미지 URL반환 로직 구현',
-      'Flask를 이용하여 Dall-E3와 KoNLPy컨트롤러 구현',
-      'Nginx를 통해 정적 파일 서빙 및 프록시 설정을 통해 서버와 클라이언트 연결 관리',
-    ],
-  },
-  {
-    url: 'https://github.com/2023-Winter-Bootcamp-TeamH',
-    title: 'BuySelf',
-    intro: '무인 상품 인식 계산대',
-    images: [
-      'https://user-images.githubusercontent.com/77673029/215676052-3c6b8760-c5c6-4ce5-8553-5668a4953f12.png',
-      'https://user-images.githubusercontent.com/77673029/215985324-8363c936-91e4-4b92-8342-9ac5d6850523.gif',
-      'https://user-images.githubusercontent.com/77673029/215985726-26946a60-1cab-481d-95fd-e7f83e85f630.gif',
-      'https://user-images.githubusercontent.com/77673029/215986341-cfe8f19c-25c2-419f-99a0-b78afaaa8d2e.gif',
-    ],
-    sentences: [
-      'AI의 처리 시간 증가로인한 사용자 경험이 방해되지 않도록 RabbitMQ와 Celery를 통해 AI 결과를 비동기적으로 처리',
-      '사용자가 많이 호출하는 API에 의해 서버 과부하가 발생했고, 서버 부하와 응답시간을 줄이기 위해 Redis를 이용하여 Caching',
-      '사용자가 제공하는 이미지로 상품 인식 후 pandas를 사용하여 AI 분석 결과를 반환하는 API',
-    ],
-  },
-];
-
-const defaultImage = 'https://i.ibb.co/w7KCcXL/free-icon-example-5486150.png';
-
-function Page() {
-  const [repositoryUrls, setRepositoryUrls] = useState([]);
-  const [selectedUrl, setSelectedUrl] = useState('');
-  const [selectedData, setSelectedData] = useState<Data | null>(null);
-  const [title, setTitle] = useState('');
-  const [intro, setIntro] = useState('');
-  const [displayedImage, setDisplayedImage] = useState<string>(defaultImage);
-  const [savedUrls, setSavedUrls] = useState<{ [url: string]: boolean }>({});
-  const [modalIsOpen, setModalIsOpen] = useState<boolean>(false);
-  const [editableSentences, setEditableSentences] = useState<string[]>([]);
-
-  // 로컬 스토리지에서 URL 목록 불러오기
-  useEffect(() => {
-    const loadedUrls = JSON.parse(
-      localStorage.getItem('repositoryUrls') || '[]'
-    );
-    setRepositoryUrls(loadedUrls);
-  }, []);
-
-  // 선택된 URL에 해당하는 데이터 찾기
-  useEffect(() => {
-    const data = sampleData.find((data) => data.url === selectedUrl);
-    setSelectedData(data ?? null);
-    if (data) {
-      setEditableSentences(data.sentences);
-    }
-
-    const selectedImages = JSON.parse(
-      localStorage.getItem('selectedImages') || '{}'
-    );
-    const imageUrl = selectedImages[selectedUrl] || defaultImage;
-    // URL 변경 시 화면에 표시되는 이미지도 업데이트
-    setDisplayedImage(imageUrl);
-
-    const currentContents = JSON.parse(
-      localStorage.getItem('selectedContents') || '{}'
-    );
-    const savedSentences = currentContents[selectedUrl]
-      ? currentContents[selectedUrl].sentences
-      : [];
-
-    if (currentContents[selectedUrl]) {
-      setTitle(currentContents[selectedUrl].title || '');
-      setIntro(currentContents[selectedUrl].intro || '');
-      setEditableSentences(
-        currentContents[selectedUrl].sentences || data?.sentences || []
-      );
-    }
-  }, [selectedUrl]);
-
-  const handleImageSelect = (image: string) => {
-    // 이미지 선택 시 즉시 화면에 반영
-    setDisplayedImage(image);
-    setModalIsOpen(false);
-  };
-
-  const handleSave = () => {
-    // 선택된 이미지와 문장을 로컬 스토리지에 저장하는 로직
-    const selectedImages = JSON.parse(
-      localStorage.getItem('selectedImages') || '{}'
-    );
-    selectedImages[selectedUrl] = displayedImage;
-    localStorage.setItem('selectedImages', JSON.stringify(selectedImages));
-    setSavedUrls((prev) => ({ ...prev, [selectedUrl]: true }));
-
-    const currentContents = JSON.parse(
-      localStorage.getItem('selectedContents') || '{}'
-    );
-    currentContents[selectedUrl] = {
-      ...currentContents[selectedUrl],
-      title,
-      intro,
-      sentences: editableSentences,
-      image: displayedImage, // Ensure the image is also updated
-    };
-
-    localStorage.setItem('selectedContents', JSON.stringify(currentContents));
-  };
-
-  const handleAddSentence = () => {
-    setEditableSentences([...editableSentences, '']);
-  };
-
-  const handleDeleteSentence = (index: number) => {
-    const updatedSentences = editableSentences.filter((_, i) => i !== index);
-    setEditableSentences(updatedSentences);
-  };
-
-  const handleChangeSentence = (index: number, newSentence: string) => {
-    const updatedSentences = [...editableSentences];
-    updatedSentences[index] = newSentence;
-    setEditableSentences(updatedSentences);
-  };
-
-  return (
-    <div className="flex min-h-screen w-full">
-      <Sidebar onSelectUrl={setSelectedUrl} savedUrls={savedUrls} />
-      <div className="flex-col items-center w-full px-4">
-        <Navbar />
-        {selectedData && (
-          <div className="mt-4">
-            <div>
-              <input
-                type="text"
-                placeholder="타이틀"
-                value={title}
-                onChange={(e) => setTitle(e.target.value)}
-                className="input input-bordered w-full my-2"
-              />
-              <textarea
-                placeholder="인트로"
-                value={intro}
-                onChange={(e) => setIntro(e.target.value)}
-                className="textarea textarea-bordered w-full my-2"
-              />
-            </div>
-            <div>
-              <img
-                src={displayedImage}
-                alt="Selected image"
-                className="cursor-pointer mt-4"
-                style={{
-                  maxWidth: '300px',
-                  maxHeight: '200px',
-                  objectFit: 'contain',
-                }}
-                onClick={() => setModalIsOpen(true)}
-              />
-              <ImageSelectionModal
-                isOpen={modalIsOpen}
-                onClose={() => setModalIsOpen(false)}
-                onSelect={handleImageSelect}
-                images={selectedData ? selectedData.images : []}
-              />
-            </div>
-            <h3 className="text-lg font-semibold mt-4">문장:</h3>
-            <div>
-              {editableSentences.map((sentence, index) => (
-                <div key={index} className="flex items-center gap-2 mt-2">
-                  <input
-                    type="text"
-                    value={sentence}
-                    className="input input-bordered w-full"
-                    onChange={(e) =>
-                      handleChangeSentence(index, e.target.value)
-                    }
-                  />
-                  <button
-                    onClick={() => handleDeleteSentence(index)}
-                    className="btn btn-error btn-sm"
-                  >
-                    x
-                  </button>
-                </div>
-              ))}
-              <button
-                onClick={handleAddSentence}
-                className="btn btn-outline btn-info mt-2 btn-sm"
-              >
-                +
-              </button>
-            </div>
-          </div>
-        )}
-        <div className="space-x-4 mt-8 mb-4">
-          <button className="btn btn-info" onClick={handleSave}>
-            저장
-          </button>
-          <Link href="/new/showproject" legacyBehavior>
-            <button
-              className={`btn ${
-                Object.keys(savedUrls).length === repositoryUrls.length
-                  ? 'btn-success'
-                  : 'btn-disabled'
-              }`}
-            >
-              생성
-            </button>
-          </Link>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-export default Page;
diff --git a/gitlio/app/(edit)/new/showproject/page.tsx b/gitlio/app/(edit)/new/showproject/page.tsx
deleted file mode 100644
index 2e54d43..0000000
--- a/gitlio/app/(edit)/new/showproject/page.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-'use client';
-import React, { useEffect, useState } from 'react';
-import Navbar from '@/components/studio/StdNavbar';
-
-// 저장된 URL 정보와 프로젝트 이름을 포함한 타입 정의
-interface SavedContent {
-  title: string;
-  intro: string;
-  image: string;
-  sentences: string[];
-}
-
-function Page() {
-  const [savedContents, setSavedContents] = useState<{
-    [url: string]: SavedContent;
-  }>({});
-  const [repositoryUrls, setRepositoryUrls] = useState<string[]>([]);
-
-  // 컴포넌트 마운트 시 로컬 스토리지에서 URL 목록과 저장된 내용 불러오기
-  useEffect(() => {
-    const loadedUrls = JSON.parse(
-      localStorage.getItem('repositoryUrls') || '[]'
-    );
-    setRepositoryUrls(loadedUrls);
-
-    const loadedContents = JSON.parse(
-      localStorage.getItem('selectedContents') || '{}'
-    );
-    const filteredContents = Object.keys(loadedContents)
-      .filter((key) => loadedUrls.includes(key))
-      .reduce<{ [url: string]: SavedContent }>((obj, key) => {
-        obj[key] = loadedContents[key];
-        return obj;
-      }, {});
-
-    setSavedContents(filteredContents);
-  }, []);
-
-  return (
-    <div className="container mx-auto px-4">
-      <Navbar />
-      {Object.entries(savedContents).map(([url, content], index) => (
-        <div
-          key={index}
-          className="flex flex-col w-2/3 items-center mt-3 mb-3 border border-gray-400 p-4 rounded-md"
-        >
-          <h2 className="text-xl font-bold">{content.title}</h2>
-          <p className="mb-4">{content.intro}</p>
-          <img src={content.image} alt="Saved" className="max-w-xs mt-2" />
-          <ul className="list-disc ml-8 mt-2">
-            {content.sentences.map((sentence, sentenceIndex) => (
-              <li key={sentenceIndex}>{sentence}</li>
-            ))}
-          </ul>
-        </div>
-      ))}
-      <button className="btn btn-primary mb-4">저장 후 포트폴리오 편집</button>
-      {repositoryUrls.length === 0 && <p>저장된 URL 정보가 없습니다.</p>}
-    </div>
-  );
-}
-
-export default Page;
diff --git a/gitlio/app/(edit)/outro/page.tsx b/gitlio/app/(edit)/outro/page.tsx
deleted file mode 100644
index 65681c2..0000000
--- a/gitlio/app/(edit)/outro/page.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-'use client';
-
-import EditBuilder from '@/components/EditBuilder';
-import EditHeader from '@/components/EditHeader';
-import SideBar from '@/components/SideBar';
-import Title from '@/components/Title';
-import useStore from '@/hooks/darkmode';
-
-export default function OutroPage() {
-  const { darkMode } = useStore();
-  return (
-    <>
-      <div className="w-full h-full grid grid-cols-5 grid-rows-9">
-        <div className="flex justify-center row-span-9 col-span-1 relative h-full border border-primary">
-          <SideBar />
-        </div>
-        <EditHeader />
-        <div className="col-span-3 row-span-8 h-fullborder border-[#B1C9FF]">
-          <div className="flex flex-col h-full items-center px-5 ">
-            <Title />
-            <EditBuilder>
-              <div className=" w-full h-full flex-col grid grid-cols-2 items-center justify-center rounded-2xl  ">
-                <div className="flex w-[90%] h-[95%] ml-[8%] px-1 py-1 items-center justify-center rounded-2xl bg-[#E6E6E6]">
-                  Introduction View
-                </div>
-                <div className="flex w-[90%] h-[95%] ml-[2%] px-1 py-1 items-center justify-center rounded-2xl bg-[#E6E6E6]">
-                  Skills View
-                </div>
-                <div className="flex w-[90%] h-[95%] ml-[8%] px-1 py-1 items-center justify-center rounded-2xl bg-[#E6E6E6]">
-                  Experience View
-                </div>
-                <div className="flex w-[90%] h-[95%] ml-[2%] px-1 py-1 items-center justify-center rounded-2xl bg-[#E6E6E6]">
-                  Works View
-                </div>
-              </div>
-            </EditBuilder>
-          </div>
-        </div>
-
-        <div
-          className={`flex justify-center items-center col-span-1 row-span-8 h-full ${
-            darkMode ? 'bg-black' : 'bg-primary'
-          } border border-primary`}
-        >
-          <div
-            className={`w-[90%] h-[90%] ${
-              darkMode ? 'bg-[#1E293B]' : 'bg-[#BFCBF6] '
-            } lg:rounded-[20px] rounded-[30px] flex items-center justify-center flex-col`}
-          >
-            <button className="w-[90%] h-[10%] bg-[#6385FD] md:rounded-[10px] lg:rounded-[15px] xl:rounded-[20px] flex items-center text-center justify-center ml-0 mt-5 text-white border-none outline-none cursor-pointer">
-              전체 미리보기
-            </button>
-            <>
-              <div className="h-full w-full overflow-y-auto">
-                <div className="grid grid-cols-2 h-full w-full grid-rows-3">
-                  <button className="w-[80%] h-[80%] bg-blue-200  rounded-[20px] flex items-center text-center justify-center ml-4 lg:mt-4 xl:mt-5">
-                    테마1
-                  </button>
-                  <button className="w-[80%] h-[80%] bg-green-100 rounded-[20px] flex items-center text-center justify-center ml-4 lg:mt-4 xl:mt-5">
-                    테마2
-                  </button>
-                  <button className="w-[80%] h-[80%] bg-pink-100 rounded-[20px] flex items-center text-center justify-center ml-4 lg:mt-2 xl:mt-5">
-                    테마3
-                  </button>
-                  <button className="w-[80%] h-[80%] bg-violet-200 rounded-[20px] flex items-center text-center justify-center ml-4 lg:mt-2 xl:mt-5">
-                    테마4
-                  </button>
-                  <button className="w-[80%] h-[80%] bg-yellow-100 rounded-[20px] flex items-center text-center justify-center ml-4 lg:mt-1 xl:mt-5">
-                    테마5
-                  </button>
-                  <button className="w-[80%] h-[80%] bg-orange-100  rounded-[20px] flex items-center text-center justify-center ml-4 lg:mt-1 xl:mt-5">
-                    테마6
-                  </button>
-                </div>
-              </div>
-            </>
-          </div>
-        </div>
-      </div>
-    </>
-  );
-}
diff --git a/gitlio/app/(edit)/skills/page.tsx b/gitlio/app/(edit)/skills/page.tsx
deleted file mode 100644
index f083650..0000000
--- a/gitlio/app/(edit)/skills/page.tsx
+++ /dev/null
@@ -1,111 +0,0 @@
-'use client';
-
-import EditBuilder from '@/components/EditBuilder';
-import EditHeader from '@/components/EditHeader';
-import SideBar from '@/components/SideBar';
-import Title from '@/components/Title';
-import useStore from '@/hooks/darkmode';
-
-export default function SkillsPage() {
-  const { darkMode } = useStore();
-  return (
-    <>
-      <div className="w-full h-full grid grid-cols-5 grid-rows-9">
-        <div className="flex justify-center row-span-9 col-span-1 relative h-full border border-#B1C9FF]">
-          <SideBar />
-        </div>
-        <EditHeader />
-        <div className="col-span-3 row-span-8 h-full border border-[#B1C9FF]">
-          <div className="flex flex-col h-full items-center px-5 ">
-            <Title />
-            <EditBuilder>
-              <div className="flex flex-row justify-around items-center text-center mt-5 pb-5 border-b-4">
-                <div className="flex flex-col justify-center items-center w-32 h-16 border-[#B1C9FF] border-4">
-                  <div className={`${darkMode ? 'text-white' : ''}`}>
-                    Framework
-                  </div>
-                </div>
-                <div className="flex flex-col justify-center items-center  w-32 h-16 border-[#B1C9FF] border-4">
-                  <div className={`${darkMode ? 'text-white' : ''}`}>
-                    Language
-                  </div>
-                </div>
-                <div className="flex flex-col justify-center items-center  w-32 h-16 border-[#B1C9FF] border-4">
-                  <div className={`${darkMode ? 'text-white' : ''}`}>
-                    Skills
-                  </div>
-                </div>
-              </div>
-              <div className="flex flex-row justify-evenly h-[calc(100%-108px)]">
-                <div className="shrink-0 basis-38 border-r-4 text-center"></div>
-                <div className="shrink-0 basis-38 border-r-4 text-center"></div>
-              </div>
-            </EditBuilder>
-          </div>
-        </div>
-
-        <div
-          className={`flex flex-col justify-center items-center col-span-1 row-span-8 h-full ${
-            darkMode ? 'bg-black' : 'bg-[#DCE6FF]'
-          } border border-#B1C9FF`}
-        >
-          <div
-            className={`w-[90%] h-[90%] ${
-              darkMode ? 'bg-[#1E293B]' : 'bg-[#BFCBF6]'
-            } lg:rounded-[20px] rounded-[30px] flex flex-col items-center justify-between`}
-          >
-            <div className="flex flex-row justify-evenly items-center mt-5">
-              <input
-                className="block w-4/5 rounded-md border-0 py-1.5 pl-7 pr-20 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-#B1C9FF] focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
-                placeholder="languages.."
-              />
-            </div>
-
-            <div className="flex flex-col justify-evenly items-center w-full h-full">
-              <div className="w-full flex flex-row justify-around items-center">
-                <div
-                  className={`flex flex-col justify-center ${
-                    darkMode ? 'hover:bg-gray-400' : 'hover:bg-gray-50'
-                  } hover:font-bold rounded-lg basis-28 h-[100px] border-black border-4 text-center`}
-                >
-                  <div className={`${darkMode ? 'text-white' : ''}`}>
-                    Javascript
-                  </div>
-                </div>
-                <div
-                  className={`flex flex-col justify-center ${
-                    darkMode ? 'hover:bg-gray-400' : 'hover:bg-gray-50'
-                  } hover:font-bold rounded-lg basis-28 h-[100px] border-black border-4 text-center`}
-                >
-                  <div className={`${darkMode ? 'text-white' : ''}`}>React</div>
-                </div>
-              </div>
-              <div className="w-full flex flex-row justify-around items-center">
-                <div
-                  className={`flex flex-col justify-center ${
-                    darkMode ? 'hover:bg-gray-400' : 'hover:bg-gray-50'
-                  } hover:font-bold rounded-lg basis-28 h-[100px] border-black border-4 text-center`}
-                >
-                  <div className={`${darkMode ? 'text-white' : ''}`}>
-                    Next.js
-                  </div>
-                </div>
-                <div
-                  className={`flex flex-col justify-center ${
-                    darkMode ? 'hover:bg-gray-400' : 'hover:bg-gray-50'
-                  } hover:font-bold rounded-lg basis-28 h-[100px] border-black border-4 text-center`}
-                >
-                  <div className={`${darkMode ? 'text-white' : ''}`}>Css</div>
-                </div>
-              </div>
-            </div>
-
-            <div className="flex flex-row justify-center items-center mb-3 w-32 h-10 rounded-xl cursor-pointer border-[#B1C9FF] bg-white text-black border-4">
-              가로변환
-            </div>
-          </div>
-        </div>
-      </div>
-    </>
-  );
-}
diff --git a/gitlio/app/(edit)/works/page.tsx b/gitlio/app/(edit)/works/page.tsx
deleted file mode 100644
index 2554e75..0000000
--- a/gitlio/app/(edit)/works/page.tsx
+++ /dev/null
@@ -1,131 +0,0 @@
-'use client';
-
-import EditBuilder from '@/components/EditBuilder';
-import EditHeader from '@/components/EditHeader';
-import SideBar from '@/components/SideBar';
-import Title from '@/components/Title';
-import { PiTrashThin } from 'react-icons/pi';
-import { IoIosArrowBack } from 'react-icons/io';
-import { IoIosArrowForward } from 'react-icons/io';
-import useStore from '@/hooks/darkmode';
-
-export default function WorksPage() {
-  const { darkMode } = useStore();
-  return (
-    <>
-      <div className="w-full h-full grid grid-cols-5 grid-rows-9">
-        <div className="flex justify-center col-span-1 relative row-span-9 h-full border border-primary">
-          <SideBar />
-        </div>
-        <EditHeader />
-        <div className="col-span-3 row-span-8 h-full border border-[#B1C9FF]">
-          <div className="flex flex-row h-full w-full justify-around items-center">
-            <div className="flex flex-col justify-center items-center w-14 h-14 ml-10">
-              <IoIosArrowBack
-                className={`${
-                  darkMode ? 'fill-white' : ''
-                } w-full h-full cursor-pointer`}
-              />
-            </div>
-            <div className="flex flex-col w-full h-full items-center">
-              <Title />
-              <EditBuilder>
-                <div className="flex w-full h-full flex-col items-center justify-center rounded-2xl">
-                  <div className="flex h-[95%] w-[100%] flex-col justify-center items-center border-2 border-primary rounded-2xl">
-                    <div className="flex flex-row justify-end w-full mb-3">
-                      <div className="flex flex-row items-center cursor-pointer justify-center rounded-full mr-5">
-                        <img
-                          src="/Chatgpt_btn_img.png"
-                          alt="Profile"
-                          className="lg:h-[65%] lg:w-[90%] xl:h-[70%] xl:w-full"
-                        />
-                      </div>
-                      <div className="flex flex-row items-center justify-center rounded-full mr-[10%]">
-                        <button className="w-8 h-8 flex flex-row justify-center items-center rounded-md border-2 border-gray-200">
-                          <PiTrashThin
-                            className={`${
-                              darkMode ? 'fill-blue-300 bg-current' : ''
-                            }border-gray-200 cursor-pointer`}
-                          />
-                        </button>
-                      </div>
-                    </div>
-                    <div className="flex w-[80%] px-1 py-1 items-center justify-center bg-[#DCE6FF] lg:rounded-lg xl:rounded-2xl ">
-                      <div className="flex items-center justify-center ">
-                        <img
-                          src="/Aiary_img.png"
-                          alt="Profile"
-                          className="lg:h-[45%] lg:w-[60%] xl:h-[80%] xl:w-[100%] object-cover"
-                        />
-                      </div>
-                    </div>
-                    <div className="flex w-[100%] flex-row justify-around">
-                      <div className="flex w-[80%] items-center flex-col justify-center">
-                        <div
-                          className="w-full lg:h-[25%] xl:h-11 bg-[#D6E2FE] lg:rounded-lg xl:rounded-2xl mt-2 flex items-center justify-center font-bold"
-                          style={{ fontSize: '0.9rem' }}
-                        >
-                          AIARY
-                        </div>
-                        <div
-                          className="w-full lg:h-[25%] xl:h-11 bg-[#D6E2FE] lg:rounded-lg xl:rounded-2xl mt-2 flex items-center justify-center font-bold"
-                          style={{ fontSize: '0.9rem' }}
-                        >
-                          일기 내용 기반 AI 분석 그림일기 서비스
-                        </div>
-                        <div
-                          className="w-full lg:h-[65%] bg-[#D6E2FE] py-1 px-2 lg:rounded-lg xl:rounded-2xl mt-2 flex items-center justify-center font-bold"
-                          style={{ fontSize: '0.8rem' }}
-                        >
-                          · Spring Boot JPA를 이용하여 반복 작업을 최소화 <br />
-                          · AWS S3 업로드 및 이미지 URL 반환 로직 구현 <br />·
-                          Spring Security와 JWT를 이용하여 유저 인증, 인가 구현{' '}
-                          <br />
-                          · RabbitMQ를 통한 이벤트 기반 비동기 처리 및 Celery를
-                          활용한 작업 관리 <br />
-                          · AWS EC2 서버 배포 <br />
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </EditBuilder>
-            </div>
-            <div className="flex flex-col justify-center items-center w-14 h-14 mr-10">
-              <IoIosArrowForward
-                className={`${
-                  darkMode ? 'fill-white' : ''
-                } w-full h-full cursor-pointer`}
-              />
-            </div>
-          </div>
-        </div>
-
-        <div
-          className={`flex justify-center items-center col-span-1 row-span-8 h-full ${
-            darkMode ? 'bg-black' : 'bg-primary'
-          } border border-primary`}
-        >
-          <div
-            className={`flex flex-col lg:w-[60%] lg:h-[90%] ${
-              darkMode ? 'bg-[#1E293B]' : 'bg-[#BFCBF6]'
-            } lg:rounded-[20px] xl:rounded-[30px] items-center`}
-          >
-            <div className="w-[60%] h-[20%] bg-[#6385FD] lg:rounded-[15px] xl:rounded-[20px] flex items-center text-center justify-center lg:mt-[11.5%] text-white font-medium">
-              프로젝트1
-            </div>
-            <div className="w-[60%] h-[20%] bg-[#D6E2FE] lg:rounded-[15px] xl:rounded-[20px] flex items-center text-center justify-center lg:mt-[11.5%] font-medium">
-              프로젝트2
-            </div>
-            <div className="w-[60%] h-[20%] bg-[#D6E2FE] lg:rounded-[15px] xl:rounded-[20px] flex items-center text-center justify-center lg:mt-[11.5%] font-medium">
-              프로젝트3
-            </div>
-            <div className="w-[60%] h-[20%] bg-[#D6E2FE] lg:rounded-[15px] xl:rounded-[20px] flex items-center text-center justify-center lg:mt-[11.5%] font-medium">
-              프로젝트4
-            </div>
-          </div>
-        </div>
-      </div>
-    </>
-  );
-}