diff --git a/api/folder.ts b/api/folder.ts
index 7747befda..8c63fe9ea 100644
--- a/api/folder.ts
+++ b/api/folder.ts
@@ -1,4 +1,5 @@
 import { BASE_URL } from "@/constants/url";
+import navEntireTab from "@/constants/folderNav";
 
 export const getFolderNavInfo = async () => {
   try {
@@ -17,7 +18,7 @@ export const getFolderNavInfo = async () => {
 
 export const getFolderListInfo = async (id: number) => {
   let query = "/api/users/1/links";
-  if (id !== 9999) {
+  if (id !== navEntireTab) {
     query = `${query}?folderId=${id}`;
   }
 
diff --git a/api/header.ts b/api/header.ts
deleted file mode 100644
index c14d4f946..000000000
--- a/api/header.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { BASE_URL } from "@/constants/url";
-
-export const getSignInProfile = async () => {
-  let result = null;
-
-  try {
-    const response = await fetch(`${BASE_URL}/api/sample/user`);
-    if (!response.ok) {
-      throw new Error(`${response.status}`);
-    }
-
-    result = await response.json();
-  } catch (error) {
-    if (error instanceof Error) alert(`${error.message}에러 발생!`);
-  }
-
-  return result;
-};
diff --git a/api/user.ts b/api/user.ts
new file mode 100644
index 000000000..b3dc331d2
--- /dev/null
+++ b/api/user.ts
@@ -0,0 +1,73 @@
+import { BASE_URL } from "@/constants/url";
+
+const POST_HEADER = {
+  "Content-Type": "application/json",
+};
+
+interface SignUserData {
+  email: string;
+  password: string;
+}
+
+export const getSignInProfile = async (userToken: string) => {
+  let result = null;
+
+  try {
+    const response = await fetch(`${BASE_URL}/api/users`, {
+      headers: {
+        Authorization: `Bearer ${userToken}`,
+      },
+    });
+    if (!response.ok) {
+      throw new Error(`${response.status}`);
+    }
+
+    result = await response.json();
+  } catch (error) {
+    if (error instanceof Error) alert(`${error.message}에러 발생!`);
+  }
+
+  return result;
+};
+
+export const postSign = async (apiUrl: string, userData: SignUserData) => {
+  let result = null;
+
+  try {
+    const response = await fetch(`${BASE_URL}/api/${apiUrl}`, {
+      method: "POST",
+      headers: POST_HEADER,
+      body: JSON.stringify(userData),
+    });
+    if (!response.ok && response.status !== 400) {
+      throw new Error(`${response.status}`);
+    }
+
+    result = await response.json();
+  } catch (error) {
+    if (error instanceof Error) alert(`${error.message}에러 발생!`);
+  }
+
+  return result;
+};
+
+export const postCheckEmail = async (email: string) => {
+  let result = null;
+
+  try {
+    const response = await fetch(`${BASE_URL}/api/check-email`, {
+      method: "POST",
+      headers: POST_HEADER,
+      body: JSON.stringify({ email: email }),
+    });
+    if (!response.ok && response.status !== 409) {
+      throw new Error(`${response.status}`);
+    }
+
+    result = await response.json();
+  } catch (error) {
+    if (error instanceof Error) alert(`${error.message}에러 발생!`);
+  }
+
+  return result;
+};
diff --git a/components/common/Button.styled.ts b/components/common/Button.styled.ts
index 9407b852a..f5de088b6 100644
--- a/components/common/Button.styled.ts
+++ b/components/common/Button.styled.ts
@@ -33,6 +33,16 @@ const byTypeStyle: any = css<{ usetype: string }>`
       line-height: 19.09px;
       background: #ff5b56;
     `}
+    ${({ usetype }) =>
+    usetype === "sign" &&
+    css`
+      width: 100%;
+      font-size: 18px;
+      padding: 16px 20px;
+      font-weight: 600;
+      line-height: 21.48px;
+      margin: 30px 0 0;
+    `}
 `;
 
 export const Button = styled.button<{ usetype: string }>`
@@ -43,4 +53,9 @@ export const Button = styled.button<{ usetype: string }>`
   border: none;
   text-decoration: none;
   ${byTypeStyle}
+
+  &:disabled {
+    background: gray;
+    cursor: default;
+  }
 `;
diff --git a/components/common/Button.tsx b/components/common/Button.tsx
index 9329dd66a..e1376b023 100644
--- a/components/common/Button.tsx
+++ b/components/common/Button.tsx
@@ -1,9 +1,20 @@
 import * as S from "./Button.styled";
 import { ButtonProps } from "@/types/Button";
 
-const Button = ({ children, type, handleButtonClick }: ButtonProps) => {
+const Button = ({
+  children,
+  btnType = "button",
+  type,
+  handleButtonClick,
+  disabled = false,
+}: ButtonProps) => {
   return (
-    <S.Button type="button" usetype={type} onClick={handleButtonClick}>
+    <S.Button
+      type={btnType}
+      usetype={type}
+      onClick={handleButtonClick}
+      disabled={disabled}
+    >
       {children}
     </S.Button>
   );
diff --git a/components/common/KebabList.styled.ts b/components/common/KebabList.styled.ts
index 61decd964..e75fb7bda 100644
--- a/components/common/KebabList.styled.ts
+++ b/components/common/KebabList.styled.ts
@@ -1,21 +1,21 @@
-import styled from 'styled-components';
+import styled from "styled-components";
 
 export const KebabList = styled.ul`
-    position: absolute;
-    top: 16px;
-    right: 16px;
-    box-shadow: 0px 2px 8px 0px #3332361A;
-    background-color: #FFFFFF;
-`
+  position: absolute;
+  top: 16px;
+  right: 16px;
+  box-shadow: 0px 2px 8px 0px #3332361a;
+  background-color: #ffffff;
+`;
 
 export const KebabListItem = styled.li`
-    padding: 7px 12px;
-    text-align: center;
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 16.71px;
-    &:hover {
-        color: #6D6AFE;
-        background-color: #E7EFFB;
-    }
-`
\ No newline at end of file
+  padding: 7px 12px;
+  text-align: center;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 16.71px;
+  &:hover {
+    color: #6d6afe;
+    background-color: #e7effb;
+  }
+`;
diff --git a/components/common/Link.tsx b/components/common/Link.tsx
index b0c31a045..49da859b2 100644
--- a/components/common/Link.tsx
+++ b/components/common/Link.tsx
@@ -16,7 +16,7 @@ const Link = ({ linkInfo, isSetting }: LinkItemParam) => {
     e.preventDefault();
     e.stopPropagation();
 
-    isKebabOpen ? setIsKebabOpen(false) : setIsKebabOpen(true);
+    setIsKebabOpen(!isKebabOpen);
   };
 
   return (
diff --git a/components/common/LinkList.tsx b/components/common/LinkList.tsx
index eb7b16b26..96f9843c1 100644
--- a/components/common/LinkList.tsx
+++ b/components/common/LinkList.tsx
@@ -5,10 +5,13 @@ import { LinkItem, LinkParam } from "@/types/Link";
 const SharedList = ({ listInfo, isSetting }: LinkParam) => {
   return (
     <S.ContentListBox>
-      {listInfo.map((link: LinkItem) => {
-        return <Link key={link.id} linkInfo={link} isSetting={isSetting} />;
-      })}
-      {listInfo.length === 0 && <span>저장된 링크가 없습니다.</span>}
+      {listInfo.length === 0 ? (
+        <span>저장된 링크가 없습니다.</span>
+      ) : (
+        listInfo.map((link: LinkItem) => {
+          return <Link key={link.id} linkInfo={link} isSetting={isSetting} />;
+        })
+      )}
     </S.ContentListBox>
   );
 };
diff --git a/components/common/modal/modalContent/FolderAddModalContent.tsx b/components/common/modal/modalContent/FolderAddModalContent.tsx
index 37b510ed0..8c980f667 100644
--- a/components/common/modal/modalContent/FolderAddModalContent.tsx
+++ b/components/common/modal/modalContent/FolderAddModalContent.tsx
@@ -5,7 +5,9 @@ const FolderAddModalContent = () => {
   return (
     <S.FolderAddContent>
       <input type="text" placeholder="내용 입력" />
-      <Button type="folderAdd_modal">추가하기</Button>
+      <Button btnType="button" type="folderAdd_modal">
+        추가하기
+      </Button>
     </S.FolderAddContent>
   );
 };
diff --git a/components/common/modal/modalContent/FolderDeleteContent.tsx b/components/common/modal/modalContent/FolderDeleteContent.tsx
index a73cb4c30..4b04bf97d 100644
--- a/components/common/modal/modalContent/FolderDeleteContent.tsx
+++ b/components/common/modal/modalContent/FolderDeleteContent.tsx
@@ -1,7 +1,11 @@
 import Button from "@/components/common/Button";
 
 const FolderDeleteContent = () => {
-  return <Button type="folderDelete_modal">삭제하기</Button>;
+  return (
+    <Button btnType="button" type="folderDelete_modal">
+      삭제하기
+    </Button>
+  );
 };
 
 export default FolderDeleteContent;
diff --git a/components/common/modal/modalContent/LinkAddContent.styled.ts b/components/common/modal/modalContent/LinkAddContent.styled.ts
index 248a3c3df..cd582c056 100644
--- a/components/common/modal/modalContent/LinkAddContent.styled.ts
+++ b/components/common/modal/modalContent/LinkAddContent.styled.ts
@@ -7,27 +7,25 @@ export const Content = styled.div`
   width: 100%;
 `;
 
-export const FolderList = styled.div`
-  > ul {
-    > li {
-      padding: 8px;
-      display: flex;
-      justify-content: space-between;
-      cursor: pointer;
+export const FolderList = styled.ul`
+  > li {
+    padding: 8px;
+    display: flex;
+    justify-content: space-between;
+    cursor: pointer;
 
-      &:hover {
-        background: #f0f6ff;
-      }
+    &:hover {
+      background: #f0f6ff;
+    }
 
-      &.selected {
-        background: #f0f6ff;
-      }
+    &.selected {
+      background: #f0f6ff;
+    }
 
-      > p {
-        display: flex;
-        gap: 8px;
-        align-items: center;
-      }
+    > p {
+      display: flex;
+      gap: 8px;
+      align-items: center;
     }
   }
 `;
@@ -37,6 +35,7 @@ export const NavName = styled.span`
   font-weight: 400;
   line-height: 24px;
 `;
+
 export const LinkCount = styled.span`
   color: #9fa6b2;
   font-size: 14px;
diff --git a/components/common/modal/modalContent/LinkAddContent.tsx b/components/common/modal/modalContent/LinkAddContent.tsx
index aee1fd0b6..f7dd19584 100644
--- a/components/common/modal/modalContent/LinkAddContent.tsx
+++ b/components/common/modal/modalContent/LinkAddContent.tsx
@@ -38,32 +38,30 @@ const LinkAddContent = () => {
   return (
     <S.Content>
       <S.FolderList>
-        <ul>
-          {navList.map((navItem: INavItem, i) => {
-            return (
-              <li
-                key={navItem.id}
-                onClick={() => handleSelectFolder(i)}
-                ref={() => {
-                  selectedFoler.current[i] = navItem.id;
-                }}
-                className={
-                  selectedFoler.current[i] === currentSelectedFolder
-                    ? "selected"
-                    : ""
-                }
-              >
-                <p>
-                  <S.NavName>{navItem.name}</S.NavName>
-                  <S.LinkCount>{navItem.link?.count}개 링크</S.LinkCount>
-                </p>
-                {selectedFoler.current[i] === currentSelectedFolder && (
-                  <Image src={checkIcon} alt="폴더 선택 아이콘" />
-                )}
-              </li>
-            );
-          })}
-        </ul>
+        {navList.map((navItem: INavItem, i) => {
+          return (
+            <li
+              key={navItem.id}
+              onClick={() => handleSelectFolder(i)}
+              ref={() => {
+                selectedFoler.current[i] = navItem.id;
+              }}
+              className={
+                selectedFoler.current[i] === currentSelectedFolder
+                  ? "selected"
+                  : ""
+              }
+            >
+              <p>
+                <S.NavName>{navItem.name}</S.NavName>
+                <S.LinkCount>{navItem.link?.count}개 링크</S.LinkCount>
+              </p>
+              {selectedFoler.current[i] === currentSelectedFolder && (
+                <Image src={checkIcon} alt="폴더 선택 아이콘" />
+              )}
+            </li>
+          );
+        })}
       </S.FolderList>
       {isLoading && <div>폴더 목록 불러오는중...</div>}
       {isLoading || <Button type="linkAdd_modal">추가하기</Button>}
diff --git a/components/common/modal/modalContent/ShareModalContent.tsx b/components/common/modal/modalContent/ShareModalContent.tsx
index 26fc804a2..8a3cffe71 100644
--- a/components/common/modal/modalContent/ShareModalContent.tsx
+++ b/components/common/modal/modalContent/ShareModalContent.tsx
@@ -4,13 +4,28 @@ import icon_share_kakao from "@/public/image/icon/icon_share_kakao.svg";
 import icon_share_facebook from "@/public/image/icon/icon_share_facebook.svg";
 import icon_share_link from "@/public/image/icon/icon_share_link.svg";
 import Image from "next/image";
+import { urlCopy } from "@/utills/copy";
 
-const SHARE_OPTION = {
-  keyId: [1, 2, 3],
-  img: [icon_share_kakao, icon_share_facebook, icon_share_link],
-  imgAlt: ["카카오톡 아이콘", "페이스북 아이콘", "링크복사 아이콘"],
-  buttonName: ["카카오톡", "페이스북", "링크 복사"],
-};
+const SHARE_OPTION = [
+  {
+    keyId: "kakaotalk",
+    img: icon_share_kakao,
+    imgAlt: "카카오톡 아이콘",
+    buttonName: "카카오톡",
+  },
+  {
+    keyId: "facebook",
+    img: icon_share_facebook,
+    imgAlt: "페이스북 아이콘",
+    buttonName: "페이스북",
+  },
+  {
+    keyId: "copy",
+    img: icon_share_link,
+    imgAlt: "링크복사 아이콘",
+    buttonName: "링크 복사",
+  },
+];
 
 const ShareModalContent = () => {
   useEffect(() => {
@@ -20,13 +35,13 @@ const ShareModalContent = () => {
 
   const handleShareIcon = (shareOptionBtn: string) => {
     switch (shareOptionBtn) {
-      case "카카오톡":
+      case "kakaotalk":
         shareKakao();
         break;
-      case "페이스북":
+      case "facebook":
         break;
-      case "링크 복사":
-        shareLink();
+      case "copy":
+        urlCopy();
         break;
       default:
         break;
@@ -57,26 +72,17 @@ const ShareModalContent = () => {
     });
   };
 
-  const shareLink = async () => {
-    try {
-      await navigator.clipboard.writeText(window.location.href);
-      alert("주소가 복사되었습니다.");
-    } catch (error) {
-      alert("주소 복사 실패..");
-    }
-  };
-
   return (
     <>
-      {SHARE_OPTION.buttonName.map((shareOptionBtn, i) => {
+      {SHARE_OPTION.map((itme) => {
         return (
           <>
             <S.ShareContent
-              key={shareOptionBtn}
-              onClick={() => handleShareIcon(shareOptionBtn)}
+              key={itme.keyId}
+              onClick={() => handleShareIcon(itme.keyId)}
             >
-              <Image src={SHARE_OPTION.img[i]} alt={SHARE_OPTION.imgAlt[i]} />
-              <span>{shareOptionBtn}</span>
+              <Image src={itme.img} alt={itme.imgAlt} />
+              <span>{itme.buttonName}</span>
             </S.ShareContent>
           </>
         );
diff --git a/components/folder/LinkAdd.styled.ts b/components/folder/LinkAdd.styled.ts
index b6d917855..dca447321 100644
--- a/components/folder/LinkAdd.styled.ts
+++ b/components/folder/LinkAdd.styled.ts
@@ -1,32 +1,34 @@
 import styled from "styled-components";
 
-export const LinkAddWrap = styled.form`
-    width: 800px;
-    border: 1px solid #6D6AFE;
-    background-color: white;
-    border-radius: 15px;
-    gap: 8px;
+export const LinkAddForm = styled.form`
+  width: 800px;
+  border: 1px solid #6d6afe;
+  background-color: white;
+  border-radius: 15px;
+  gap: 8px;
+
+  > div {
+    padding: 16px 20px;
+    position: relative;
+  }
+`;
+
+export const LinkAddIconWrap = styled.div`
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-10px);
+`;
 
-    > div {
-        padding: 16px 20px;
-        position: relative;
-    }
-`
-export const LinkAddIconInInput = styled.div`
-    display: inline-block;
-    width: 20px;
-    height: 20px;
-    position: absolute;
-    top: 50%;
-    transform: translateY(-10px);
-`
 export const LinkAddInput = styled.input`
-    width: 100%;
-    height: 100%;
-    padding: 6.5px 0 6.5px 32px;
-    outline: none;
+  width: 100%;
+  height: 100%;
+  padding: 6.5px 0 6.5px 32px;
+  outline: none;
 
-    &::placeholder {
-            color: #9FA6B2;
-    }
-`
+  &::placeholder {
+    color: #9fa6b2;
+  }
+`;
diff --git a/components/folder/LinkAdd.tsx b/components/folder/LinkAdd.tsx
index 9d82d40dd..be80fa81c 100644
--- a/components/folder/LinkAdd.tsx
+++ b/components/folder/LinkAdd.tsx
@@ -15,17 +15,17 @@ const LinkAdd = () => {
   };
 
   return (
-    <S.LinkAddWrap>
+    <S.LinkAddForm>
       <div>
-        <S.LinkAddIconInInput>
+        <S.LinkAddIconWrap>
           <Image src={linkAdd} alt="링크 추가 아이콘" />
-        </S.LinkAddIconInInput>
+        </S.LinkAddIconWrap>
         <S.LinkAddInput type="text" placeholder="링크를 추가해 보세요" />
         <Button type="linkAdd" handleButtonClick={handleButtonClick}>
           추가하기
         </Button>
       </div>
-    </S.LinkAddWrap>
+    </S.LinkAddForm>
   );
 };
 
diff --git a/components/folder/NavBox.tsx b/components/folder/NavBox.tsx
index 98c9a14d6..b6d55e4e7 100644
--- a/components/folder/NavBox.tsx
+++ b/components/folder/NavBox.tsx
@@ -11,6 +11,7 @@ import deleteIcon from "@/public/image/icon/delete.svg";
 import { ModalParam } from "@/types/Modal";
 import { INavItem } from "@/types/FolderNav";
 import Image from "next/image";
+import navEntireTab from "@/constants/folderNav";
 
 interface FolderNav {
   navId?: number;
@@ -35,7 +36,7 @@ const NavBox = ({ navId, onClickNavItem }: FolderNav) => {
   }, []);
 
   useEffect(() => {
-    if (navId === 9999) {
+    if (navId === navEntireTab) {
       setCurrentNav("전체");
     }
 
@@ -56,8 +57,8 @@ const NavBox = ({ navId, onClickNavItem }: FolderNav) => {
           <NavItem
             navName="전체"
             onClick={onClickNavItem}
-            navId={9999}
-            isCurrentNav={navId === 9999 ? true : false}
+            navId={navEntireTab}
+            isCurrentNav={navId === navEntireTab}
           />
           {navList &&
             navList.map((navItem) => {
@@ -87,7 +88,7 @@ const NavBox = ({ navId, onClickNavItem }: FolderNav) => {
       </S.NavWrapBox>
       <S.NavSettingBox>
         <span>{currentNav}</span>
-        {navId !== 9999 && (
+        {navId !== navEntireTab && (
           <div>
             <button
               onClick={() =>
diff --git a/components/layout/footer/Footer.tsx b/components/layout/footer/Footer.tsx
index f85c44f5e..9d59e1598 100644
--- a/components/layout/footer/Footer.tsx
+++ b/components/layout/footer/Footer.tsx
@@ -8,21 +8,28 @@ import { aTagPreventDefault } from "@/utills/temp";
 import Link from "next/link";
 
 const Footer = () => {
-  const snsInfo = {
-    url: [
-      "https://www.facebook.com/",
-      "https://twitter.com/",
-      "https://www.youtube.com/",
-      "https://www.instagram.com/",
-    ],
-    img: [icon_facebook, icon_twitter, icon_youtube, icon_instagram],
-    imgAlt: [
-      "페이스북 아이콘",
-      "트위터 아이콘",
-      "유튜브 아이콘",
-      "인스타그램 아이콘",
-    ],
-  };
+  const snsInfo = [
+    {
+      url: "https://www.facebook.com/",
+      img: icon_facebook,
+      imgAlt: "페이스북 아이콘",
+    },
+    {
+      url: "https://twitter.com/",
+      img: icon_twitter,
+      imgAlt: "트위터 아이콘",
+    },
+    {
+      url: "https://www.youtube.com/",
+      img: icon_youtube,
+      imgAlt: "유튜브 아이콘",
+    },
+    {
+      url: "https://www.instagram.com/",
+      img: icon_instagram,
+      imgAlt: "인스타그램 아이콘",
+    },
+  ];
 
   return (
     <S.Footer>
@@ -47,13 +54,13 @@ const Footer = () => {
           </div>
           <div>
             <S.SnsWrap>
-              {snsInfo.url.map((snsInfoUrl, i) => {
+              {snsInfo.map((item) => {
                 return (
                   <SnsLink
-                    key={snsInfoUrl}
-                    url={snsInfoUrl}
-                    img={snsInfo.img[i]}
-                    imgAlt={snsInfo.imgAlt[i]}
+                    key={item.url}
+                    url={item.url}
+                    img={item.img}
+                    imgAlt={item.imgAlt}
                   />
                 );
               })}
diff --git a/components/layout/header/Header.tsx b/components/layout/header/Header.tsx
index 920f98824..62e4abe3e 100644
--- a/components/layout/header/Header.tsx
+++ b/components/layout/header/Header.tsx
@@ -4,7 +4,7 @@ import Link from "next/link";
 import main_logo from "@/public/image/icon/main_logo.svg";
 import { useEffect, useState } from "react";
 import { useRouter } from "next/router";
-import { getSignInProfile } from "@/api/header";
+import { getSignInProfile } from "@/api/user";
 import UserProfile from "@/components/layout/header/UserProfile";
 import { IUserData } from "@/types/User";
 
@@ -14,17 +14,20 @@ const Header = () => {
 
   const location = useRouter();
 
-  const handleLoadUserProfile = async () => {
-    const userProfile = await getSignInProfile();
+  const handleLoadUserProfile = async (userToken: string) => {
+    const userProfile = await getSignInProfile(userToken);
 
     if (userProfile !== null) {
-      setUser(userProfile);
+      setUser(userProfile.data[0]);
     }
   };
 
   useEffect(() => {
-    handleLoadUserProfile();
+    const token = localStorage.getItem("userToken");
+    if (token) handleLoadUserProfile(token);
+  }, []);
 
+  useEffect(() => {
     const handleHeaderScroll = () => {
       setIsScrolled(window.scrollY !== 0);
     };
diff --git a/components/layout/header/UserProfile.tsx b/components/layout/header/UserProfile.tsx
index e32054815..d1dbfdb26 100644
--- a/components/layout/header/UserProfile.tsx
+++ b/components/layout/header/UserProfile.tsx
@@ -9,21 +9,16 @@ interface IUser {
 const userProfile = ({ user }: IUser) => {
   if (!user) {
     return (
-      <S.LoginBtn href="/pages/auth/signin.html" className="btn">
+      <S.LoginBtn href="/signin" className="btn">
         로그인
       </S.LoginBtn>
     );
   }
-  const { email, profileImageSource } = user;
+  const { email, image_source } = user;
 
   return (
     <S.UserProfileWrap>
-      <Image
-        src={profileImageSource}
-        width={50}
-        height={50}
-        alt="유저 프로필"
-      />
+      <Image src={image_source} width={50} height={50} alt="유저 프로필" />
       <span>{email}</span>
     </S.UserProfileWrap>
   );
diff --git a/components/sign/SignInputBox.styled.ts b/components/sign/SignInputBox.styled.ts
new file mode 100644
index 000000000..ee5892459
--- /dev/null
+++ b/components/sign/SignInputBox.styled.ts
@@ -0,0 +1,56 @@
+import styled from "styled-components";
+import eyeOff from "@/public/image/icon/eye-off.png";
+import eyeOn from "@/public/image/icon/eye-on.png";
+
+interface InfoInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+  errorBox?: boolean;
+}
+
+interface PwdEyeButtonProps {
+  isEyeOpen: boolean;
+}
+
+export const BoxWrap = styled.div`
+  position: relative;
+`;
+
+export const InfoInput = styled.input<InfoInputProps>`
+  width: 100%;
+  height: 60px;
+  border: 1px solid var(--border-gray);
+  border-radius: 8px;
+  margin: 12px 0 0;
+  padding: 0 15px;
+  outline: none;
+
+  ${(props) =>
+    props.errorBox &&
+    `
+    border: 1px solid #FF5B56;
+  `}
+
+  &:focus {
+    border-color: var(--main-color);
+  }
+
+  @media (max-width: 464px) {
+    width: calc(100% - 30px);
+  }
+`;
+
+export const ViewPassword = styled.button<PwdEyeButtonProps>`
+  position: absolute;
+  top: 35px;
+  right: 15px;
+  width: 16px;
+  height: ${(props) => (props.isEyeOpen ? "10.91px" : "13.82px")};
+  background: url(${(props) => (props.isEyeOpen ? eyeOn.src : eyeOff.src)});
+`;
+
+export const validation = styled.div`
+  padding-top: 6px;
+  font-size: 14px;
+  font-weight: 400;
+  color: var(--var-test-red);
+  line-height: 16.8px;
+`;
diff --git a/components/sign/SignInputBox.tsx b/components/sign/SignInputBox.tsx
new file mode 100644
index 000000000..1bc47a437
--- /dev/null
+++ b/components/sign/SignInputBox.tsx
@@ -0,0 +1,143 @@
+import * as S from "./SignInputBox.styled";
+import validationMsg from "@/constants/validationMsg";
+import { emailValidation, passwordValidation } from "@/utills/validation";
+import { useState, useRef } from "react";
+import { SignInputProps } from "@/types/Sign";
+import { postCheckEmail } from "@/api/user";
+
+interface IInputType {
+  [key: string]: {
+    textType: string;
+    placeholder: string;
+    inputRegex?: RegExp;
+  };
+}
+
+interface IRegisterOption {
+  required: { value: boolean; message: string };
+  pattern?: { value: RegExp; message: string };
+  validate?: (value: string) => Promise<boolean | string>;
+}
+
+let InputOption: IInputType = {
+  email: {
+    textType: "text",
+    placeholder: "이메일을 입력해 주세요.",
+    inputRegex: emailValidation,
+  },
+  password: {
+    textType: "password",
+    placeholder: "비밀번호를 입력해 주세요.",
+  },
+  signUpPassword: {
+    textType: "password",
+    placeholder: "영문, 숫자를 조합해 8자 이상 입력해 주세요.",
+    inputRegex: passwordValidation,
+  },
+  signUpPasswordCheck: {
+    textType: "password",
+    placeholder: "비밀번호와 일치하는 값을 입력해 주세요.",
+  },
+};
+
+const SignInputBox = ({
+  pageType,
+  type,
+  register,
+  errors,
+  watch,
+}: SignInputProps) => {
+  const [isPwdEyeOn, setPwdEyeOn] = useState(false);
+  const [inputTextType, setInputTextType] = useState(
+    InputOption[type].textType
+  );
+  const inputType = InputOption[type];
+  const passwordRef = useRef<string | null>(null);
+  if (watch) {
+    passwordRef.current = watch("signUpPassword");
+  }
+
+  let checkRegister;
+
+  switch (type) {
+    case "email":
+      const emailRegisterOptions: IRegisterOption = {
+        required: { value: true, message: validationMsg.checkInputEmail },
+        ...(inputType.inputRegex && {
+          pattern: {
+            value: inputType.inputRegex,
+            message: validationMsg.checkValidationEmail,
+          },
+        }),
+      };
+
+      if (pageType === "signUp") {
+        emailRegisterOptions.validate = async (value: string) => {
+          const checkEmailResult = await checkEmailExist(value);
+          return checkEmailResult || validationMsg.findDuplicateEmail;
+        };
+      }
+      checkRegister = register(type, emailRegisterOptions);
+      break;
+
+    case "password":
+    case "signUpPassword":
+      const passwordRegisterOptions: IRegisterOption = {
+        required: { value: true, message: validationMsg.checkInputPassword },
+      };
+
+      if (type === "signUpPassword") {
+        if (inputType.inputRegex) {
+          passwordRegisterOptions.pattern = {
+            value: inputType.inputRegex,
+            message: validationMsg.checkValidationPassword,
+          };
+        }
+      }
+      checkRegister = register(type, passwordRegisterOptions);
+      break;
+
+    case "signUpPasswordCheck":
+      checkRegister = register(type, {
+        required: { value: true, message: validationMsg.checkInputPassword },
+        validate: (value) =>
+          value === passwordRef.current || validationMsg.checkPasswordMatch,
+      });
+      break;
+  }
+
+  const handlePasswordToggle = () => {
+    setPwdEyeOn(!isPwdEyeOn);
+    setInputTextType(inputTextType === "password" ? "text" : "password");
+  };
+
+  const checkEmailExist = async (email: string) => {
+    const postCheckEmailResult = await postCheckEmail(email);
+    return postCheckEmailResult?.data?.isUsableNickname;
+  };
+
+  return (
+    <>
+      <S.BoxWrap>
+        <S.InfoInput
+          type={inputTextType}
+          placeholder={inputType.placeholder}
+          errorBox={errors[type] ? true : false}
+          {...checkRegister}
+        />
+        {type.toLowerCase().includes("password") && (
+          <S.ViewPassword
+            type="button"
+            onClick={handlePasswordToggle}
+            isEyeOpen={isPwdEyeOn}
+          ></S.ViewPassword>
+        )}
+      </S.BoxWrap>
+      {errors[type] && (
+        <S.validation>{errors[type]?.message?.toString()}</S.validation>
+      )}
+    </>
+  );
+};
+
+export default SignInputBox;
diff --git a/components/sign/SignSns.styled.ts b/components/sign/SignSns.styled.ts
new file mode 100644
index 000000000..0a9e899df
--- /dev/null
+++ b/components/sign/SignSns.styled.ts
@@ -0,0 +1,12 @@
+import styled from "styled-components";
+
+export const SnsList = styled.ul`
+  display: flex;
+  justify-content: space-between;
+  width: 100px;
+
+  & img {
+    width: 42px;
+    height: 42px;
+  }
+`;
diff --git a/components/sign/SignSns.tsx b/components/sign/SignSns.tsx
new file mode 100644
index 000000000..04a9e61c4
--- /dev/null
+++ b/components/sign/SignSns.tsx
@@ -0,0 +1,38 @@
+import * as S from "./SignSns.styled";
+import Image from "next/image";
+import googleIcon from "@/public/image/icon/icon_auth-google.png";
+import kakaoIcon from "@/public/image/icon/icon-auth-kakao.png";
+import Link from "next/link";
+
+const SNS_LIST = [
+  {
+    id: "google",
+    link: "https://www.google.com/",
+    img: googleIcon,
+    imgAlt: "구글 로그인",
+  },
+  {
+    id: "kakao",
+    link: "https://www.kakaocorp.com/page/",
+    img: kakaoIcon,
+    imgAlt: "카카오톡 로그인",
+  },
+];
+
+const SignSns = () => {
+  return (
+    <S.SnsList>
+      {SNS_LIST.map((item) => {
+        return (
+          <li key={item.id}>
+            <Link href={item.link}>
+              <Image src={item.img} alt={item.imgAlt} />
+            </Link>
+          </li>
+        );
+      })}
+    </S.SnsList>
+  );
+};
+
+export default SignSns;
diff --git a/constants/folderNav.ts b/constants/folderNav.ts
new file mode 100644
index 000000000..5dd45492e
--- /dev/null
+++ b/constants/folderNav.ts
@@ -0,0 +1,3 @@
+const navEntireTab = 9999;
+
+export default navEntireTab;
diff --git a/constants/validationMsg.ts b/constants/validationMsg.ts
new file mode 100644
index 000000000..58d12ddd7
--- /dev/null
+++ b/constants/validationMsg.ts
@@ -0,0 +1,12 @@
+const validationMsg = {
+  checkEmail: "이메일을 확인해 주세요.",
+  checkInputEmail: "이메일을 입력해 주세요.",
+  checkValidationEmail: "올바른 이메일 주소가 아닙니다.",
+  checkPassword: "비밀번호를 확인해 주세요.",
+  checkInputPassword: "비밀번호를 입력해 주세요.",
+  checkValidationPassword: "비밀번호는 영문, 숫자 조합 8자 이상 입력해 주세요.",
+  findDuplicateEmail: "이미 사용 중인 이메일입니다.",
+  checkPasswordMatch: "비밀번호가 일치하지 않아요.",
+};
+
+export default validationMsg;
diff --git a/next.config.js b/next.config.js
index 165cb7dcf..b916f1195 100644
--- a/next.config.js
+++ b/next.config.js
@@ -19,6 +19,7 @@ const nextConfig = {
       "testing-library.com",
       "static.cdninstagram.com",
       "codeit-front.s3.ap-northeast-2.amazonaws.com",
+      "avatars.githubusercontent.com",
     ],
   },
 };
diff --git a/package-lock.json b/package-lock.json
index 066f531a3..bc4b6a6fd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
         "next": "13.5.6",
         "react": "^18",
         "react-dom": "^18",
+        "react-hook-form": "^7.51.4",
         "styled-components": "^6.1.11"
       },
       "devDependencies": {
@@ -22,19 +23,10 @@
         "typescript": "^5"
       }
     },
-    "node_modules/@aashutoshrathi/word-wrap": {
-      "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"
-      }
-    },
     "node_modules/@babel/runtime": {
-      "version": "7.23.4",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.4.tgz",
-      "integrity": "sha512-2Yv65nlWnWlSpe3fXEyX5i7fx5kIKo4Qbcj+hMO0odwaneFjfXw5fdum+4yL20O0QiaHpia0cYQ9xpNMqrBwHg==",
+      "version": "7.24.5",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.5.tgz",
+      "integrity": "sha512-Nms86NXrsaeU9vbBJKni6gXiEXZ4CVpYVzEjDH9Sb8vmZ3UljyA1GSOJl/6LGPO8EHLuSF9H+IxNXHPX8QHJ4g==",
       "dev": true,
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
@@ -86,9 +78,9 @@
       }
     },
     "node_modules/@eslint/eslintrc": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.3.tgz",
-      "integrity": "sha512-yZzuIG+jnVu6hNSzFEN07e8BxF3uAzYtQb6uDkaYZLo6oYZDCq454c5kB8zxnzfCYyP4MIuyBn10L0DqwujTmA==",
+      "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",
@@ -109,22 +101,22 @@
       }
     },
     "node_modules/@eslint/js": {
-      "version": "8.54.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.54.0.tgz",
-      "integrity": "sha512-ut5V+D+fOoWPgGGNj83GGjnntO39xDy6DWxO0wb7Jp3DcMX0TfIqdzHF85VTQkerdyGmuuMD9AKAo5KiNlf/AQ==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
+      "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==",
       "dev": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
     },
     "node_modules/@humanwhocodes/config-array": {
-      "version": "0.11.13",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.13.tgz",
-      "integrity": "sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==",
+      "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.1",
-        "debug": "^4.1.1",
+        "@humanwhocodes/object-schema": "^2.0.2",
+        "debug": "^4.3.1",
         "minimatch": "^3.0.5"
       },
       "engines": {
@@ -145,9 +137,9 @@
       }
     },
     "node_modules/@humanwhocodes/object-schema": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz",
-      "integrity": "sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
+      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
       "dev": true
     },
     "node_modules/@next/env": {
@@ -335,9 +327,9 @@
       }
     },
     "node_modules/@rushstack/eslint-patch": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.6.0.tgz",
-      "integrity": "sha512-2/U3GXA6YiPYQDLGwtGlnNgKYBSwCFIHf8Y9LUY5VATHdtbLlU0Y1R3QoBnT0aB4qv/BEiVVsj7LJXoQCgJ2vA==",
+      "version": "1.10.3",
+      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.10.3.tgz",
+      "integrity": "sha512-qC/xYId4NMebE6w/V33Fh9gWxLgURiNYgVNObbJl2LZv0GUUItCcCqC5axQSwRaAgaxl2mELq1rMzlswaQ0Zxg==",
       "dev": true
     },
     "node_modules/@swc/helpers": {
@@ -355,61 +347,54 @@
       "dev": true
     },
     "node_modules/@types/node": {
-      "version": "20.9.4",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.9.4.tgz",
-      "integrity": "sha512-wmyg8HUhcn6ACjsn8oKYjkN/zUzQeNtMy44weTJSM6p4MMzEOuKbA3OjJ267uPCOW7Xex9dyrNTful8XTQYoDA==",
+      "version": "20.12.12",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.12.12.tgz",
+      "integrity": "sha512-eWLDGF/FOSPtAvEqeRAQ4C8LSA7M1I7i0ky1I8U7kD1J5ITyW3AsRhQrKVoWf5pFKZ2kILsEGJhsI9r93PYnOw==",
       "dev": true,
       "dependencies": {
         "undici-types": "~5.26.4"
       }
     },
     "node_modules/@types/prop-types": {
-      "version": "15.7.11",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.11.tgz",
-      "integrity": "sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng==",
+      "version": "15.7.12",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.12.tgz",
+      "integrity": "sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==",
       "dev": true
     },
     "node_modules/@types/react": {
-      "version": "18.2.38",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.38.tgz",
-      "integrity": "sha512-cBBXHzuPtQK6wNthuVMV6IjHAFkdl/FOPFIlkd81/Cd1+IqkHu/A+w4g43kaQQoYHik/ruaQBDL72HyCy1vuMw==",
+      "version": "18.3.2",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.2.tgz",
+      "integrity": "sha512-Btgg89dAnqD4vV7R3hlwOxgqobUQKgx3MmrQRi0yYbs/P0ym8XozIAlkqVilPqHQwXs4e9Tf63rrCgl58BcO4w==",
       "dev": true,
       "dependencies": {
         "@types/prop-types": "*",
-        "@types/scheduler": "*",
         "csstype": "^3.0.2"
       }
     },
     "node_modules/@types/react-dom": {
-      "version": "18.2.17",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.17.tgz",
-      "integrity": "sha512-rvrT/M7Df5eykWFxn6MYt5Pem/Dbyc1N8Y0S9Mrkw2WFCRiqUgw9P7ul2NpwsXCSM1DVdENzdG9J5SreqfAIWg==",
+      "version": "18.3.0",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.0.tgz",
+      "integrity": "sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==",
       "dev": true,
       "dependencies": {
         "@types/react": "*"
       }
     },
-    "node_modules/@types/scheduler": {
-      "version": "0.16.8",
-      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.8.tgz",
-      "integrity": "sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==",
-      "dev": true
-    },
     "node_modules/@types/stylis": {
       "version": "4.2.5",
       "resolved": "https://registry.npmjs.org/@types/stylis/-/stylis-4.2.5.tgz",
       "integrity": "sha512-1Xve+NMN7FWjY14vLoY5tL3BVEQ/n42YLwaqJIPYhotZ9uBHt87VceMwWQpzmdEt2TNXIorIFG+YeCUUW7RInw=="
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "6.12.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.12.0.tgz",
-      "integrity": "sha512-s8/jNFPKPNRmXEnNXfuo1gemBdVmpQsK1pcu+QIvuNJuhFzGrpD7WjOcvDc/+uEdfzSYpNu7U/+MmbScjoQ6vg==",
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.21.0.tgz",
+      "integrity": "sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/scope-manager": "6.12.0",
-        "@typescript-eslint/types": "6.12.0",
-        "@typescript-eslint/typescript-estree": "6.12.0",
-        "@typescript-eslint/visitor-keys": "6.12.0",
+        "@typescript-eslint/scope-manager": "6.21.0",
+        "@typescript-eslint/types": "6.21.0",
+        "@typescript-eslint/typescript-estree": "6.21.0",
+        "@typescript-eslint/visitor-keys": "6.21.0",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -429,13 +414,13 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "6.12.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.12.0.tgz",
-      "integrity": "sha512-5gUvjg+XdSj8pcetdL9eXJzQNTl3RD7LgUiYTl8Aabdi8hFkaGSYnaS6BLc0BGNaDH+tVzVwmKtWvu0jLgWVbw==",
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.21.0.tgz",
+      "integrity": "sha512-OwLUIWZJry80O99zvqXVEioyniJMa+d2GrqpUTqi5/v5D5rOrppJVBPa0yKCblcigC0/aYAzxxqQ1B+DS2RYsg==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "6.12.0",
-        "@typescript-eslint/visitor-keys": "6.12.0"
+        "@typescript-eslint/types": "6.21.0",
+        "@typescript-eslint/visitor-keys": "6.21.0"
       },
       "engines": {
         "node": "^16.0.0 || >=18.0.0"
@@ -446,9 +431,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "6.12.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.12.0.tgz",
-      "integrity": "sha512-MA16p/+WxM5JG/F3RTpRIcuOghWO30//VEOvzubM8zuOOBYXsP+IfjoCXXiIfy2Ta8FRh9+IO9QLlaFQUU+10Q==",
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.21.0.tgz",
+      "integrity": "sha512-1kFmZ1rOm5epu9NZEZm1kckCDGj5UJEf7P1kliH4LKu/RkwpsfqqGmY2OOcUs18lSlQBKLDYBOGxRVtrMN5lpg==",
       "dev": true,
       "engines": {
         "node": "^16.0.0 || >=18.0.0"
@@ -459,16 +444,17 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "6.12.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.12.0.tgz",
-      "integrity": "sha512-vw9E2P9+3UUWzhgjyyVczLWxZ3GuQNT7QpnIY3o5OMeLO/c8oHljGc8ZpryBMIyympiAAaKgw9e5Hl9dCWFOYw==",
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.21.0.tgz",
+      "integrity": "sha512-6npJTkZcO+y2/kr+z0hc4HwNfrrP4kNYh57ek7yCNlrBjWQ1Y0OS7jiZTkgumrvkX5HkEKXFZkkdFNkaW2wmUQ==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "6.12.0",
-        "@typescript-eslint/visitor-keys": "6.12.0",
+        "@typescript-eslint/types": "6.21.0",
+        "@typescript-eslint/visitor-keys": "6.21.0",
         "debug": "^4.3.4",
         "globby": "^11.1.0",
         "is-glob": "^4.0.3",
+        "minimatch": "9.0.3",
         "semver": "^7.5.4",
         "ts-api-utils": "^1.0.1"
       },
@@ -485,13 +471,37 @@
         }
       }
     },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
+      "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "6.12.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.12.0.tgz",
-      "integrity": "sha512-rg3BizTZHF1k3ipn8gfrzDXXSFKyOEB5zxYXInQ6z0hUvmQlhaZQzK+YmHmNViMA9HzW5Q9+bPPt90bU6GQwyw==",
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.21.0.tgz",
+      "integrity": "sha512-JJtkDduxLi9bivAB+cYOVMtbkqdPOhZ+ZI5LC47MIRrDV4Yn2o+ZnW10Nkmr28xRpSpdJ6Sm42Hjf2+REYXm0A==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "6.12.0",
+        "@typescript-eslint/types": "6.21.0",
         "eslint-visitor-keys": "^3.4.1"
       },
       "engines": {
@@ -509,9 +519,9 @@
       "dev": true
     },
     "node_modules/acorn": {
-      "version": "8.11.2",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
-      "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
+      "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"
@@ -585,28 +595,32 @@
       }
     },
     "node_modules/array-buffer-byte-length": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
-      "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
+      "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.2",
-        "is-array-buffer": "^3.0.1"
+        "call-bind": "^1.0.5",
+        "is-array-buffer": "^3.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/array-includes": {
-      "version": "3.1.7",
-      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
-      "integrity": "sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==",
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.8.tgz",
+      "integrity": "sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
         "is-string": "^1.0.7"
       },
       "engines": {
@@ -625,17 +639,38 @@
         "node": ">=8"
       }
     },
+    "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==",
+      "dev": true,
+      "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.3",
-      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz",
-      "integrity": "sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==",
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.5.tgz",
+      "integrity": "sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0",
-        "get-intrinsic": "^1.2.1"
+        "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"
@@ -680,31 +715,44 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/array.prototype.tosorted": {
+    "node_modules/array.prototype.toreversed": {
       "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.2.tgz",
-      "integrity": "sha512-HuQCHOlk1Weat5jzStICBCd83NxiIMwqDg/dHEsoefabn/hJRj5pVdWcPUSpRrwhwxZOsQassMpgN/xRYFBMIg==",
+      "resolved": "https://registry.npmjs.org/array.prototype.toreversed/-/array.prototype.toreversed-1.1.2.tgz",
+      "integrity": "sha512-wwDCoT4Ck4Cz7sLtgUmzR5UV3YF5mFHUlbChCzZBQZ+0m2cl/DH3tKgvphv1nKgFsJ48oCSg6p91q2Vm0I/ZMA==",
       "dev": true,
       "dependencies": {
         "call-bind": "^1.0.2",
         "define-properties": "^1.2.0",
         "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0",
-        "get-intrinsic": "^1.2.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",
+        "es-abstract": "^1.22.3",
+        "es-errors": "^1.1.0",
+        "es-shim-unscopables": "^1.0.2"
       }
     },
     "node_modules/arraybuffer.prototype.slice": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz",
-      "integrity": "sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==",
+      "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.0",
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "is-array-buffer": "^3.0.2",
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.5",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.22.3",
+        "es-errors": "^1.2.1",
+        "get-intrinsic": "^1.2.3",
+        "is-array-buffer": "^3.0.4",
         "is-shared-array-buffer": "^1.0.2"
       },
       "engines": {
@@ -720,20 +768,14 @@
       "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"
-      }
-    },
     "node_modules/available-typed-arrays": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
-      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
+      "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==",
       "dev": true,
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
       "engines": {
         "node": ">= 0.4"
       },
@@ -799,14 +841,19 @@
       }
     },
     "node_modules/call-bind": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz",
-      "integrity": "sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
+      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
       "dev": true,
       "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
         "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.1",
-        "set-function-length": "^1.1.1"
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -830,9 +877,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001564",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001564.tgz",
-      "integrity": "sha512-DqAOf+rhof+6GVx1y+xzbFPeOumfQnhYzVnZD6LAXijR77yPtm9mfOcqOnT3mpnJiZVT+kwLAFnRlZcIz+c6bg==",
+      "version": "1.0.30001620",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001620.tgz",
+      "integrity": "sha512-WJvYsOjd1/BYUY6SNGUosK9DUidBPDTnOARHp3fSmFO1ekdxaY6nKRttEVrfMmYi80ctS0kz1wiWmm14fVc3ew==",
       "funding": [
         {
           "type": "opencollective",
@@ -936,6 +983,57 @@
       "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
       "dev": true
     },
+    "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==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "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",
@@ -960,17 +1058,20 @@
       "dev": true
     },
     "node_modules/define-data-property": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz",
-      "integrity": "sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
       "dev": true,
       "dependencies": {
-        "get-intrinsic": "^1.2.1",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.0"
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
       },
       "engines": {
         "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/define-properties": {
@@ -1030,9 +1131,9 @@
       "dev": true
     },
     "node_modules/enhanced-resolve": {
-      "version": "5.15.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
-      "integrity": "sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==",
+      "version": "5.16.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.16.1.tgz",
+      "integrity": "sha512-4U5pNsuDl0EhuZpq46M5xPslstkviJuhrdobaRDBk2Jy2KO37FDAJl4lb2KlNabxT0m4MTK2UHNrsAcphE8nyw==",
       "dev": true,
       "dependencies": {
         "graceful-fs": "^4.2.4",
@@ -1043,50 +1144,57 @@
       }
     },
     "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,
-      "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",
+      "version": "1.23.3",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.3.tgz",
+      "integrity": "sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==",
+      "dev": true,
+      "dependencies": {
+        "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"
@@ -1095,37 +1203,73 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "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==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/es-iterator-helpers": {
-      "version": "1.0.15",
-      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.15.tgz",
-      "integrity": "sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==",
+      "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==",
       "dev": true,
       "dependencies": {
-        "asynciterator.prototype": "^1.0.0",
-        "call-bind": "^1.0.2",
+        "call-bind": "^1.0.7",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.22.1",
-        "es-set-tostringtag": "^2.0.1",
-        "function-bind": "^1.1.1",
-        "get-intrinsic": "^1.2.1",
+        "es-abstract": "^1.23.3",
+        "es-errors": "^1.3.0",
+        "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.0",
-        "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.5",
+        "internal-slot": "^1.0.7",
         "iterator.prototype": "^1.1.2",
-        "safe-array-concat": "^1.0.1"
+        "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==",
+      "dev": true,
+      "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==",
+      "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==",
       "dev": true,
       "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"
@@ -1170,16 +1314,16 @@
       }
     },
     "node_modules/eslint": {
-      "version": "8.54.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.54.0.tgz",
-      "integrity": "sha512-NY0DfAkM8BIZDVl6PgSa1ttZbx3xHgJzSNJKYcQglem6CppHyMhRIQkBVSSMaSRnLhig3jsDbEzOjwCVt4AmmA==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz",
+      "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==",
       "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
-        "@eslint/eslintrc": "^2.1.3",
-        "@eslint/js": "8.54.0",
-        "@humanwhocodes/config-array": "^0.11.13",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.57.0",
+        "@humanwhocodes/config-array": "^0.11.14",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@nodelib/fs.walk": "^1.2.8",
         "@ungap/structured-clone": "^1.2.0",
@@ -1296,9 +1440,9 @@
       }
     },
     "node_modules/eslint-module-utils": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
-      "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.1.tgz",
+      "integrity": "sha512-rXDXR3h7cs7dy9RNpUlQf80nX31XWJEyGq1tRMo+6GsO5VmTe4UTwtmonAD4ZkAsrfMVDA2wlGJ3790Ys+D49Q==",
       "dev": true,
       "dependencies": {
         "debug": "^3.2.7"
@@ -1322,9 +1466,9 @@
       }
     },
     "node_modules/eslint-plugin-import": {
-      "version": "2.29.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.0.tgz",
-      "integrity": "sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==",
+      "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",
@@ -1343,7 +1487,7 @@
         "object.groupby": "^1.0.1",
         "object.values": "^1.1.7",
         "semver": "^6.3.1",
-        "tsconfig-paths": "^3.14.2"
+        "tsconfig-paths": "^3.15.0"
       },
       "engines": {
         "node": ">=4"
@@ -1413,27 +1557,29 @@
       }
     },
     "node_modules/eslint-plugin-react": {
-      "version": "7.33.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz",
-      "integrity": "sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==",
+      "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==",
       "dev": true,
       "dependencies": {
-        "array-includes": "^3.1.6",
-        "array.prototype.flatmap": "^1.3.1",
-        "array.prototype.tosorted": "^1.1.1",
+        "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.12",
+        "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.6",
-        "object.fromentries": "^2.0.6",
-        "object.hasown": "^1.1.2",
-        "object.values": "^1.1.6",
+        "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.4",
+        "resolve": "^2.0.0-next.5",
         "semver": "^6.3.1",
-        "string.prototype.matchall": "^4.0.8"
+        "string.prototype.matchall": "^4.0.10"
       },
       "engines": {
         "node": ">=4"
@@ -1443,9 +1589,9 @@
       }
     },
     "node_modules/eslint-plugin-react-hooks": {
-      "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==",
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.2.tgz",
+      "integrity": "sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==",
       "dev": true,
       "engines": {
         "node": ">=10"
@@ -1626,9 +1772,9 @@
       "dev": true
     },
     "node_modules/fastq": {
-      "version": "1.15.0",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
-      "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
+      "version": "1.17.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
+      "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
       "dev": true,
       "dependencies": {
         "reusify": "^1.0.4"
@@ -1689,9 +1835,9 @@
       }
     },
     "node_modules/flatted": {
-      "version": "3.2.9",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz",
-      "integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==",
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.1.tgz",
+      "integrity": "sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==",
       "dev": true
     },
     "node_modules/for-each": {
@@ -1746,28 +1892,33 @@
       }
     },
     "node_modules/get-intrinsic": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.2.tgz",
-      "integrity": "sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==",
+      "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",
         "has-proto": "^1.0.1",
         "has-symbols": "^1.0.3",
         "hasown": "^2.0.0"
       },
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/get-symbol-description": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
-      "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
+      "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.2",
-        "get-intrinsic": "^1.1.1"
+        "call-bind": "^1.0.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.4"
       },
       "engines": {
         "node": ">= 0.4"
@@ -1777,9 +1928,9 @@
       }
     },
     "node_modules/get-tsconfig": {
-      "version": "4.7.2",
-      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.2.tgz",
-      "integrity": "sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==",
+      "version": "4.7.5",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.5.tgz",
+      "integrity": "sha512-ZCuZCnlqNzjb4QprAzXKdpp/gh6KTxSJuw3IBsPnV/7fV4NxC9ckB+vPTt8w7fJA0TaSD7c55BR47JD6MEDyDw==",
       "dev": true,
       "dependencies": {
         "resolve-pkg-maps": "^1.0.0"
@@ -1826,9 +1977,9 @@
       "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
     },
     "node_modules/globals": {
-      "version": "13.23.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
-      "integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
+      "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"
@@ -1841,12 +1992,13 @@
       }
     },
     "node_modules/globalthis": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
-      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
       "dev": true,
       "dependencies": {
-        "define-properties": "^1.1.3"
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
       },
       "engines": {
         "node": ">= 0.4"
@@ -1917,21 +2069,21 @@
       }
     },
     "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==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
       "dev": true,
       "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==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
+      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
       "dev": true,
       "engines": {
         "node": ">= 0.4"
@@ -1953,12 +2105,12 @@
       }
     },
     "node_modules/has-tostringtag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
-      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+      "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.2"
+        "has-symbols": "^1.0.3"
       },
       "engines": {
         "node": ">= 0.4"
@@ -1968,9 +2120,9 @@
       }
     },
     "node_modules/hasown": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
-      "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
       "dev": true,
       "dependencies": {
         "function-bind": "^1.1.2"
@@ -1980,9 +2132,9 @@
       }
     },
     "node_modules/ignore": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.0.tgz",
-      "integrity": "sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==",
+      "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"
@@ -2030,12 +2182,12 @@
       "dev": true
     },
     "node_modules/internal-slot": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.6.tgz",
-      "integrity": "sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==",
+      "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": {
-        "get-intrinsic": "^1.2.2",
+        "es-errors": "^1.3.0",
         "hasown": "^2.0.0",
         "side-channel": "^1.0.4"
       },
@@ -2044,14 +2196,16 @@
       }
     },
     "node_modules/is-array-buffer": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
-      "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
+      "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.0",
-        "is-typed-array": "^1.1.10"
+        "get-intrinsic": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -2124,6 +2278,21 @@
         "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==",
+      "dev": true,
+      "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",
@@ -2188,18 +2357,21 @@
       }
     },
     "node_modules/is-map": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
-      "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
       "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
       "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==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
       "dev": true,
       "engines": {
         "node": ">= 0.4"
@@ -2258,21 +2430,27 @@
       }
     },
     "node_modules/is-set": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
-      "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
       "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
       "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==",
+      "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==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.2"
+        "call-bind": "^1.0.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -2309,12 +2487,12 @@
       }
     },
     "node_modules/is-typed-array": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
-      "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
+      "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.11"
+        "which-typed-array": "^1.1.14"
       },
       "engines": {
         "node": ">= 0.4"
@@ -2324,10 +2502,13 @@
       }
     },
     "node_modules/is-weakmap": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
-      "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
       "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -2345,13 +2526,16 @@
       }
     },
     "node_modules/is-weakset": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
-      "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.3.tgz",
+      "integrity": "sha512-LvIm3/KWzS9oRFHugab7d+M/GcBXuXX5xZkzPmN+NxihdQlZUQ4dWuSV1xR/sq6upL1TJEDrfBgRepHFdBtSNQ==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.1"
+        "call-bind": "^1.0.7",
+        "get-intrinsic": "^1.2.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -2516,18 +2700,6 @@
         "loose-envify": "cli.js"
       }
     },
-    "node_modules/lru-cache": {
-      "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"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -2673,13 +2845,13 @@
       }
     },
     "node_modules/object.assign": {
-      "version": "4.1.4",
-      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
-      "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
+      "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.2",
-        "define-properties": "^1.1.4",
+        "call-bind": "^1.0.5",
+        "define-properties": "^1.2.1",
         "has-symbols": "^1.0.3",
         "object-keys": "^1.1.1"
       },
@@ -2691,28 +2863,29 @@
       }
     },
     "node_modules/object.entries": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.7.tgz",
-      "integrity": "sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==",
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.8.tgz",
+      "integrity": "sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==",
       "dev": true,
       "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"
       }
     },
     "node_modules/object.fromentries": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz",
-      "integrity": "sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==",
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+      "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
       "dev": true,
       "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.2",
+        "es-object-atoms": "^1.0.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -2722,39 +2895,45 @@
       }
     },
     "node_modules/object.groupby": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz",
-      "integrity": "sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz",
+      "integrity": "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1"
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
       }
     },
     "node_modules/object.hasown": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.3.tgz",
-      "integrity": "sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.4.tgz",
+      "integrity": "sha512-FZ9LZt9/RHzGySlBARE3VF+gE26TxR38SdmqOqliuTnl9wrKulaQs+4dee1V+Io8VfxqzAfHu6YuRgUy8OHoTg==",
       "dev": true,
       "dependencies": {
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/object.values": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
-      "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.0.tgz",
+      "integrity": "sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==",
       "dev": true,
       "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"
@@ -2773,17 +2952,17 @@
       }
     },
     "node_modules/optionator": {
-      "version": "0.9.3",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
-      "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
       "dev": true,
       "dependencies": {
-        "@aashutoshrathi/word-wrap": "^1.2.3",
         "deep-is": "^0.1.3",
         "fast-levenshtein": "^2.0.6",
         "levn": "^0.4.1",
         "prelude-ls": "^1.2.1",
-        "type-check": "^0.4.0"
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
       },
       "engines": {
         "node": ">= 0.8.0"
@@ -2874,9 +3053,9 @@
       }
     },
     "node_modules/picocolors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
+      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew=="
     },
     "node_modules/picomatch": {
       "version": "2.3.1",
@@ -2890,6 +3069,15 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "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==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/postcss": {
       "version": "8.4.31",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
@@ -2972,9 +3160,9 @@
       ]
     },
     "node_modules/react": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
-      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
       "dependencies": {
         "loose-envify": "^1.1.0"
       },
@@ -2983,15 +3171,30 @@
       }
     },
     "node_modules/react-dom": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
-      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
       "dependencies": {
         "loose-envify": "^1.1.0",
-        "scheduler": "^0.23.0"
+        "scheduler": "^0.23.2"
+      },
+      "peerDependencies": {
+        "react": "^18.3.1"
+      }
+    },
+    "node_modules/react-hook-form": {
+      "version": "7.51.4",
+      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.51.4.tgz",
+      "integrity": "sha512-V14i8SEkh+V1gs6YtD0hdHYnoL4tp/HX/A45wWQN15CYr9bFRmmRdYStSO5L65lCCZRF+kYiSKhm9alqbcdiVA==",
+      "engines": {
+        "node": ">=12.22.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/react-hook-form"
       },
       "peerDependencies": {
-        "react": "^18.2.0"
+        "react": "^16.8.0 || ^17 || ^18"
       }
     },
     "node_modules/react-is": {
@@ -3001,15 +3204,16 @@
       "dev": true
     },
     "node_modules/reflect.getprototypeof": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz",
-      "integrity": "sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==",
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.6.tgz",
+      "integrity": "sha512-fmfw4XgoDke3kdI6h4xcUz1dG8uaiv5q9gcEwLS4Pnth2kxT+GZ7YehS1JTMGBQmtV7Y4GFGbs2re2NqhdozUg==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.1",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.4",
         "globalthis": "^1.0.3",
         "which-builtin-type": "^1.1.3"
       },
@@ -3021,20 +3225,21 @@
       }
     },
     "node_modules/regenerator-runtime": {
-      "version": "0.14.0",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
-      "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==",
+      "version": "0.14.1",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
       "dev": true
     },
     "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==",
+      "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==",
       "dev": true,
       "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"
@@ -3127,13 +3332,13 @@
       }
     },
     "node_modules/safe-array-concat": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz",
-      "integrity": "sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.2.tgz",
+      "integrity": "sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.1",
+        "call-bind": "^1.0.7",
+        "get-intrinsic": "^1.2.4",
         "has-symbols": "^1.0.3",
         "isarray": "^2.0.5"
       },
@@ -3145,35 +3350,35 @@
       }
     },
     "node_modules/safe-regex-test": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
-      "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
+      "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.2",
-        "get-intrinsic": "^1.1.3",
+        "call-bind": "^1.0.6",
+        "es-errors": "^1.3.0",
         "is-regex": "^1.1.4"
       },
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/scheduler": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
-      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
+      "version": "0.23.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
       "dependencies": {
         "loose-envify": "^1.1.0"
       }
     },
     "node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "version": "7.6.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
+      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
       "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
       "bin": {
         "semver": "bin/semver.js"
       },
@@ -3182,29 +3387,32 @@
       }
     },
     "node_modules/set-function-length": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz",
-      "integrity": "sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
       "dev": true,
       "dependencies": {
-        "define-data-property": "^1.1.1",
-        "get-intrinsic": "^1.2.1",
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
         "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.0"
+        "has-property-descriptors": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
       }
     },
     "node_modules/set-function-name": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
-      "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
       "dev": true,
       "dependencies": {
-        "define-data-property": "^1.0.1",
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
         "functions-have-names": "^1.2.3",
-        "has-property-descriptors": "^1.0.0"
+        "has-property-descriptors": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -3237,14 +3445,18 @@
       }
     },
     "node_modules/side-channel": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
-      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
+      "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.0",
-        "get-intrinsic": "^1.0.2",
-        "object-inspect": "^1.9.0"
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.4",
+        "object-inspect": "^1.13.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -3276,34 +3488,41 @@
       }
     },
     "node_modules/string.prototype.matchall": {
-      "version": "4.0.10",
-      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.10.tgz",
-      "integrity": "sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==",
+      "version": "4.0.11",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.11.tgz",
+      "integrity": "sha512-NUdh0aDavY2og7IbBPenWqR9exH+E26Sv8e0/eTe1tltDGZL+GtBkDAnnyBtmekfK6/Dq3MkcGtzXFEd1LQrtg==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
+        "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",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
         "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.5",
-        "regexp.prototype.flags": "^1.5.0",
-        "set-function-name": "^2.0.0",
-        "side-channel": "^1.0.4"
+        "internal-slot": "^1.0.7",
+        "regexp.prototype.flags": "^1.5.2",
+        "set-function-name": "^2.0.2",
+        "side-channel": "^1.0.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
     "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==",
+      "version": "1.2.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz",
+      "integrity": "sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==",
       "dev": true,
       "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"
@@ -3313,28 +3532,31 @@
       }
     },
     "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==",
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz",
+      "integrity": "sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==",
       "dev": true,
       "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==",
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
       "dev": true,
       "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"
@@ -3506,21 +3728,21 @@
       }
     },
     "node_modules/ts-api-utils": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.0.3.tgz",
-      "integrity": "sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.3.0.tgz",
+      "integrity": "sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==",
       "dev": true,
       "engines": {
-        "node": ">=16.13.0"
+        "node": ">=16"
       },
       "peerDependencies": {
         "typescript": ">=4.2.0"
       }
     },
     "node_modules/tsconfig-paths": {
-      "version": "3.14.2",
-      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz",
-      "integrity": "sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==",
+      "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",
@@ -3559,29 +3781,30 @@
       }
     },
     "node_modules/typed-array-buffer": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
-      "integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz",
+      "integrity": "sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.1",
-        "is-typed-array": "^1.1.10"
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.13"
       },
       "engines": {
         "node": ">= 0.4"
       }
     },
     "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==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz",
+      "integrity": "sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==",
       "dev": true,
       "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"
@@ -3591,16 +3814,17 @@
       }
     },
     "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==",
+      "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==",
       "dev": true,
       "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"
@@ -3610,23 +3834,29 @@
       }
     },
     "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==",
+      "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==",
       "dev": true,
       "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"
       }
     },
     "node_modules/typescript": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.2.tgz",
-      "integrity": "sha512-6l+RyNy7oAHDfxC4FzSJcz9vnjTKxrLpDG5M2Vu4SHRVNg6xzqZp6LYSR9zjqQTu8DU/f5xwxUdADOkbrIX2gQ==",
+      "version": "5.4.5",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz",
+      "integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==",
       "dev": true,
       "bin": {
         "tsc": "bin/tsc",
@@ -3736,31 +3966,34 @@
       }
     },
     "node_modules/which-collection": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
-      "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
       "dev": true,
       "dependencies": {
-        "is-map": "^2.0.1",
-        "is-set": "^2.0.1",
-        "is-weakmap": "^2.0.1",
-        "is-weakset": "^2.0.1"
+        "is-map": "^2.0.3",
+        "is-set": "^2.0.3",
+        "is-weakmap": "^2.0.2",
+        "is-weakset": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/which-typed-array": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.13.tgz",
-      "integrity": "sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==",
+      "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==",
       "dev": true,
       "dependencies": {
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.4",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.7",
         "for-each": "^0.3.3",
         "gopd": "^1.0.1",
-        "has-tostringtag": "^1.0.0"
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -3769,18 +4002,21 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "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
     },
-    "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
-    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
diff --git a/package.json b/package.json
index 28d1c4068..b73f6099d 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "next": "13.5.6",
     "react": "^18",
     "react-dom": "^18",
+    "react-hook-form": "^7.51.4",
     "styled-components": "^6.1.11"
   },
   "devDependencies": {
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 733033c05..b11dd903b 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -6,15 +6,34 @@ import Modal from "@/context/Modal";
 import ModalPortal from "@/components/common/modal/ModalPortal";
 
 export default function App({ Component, pageProps }: AppProps) {
-  return (
-    <StyledComponentsRegistry>
-      <GlobalStyle />
-      <Layout>
+  let isRemoveLayoutPage = false;
+  let childContent: React.ReactNode;
+  switch (pageProps.layoutType) {
+    case "removeLayout":
+      childContent = (
         <Modal>
           <Component {...pageProps} />
           <ModalPortal />
         </Modal>
-      </Layout>
+      );
+      isRemoveLayoutPage = true;
+      break;
+    default:
+      childContent = (
+        <Layout>
+          <Modal>
+            <Component {...pageProps} />
+            <ModalPortal />
+          </Modal>
+        </Layout>
+      );
+      break;
+  }
+
+  return (
+    <StyledComponentsRegistry>
+      <GlobalStyle isRemoveLayoutPage={isRemoveLayoutPage} />
+      {childContent}
     </StyledComponentsRegistry>
   );
 }
diff --git a/pages/folder/index.tsx b/pages/folder/index.tsx
index 455055504..0376594b9 100644
--- a/pages/folder/index.tsx
+++ b/pages/folder/index.tsx
@@ -2,9 +2,10 @@ import * as S from "@/styles/pages/Folder.styled";
 import LinkAdd from "@/components/folder/LinkAdd";
 import SerchBar from "@/components/common/SearchBar";
 import NavBox from "@/components/folder/NavBox";
-import { use, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { getFolderListInfo } from "@/api/folder";
 import LinkList from "@/components/common/LinkList";
+import navEntireTab from "@/constants/folderNav";
 
 interface FolderItem {
   id: number;
@@ -19,7 +20,7 @@ interface FolderItem {
 
 const Folder = () => {
   const [linkList, setLinkList] = useState([]);
-  const [navId, setNavId] = useState<number>(9999);
+  const [navId, setNavId] = useState<number>(navEntireTab);
   const [searchValue, setSearchValue] = useState("");
 
   const handleLoadInfo = async () => {
diff --git a/pages/index.tsx b/pages/index.tsx
index 0fdf4d0a4..85eb2af5a 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,4 +1,5 @@
 export default function Home() {
+  //배포 테스트를위한 주석
   return (
     <>
       <div>메인</div>
diff --git a/pages/shared/index.tsx b/pages/shared/index.tsx
index 7517f41cf..1100101f0 100644
--- a/pages/shared/index.tsx
+++ b/pages/shared/index.tsx
@@ -23,6 +23,10 @@ const Shared = () => {
     }
   };
 
+  // run build 에러때문에 잠시 작성
+  const handleSearchChange = (value: string) => {};
+  const handleDeleteBtn = () => {};
+
   useEffect(() => {
     handleLoadInfo();
   }, []);
@@ -34,7 +38,11 @@ const Shared = () => {
       </S.SharedInfoWrap>
       <section>
         <S.ContentWrap>
-          <SerchBar />
+          <SerchBar
+            value=""
+            onChangeEvent={handleSearchChange}
+            onClickDeleteBtn={handleDeleteBtn}
+          />
           <LinkList listInfo={linkList} />
         </S.ContentWrap>
       </section>
diff --git a/pages/signin/index.tsx b/pages/signin/index.tsx
new file mode 100644
index 000000000..0ce542b38
--- /dev/null
+++ b/pages/signin/index.tsx
@@ -0,0 +1,102 @@
+import * as S from "@/styles/pages/Sign.styled";
+import Image from "next/image";
+import signLogo from "@/public/image/icon/sign_logo.svg";
+import Link from "next/link";
+import SignInputBox from "@/components/sign/SignInputBox";
+import Button from "@/components/common/Button";
+import SignSns from "@/components/sign/SignSns";
+import { useEffect, useState } from "react";
+import { useForm, SubmitHandler } from "react-hook-form";
+import { postSign } from "@/api/user";
+import { useRouter } from "next/router";
+import { FormValues } from "@/types/Sign";
+
+export const getStaticProps = async () => {
+  return {
+    props: {
+      layoutType: "removeLayout",
+    },
+  };
+};
+
+const Signin = () => {
+  const {
+    register,
+    handleSubmit,
+    formState: { isSubmitting, errors },
+  } = useForm<FormValues>({ mode: "onBlur" });
+  const router = useRouter();
+  const [auth, setAuth] = useState<string | null>(null);
+
+  useEffect(() => {
+    try {
+      const token = localStorage.getItem("userToken");
+      setAuth(token);
+    } catch (error) {
+      console.error("Error fetching token:", error);
+    }
+  }, []);
+  if (auth) router.replace("/folder");
+
+  const handleSiginIn: SubmitHandler<FormValues> = async (data) => {
+    const result = await postSign("sign-in", data);
+    if (result.error) {
+      alert("로그인 실패");
+      return;
+    }
+
+    localStorage.setItem("userToken", result.data.accessToken);
+    router.push(`/folder`);
+  };
+
+  return (
+    <S.MainWrap>
+      <S.MainContent>
+        <S.WrapHeadBox>
+          <h1>
+            <Link href="/">
+              <Image src={signLogo} alt="로고" />
+            </Link>
+          </h1>
+          <S.SignBox>
+            <span>회원이 아니신가요?</span>
+            <Link href="./signup">회원 가입하기</Link>
+          </S.SignBox>
+        </S.WrapHeadBox>
+
+        <form onSubmit={handleSubmit(handleSiginIn)}>
+          <S.EmailBox>
+            <S.LoginBoxSpan>이메일</S.LoginBoxSpan>
+            <SignInputBox
+              pageType="signIn"
+              type="email"
+              register={register}
+              errors={errors}
+            />
+          </S.EmailBox>
+
+          <S.PassWrodBox>
+            <S.LoginBoxSpan>비밀번호</S.LoginBoxSpan>
+            <SignInputBox
+              pageType="signIn"
+              type="password"
+              register={register}
+              errors={errors}
+            />
+          </S.PassWrodBox>
+
+          <Button btnType="submit" type="sign" disabled={isSubmitting}>
+            로그인
+          </Button>
+        </form>
+
+        <S.SnsBox>
+          <span>소셜로그인</span>
+          <SignSns />
+        </S.SnsBox>
+      </S.MainContent>
+    </S.MainWrap>
+  );
+};
+
+export default Signin;
diff --git a/pages/signup/index.tsx b/pages/signup/index.tsx
new file mode 100644
index 000000000..c89259227
--- /dev/null
+++ b/pages/signup/index.tsx
@@ -0,0 +1,118 @@
+import * as S from "@/styles/pages/Sign.styled";
+import Image from "next/image";
+import signLogo from "@/public/image/icon/sign_logo.svg";
+import Link from "next/link";
+import SignInputBox from "@/components/sign/SignInputBox";
+import Button from "@/components/common/Button";
+import SignSns from "@/components/sign/SignSns";
+import { useEffect, useState } from "react";
+import { useForm, SubmitHandler } from "react-hook-form";
+import { postSign } from "@/api/user";
+import { useRouter } from "next/router";
+import { FormValues } from "@/types/Sign";
+
+export const getStaticProps = async () => {
+  return {
+    props: {
+      layoutType: "removeLayout",
+    },
+  };
+};
+const Signup = () => {
+  const {
+    register,
+    handleSubmit,
+    formState: { isSubmitting, errors },
+    watch,
+    getValues,
+  } = useForm<FormValues>({ mode: "onBlur" });
+  const router = useRouter();
+  const [auth, setAuth] = useState<string | null>(null);
+
+  useEffect(() => {
+    try {
+      const token = localStorage.getItem("userToken");
+      setAuth(token);
+    } catch (error) {
+      console.error("Error fetching token:", error);
+    }
+  }, []);
+  if (auth) router.replace("/folder");
+
+  const handleSiginUp: SubmitHandler<FormValues> = async (data) => {
+    const dataSet = {
+      email: getValues("email"),
+      password: getValues("signUpPassword"),
+    };
+    const result = await postSign("sign-up", dataSet);
+    if (result.error) {
+      alert("회원가입 실패");
+      return;
+    }
+
+    localStorage.setItem("userToken", result.data.accessToken);
+    router.push(`/folder`);
+  };
+
+  return (
+    <S.MainWrap>
+      <S.MainContent>
+        <S.WrapHeadBox>
+          <h1>
+            <Link href="/">
+              <Image src={signLogo} alt="로고" />
+            </Link>
+          </h1>
+          <S.SignBox>
+            <span>이미 회원이신가요?</span>
+            <Link href="./signin">로그인 하기</Link>
+          </S.SignBox>
+        </S.WrapHeadBox>
+
+        <form onSubmit={handleSubmit(handleSiginUp)}>
+          <S.EmailBox>
+            <span>이메일</span>
+            <SignInputBox
+              pageType="signUp"
+              type="email"
+              register={register}
+              errors={errors}
+            />
+          </S.EmailBox>
+
+          <S.PassWrodBox>
+            <span>비밀번호</span>
+            <SignInputBox
+              pageType="signUp"
+              type="signUpPassword"
+              register={register}
+              errors={errors}
+            />
+          </S.PassWrodBox>
+
+          <S.PassWrodBox>
+            <span>비밀번호 확인</span>
+            <SignInputBox
+              pageType="signUp"
+              type="signUpPasswordCheck"
+              register={register}
+              errors={errors}
+              watch={watch}
+            />
+          </S.PassWrodBox>
+
+          <Button btnType="submit" type="sign" disabled={isSubmitting}>
+            회원가입
+          </Button>
+        </form>
+
+        <S.SnsBox>
+          <span>다른 방식으로 가입하기</span>
+          <SignSns />
+        </S.SnsBox>
+      </S.MainContent>
+    </S.MainWrap>
+  );
+};
+
+export default Signup;
diff --git a/public/image/icon/eye-off.png b/public/image/icon/eye-off.png
new file mode 100644
index 000000000..ad508eaeb
Binary files /dev/null and b/public/image/icon/eye-off.png differ
diff --git a/public/image/icon/eye-on.png b/public/image/icon/eye-on.png
new file mode 100644
index 000000000..015807390
Binary files /dev/null and b/public/image/icon/eye-on.png differ
diff --git a/public/image/icon/icon-auth-kakao.png b/public/image/icon/icon-auth-kakao.png
new file mode 100644
index 000000000..d38e36cc0
Binary files /dev/null and b/public/image/icon/icon-auth-kakao.png differ
diff --git a/public/image/icon/icon_auth-google.png b/public/image/icon/icon_auth-google.png
new file mode 100644
index 000000000..c7518e8b3
Binary files /dev/null and b/public/image/icon/icon_auth-google.png differ
diff --git a/public/image/icon/icon_facebook copy.png b/public/image/icon/icon_facebook copy.png
new file mode 100644
index 000000000..58333d45f
Binary files /dev/null and b/public/image/icon/icon_facebook copy.png differ
diff --git a/public/image/icon/icon_instagram copy.png b/public/image/icon/icon_instagram copy.png
new file mode 100644
index 000000000..7a91d111a
Binary files /dev/null and b/public/image/icon/icon_instagram copy.png differ
diff --git a/public/image/icon/icon_twitter copy.png b/public/image/icon/icon_twitter copy.png
new file mode 100644
index 000000000..4bf766ebe
Binary files /dev/null and b/public/image/icon/icon_twitter copy.png differ
diff --git a/public/image/icon/icon_youtube copy.png b/public/image/icon/icon_youtube copy.png
new file mode 100644
index 000000000..f51731d40
Binary files /dev/null and b/public/image/icon/icon_youtube copy.png differ
diff --git a/public/image/icon/main_logo copy.svg b/public/image/icon/main_logo copy.svg
new file mode 100644
index 000000000..c21acc6ed
--- /dev/null
+++ b/public/image/icon/main_logo copy.svg	
@@ -0,0 +1,11 @@
+<svg width="133" height="25" viewBox="0 0 133 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M5.20583 16.2049V1.29223H0V20.7718H14.9638V16.2049H5.20583Z" fill="#6D6AFE"/>
+    <path d="M21.6801 20.7718V5.62621H16.4743V20.7718H21.6801ZM21.6801 4.46117V0.5H16.4743V4.46117H21.6801Z" fill="#6D6AFE"/>
+    <path d="M33.1713 5.16019C31.117 5.16019 29.5062 5.92913 28.409 7.21068V5.62621H23.2032V20.7718H28.409V13.9913C28.4557 11.0786 29.7397 9.84369 31.8407 9.84369C33.6382 9.84369 34.3385 10.7524 34.3385 12.9194V20.7718H39.5444V12.0107C39.5444 7.42039 37.8169 5.16019 33.1713 5.16019Z" fill="#6D6AFE"/>
+    <path d="M46.0405 10.5893V0.5H40.8347V20.7718H46.0405V17.2068L48.2116 14.667L50.7328 20.7718H56.4755L53.184 12.733H49.869L56.0087 5.62621H50.3359L46.0405 10.5893Z" fill="#6D6AFE"/>
+    <path d="M67.0849 21.2379C70.2364 21.2379 74.1116 19.4437 74.1116 13.199C74.1116 6.95437 70.2364 5.16019 67.0849 5.16019C65.3341 5.16019 63.77 5.67281 62.5094 6.53495V0.5H57.3035V20.7718H62.5094V19.8631C63.77 20.7485 65.3341 21.2379 67.0849 21.2379ZM65.7076 16.6942C63.91 16.6942 62.5094 15.7854 62.5094 13.199V13.0126C62.5794 10.5893 63.9567 9.70388 65.7076 9.70388C67.7152 9.70388 68.9058 10.7524 68.9058 13.199C68.9058 15.6689 67.7152 16.6942 65.7076 16.6942Z" fill="#6D6AFE"/>
+    <path d="M74.935 20.7718H80.1409V14.4573C80.1876 11.5214 81.5182 9.82039 86.1638 9.82039V5.16019C83.3624 5.16019 81.3781 6.13883 80.1409 7.6068V5.62621H74.935V20.7718Z" fill="#6D6AFE"/>
+    <path d="M93.541 21.2379C95.2685 21.2379 96.8559 20.7485 98.1165 19.8631V20.7718H103.322V5.62621H98.1165V6.53495C96.8559 5.67281 95.2685 5.16019 93.541 5.16019C90.3895 5.16019 86.5143 6.95437 86.5143 13.199C86.5143 19.4437 90.3895 21.2379 93.541 21.2379ZM94.9183 16.6942C92.9107 16.6942 91.7201 15.6689 91.7201 13.199C91.7201 10.7524 92.9107 9.70388 94.9183 9.70388C96.7159 9.70388 98.1165 10.6359 98.1165 13.199C98.1165 15.7854 96.7159 16.6942 94.9183 16.6942Z" fill="#6D6AFE"/>
+    <path d="M104.613 20.7718H109.819V14.4573C109.865 11.5214 111.196 9.82039 115.841 9.82039V5.16019C113.04 5.16019 111.056 6.13883 109.819 7.6068V5.62621H104.613V20.7718Z" fill="#6D6AFE"/>
+    <path d="M127.794 5.62621V12.2204C127.234 12.8495 126.23 13.1058 125.063 13.1058C122.588 13.1058 121.865 12.3369 121.865 10.9155V5.62621H116.659V11.2883C116.659 15.4359 119.6 17.6728 123.686 17.6728C125.203 17.6728 126.604 17.3466 127.794 16.7874V17.3466C127.794 19.4204 127 20.166 124.946 20.166C123.242 20.166 122.425 19.6534 122.191 18.465H116.962C117.383 22.7524 119.694 24.5 124.946 24.5C130.666 24.5 133 22.4029 133 16.9505V5.62621H127.794Z" fill="#6D6AFE"/>
+</svg>
\ No newline at end of file
diff --git a/public/image/icon/sign_logo.svg b/public/image/icon/sign_logo.svg
new file mode 100644
index 000000000..317206f9d
--- /dev/null
+++ b/public/image/icon/sign_logo.svg
@@ -0,0 +1,11 @@
+<svg width="212" height="38" viewBox="0 0 212 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M8.95087 24.866V1.25437H0.708298V32.0971H24.4011V24.866H8.95087Z" fill="#6D6AFE"/>
+    <path d="M35.0352 32.0971V8.1165H26.7926V32.0971H35.0352ZM35.0352 6.27184V0H26.7926V6.27184H35.0352Z" fill="#6D6AFE"/>
+    <path d="M53.2295 7.37864C49.9769 7.37864 47.4265 8.59612 45.6893 10.6252V8.1165H37.4467V32.0971H45.6893V21.3612C45.7632 16.7495 47.7961 14.7942 51.1227 14.7942C53.9688 14.7942 55.0777 16.233 55.0777 19.6641V32.0971H63.3202V18.2252C63.3202 10.9573 60.585 7.37864 53.2295 7.37864Z" fill="#6D6AFE"/>
+    <path d="M73.6058 15.9748V0H65.3633V32.0971H73.6058V26.4524L77.0433 22.4311L81.0352 32.0971H90.1279L84.9163 19.3689H79.6676L89.3887 8.1165H80.4069L73.6058 15.9748Z" fill="#6D6AFE"/>
+    <path d="M106.926 32.835C111.916 32.835 118.052 29.9942 118.052 20.1068C118.052 10.2194 111.916 7.37864 106.926 7.37864C104.154 7.37864 101.677 8.19029 99.6815 9.55534V0H91.4389V32.0971H99.6815V30.6583C101.677 32.0602 104.154 32.835 106.926 32.835ZM104.745 25.6408C101.899 25.6408 99.6815 24.2019 99.6815 20.1068V19.8117C99.7924 15.9748 101.973 14.5728 104.745 14.5728C107.924 14.5728 109.809 16.233 109.809 20.1068C109.809 24.0175 107.924 25.6408 104.745 25.6408Z" fill="#6D6AFE"/>
+    <path d="M119.355 32.0971H127.598V22.099C127.672 17.4505 129.779 14.7573 137.134 14.7573V7.37864C132.699 7.37864 129.557 8.92815 127.598 11.2524V8.1165H119.355V32.0971Z" fill="#6D6AFE"/>
+    <path d="M148.815 32.835C151.55 32.835 154.064 32.0602 156.06 30.6583V32.0971H164.302V8.1165H156.06V9.55534C154.064 8.19029 151.55 7.37864 148.815 7.37864C143.825 7.37864 137.689 10.2194 137.689 20.1068C137.689 29.9942 143.825 32.835 148.815 32.835ZM150.996 25.6408C147.817 25.6408 145.932 24.0175 145.932 20.1068C145.932 16.233 147.817 14.5728 150.996 14.5728C153.842 14.5728 156.06 16.0485 156.06 20.1068C156.06 24.2019 153.842 25.6408 150.996 25.6408Z" fill="#6D6AFE"/>
+    <path d="M166.345 32.0971H174.588V22.099C174.662 17.4505 176.768 14.7573 184.124 14.7573V7.37864C179.688 7.37864 176.547 8.92815 174.588 11.2524V8.1165H166.345V32.0971Z" fill="#6D6AFE"/>
+    <path d="M203.049 8.1165V18.5573C202.162 19.5534 200.573 19.9592 198.725 19.9592C194.807 19.9592 193.661 18.7417 193.661 16.4913V8.1165H185.418V17.0816C185.418 23.6485 190.075 27.1903 196.544 27.1903C198.946 27.1903 201.164 26.6738 203.049 25.7883V26.6738C203.049 29.9573 201.792 31.1379 198.54 31.1379C195.842 31.1379 194.548 30.3262 194.178 28.4447H185.899C186.564 35.233 190.223 38 198.54 38C207.595 38 211.292 34.6796 211.292 26.0466V8.1165H203.049Z" fill="#6D6AFE"/>
+</svg>
\ No newline at end of file
diff --git a/styles/Global.styled.ts b/styles/Global.styled.ts
index d33f26600..f1c57c694 100644
--- a/styles/Global.styled.ts
+++ b/styles/Global.styled.ts
@@ -1,6 +1,10 @@
 import { createGlobalStyle } from "styled-components";
 
-const GlobalStyle = createGlobalStyle`
+interface GlobalStyleProps {
+  isRemoveLayoutPage: boolean;
+}
+
+const GlobalStyle = createGlobalStyle<GlobalStyleProps>`
 
     /* -------Reset styles------- */
     html, body, div, span, applet, object, iframe,
@@ -32,6 +36,8 @@ const GlobalStyle = createGlobalStyle`
     }
     body {
         line-height: 1;
+        background-color: ${(props) =>
+          props.isRemoveLayoutPage ? "#F0F6FF" : "white"};
     }
     ol, ul {
         list-style: none;
diff --git a/styles/pages/Sign.styled.ts b/styles/pages/Sign.styled.ts
new file mode 100644
index 000000000..46b8babb0
--- /dev/null
+++ b/styles/pages/Sign.styled.ts
@@ -0,0 +1,105 @@
+import styled from "styled-components";
+
+export const MainWrap = styled.div`
+  width: 100%;
+
+  @media (max-width: 464px) {
+    width: calc(100% - 64px);
+    padding: 0 32px;
+  }
+`;
+
+export const MainContent = styled.div`
+  width: 400px;
+  margin: 238px auto 20px;
+
+  @media (max-width: 1199px) {
+    margin: 200px auto;
+  }
+  @media (max-width: 464px) {
+    width: 100%;
+    margin: 120px auto;
+  }
+`;
+
+export const WrapHeadBox = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin: 0 auto;
+`;
+
+export const SignBox = styled.div`
+  display: flex;
+  gap: 8px;
+  margin: 16px 0;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 24px;
+
+  > a {
+    color: var(--main-color);
+    position: relative;
+    top: -4px;
+  }
+`;
+
+export const EmailBox = styled.div`
+  margin-top: 24px;
+`;
+
+export const PassWrodBox = styled.div`
+  margin: 24px 0 0;
+`;
+
+export const LoginBoxSpan = styled.span`
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 16.71px;
+`;
+
+export const SnsBox = styled.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background-color: #e7effb;
+  border: 1px solid var(--border-gray);
+  border-radius: 8px;
+  padding: 12px 24px;
+  margin: 32px 0 0;
+
+  > span {
+    font-size: 0.875rem;
+    font-weight: 400;
+  }
+`;
+
+/*.
+.password-wrap > .pwd-eye-on {
+  background-image: url('/img/icon/eye-on.png');
+  height: 10.91px;
+}
+
+.validation{
+  padding-top: 6px;
+  font-size: 14px;
+  font-weight: 400;
+  color: var(--var-test-red);
+  line-height: 16.8px;
+}
+
+.emailBlank, .emailFormCheck, .emailCheck, .pwdBlank, .pwdCheck {
+  padding-top: 6px;
+  display: block;
+}
+
+
+*/
+
+export const validation = styled.div`
+  padding-top: 6px;
+  font-size: 14px;
+  font-weight: 400;
+  color: var(--var-test-red);
+  line-height: 16.8px;
+`;
diff --git a/types/Button.ts b/types/Button.ts
index c465301aa..b3f0157c6 100644
--- a/types/Button.ts
+++ b/types/Button.ts
@@ -1,5 +1,7 @@
 export interface ButtonProps {
   children: string;
+  btnType?: "button" | "submit" | "reset" | undefined;
   type: string;
   handleButtonClick?: React.MouseEventHandler<HTMLButtonElement>;
+  disabled?: boolean;
 }
diff --git a/types/Sign.ts b/types/Sign.ts
new file mode 100644
index 000000000..873893444
--- /dev/null
+++ b/types/Sign.ts
@@ -0,0 +1,22 @@
+import {
+  UseFormRegister,
+  FieldErrors,
+  FieldValues,
+  UseFormWatch,
+} from "react-hook-form";
+
+export interface FormValues {
+  email: string;
+  password: string;
+  signUpPassword: string;
+  signUpPasswordCheck: string;
+}
+
+export interface SignInputProps {
+  pageType: string;
+  type: string;
+  register: UseFormRegister<FormValues>;
+  errors: FieldErrors<FieldValues>;
+  watch?: UseFormWatch<FormValues>;
+  loginFailState?: boolean;
+}
diff --git a/types/User.ts b/types/User.ts
index 2312bb1c4..893531254 100644
--- a/types/User.ts
+++ b/types/User.ts
@@ -2,5 +2,5 @@ export interface IUserData {
   id: number;
   name: string;
   email: string;
-  profileImageSource: string;
+  image_source: string;
 }
diff --git a/utills/copy.ts b/utills/copy.ts
new file mode 100644
index 000000000..8820b3c92
--- /dev/null
+++ b/utills/copy.ts
@@ -0,0 +1,8 @@
+export const urlCopy = async () => {
+  try {
+    await navigator.clipboard.writeText(window.location.href);
+    alert("주소가 복사되었습니다.");
+  } catch (error) {
+    alert("주소 복사 실패..");
+  }
+};
diff --git a/utills/validation.ts b/utills/validation.ts
new file mode 100644
index 000000000..93672602f
--- /dev/null
+++ b/utills/validation.ts
@@ -0,0 +1,13 @@
+export const emailValidation =
+  /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/i;
+export const passwordValidation = /^(?=.*[a-zA-Z])(?=.*[0-9]).{8,}$/;
+
+export const emailCheck = function (email_address: string) {
+  const email_regex = emailValidation;
+  return email_regex.test(email_address);
+};
+
+export const passwordCheck = function (password: string) {
+  const password_regex = passwordValidation;
+  return password_regex.test(password);
+};