From 0905ec9a92b3d2798aa0475d1b8b21065cbd8a9e Mon Sep 17 00:00:00 2001
From: dev-dong-su <fkdlrj1230@gmail.com>
Date: Thu, 11 Apr 2024 23:53:52 +0900
Subject: [PATCH 1/3] =?UTF-8?q?feat:=20svgr=20=EC=84=A4=EC=A0=95=20?=
 =?UTF-8?q?=EB=B0=8F=20svg=20icon=20=ED=8F=B4=EB=8D=94=20=EC=9D=B4?=
 =?UTF-8?q?=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/web/next.config.mjs                  |   14 +
 packages/web/package.json                     |    1 +
 .../icons/32-footer-community_selected.svg    |    3 -
 .../icons/32-footer-grouping_selected.svg     |   10 -
 .../icons/32-footer-meeting_selected.svg      |   10 -
 .../icons/32-footer-profile_selected.svg      |   10 -
 packages/web/src/app/[lng]/layout.tsx         |    2 +-
 .../assets/svgs}/16-application.svg           |    0
 .../icons => src/assets/svgs}/16-birth.svg    |    0
 .../assets/svgs}/16-comment_fill.svg          |    0
 .../assets/svgs}/16-date_range.svg            |    0
 .../assets/svgs/16-favorite.svg}              |    2 +-
 .../assets/svgs}/16-group_blue.svg            |    0
 .../assets/svgs}/16-group_gray.svg            |    0
 .../assets/svgs}/16-group_warning.svg         |    0
 .../icons => src/assets/svgs}/16-host.svg     |    0
 .../icons => src/assets/svgs}/16-info.svg     |    0
 .../icons => src/assets/svgs}/16-location.svg |    0
 .../icons => src/assets/svgs}/16-male.svg     |    0
 .../assets/svgs}/16-reliability-gloddy.svg    |    0
 .../assets/svgs}/16-reliability-hood.svg      |    0
 .../assets/svgs}/16-reliability-mate.svg      |    0
 .../assets/svgs}/16-reliability-soulmate.svg  |    0
 .../icons => src/assets/svgs}/16-school.svg   |    0
 .../icons => src/assets/svgs}/24-add.svg      |    0
 .../assets/svgs}/24-announcement.svg          |    0
 .../assets/svgs}/24-application.svg           |    0
 .../svgs}/24-application_notification.svg     |    0
 .../assets/svgs}/24-arrow_back.svg            |    0
 .../assets/svgs}/24-arrow_down.svg            |    0
 .../assets/svgs}/24-backspace.svg             |    0
 .../assets/svgs}/24-calendar_month.svg        |    0
 .../icons => src/assets/svgs}/24-chat.svg     |    0
 .../svgs}/24-checkbox_outline_checked.svg     |    0
 .../svgs}/24-checkbox_outline_default.svg     |    0
 .../svgs}/24-checkbox_solid_checked.svg       |    0
 .../svgs}/24-checkbox_solid_default.svg       |    0
 .../icons => src/assets/svgs}/24-close.svg    |    0
 .../icons => src/assets/svgs}/24-comments.svg |    0
 .../icons => src/assets/svgs}/24-copy.svg     |    0
 .../icons => src/assets/svgs}/24-delete.svg   |    0
 .../assets/svgs}/24-delete_menu.svg           |    0
 .../assets/svgs}/24-delete_mode.svg           |    0
 .../assets/svgs}/24-draft_orders.svg          |    0
 .../assets/svgs}/24-education.svg             |    0
 .../icons => src/assets/svgs}/24-error.svg    |    0
 .../icons => src/assets/svgs}/24-favorite.svg |    0
 .../icons => src/assets/svgs}/24-forum.svg    |    0
 .../icons => src/assets/svgs}/24-group.svg    |    0
 .../icons => src/assets/svgs}/24-info.svg     |    0
 .../assets/svgs}/24-location_on.svg           |    0
 .../icons => src/assets/svgs}/24-more.svg     |    0
 .../assets/svgs}/24-more_secondary.svg        |    0
 .../assets/svgs}/24-navigate_before.svg       |    0
 .../assets/svgs}/24-navigate_next.svg         |    0
 .../assets/svgs}/24-notification.svg          |    0
 .../assets/svgs}/24-scrap_filled.svg          |    0
 .../assets/svgs}/24-scrap_fixed.svg           |    0
 .../assets/svgs}/24-scrap_outline.svg         |    0
 .../icons => src/assets/svgs}/24-search.svg   |    0
 .../icons => src/assets/svgs}/24-send.svg     |    0
 .../icons => src/assets/svgs}/24-settings.svg |    0
 .../icons => src/assets/svgs}/24-thumb_up.svg |    0
 .../icons => src/assets/svgs}/24-warning.svg  |    0
 .../icons => src/assets/svgs}/32-add.svg      |    0
 .../icons => src/assets/svgs}/32-close.svg    |    0
 .../assets/svgs}/32-draft_orders.svg          |    0
 .../assets/svgs}/32-education.svg             |    0
 .../icons => src/assets/svgs}/32-error.svg    |    0
 .../assets/svgs/32-footer-community.svg}      |    0
 .../assets/svgs/32-footer-grouping.svg}       |    2 +-
 .../assets/svgs/32-footer-meeting.svg}        |    2 +-
 .../assets/svgs/32-footer-profile.svg}        |    2 +-
 .../icons => src/assets/svgs}/4-dot.svg       |    0
 .../icons => src/assets/svgs}/48-active.svg   |    0
 .../assets/svgs}/48-add_photo.svg             |    0
 .../assets/svgs}/48-add_photo_white.svg       |    0
 .../icons => src/assets/svgs}/48-cancel.svg   |    0
 .../icons => src/assets/svgs}/48-check.svg    |    0
 .../icons => src/assets/svgs}/48-happy.svg    |    0
 .../icons => src/assets/svgs}/48-humor.svg    |    0
 .../icons => src/assets/svgs}/48-kind.svg     |    0
 .../icons => src/assets/svgs}/48-warning.svg  |    0
 packages/web/src/components/Footer/Footer.tsx |   20 +-
 packages/web/svg.d.ts                         |    6 +
 packages/web/tsconfig.json                    |    2 +-
 yarn.lock                                     | 1043 ++++++++++++++++-
 87 files changed, 1076 insertions(+), 53 deletions(-)
 delete mode 100644 packages/web/public/sprite/icons/32-footer-community_selected.svg
 delete mode 100644 packages/web/public/sprite/icons/32-footer-grouping_selected.svg
 delete mode 100644 packages/web/public/sprite/icons/32-footer-meeting_selected.svg
 delete mode 100644 packages/web/public/sprite/icons/32-footer-profile_selected.svg
 rename packages/web/{public/sprite/icons => src/assets/svgs}/16-application.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/16-birth.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/16-comment_fill.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/16-date_range.svg (100%)
 rename packages/web/{public/sprite/icons/16-favorite_fill.svg => src/assets/svgs/16-favorite.svg} (90%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/16-group_blue.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/16-group_gray.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/16-group_warning.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/16-host.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/16-info.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/16-location.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/16-male.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/16-reliability-gloddy.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/16-reliability-hood.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/16-reliability-mate.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/16-reliability-soulmate.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/16-school.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-add.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-announcement.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-application.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-application_notification.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-arrow_back.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-arrow_down.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-backspace.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-calendar_month.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-chat.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-checkbox_outline_checked.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-checkbox_outline_default.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-checkbox_solid_checked.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-checkbox_solid_default.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-close.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-comments.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-copy.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-delete.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-delete_menu.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-delete_mode.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-draft_orders.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-education.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-error.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-favorite.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-forum.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-group.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-info.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-location_on.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-more.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-more_secondary.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-navigate_before.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-navigate_next.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-notification.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-scrap_filled.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-scrap_fixed.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-scrap_outline.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-search.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-send.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-settings.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-thumb_up.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/24-warning.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/32-add.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/32-close.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/32-draft_orders.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/32-education.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/32-error.svg (100%)
 rename packages/web/{public/sprite/icons/32-footer-community_default.svg => src/assets/svgs/32-footer-community.svg} (100%)
 rename packages/web/{public/sprite/icons/32-footer-grouping_default.svg => src/assets/svgs/32-footer-grouping.svg} (91%)
 rename packages/web/{public/sprite/icons/32-footer-meeting_default.svg => src/assets/svgs/32-footer-meeting.svg} (96%)
 rename packages/web/{public/sprite/icons/32-footer-profile_default.svg => src/assets/svgs/32-footer-profile.svg} (94%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/4-dot.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/48-active.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/48-add_photo.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/48-add_photo_white.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/48-cancel.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/48-check.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/48-happy.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/48-humor.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/48-kind.svg (100%)
 rename packages/web/{public/sprite/icons => src/assets/svgs}/48-warning.svg (100%)
 create mode 100644 packages/web/svg.d.ts

diff --git a/packages/web/next.config.mjs b/packages/web/next.config.mjs
index 5963aab24..3a91e8b90 100644
--- a/packages/web/next.config.mjs
+++ b/packages/web/next.config.mjs
@@ -9,6 +9,19 @@ const withBundleAnalyzer = createBundleAnalyzer({
  * @type {import('next').NextConfig}
  */
 const nextConfig = {
+  webpack: (config) => {
+    const fileLoaderRule = config.module.rules.find((rule) => rule.test?.test?.('.svg'));
+
+    config.module.rules.push({
+      test: /\.svg$/i,
+      issuer: fileLoaderRule.issuer,
+      resourceQuery: { not: [...fileLoaderRule.resourceQuery.not, /url/] }, // exclude if *.svg?url
+      use: ['@svgr/webpack'],
+    });
+    fileLoaderRule.exclude = /\.svg$/i;
+
+    return config;
+  },
   images: {
     remotePatterns: [
       {
@@ -26,4 +39,5 @@ const nextConfig = {
     formats: ['image/webp'],
   },
 };
+
 export default withBundleAnalyzer(withPlaiceholder(nextConfig));
diff --git a/packages/web/package.json b/packages/web/package.json
index 1bb1d0fca..385852db4 100644
--- a/packages/web/package.json
+++ b/packages/web/package.json
@@ -56,6 +56,7 @@
     "@babel/preset-env": "^7.22.10",
     "@babel/preset-typescript": "^7.22.5",
     "@hookform/devtools": "^4.3.1",
+    "@svgr/webpack": "^8.1.0",
     "@testing-library/dom": "^9.3.4",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^14.0.0",
diff --git a/packages/web/public/sprite/icons/32-footer-community_selected.svg b/packages/web/public/sprite/icons/32-footer-community_selected.svg
deleted file mode 100644
index 6d7b09c24..000000000
--- a/packages/web/public/sprite/icons/32-footer-community_selected.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M2 14.625V26.3125C2 26.6923 2.31325 27 2.7 27H6.2V13.25H3.4C2.62694 13.25 2 13.8657 2 14.625ZM17.75 12.5625H16.7V10.8438C16.7 10.6538 16.5434 10.5 16.35 10.5H15.65C15.4566 10.5 15.3 10.6538 15.3 10.8438V13.5938C15.3 13.7837 15.4566 13.9375 15.65 13.9375H17.75C17.9434 13.9375 18.1 13.7837 18.1 13.5938V12.9063C18.1 12.7163 17.9434 12.5625 17.75 12.5625ZM23.7766 9.81422L16.7766 5.23075C16.5466 5.08028 16.2764 5 16 5C15.7236 5 15.4535 5.08028 15.2234 5.23075L8.22344 9.81422C8.0317 9.93977 7.87449 10.1098 7.76573 10.3094C7.65698 10.5089 7.60005 10.7317 7.6 10.9581V27H13.2V20.8125C13.2 20.4327 13.5133 20.125 13.9 20.125H18.1C18.4868 20.125 18.8 20.4327 18.8 20.8125V27H24.4V10.9585C24.4 10.4987 24.1659 10.069 23.7766 9.81422ZM16 16C14.0671 16 12.5 14.4609 12.5 12.5625C12.5 10.6641 14.0671 9.125 16 9.125C17.9329 9.125 19.5 10.6641 19.5 12.5625C19.5 14.4609 17.9329 16 16 16ZM28.6 13.25H25.8V27H29.3C29.6868 27 30 26.6923 30 26.3125V14.625C30 13.8657 29.3731 13.25 28.6 13.25Z" fill="#3387FF"/>
-</svg>
diff --git a/packages/web/public/sprite/icons/32-footer-grouping_selected.svg b/packages/web/public/sprite/icons/32-footer-grouping_selected.svg
deleted file mode 100644
index 71756e171..000000000
--- a/packages/web/public/sprite/icons/32-footer-grouping_selected.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg width="32" height="33" viewBox="0 0 32 33" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_5102_13172)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5116 4.29193C16.5775 3.74705 15.4225 3.74705 14.4884 4.29193L5.48839 9.54193C4.56673 10.0796 4 11.0663 4 12.1333V25.4102C4 27.6193 5.79086 29.4102 8 29.4102H12C12.5523 29.4102 13 28.9624 13 28.4102V22.4102C13 20.7539 14.3433 19.4102 16 19.4102C17.6567 19.4102 19 20.7539 19 22.4102V28.4102C19 28.9624 19.4477 29.4102 20 29.4102H24C26.2091 29.4102 28 27.6193 28 25.4102V12.1333C28 11.0663 27.4333 10.0796 26.5116 9.54193L17.5116 4.29193Z" fill="#3387FF"/>
-</g>
-<defs>
-<clipPath id="clip0_5102_13172">
-<rect width="32" height="32" fill="white" transform="translate(0 0.410156)"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/web/public/sprite/icons/32-footer-meeting_selected.svg b/packages/web/public/sprite/icons/32-footer-meeting_selected.svg
deleted file mode 100644
index 335d562b8..000000000
--- a/packages/web/public/sprite/icons/32-footer-meeting_selected.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg width="32" height="33" viewBox="0 0 32 33" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_5102_13183)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16 15.0255C18.3791 15.0255 20.3077 13.0969 20.3077 10.7178C20.3077 8.33878 18.3791 6.41016 16 6.41016C13.6209 6.41016 11.6923 8.33878 11.6923 10.7178C11.6923 13.0969 13.6209 15.0255 16 15.0255ZM7.38462 17.1794C9.16892 17.1794 10.6154 15.7329 10.6154 13.9486C10.6154 12.1643 9.16892 10.7178 7.38462 10.7178C5.60031 10.7178 4.15385 12.1643 4.15385 13.9486C4.15385 15.7329 5.60031 17.1794 7.38462 17.1794ZM27.8462 13.9486C27.8462 15.7329 26.3997 17.1794 24.6154 17.1794C22.8311 17.1794 21.3846 15.7329 21.3846 13.9486C21.3846 12.1643 22.8311 10.7178 24.6154 10.7178C26.3997 10.7178 27.8462 12.1643 27.8462 13.9486ZM16 16.1025C12.4314 16.1025 9.53846 18.9954 9.53846 22.564V24.8717C9.53846 25.9763 10.4339 26.8717 11.5385 26.8717H20.4615C21.5661 26.8717 22.4615 25.9763 22.4615 24.8717V22.564C22.4615 18.9954 19.5686 16.1025 16 16.1025ZM2 22.9556C2 20.3603 4.10395 18.2563 6.6993 18.2563C7.67256 18.2563 8.46154 19.0453 8.46154 20.0185V25.8717C8.46154 26.424 8.01382 26.8717 7.46154 26.8717H2.95727C2.42858 26.8717 2 26.4431 2 25.9144V22.9556ZM25.3007 18.2563C24.3274 18.2563 23.5385 19.0453 23.5385 20.0185V24.8717C23.5385 25.9763 24.4339 26.8717 25.5385 26.8717H29.4932C29.7731 26.8717 30 26.6448 30 26.3649V22.9556C30 20.3603 27.8961 18.2563 25.3007 18.2563Z" fill="#3387FF"/>
-</g>
-<defs>
-<clipPath id="clip0_5102_13183">
-<rect width="32" height="32" fill="white" transform="translate(0 0.410156)"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/web/public/sprite/icons/32-footer-profile_selected.svg b/packages/web/public/sprite/icons/32-footer-profile_selected.svg
deleted file mode 100644
index 126825068..000000000
--- a/packages/web/public/sprite/icons/32-footer-profile_selected.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg width="32" height="33" viewBox="0 0 32 33" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_5102_13192)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M29 16.4102C29 23.5899 23.1797 29.4102 16 29.4102C8.8203 29.4102 3 23.5899 3 16.4102C3 9.23045 8.8203 3.41016 16 3.41016C23.1797 3.41016 29 9.23045 29 16.4102ZM14.8306 14.9523C14.5383 14.531 13.9597 14.4264 13.5383 14.7187C13.117 15.0111 13.0124 15.5896 13.3047 16.011C13.7721 16.6846 14.6565 17.2214 15.6197 17.3476C16.6486 17.4825 17.7925 17.1516 18.6592 16.0586C18.9778 15.6568 18.9104 15.0727 18.5085 14.7541C18.1067 14.4354 17.5226 14.5029 17.204 14.9047C16.7691 15.4531 16.2861 15.5619 15.861 15.5062C15.3702 15.4419 14.9733 15.1581 14.8306 14.9523ZM12.6186 12.3037C12.6186 12.9706 12.078 13.5112 11.4112 13.5112C10.7443 13.5112 10.2037 12.9706 10.2037 12.3037C10.2037 11.6369 10.7443 11.0963 11.4112 11.0963C12.078 11.0963 12.6186 11.6369 12.6186 12.3037ZM20.5885 13.5112C21.2554 13.5112 21.796 12.9706 21.796 12.3037C21.796 11.6369 21.2554 11.0963 20.5885 11.0963C19.9216 11.0963 19.381 11.6369 19.381 12.3037C19.381 12.9706 19.9216 13.5112 20.5885 13.5112Z" fill="#3387FF"/>
-</g>
-<defs>
-<clipPath id="clip0_5102_13192">
-<rect width="32" height="32" fill="white" transform="translate(0 0.410156)"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/packages/web/src/app/[lng]/layout.tsx b/packages/web/src/app/[lng]/layout.tsx
index 5ca69de6f..74d45a6d3 100644
--- a/packages/web/src/app/[lng]/layout.tsx
+++ b/packages/web/src/app/[lng]/layout.tsx
@@ -21,7 +21,7 @@ const DEFAULT_OG_IMAGE = '/images/main_logo.png';
 const SansFont = localFont({
   src: [
     {
-      path: './fonts/Pretendard-Medium.woff2',
+      path: 'fonts/Pretendard-Medium.woff2',
       weight: '500',
       style: 'normal',
     },
diff --git a/packages/web/public/sprite/icons/16-application.svg b/packages/web/src/assets/svgs/16-application.svg
similarity index 100%
rename from packages/web/public/sprite/icons/16-application.svg
rename to packages/web/src/assets/svgs/16-application.svg
diff --git a/packages/web/public/sprite/icons/16-birth.svg b/packages/web/src/assets/svgs/16-birth.svg
similarity index 100%
rename from packages/web/public/sprite/icons/16-birth.svg
rename to packages/web/src/assets/svgs/16-birth.svg
diff --git a/packages/web/public/sprite/icons/16-comment_fill.svg b/packages/web/src/assets/svgs/16-comment_fill.svg
similarity index 100%
rename from packages/web/public/sprite/icons/16-comment_fill.svg
rename to packages/web/src/assets/svgs/16-comment_fill.svg
diff --git a/packages/web/public/sprite/icons/16-date_range.svg b/packages/web/src/assets/svgs/16-date_range.svg
similarity index 100%
rename from packages/web/public/sprite/icons/16-date_range.svg
rename to packages/web/src/assets/svgs/16-date_range.svg
diff --git a/packages/web/public/sprite/icons/16-favorite_fill.svg b/packages/web/src/assets/svgs/16-favorite.svg
similarity index 90%
rename from packages/web/public/sprite/icons/16-favorite_fill.svg
rename to packages/web/src/assets/svgs/16-favorite.svg
index edd5fd3a1..76a63e6f9 100644
--- a/packages/web/public/sprite/icons/16-favorite_fill.svg
+++ b/packages/web/src/assets/svgs/16-favorite.svg
@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <g id="Favorite_fill">
-<path id="Vector 15" d="M2.96745 9.26954L7.60252 13.6237C7.65436 13.6724 7.68028 13.6967 7.70496 13.7148C7.88082 13.8436 8.11983 13.8436 8.29569 13.7148C8.32037 13.6967 8.34629 13.6724 8.39813 13.6237L13.0332 9.26954C14.3373 8.04446 14.4957 6.02846 13.3989 4.61477L13.1926 4.34896C11.8805 2.65778 9.24675 2.94141 8.32477 4.87316C8.19454 5.14604 7.80612 5.14603 7.67588 4.87316C6.75391 2.94141 4.12014 2.65778 2.80802 4.34896L2.60178 4.61477C1.50496 6.02846 1.66333 8.04446 2.96745 9.26954Z" fill="#F16657"/>
+<path id="Vector 15" d="M2.96745 9.26954L7.60252 13.6237C7.65436 13.6724 7.68028 13.6967 7.70496 13.7148C7.88082 13.8436 8.11983 13.8436 8.29569 13.7148C8.32037 13.6967 8.34629 13.6724 8.39813 13.6237L13.0332 9.26954C14.3373 8.04446 14.4957 6.02846 13.3989 4.61477L13.1926 4.34896C11.8805 2.65778 9.24675 2.94141 8.32477 4.87316C8.19454 5.14604 7.80612 5.14603 7.67588 4.87316C6.75391 2.94141 4.12014 2.65778 2.80802 4.34896L2.60178 4.61477C1.50496 6.02846 1.66333 8.04446 2.96745 9.26954Z" fill="currentColor"/>
 </g>
 </svg>
diff --git a/packages/web/public/sprite/icons/16-group_blue.svg b/packages/web/src/assets/svgs/16-group_blue.svg
similarity index 100%
rename from packages/web/public/sprite/icons/16-group_blue.svg
rename to packages/web/src/assets/svgs/16-group_blue.svg
diff --git a/packages/web/public/sprite/icons/16-group_gray.svg b/packages/web/src/assets/svgs/16-group_gray.svg
similarity index 100%
rename from packages/web/public/sprite/icons/16-group_gray.svg
rename to packages/web/src/assets/svgs/16-group_gray.svg
diff --git a/packages/web/public/sprite/icons/16-group_warning.svg b/packages/web/src/assets/svgs/16-group_warning.svg
similarity index 100%
rename from packages/web/public/sprite/icons/16-group_warning.svg
rename to packages/web/src/assets/svgs/16-group_warning.svg
diff --git a/packages/web/public/sprite/icons/16-host.svg b/packages/web/src/assets/svgs/16-host.svg
similarity index 100%
rename from packages/web/public/sprite/icons/16-host.svg
rename to packages/web/src/assets/svgs/16-host.svg
diff --git a/packages/web/public/sprite/icons/16-info.svg b/packages/web/src/assets/svgs/16-info.svg
similarity index 100%
rename from packages/web/public/sprite/icons/16-info.svg
rename to packages/web/src/assets/svgs/16-info.svg
diff --git a/packages/web/public/sprite/icons/16-location.svg b/packages/web/src/assets/svgs/16-location.svg
similarity index 100%
rename from packages/web/public/sprite/icons/16-location.svg
rename to packages/web/src/assets/svgs/16-location.svg
diff --git a/packages/web/public/sprite/icons/16-male.svg b/packages/web/src/assets/svgs/16-male.svg
similarity index 100%
rename from packages/web/public/sprite/icons/16-male.svg
rename to packages/web/src/assets/svgs/16-male.svg
diff --git a/packages/web/public/sprite/icons/16-reliability-gloddy.svg b/packages/web/src/assets/svgs/16-reliability-gloddy.svg
similarity index 100%
rename from packages/web/public/sprite/icons/16-reliability-gloddy.svg
rename to packages/web/src/assets/svgs/16-reliability-gloddy.svg
diff --git a/packages/web/public/sprite/icons/16-reliability-hood.svg b/packages/web/src/assets/svgs/16-reliability-hood.svg
similarity index 100%
rename from packages/web/public/sprite/icons/16-reliability-hood.svg
rename to packages/web/src/assets/svgs/16-reliability-hood.svg
diff --git a/packages/web/public/sprite/icons/16-reliability-mate.svg b/packages/web/src/assets/svgs/16-reliability-mate.svg
similarity index 100%
rename from packages/web/public/sprite/icons/16-reliability-mate.svg
rename to packages/web/src/assets/svgs/16-reliability-mate.svg
diff --git a/packages/web/public/sprite/icons/16-reliability-soulmate.svg b/packages/web/src/assets/svgs/16-reliability-soulmate.svg
similarity index 100%
rename from packages/web/public/sprite/icons/16-reliability-soulmate.svg
rename to packages/web/src/assets/svgs/16-reliability-soulmate.svg
diff --git a/packages/web/public/sprite/icons/16-school.svg b/packages/web/src/assets/svgs/16-school.svg
similarity index 100%
rename from packages/web/public/sprite/icons/16-school.svg
rename to packages/web/src/assets/svgs/16-school.svg
diff --git a/packages/web/public/sprite/icons/24-add.svg b/packages/web/src/assets/svgs/24-add.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-add.svg
rename to packages/web/src/assets/svgs/24-add.svg
diff --git a/packages/web/public/sprite/icons/24-announcement.svg b/packages/web/src/assets/svgs/24-announcement.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-announcement.svg
rename to packages/web/src/assets/svgs/24-announcement.svg
diff --git a/packages/web/public/sprite/icons/24-application.svg b/packages/web/src/assets/svgs/24-application.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-application.svg
rename to packages/web/src/assets/svgs/24-application.svg
diff --git a/packages/web/public/sprite/icons/24-application_notification.svg b/packages/web/src/assets/svgs/24-application_notification.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-application_notification.svg
rename to packages/web/src/assets/svgs/24-application_notification.svg
diff --git a/packages/web/public/sprite/icons/24-arrow_back.svg b/packages/web/src/assets/svgs/24-arrow_back.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-arrow_back.svg
rename to packages/web/src/assets/svgs/24-arrow_back.svg
diff --git a/packages/web/public/sprite/icons/24-arrow_down.svg b/packages/web/src/assets/svgs/24-arrow_down.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-arrow_down.svg
rename to packages/web/src/assets/svgs/24-arrow_down.svg
diff --git a/packages/web/public/sprite/icons/24-backspace.svg b/packages/web/src/assets/svgs/24-backspace.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-backspace.svg
rename to packages/web/src/assets/svgs/24-backspace.svg
diff --git a/packages/web/public/sprite/icons/24-calendar_month.svg b/packages/web/src/assets/svgs/24-calendar_month.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-calendar_month.svg
rename to packages/web/src/assets/svgs/24-calendar_month.svg
diff --git a/packages/web/public/sprite/icons/24-chat.svg b/packages/web/src/assets/svgs/24-chat.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-chat.svg
rename to packages/web/src/assets/svgs/24-chat.svg
diff --git a/packages/web/public/sprite/icons/24-checkbox_outline_checked.svg b/packages/web/src/assets/svgs/24-checkbox_outline_checked.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-checkbox_outline_checked.svg
rename to packages/web/src/assets/svgs/24-checkbox_outline_checked.svg
diff --git a/packages/web/public/sprite/icons/24-checkbox_outline_default.svg b/packages/web/src/assets/svgs/24-checkbox_outline_default.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-checkbox_outline_default.svg
rename to packages/web/src/assets/svgs/24-checkbox_outline_default.svg
diff --git a/packages/web/public/sprite/icons/24-checkbox_solid_checked.svg b/packages/web/src/assets/svgs/24-checkbox_solid_checked.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-checkbox_solid_checked.svg
rename to packages/web/src/assets/svgs/24-checkbox_solid_checked.svg
diff --git a/packages/web/public/sprite/icons/24-checkbox_solid_default.svg b/packages/web/src/assets/svgs/24-checkbox_solid_default.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-checkbox_solid_default.svg
rename to packages/web/src/assets/svgs/24-checkbox_solid_default.svg
diff --git a/packages/web/public/sprite/icons/24-close.svg b/packages/web/src/assets/svgs/24-close.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-close.svg
rename to packages/web/src/assets/svgs/24-close.svg
diff --git a/packages/web/public/sprite/icons/24-comments.svg b/packages/web/src/assets/svgs/24-comments.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-comments.svg
rename to packages/web/src/assets/svgs/24-comments.svg
diff --git a/packages/web/public/sprite/icons/24-copy.svg b/packages/web/src/assets/svgs/24-copy.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-copy.svg
rename to packages/web/src/assets/svgs/24-copy.svg
diff --git a/packages/web/public/sprite/icons/24-delete.svg b/packages/web/src/assets/svgs/24-delete.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-delete.svg
rename to packages/web/src/assets/svgs/24-delete.svg
diff --git a/packages/web/public/sprite/icons/24-delete_menu.svg b/packages/web/src/assets/svgs/24-delete_menu.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-delete_menu.svg
rename to packages/web/src/assets/svgs/24-delete_menu.svg
diff --git a/packages/web/public/sprite/icons/24-delete_mode.svg b/packages/web/src/assets/svgs/24-delete_mode.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-delete_mode.svg
rename to packages/web/src/assets/svgs/24-delete_mode.svg
diff --git a/packages/web/public/sprite/icons/24-draft_orders.svg b/packages/web/src/assets/svgs/24-draft_orders.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-draft_orders.svg
rename to packages/web/src/assets/svgs/24-draft_orders.svg
diff --git a/packages/web/public/sprite/icons/24-education.svg b/packages/web/src/assets/svgs/24-education.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-education.svg
rename to packages/web/src/assets/svgs/24-education.svg
diff --git a/packages/web/public/sprite/icons/24-error.svg b/packages/web/src/assets/svgs/24-error.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-error.svg
rename to packages/web/src/assets/svgs/24-error.svg
diff --git a/packages/web/public/sprite/icons/24-favorite.svg b/packages/web/src/assets/svgs/24-favorite.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-favorite.svg
rename to packages/web/src/assets/svgs/24-favorite.svg
diff --git a/packages/web/public/sprite/icons/24-forum.svg b/packages/web/src/assets/svgs/24-forum.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-forum.svg
rename to packages/web/src/assets/svgs/24-forum.svg
diff --git a/packages/web/public/sprite/icons/24-group.svg b/packages/web/src/assets/svgs/24-group.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-group.svg
rename to packages/web/src/assets/svgs/24-group.svg
diff --git a/packages/web/public/sprite/icons/24-info.svg b/packages/web/src/assets/svgs/24-info.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-info.svg
rename to packages/web/src/assets/svgs/24-info.svg
diff --git a/packages/web/public/sprite/icons/24-location_on.svg b/packages/web/src/assets/svgs/24-location_on.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-location_on.svg
rename to packages/web/src/assets/svgs/24-location_on.svg
diff --git a/packages/web/public/sprite/icons/24-more.svg b/packages/web/src/assets/svgs/24-more.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-more.svg
rename to packages/web/src/assets/svgs/24-more.svg
diff --git a/packages/web/public/sprite/icons/24-more_secondary.svg b/packages/web/src/assets/svgs/24-more_secondary.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-more_secondary.svg
rename to packages/web/src/assets/svgs/24-more_secondary.svg
diff --git a/packages/web/public/sprite/icons/24-navigate_before.svg b/packages/web/src/assets/svgs/24-navigate_before.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-navigate_before.svg
rename to packages/web/src/assets/svgs/24-navigate_before.svg
diff --git a/packages/web/public/sprite/icons/24-navigate_next.svg b/packages/web/src/assets/svgs/24-navigate_next.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-navigate_next.svg
rename to packages/web/src/assets/svgs/24-navigate_next.svg
diff --git a/packages/web/public/sprite/icons/24-notification.svg b/packages/web/src/assets/svgs/24-notification.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-notification.svg
rename to packages/web/src/assets/svgs/24-notification.svg
diff --git a/packages/web/public/sprite/icons/24-scrap_filled.svg b/packages/web/src/assets/svgs/24-scrap_filled.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-scrap_filled.svg
rename to packages/web/src/assets/svgs/24-scrap_filled.svg
diff --git a/packages/web/public/sprite/icons/24-scrap_fixed.svg b/packages/web/src/assets/svgs/24-scrap_fixed.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-scrap_fixed.svg
rename to packages/web/src/assets/svgs/24-scrap_fixed.svg
diff --git a/packages/web/public/sprite/icons/24-scrap_outline.svg b/packages/web/src/assets/svgs/24-scrap_outline.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-scrap_outline.svg
rename to packages/web/src/assets/svgs/24-scrap_outline.svg
diff --git a/packages/web/public/sprite/icons/24-search.svg b/packages/web/src/assets/svgs/24-search.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-search.svg
rename to packages/web/src/assets/svgs/24-search.svg
diff --git a/packages/web/public/sprite/icons/24-send.svg b/packages/web/src/assets/svgs/24-send.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-send.svg
rename to packages/web/src/assets/svgs/24-send.svg
diff --git a/packages/web/public/sprite/icons/24-settings.svg b/packages/web/src/assets/svgs/24-settings.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-settings.svg
rename to packages/web/src/assets/svgs/24-settings.svg
diff --git a/packages/web/public/sprite/icons/24-thumb_up.svg b/packages/web/src/assets/svgs/24-thumb_up.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-thumb_up.svg
rename to packages/web/src/assets/svgs/24-thumb_up.svg
diff --git a/packages/web/public/sprite/icons/24-warning.svg b/packages/web/src/assets/svgs/24-warning.svg
similarity index 100%
rename from packages/web/public/sprite/icons/24-warning.svg
rename to packages/web/src/assets/svgs/24-warning.svg
diff --git a/packages/web/public/sprite/icons/32-add.svg b/packages/web/src/assets/svgs/32-add.svg
similarity index 100%
rename from packages/web/public/sprite/icons/32-add.svg
rename to packages/web/src/assets/svgs/32-add.svg
diff --git a/packages/web/public/sprite/icons/32-close.svg b/packages/web/src/assets/svgs/32-close.svg
similarity index 100%
rename from packages/web/public/sprite/icons/32-close.svg
rename to packages/web/src/assets/svgs/32-close.svg
diff --git a/packages/web/public/sprite/icons/32-draft_orders.svg b/packages/web/src/assets/svgs/32-draft_orders.svg
similarity index 100%
rename from packages/web/public/sprite/icons/32-draft_orders.svg
rename to packages/web/src/assets/svgs/32-draft_orders.svg
diff --git a/packages/web/public/sprite/icons/32-education.svg b/packages/web/src/assets/svgs/32-education.svg
similarity index 100%
rename from packages/web/public/sprite/icons/32-education.svg
rename to packages/web/src/assets/svgs/32-education.svg
diff --git a/packages/web/public/sprite/icons/32-error.svg b/packages/web/src/assets/svgs/32-error.svg
similarity index 100%
rename from packages/web/public/sprite/icons/32-error.svg
rename to packages/web/src/assets/svgs/32-error.svg
diff --git a/packages/web/public/sprite/icons/32-footer-community_default.svg b/packages/web/src/assets/svgs/32-footer-community.svg
similarity index 100%
rename from packages/web/public/sprite/icons/32-footer-community_default.svg
rename to packages/web/src/assets/svgs/32-footer-community.svg
diff --git a/packages/web/public/sprite/icons/32-footer-grouping_default.svg b/packages/web/src/assets/svgs/32-footer-grouping.svg
similarity index 91%
rename from packages/web/public/sprite/icons/32-footer-grouping_default.svg
rename to packages/web/src/assets/svgs/32-footer-grouping.svg
index 8f0b4e860..c769d7361 100644
--- a/packages/web/public/sprite/icons/32-footer-grouping_default.svg
+++ b/packages/web/src/assets/svgs/32-footer-grouping.svg
@@ -1,6 +1,6 @@
 <svg width="32" height="33" viewBox="0 0 32 33" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_5102_13100)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5116 4.29193C16.5775 3.74705 15.4225 3.74705 14.4884 4.29193L5.48839 9.54193C4.56673 10.0796 4 11.0663 4 12.1333V25.4102C4 27.6193 5.79086 29.4102 8 29.4102H12C12.5523 29.4102 13 28.9624 13 28.4102V22.4102C13 20.7539 14.3433 19.4102 16 19.4102C17.6567 19.4102 19 20.7539 19 22.4102V28.4102C19 28.9624 19.4477 29.4102 20 29.4102H24C26.2091 29.4102 28 27.6193 28 25.4102V12.1333C28 11.0663 27.4333 10.0796 26.5116 9.54193L17.5116 4.29193Z" fill="#858899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5116 4.29193C16.5775 3.74705 15.4225 3.74705 14.4884 4.29193L5.48839 9.54193C4.56673 10.0796 4 11.0663 4 12.1333V25.4102C4 27.6193 5.79086 29.4102 8 29.4102H12C12.5523 29.4102 13 28.9624 13 28.4102V22.4102C13 20.7539 14.3433 19.4102 16 19.4102C17.6567 19.4102 19 20.7539 19 22.4102V28.4102C19 28.9624 19.4477 29.4102 20 29.4102H24C26.2091 29.4102 28 27.6193 28 25.4102V12.1333C28 11.0663 27.4333 10.0796 26.5116 9.54193L17.5116 4.29193Z" fill="currentColor"/>
 </g>
 <defs>
 <clipPath id="clip0_5102_13100">
diff --git a/packages/web/public/sprite/icons/32-footer-meeting_default.svg b/packages/web/src/assets/svgs/32-footer-meeting.svg
similarity index 96%
rename from packages/web/public/sprite/icons/32-footer-meeting_default.svg
rename to packages/web/src/assets/svgs/32-footer-meeting.svg
index 171f84a0b..3cd234dbb 100644
--- a/packages/web/public/sprite/icons/32-footer-meeting_default.svg
+++ b/packages/web/src/assets/svgs/32-footer-meeting.svg
@@ -1,6 +1,6 @@
 <svg width="32" height="33" viewBox="0 0 32 33" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_5102_13102)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16 15.0255C18.3791 15.0255 20.3077 13.0969 20.3077 10.7178C20.3077 8.33878 18.3791 6.41016 16 6.41016C13.6209 6.41016 11.6923 8.33878 11.6923 10.7178C11.6923 13.0969 13.6209 15.0255 16 15.0255ZM7.38462 17.1794C9.16892 17.1794 10.6154 15.7329 10.6154 13.9486C10.6154 12.1643 9.16892 10.7178 7.38462 10.7178C5.60031 10.7178 4.15385 12.1643 4.15385 13.9486C4.15385 15.7329 5.60031 17.1794 7.38462 17.1794ZM27.8462 13.9486C27.8462 15.7329 26.3997 17.1794 24.6154 17.1794C22.8311 17.1794 21.3846 15.7329 21.3846 13.9486C21.3846 12.1643 22.8311 10.7178 24.6154 10.7178C26.3997 10.7178 27.8462 12.1643 27.8462 13.9486ZM16 16.1025C12.4314 16.1025 9.53846 18.9954 9.53846 22.564V24.8717C9.53846 25.9763 10.4339 26.8717 11.5385 26.8717H20.4615C21.5661 26.8717 22.4615 25.9763 22.4615 24.8717V22.564C22.4615 18.9954 19.5686 16.1025 16 16.1025ZM2 22.9556C2 20.3603 4.10395 18.2563 6.6993 18.2563C7.67256 18.2563 8.46154 19.0453 8.46154 20.0185V25.8717C8.46154 26.424 8.01382 26.8717 7.46154 26.8717H2.95727C2.42858 26.8717 2 26.4431 2 25.9144V22.9556ZM25.3007 18.2563C24.3274 18.2563 23.5385 19.0453 23.5385 20.0185V24.8717C23.5385 25.9763 24.4339 26.8717 25.5385 26.8717H29.4932C29.7731 26.8717 30 26.6448 30 26.3649V22.9556C30 20.3603 27.8961 18.2563 25.3007 18.2563Z" fill="#858899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 15.0255C18.3791 15.0255 20.3077 13.0969 20.3077 10.7178C20.3077 8.33878 18.3791 6.41016 16 6.41016C13.6209 6.41016 11.6923 8.33878 11.6923 10.7178C11.6923 13.0969 13.6209 15.0255 16 15.0255ZM7.38462 17.1794C9.16892 17.1794 10.6154 15.7329 10.6154 13.9486C10.6154 12.1643 9.16892 10.7178 7.38462 10.7178C5.60031 10.7178 4.15385 12.1643 4.15385 13.9486C4.15385 15.7329 5.60031 17.1794 7.38462 17.1794ZM27.8462 13.9486C27.8462 15.7329 26.3997 17.1794 24.6154 17.1794C22.8311 17.1794 21.3846 15.7329 21.3846 13.9486C21.3846 12.1643 22.8311 10.7178 24.6154 10.7178C26.3997 10.7178 27.8462 12.1643 27.8462 13.9486ZM16 16.1025C12.4314 16.1025 9.53846 18.9954 9.53846 22.564V24.8717C9.53846 25.9763 10.4339 26.8717 11.5385 26.8717H20.4615C21.5661 26.8717 22.4615 25.9763 22.4615 24.8717V22.564C22.4615 18.9954 19.5686 16.1025 16 16.1025ZM2 22.9556C2 20.3603 4.10395 18.2563 6.6993 18.2563C7.67256 18.2563 8.46154 19.0453 8.46154 20.0185V25.8717C8.46154 26.424 8.01382 26.8717 7.46154 26.8717H2.95727C2.42858 26.8717 2 26.4431 2 25.9144V22.9556ZM25.3007 18.2563C24.3274 18.2563 23.5385 19.0453 23.5385 20.0185V24.8717C23.5385 25.9763 24.4339 26.8717 25.5385 26.8717H29.4932C29.7731 26.8717 30 26.6448 30 26.3649V22.9556C30 20.3603 27.8961 18.2563 25.3007 18.2563Z" fill="currentColor"/>
 </g>
 <defs>
 <clipPath id="clip0_5102_13102">
diff --git a/packages/web/public/sprite/icons/32-footer-profile_default.svg b/packages/web/src/assets/svgs/32-footer-profile.svg
similarity index 94%
rename from packages/web/public/sprite/icons/32-footer-profile_default.svg
rename to packages/web/src/assets/svgs/32-footer-profile.svg
index 74a34a770..ddc1417b2 100644
--- a/packages/web/public/sprite/icons/32-footer-profile_default.svg
+++ b/packages/web/src/assets/svgs/32-footer-profile.svg
@@ -1,6 +1,6 @@
 <svg width="32" height="33" viewBox="0 0 32 33" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_5102_13103)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M29 16.4102C29 23.5899 23.1797 29.4102 16 29.4102C8.8203 29.4102 3 23.5899 3 16.4102C3 9.23045 8.8203 3.41016 16 3.41016C23.1797 3.41016 29 9.23045 29 16.4102ZM14.8306 14.9523C14.5383 14.531 13.9597 14.4264 13.5383 14.7187C13.117 15.0111 13.0124 15.5896 13.3047 16.011C13.7721 16.6846 14.6565 17.2214 15.6197 17.3476C16.6486 17.4825 17.7925 17.1516 18.6592 16.0586C18.9778 15.6568 18.9104 15.0727 18.5085 14.7541C18.1067 14.4354 17.5226 14.5029 17.204 14.9047C16.7691 15.4531 16.2861 15.5619 15.861 15.5062C15.3702 15.4419 14.9733 15.1581 14.8306 14.9523ZM12.6186 12.3037C12.6186 12.9706 12.078 13.5112 11.4112 13.5112C10.7443 13.5112 10.2037 12.9706 10.2037 12.3037C10.2037 11.6369 10.7443 11.0963 11.4112 11.0963C12.078 11.0963 12.6186 11.6369 12.6186 12.3037ZM20.5885 13.5112C21.2554 13.5112 21.796 12.9706 21.796 12.3037C21.796 11.6369 21.2554 11.0963 20.5885 11.0963C19.9216 11.0963 19.381 11.6369 19.381 12.3037C19.381 12.9706 19.9216 13.5112 20.5885 13.5112Z" fill="#858899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29 16.4102C29 23.5899 23.1797 29.4102 16 29.4102C8.8203 29.4102 3 23.5899 3 16.4102C3 9.23045 8.8203 3.41016 16 3.41016C23.1797 3.41016 29 9.23045 29 16.4102ZM14.8306 14.9523C14.5383 14.531 13.9597 14.4264 13.5383 14.7187C13.117 15.0111 13.0124 15.5896 13.3047 16.011C13.7721 16.6846 14.6565 17.2214 15.6197 17.3476C16.6486 17.4825 17.7925 17.1516 18.6592 16.0586C18.9778 15.6568 18.9104 15.0727 18.5085 14.7541C18.1067 14.4354 17.5226 14.5029 17.204 14.9047C16.7691 15.4531 16.2861 15.5619 15.861 15.5062C15.3702 15.4419 14.9733 15.1581 14.8306 14.9523ZM12.6186 12.3037C12.6186 12.9706 12.078 13.5112 11.4112 13.5112C10.7443 13.5112 10.2037 12.9706 10.2037 12.3037C10.2037 11.6369 10.7443 11.0963 11.4112 11.0963C12.078 11.0963 12.6186 11.6369 12.6186 12.3037ZM20.5885 13.5112C21.2554 13.5112 21.796 12.9706 21.796 12.3037C21.796 11.6369 21.2554 11.0963 20.5885 11.0963C19.9216 11.0963 19.381 11.6369 19.381 12.3037C19.381 12.9706 19.9216 13.5112 20.5885 13.5112Z" fill="currentColor"/>
 </g>
 <defs>
 <clipPath id="clip0_5102_13103">
diff --git a/packages/web/public/sprite/icons/4-dot.svg b/packages/web/src/assets/svgs/4-dot.svg
similarity index 100%
rename from packages/web/public/sprite/icons/4-dot.svg
rename to packages/web/src/assets/svgs/4-dot.svg
diff --git a/packages/web/public/sprite/icons/48-active.svg b/packages/web/src/assets/svgs/48-active.svg
similarity index 100%
rename from packages/web/public/sprite/icons/48-active.svg
rename to packages/web/src/assets/svgs/48-active.svg
diff --git a/packages/web/public/sprite/icons/48-add_photo.svg b/packages/web/src/assets/svgs/48-add_photo.svg
similarity index 100%
rename from packages/web/public/sprite/icons/48-add_photo.svg
rename to packages/web/src/assets/svgs/48-add_photo.svg
diff --git a/packages/web/public/sprite/icons/48-add_photo_white.svg b/packages/web/src/assets/svgs/48-add_photo_white.svg
similarity index 100%
rename from packages/web/public/sprite/icons/48-add_photo_white.svg
rename to packages/web/src/assets/svgs/48-add_photo_white.svg
diff --git a/packages/web/public/sprite/icons/48-cancel.svg b/packages/web/src/assets/svgs/48-cancel.svg
similarity index 100%
rename from packages/web/public/sprite/icons/48-cancel.svg
rename to packages/web/src/assets/svgs/48-cancel.svg
diff --git a/packages/web/public/sprite/icons/48-check.svg b/packages/web/src/assets/svgs/48-check.svg
similarity index 100%
rename from packages/web/public/sprite/icons/48-check.svg
rename to packages/web/src/assets/svgs/48-check.svg
diff --git a/packages/web/public/sprite/icons/48-happy.svg b/packages/web/src/assets/svgs/48-happy.svg
similarity index 100%
rename from packages/web/public/sprite/icons/48-happy.svg
rename to packages/web/src/assets/svgs/48-happy.svg
diff --git a/packages/web/public/sprite/icons/48-humor.svg b/packages/web/src/assets/svgs/48-humor.svg
similarity index 100%
rename from packages/web/public/sprite/icons/48-humor.svg
rename to packages/web/src/assets/svgs/48-humor.svg
diff --git a/packages/web/public/sprite/icons/48-kind.svg b/packages/web/src/assets/svgs/48-kind.svg
similarity index 100%
rename from packages/web/public/sprite/icons/48-kind.svg
rename to packages/web/src/assets/svgs/48-kind.svg
diff --git a/packages/web/public/sprite/icons/48-warning.svg b/packages/web/src/assets/svgs/48-warning.svg
similarity index 100%
rename from packages/web/public/sprite/icons/48-warning.svg
rename to packages/web/src/assets/svgs/48-warning.svg
diff --git a/packages/web/src/components/Footer/Footer.tsx b/packages/web/src/components/Footer/Footer.tsx
index 6f2d912ca..fdc271735 100644
--- a/packages/web/src/components/Footer/Footer.tsx
+++ b/packages/web/src/components/Footer/Footer.tsx
@@ -1,20 +1,25 @@
 'use client';
+
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
+import { ReactNode } from 'react';
 
 import { ButtonAnimation } from '../Animation';
-import { Icon } from '../Icon';
-import { NavLink } from '../NavLink';
 
 import type { PageType } from '@/types';
 
 import { useTranslation } from '@/app/i18n/client';
+import FooterGrouping from '@/assets/svgs/32-footer-grouping.svg';
+import FooterCommunity from '@/assets/svgs/32-footer-grouping.svg';
+import FooterMeeting from '@/assets/svgs/32-footer-meeting.svg';
+import FooterProfile from '@/assets/svgs/32-footer-profile.svg';
 import cn from '@/utils/cn';
 
 interface TabType {
   name: PageType;
   title: string;
   url: string;
+  icon: ReactNode;
 }
 
 const tabList: TabType[] = [
@@ -22,21 +27,25 @@ const tabList: TabType[] = [
     name: 'grouping',
     title: '매칭',
     url: '/grouping',
+    icon: <FooterGrouping className={'mx-auto'} />,
   },
   {
     name: 'meeting',
     title: '나의모임',
     url: '/meeting/participate?tab=participating',
+    icon: <FooterMeeting className={'mx-auto'} />,
   },
   {
     name: 'community',
     title: '커뮤니티',
     url: '/community?tab=all',
+    icon: <FooterCommunity className={'mx-auto'} />,
   },
   {
     name: 'profile',
     title: '프로필',
     url: '/profile',
+    icon: <FooterProfile className={'mx-auto'} />,
   },
 ];
 
@@ -67,12 +76,7 @@ export default function Footer({ isSpacing = true, spacingColor }: FooterProps)
             })}
           >
             <Link prefetch={true} replace={true} href={tab.url} scroll={false}>
-              <Icon
-                id={`32-footer-${tab.name}_default`}
-                width={32}
-                height={32}
-                className="mx-auto"
-              />
+              {tab.icon}
               <p>{t(tab.name)}</p>
             </Link>
           </ButtonAnimation>
diff --git a/packages/web/svg.d.ts b/packages/web/svg.d.ts
new file mode 100644
index 000000000..5f98111b6
--- /dev/null
+++ b/packages/web/svg.d.ts
@@ -0,0 +1,6 @@
+declare module '*.svg' {
+  import { FC, SVGProps } from 'react';
+
+  const content: FC<SVGProps<SVGElement>>;
+  export default content;
+}
diff --git a/packages/web/tsconfig.json b/packages/web/tsconfig.json
index cc351ed92..370d26803 100644
--- a/packages/web/tsconfig.json
+++ b/packages/web/tsconfig.json
@@ -27,5 +27,5 @@
     "types": ["@types/jest", "google.maps"]
   },
   "exclude": ["node_modules", "mock-server"],
-  "include": ["next-env.d.ts", ".next/types/**/*.ts", "**/*.ts", "**/*.tsx"]
+  "include": ["svgr.d.ts", "next-env.d.ts", ".next/types/**/*.ts", "**/*.ts", "**/*.tsx"]
 }
diff --git a/yarn.lock b/yarn.lock
index 8d7a2a8bd..cc681cffd 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -53,6 +53,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/compat-data@npm:^7.24.4":
+  version: 7.24.4
+  resolution: "@babel/compat-data@npm:7.24.4"
+  checksum: 52ce371658dc7796c9447c9cb3b9c0659370d141b76997f21c5e0028cca4d026ca546b84bc8d157ce7ca30bd353d89f9238504eb8b7aefa9b1f178b4c100c2d4
+  languageName: node
+  linkType: hard
+
 "@babel/core@npm:^7.1.0, @babel/core@npm:^7.11.6, @babel/core@npm:^7.12.17, @babel/core@npm:^7.12.3, @babel/core@npm:^7.13.16, @babel/core@npm:^7.14.0, @babel/core@npm:^7.20.0, @babel/core@npm:^7.21.3, @babel/core@npm:^7.22.10, @babel/core@npm:^7.23.9":
   version: 7.23.9
   resolution: "@babel/core@npm:7.23.9"
@@ -152,6 +159,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-create-class-features-plugin@npm:^7.24.1, @babel/helper-create-class-features-plugin@npm:^7.24.4":
+  version: 7.24.4
+  resolution: "@babel/helper-create-class-features-plugin@npm:7.24.4"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.22.5
+    "@babel/helper-environment-visitor": ^7.22.20
+    "@babel/helper-function-name": ^7.23.0
+    "@babel/helper-member-expression-to-functions": ^7.23.0
+    "@babel/helper-optimise-call-expression": ^7.22.5
+    "@babel/helper-replace-supers": ^7.24.1
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.22.5
+    "@babel/helper-split-export-declaration": ^7.22.6
+    semver: ^6.3.1
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 75b0a51ae1f7232932559779b78711c271404d02d069156d1bd9a7982c165c5134058d2ec2d8b5f2e42026ee4f52ba2a30c86a7aa3bce6b5fd0991eb721abc8c
+  languageName: node
+  linkType: hard
+
 "@babel/helper-create-regexp-features-plugin@npm:^7.18.6, @babel/helper-create-regexp-features-plugin@npm:^7.22.15, @babel/helper-create-regexp-features-plugin@npm:^7.22.5":
   version: 7.22.15
   resolution: "@babel/helper-create-regexp-features-plugin@npm:7.22.15"
@@ -180,6 +206,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-define-polyfill-provider@npm:^0.6.1":
+  version: 0.6.1
+  resolution: "@babel/helper-define-polyfill-provider@npm:0.6.1"
+  dependencies:
+    "@babel/helper-compilation-targets": ^7.22.6
+    "@babel/helper-plugin-utils": ^7.22.5
+    debug: ^4.1.1
+    lodash.debounce: ^4.0.8
+    resolve: ^1.14.2
+  peerDependencies:
+    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
+  checksum: b45deb37ce1342d862422e81a3d25ff55f9c7ca52fe303405641e2add8db754091aaaa2119047a0f0b85072221fbddaa92adf53104274661d2795783b56bea2c
+  languageName: node
+  linkType: hard
+
 "@babel/helper-environment-visitor@npm:^7.18.9, @babel/helper-environment-visitor@npm:^7.22.20":
   version: 7.22.20
   resolution: "@babel/helper-environment-visitor@npm:7.22.20"
@@ -224,6 +265,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-module-imports@npm:^7.24.1":
+  version: 7.24.3
+  resolution: "@babel/helper-module-imports@npm:7.24.3"
+  dependencies:
+    "@babel/types": ^7.24.0
+  checksum: c23492189ba97a1ec7d37012336a5661174e8b88194836b6bbf90d13c3b72c1db4626263c654454986f924c6da8be7ba7f9447876d709cd00bd6ffde6ec00796
+  languageName: node
+  linkType: hard
+
 "@babel/helper-module-transforms@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/helper-module-transforms@npm:7.23.3"
@@ -255,6 +305,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-plugin-utils@npm:^7.24.0":
+  version: 7.24.0
+  resolution: "@babel/helper-plugin-utils@npm:7.24.0"
+  checksum: e2baa0eede34d2fa2265947042aa84d444aa48dc51e9feedea55b67fc1bc3ab051387e18b33ca7748285a6061390831ab82f8a2c767d08470b93500ec727e9b9
+  languageName: node
+  linkType: hard
+
 "@babel/helper-remap-async-to-generator@npm:^7.18.9, @babel/helper-remap-async-to-generator@npm:^7.22.20":
   version: 7.22.20
   resolution: "@babel/helper-remap-async-to-generator@npm:7.22.20"
@@ -281,6 +338,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/helper-replace-supers@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/helper-replace-supers@npm:7.24.1"
+  dependencies:
+    "@babel/helper-environment-visitor": ^7.22.20
+    "@babel/helper-member-expression-to-functions": ^7.23.0
+    "@babel/helper-optimise-call-expression": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: c04182c34a3195c6396de2f2945f86cb60daa94ca7392db09bd8b0d4e7a15b02fbe1947c70f6062c87eadaea6d7135207129efa35cf458ea0987bab8c0f02d5a
+  languageName: node
+  linkType: hard
+
 "@babel/helper-simple-access@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/helper-simple-access@npm:7.22.5"
@@ -371,6 +441,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/parser@npm:^7.24.0":
+  version: 7.24.4
+  resolution: "@babel/parser@npm:7.24.4"
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: 94c9e3e592894cd6fc57c519f4e06b65463df9be5f01739bb0d0bfce7ffcf99b3c2fdadd44dc59cc858ba2739ce6e469813a941c2f2dfacf333a3b2c9c5c8465
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:^7.24.4":
+  version: 7.24.4
+  resolution: "@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:7.24.4"
+  dependencies:
+    "@babel/helper-environment-visitor": ^7.22.20
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 0be3f41b1b865d7a4ed1a432337be48de67989d0b4e47def34a05097a804b6fc193115f97c954fd757339e0b80030ecf1d0a3d3fd6e7e91718644de0a5aae3d3
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.23.3"
@@ -382,6 +473,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: ec5fddc8db6de0e0082a883f21141d6f4f9f9f0bc190d662a732b5e9a506aae5d7d2337049a1bf055d7cb7add6f128036db6d4f47de5e9ac1be29e043c8b7ca8
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:7.23.3"
@@ -395,6 +497,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.22.5
+    "@babel/plugin-transform-optional-chaining": ^7.24.1
+  peerDependencies:
+    "@babel/core": ^7.13.0
+  checksum: e18235463e716ac2443938aaec3c18b40c417a1746fba0fa4c26cf4d71326b76ef26c002081ab1b445abfae98e063d561519aa55672dddc1ef80b3940211ffbb
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:^7.23.7":
   version: 7.23.7
   resolution: "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:7.23.7"
@@ -407,6 +522,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:7.24.1"
+  dependencies:
+    "@babel/helper-environment-visitor": ^7.22.20
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: b5e5889ce5ef51e813e3063cd548f55eb3c88e925c3c08913f334e15d62496861e538ae52a3974e0c56a3044ed8fd5033faea67a64814324af56edc9865b7359
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-proposal-async-generator-functions@npm:^7.0.0":
   version: 7.20.7
   resolution: "@babel/plugin-proposal-async-generator-functions@npm:7.20.7"
@@ -617,6 +744,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-syntax-import-assertions@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-syntax-import-assertions@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 2a463928a63b62052e9fb8f8b0018aa11a926e94f32c168260ae012afe864875c6176c6eb361e13f300542c31316dad791b08a5b8ed92436a3095c7a0e4fce65
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-syntax-import-attributes@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-syntax-import-attributes@npm:7.23.3"
@@ -628,6 +766,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-syntax-import-attributes@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-syntax-import-attributes@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 87c8aa4a5ef931313f956871b27f2c051556f627b97ed21e9a5890ca4906b222d89062a956cde459816f5e0dec185ff128d7243d3fdc389504522acb88f0464e
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-syntax-import-meta@npm:^7.10.4, @babel/plugin-syntax-import-meta@npm:^7.8.3":
   version: 7.10.4
   resolution: "@babel/plugin-syntax-import-meta@npm:7.10.4"
@@ -661,6 +810,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-syntax-jsx@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-syntax-jsx@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 712f7e7918cb679f106769f57cfab0bc99b311032665c428b98f4c3e2e6d567601d45386a4f246df6a80d741e1f94192b3f008800d66c4f1daae3ad825c243f0
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-syntax-logical-assignment-operators@npm:^7.10.4, @babel/plugin-syntax-logical-assignment-operators@npm:^7.8.3":
   version: 7.10.4
   resolution: "@babel/plugin-syntax-logical-assignment-operators@npm:7.10.4"
@@ -760,6 +920,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-syntax-typescript@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-syntax-typescript@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: bf4bd70788d5456b5f75572e47a2e31435c7c4e43609bd4dffd2cc0c7a6cf90aabcf6cd389e351854de9a64412a07d30effef5373251fe8f6a4c9db0c0163bda
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-syntax-unicode-sets-regex@npm:^7.18.6":
   version: 7.18.6
   resolution: "@babel/plugin-syntax-unicode-sets-regex@npm:7.18.6"
@@ -783,6 +954,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-arrow-functions@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-arrow-functions@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 58f9aa9b0de8382f8cfa3f1f1d40b69d98cd2f52340e2391733d0af745fdddda650ba392e509bc056157c880a2f52834a38ab2c5aa5569af8c61bb6ecbf45f34
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-async-generator-functions@npm:^7.23.9":
   version: 7.23.9
   resolution: "@babel/plugin-transform-async-generator-functions@npm:7.23.9"
@@ -797,6 +979,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-async-generator-functions@npm:^7.24.3":
+  version: 7.24.3
+  resolution: "@babel/plugin-transform-async-generator-functions@npm:7.24.3"
+  dependencies:
+    "@babel/helper-environment-visitor": ^7.22.20
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/helper-remap-async-to-generator": ^7.22.20
+    "@babel/plugin-syntax-async-generators": ^7.8.4
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 309af02610be65d937664435adb432a32d9b6eb42bb3d3232c377d27fbc57014774d931665a5bfdaff3d1841b72659e0ad7adcef84b709f251cb0b8444f19214
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-async-to-generator@npm:^7.20.0, @babel/plugin-transform-async-to-generator@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-async-to-generator@npm:7.23.3"
@@ -810,6 +1006,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-async-to-generator@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-async-to-generator@npm:7.24.1"
+  dependencies:
+    "@babel/helper-module-imports": ^7.24.1
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/helper-remap-async-to-generator": ^7.22.20
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 429004a6596aa5c9e707b604156f49a146f8d029e31a3152b1649c0b56425264fda5fd38e5db1ddaeb33c3fe45c97dc8078d7abfafe3542a979b49f229801135
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-block-scoped-functions@npm:^7.0.0, @babel/plugin-transform-block-scoped-functions@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-block-scoped-functions@npm:7.23.3"
@@ -821,6 +1030,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-block-scoped-functions@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-block-scoped-functions@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: d8e18bd57b156da1cd4d3c1780ab9ea03afed56c6824ca8e6e74f67959d7989a0e953ec370fe9b417759314f2eef30c8c437395ce63ada2e26c2f469e4704f82
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-block-scoping@npm:^7.0.0, @babel/plugin-transform-block-scoping@npm:^7.23.4":
   version: 7.23.4
   resolution: "@babel/plugin-transform-block-scoping@npm:7.23.4"
@@ -832,6 +1052,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-block-scoping@npm:^7.24.4":
+  version: 7.24.4
+  resolution: "@babel/plugin-transform-block-scoping@npm:7.24.4"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 5229ffe1c55744b96f791521e2876b01ed05c81df67488a7453ce66c2faceb9d1d653089ce6f0abf512752e15e9acac0e75a797a860f24e05b4d36497c7c3183
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-class-properties@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-class-properties@npm:7.23.3"
@@ -844,6 +1075,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-class-properties@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-class-properties@npm:7.24.1"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": ^7.24.1
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 95779e9eef0c0638b9631c297d48aee53ffdbb2b1b5221bf40d7eccd566a8e34f859ff3571f8f20b9159b67f1bff7d7dc81da191c15d69fbae5a645197eae7e0
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-class-static-block@npm:^7.23.4":
   version: 7.23.4
   resolution: "@babel/plugin-transform-class-static-block@npm:7.23.4"
@@ -857,6 +1100,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-class-static-block@npm:^7.24.4":
+  version: 7.24.4
+  resolution: "@babel/plugin-transform-class-static-block@npm:7.24.4"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": ^7.24.4
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/plugin-syntax-class-static-block": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.12.0
+  checksum: 3b1db3308b57ba21d47772a9f183804234c23fd64c9ca40915d2d65c5dc7a48b49a6de16b8b90b7a354eacbb51232a862f0fca3dbd23e27d34641f511decddab
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-classes@npm:^7.0.0, @babel/plugin-transform-classes@npm:^7.23.8":
   version: 7.23.8
   resolution: "@babel/plugin-transform-classes@npm:7.23.8"
@@ -875,6 +1131,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-classes@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-classes@npm:7.24.1"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.22.5
+    "@babel/helper-compilation-targets": ^7.23.6
+    "@babel/helper-environment-visitor": ^7.22.20
+    "@babel/helper-function-name": ^7.23.0
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/helper-replace-supers": ^7.24.1
+    "@babel/helper-split-export-declaration": ^7.22.6
+    globals: ^11.1.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: e5337e707d731c9f4dcc107d09c9a99b90786bc0da6a250165919587ed818818f6cae2bbcceea880abef975c0411715c0c7f3f361ecd1526bf2eaca5ad26bb00
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-computed-properties@npm:^7.0.0, @babel/plugin-transform-computed-properties@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-computed-properties@npm:7.23.3"
@@ -887,6 +1161,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-computed-properties@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-computed-properties@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/template": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: f2832bcf100a70f348facbb395873318ef5b9ee4b0fb4104a420d9daaeb6003cc2ecc12fd8083dd2e4a7c2da873272ad73ff94de4497125a0cf473294ef9664e
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-destructuring@npm:^7.0.0, @babel/plugin-transform-destructuring@npm:^7.20.0, @babel/plugin-transform-destructuring@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-destructuring@npm:7.23.3"
@@ -898,6 +1184,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-destructuring@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-destructuring@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 994fd3c513e40b8f1bdfdd7104ebdcef7c6a11a4e380086074496f586db3ac04cba0ae70babb820df6363b6700747b0556f6860783e046ace7c741a22f49ec5b
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-dotall-regex@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-dotall-regex@npm:7.23.3"
@@ -910,6 +1207,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-dotall-regex@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-dotall-regex@npm:7.24.1"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.22.15
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 7f623d25b6f213b94ebc1754e9e31c1077c8e288626d8b7bfa76a97b067ce80ddcd0ede402a546706c65002c0ccf45cd5ec621511c2668eed31ebcabe8391d35
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-duplicate-keys@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-duplicate-keys@npm:7.23.3"
@@ -921,6 +1230,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-duplicate-keys@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-duplicate-keys@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: a3b07c07cee441e185858a9bb9739bb72643173c18bf5f9f949dd2d4784ca124e56b01d0a270790fb1ff0cf75d436075db0a2b643fb4285ff9a21df9e8dc6284
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-dynamic-import@npm:^7.23.4":
   version: 7.23.4
   resolution: "@babel/plugin-transform-dynamic-import@npm:7.23.4"
@@ -933,6 +1253,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-dynamic-import@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-dynamic-import@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/plugin-syntax-dynamic-import": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 59fc561ee40b1a69f969c12c6c5fac206226d6642213985a569dd0f99f8e41c0f4eaedebd36936c255444a8335079842274c42a975a433beadb436d4c5abb79b
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-exponentiation-operator@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-exponentiation-operator@npm:7.23.3"
@@ -945,6 +1277,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-exponentiation-operator@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-exponentiation-operator@npm:7.24.1"
+  dependencies:
+    "@babel/helper-builder-binary-assignment-operator-visitor": ^7.22.15
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: f90841fe1a1e9f680b4209121d3e2992f923e85efcd322b26e5901c180ef44ff727fb89790803a23fac49af34c1ce2e480018027c22b4573b615512ac5b6fc50
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-export-namespace-from@npm:^7.23.4":
   version: 7.23.4
   resolution: "@babel/plugin-transform-export-namespace-from@npm:7.23.4"
@@ -957,6 +1301,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-export-namespace-from@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-export-namespace-from@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/plugin-syntax-export-namespace-from": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: bc710ac231919df9555331885748385c11c5e695d7271824fe56fba51dd637d48d3e5cd52e1c69f2b1a384fbbb41552572bc1ca3a2285ee29571f002e9bb2421
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-flow-strip-types@npm:^7.0.0, @babel/plugin-transform-flow-strip-types@npm:^7.20.0, @babel/plugin-transform-flow-strip-types@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-flow-strip-types@npm:7.23.3"
@@ -981,6 +1337,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-for-of@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-for-of@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 990adde96ea1766ed6008c006c7040127bef59066533bb2977b246ea4a596fe450a528d1881a0db5f894deaf1b81654dfb494b19ad405b369be942738aa9c364
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-function-name@npm:^7.0.0, @babel/plugin-transform-function-name@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-function-name@npm:7.23.3"
@@ -994,6 +1362,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-function-name@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-function-name@npm:7.24.1"
+  dependencies:
+    "@babel/helper-compilation-targets": ^7.23.6
+    "@babel/helper-function-name": ^7.23.0
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 31eb3c75297dda7265f78eba627c446f2324e30ec0124a645ccc3e9f341254aaa40d6787bd62b2280d77c0a5c9fbfce1da2c200ef7c7f8e0a1b16a8eb3644c6f
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-json-strings@npm:^7.23.4":
   version: 7.23.4
   resolution: "@babel/plugin-transform-json-strings@npm:7.23.4"
@@ -1006,6 +1387,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-json-strings@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-json-strings@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/plugin-syntax-json-strings": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: f42302d42fc81ac00d14e9e5d80405eb80477d7f9039d7208e712d6bcd486a4e3b32fdfa07b5f027d6c773723d8168193ee880f93b0e430c828e45f104fb82a4
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-literals@npm:^7.0.0, @babel/plugin-transform-literals@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-literals@npm:7.23.3"
@@ -1017,6 +1410,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-literals@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-literals@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 2df94e9478571852483aca7588419e574d76bde97583e78551c286f498e01321e7dbb1d0ef67bee16e8f950688f79688809cfde370c5c4b84c14d841a3ef217a
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-logical-assignment-operators@npm:^7.23.4":
   version: 7.23.4
   resolution: "@babel/plugin-transform-logical-assignment-operators@npm:7.23.4"
@@ -1029,6 +1433,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-logical-assignment-operators@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-logical-assignment-operators@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/plugin-syntax-logical-assignment-operators": ^7.10.4
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 895f2290adf457cbf327428bdb4fb90882a38a22f729bcf0629e8ad66b9b616d2721fbef488ac00411b647489d1dda1d20171bb3772d0796bb7ef5ecf057808a
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-member-expression-literals@npm:^7.0.0, @babel/plugin-transform-member-expression-literals@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-member-expression-literals@npm:7.23.3"
@@ -1040,6 +1456,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-member-expression-literals@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-member-expression-literals@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 4ea641cc14a615f9084e45ad2319f95e2fee01c77ec9789685e7e11a6c286238a426a98f9c1ed91568a047d8ac834393e06e8c82d1ff01764b7aa61bee8e9023
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-modules-amd@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-modules-amd@npm:7.23.3"
@@ -1052,6 +1479,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-modules-amd@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-modules-amd@npm:7.24.1"
+  dependencies:
+    "@babel/helper-module-transforms": ^7.23.3
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 3d777c262f257e93f0405b13e178f9c4a0f31855b409f0191a76bb562a28c541326a027bfe6467fcb74752f3488c0333b5ff2de64feec1b3c4c6ace1747afa03
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-modules-commonjs@npm:^7.0.0, @babel/plugin-transform-modules-commonjs@npm:^7.12.13, @babel/plugin-transform-modules-commonjs@npm:^7.13.8, @babel/plugin-transform-modules-commonjs@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-modules-commonjs@npm:7.23.3"
@@ -1065,6 +1504,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-modules-commonjs@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-modules-commonjs@npm:7.24.1"
+  dependencies:
+    "@babel/helper-module-transforms": ^7.23.3
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/helper-simple-access": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 11402b34c49f76aa921b43c2d76f3f129a32544a1dc4f0d1e48b310f9036ab75269a6d8684ed0198b7a0b07bd7898b12f0cacceb26fbb167999fd2a819aa0802
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-modules-systemjs@npm:^7.23.9":
   version: 7.23.9
   resolution: "@babel/plugin-transform-modules-systemjs@npm:7.23.9"
@@ -1079,6 +1531,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-modules-systemjs@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-modules-systemjs@npm:7.24.1"
+  dependencies:
+    "@babel/helper-hoist-variables": ^7.22.5
+    "@babel/helper-module-transforms": ^7.23.3
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/helper-validator-identifier": ^7.22.20
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 903766f6808f04278e887e4adec9b1efa741726279652dad255eaad0f5701df8f8ff0af25eb8541a00eb3c9eae2dccf337b085cfa011426ca33ed1f95d70bf75
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-modules-umd@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-modules-umd@npm:7.23.3"
@@ -1091,6 +1557,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-modules-umd@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-modules-umd@npm:7.24.1"
+  dependencies:
+    "@babel/helper-module-transforms": ^7.23.3
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 4922f5056d34de6fd59a1ab1c85bc3472afa706c776aceeb886289c9ac9117e6eb8e22d06c537eb5bc0ede6c30f6bd85210bdcc150dc0ae2d2373f8252df9364
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-named-capturing-groups-regex@npm:^7.0.0, @babel/plugin-transform-named-capturing-groups-regex@npm:^7.22.5":
   version: 7.22.5
   resolution: "@babel/plugin-transform-named-capturing-groups-regex@npm:7.22.5"
@@ -1114,6 +1592,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-new-target@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-new-target@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: f56159ba56e8824840b8073f65073434e4bc4ef20e366bc03aa6cae9a4389365574fa72390e48aed76049edbc6eba1181eb810e58fae22c25946c62f9da13db4
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-nullish-coalescing-operator@npm:^7.23.4":
   version: 7.23.4
   resolution: "@babel/plugin-transform-nullish-coalescing-operator@npm:7.23.4"
@@ -1126,6 +1615,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-nullish-coalescing-operator@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-nullish-coalescing-operator@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/plugin-syntax-nullish-coalescing-operator": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 74025e191ceb7cefc619c15d33753aab81300a03d81b96ae249d9b599bc65878f962d608f452462d3aad5d6e334b7ab2b09a6bdcfe8d101fe77ac7aacca4261e
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-numeric-separator@npm:^7.23.4":
   version: 7.23.4
   resolution: "@babel/plugin-transform-numeric-separator@npm:7.23.4"
@@ -1138,6 +1639,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-numeric-separator@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-numeric-separator@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/plugin-syntax-numeric-separator": ^7.10.4
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 3247bd7d409574fc06c59e0eb573ae7470d6d61ecf780df40b550102bb4406747d8f39dcbec57eb59406df6c565a86edd3b429e396ad02e4ce201ad92050832e
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-object-assign@npm:^7.16.7":
   version: 7.23.3
   resolution: "@babel/plugin-transform-object-assign@npm:7.23.3"
@@ -1157,10 +1670,24 @@ __metadata:
     "@babel/helper-compilation-targets": ^7.22.15
     "@babel/helper-plugin-utils": ^7.22.5
     "@babel/plugin-syntax-object-rest-spread": ^7.8.3
-    "@babel/plugin-transform-parameters": ^7.23.3
+    "@babel/plugin-transform-parameters": ^7.23.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 73fec495e327ca3959c1c03d07a621be09df00036c69fff0455af9a008291677ee9d368eec48adacdc6feac703269a649747568b4af4c4e9f134aa71cc5b378d
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-object-rest-spread@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-object-rest-spread@npm:7.24.1"
+  dependencies:
+    "@babel/helper-compilation-targets": ^7.23.6
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/plugin-syntax-object-rest-spread": ^7.8.3
+    "@babel/plugin-transform-parameters": ^7.24.1
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 73fec495e327ca3959c1c03d07a621be09df00036c69fff0455af9a008291677ee9d368eec48adacdc6feac703269a649747568b4af4c4e9f134aa71cc5b378d
+  checksum: d5d28b1f33c279a38299d34011421a4915e24b3846aa23a1aba947f1366ce673ddf8df09dd915e0f2c90c5327f798bf126dca013f8adff1fc8f09e18878b675a
   languageName: node
   linkType: hard
 
@@ -1176,6 +1703,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-object-super@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-object-super@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/helper-replace-supers": ^7.24.1
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: d34d437456a54e2a5dcb26e9cf09ed4c55528f2a327c5edca92c93e9483c37176e228d00d6e0cf767f3d6fdbef45ae3a5d034a7c59337a009e20ae541c8220fa
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-optional-catch-binding@npm:^7.23.4":
   version: 7.23.4
   resolution: "@babel/plugin-transform-optional-catch-binding@npm:7.23.4"
@@ -1188,6 +1727,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-optional-catch-binding@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-optional-catch-binding@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/plugin-syntax-optional-catch-binding": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: ff7c02449d32a6de41e003abb38537b4a1ad90b1eaa4c0b578cb1b55548201a677588a8c47f3e161c72738400ae811a6673ea7b8a734344755016ca0ac445dac
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-optional-chaining@npm:^7.23.3, @babel/plugin-transform-optional-chaining@npm:^7.23.4":
   version: 7.23.4
   resolution: "@babel/plugin-transform-optional-chaining@npm:7.23.4"
@@ -1201,6 +1752,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-optional-chaining@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-optional-chaining@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.22.5
+    "@babel/plugin-syntax-optional-chaining": ^7.8.3
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 0eb5f4abdeb1a101c0f67ef25eba4cce0978a74d8722f6222cdb179a28e60d21ab545eda231855f50169cd63d604ec8268cff44ae9370fd3a499a507c56c2bbd
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-parameters@npm:^7.0.0, @babel/plugin-transform-parameters@npm:^7.20.7, @babel/plugin-transform-parameters@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-parameters@npm:7.23.3"
@@ -1212,6 +1776,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-parameters@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-parameters@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: d183008e67b1a13b86c92fb64327a75cd8e13c13eb80d0b6952e15806f1b0c4c456d18360e451c6af73485b2c8f543608b0a29e5126c64eb625a31e970b65f80
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-private-methods@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-private-methods@npm:7.23.3"
@@ -1224,6 +1799,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-private-methods@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-private-methods@npm:7.24.1"
+  dependencies:
+    "@babel/helper-create-class-features-plugin": ^7.24.1
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 7208c30bb3f3fbc73fb3a88bdcb78cd5cddaf6d523eb9d67c0c04e78f6fc6319ece89f4a5abc41777ceab16df55b3a13a4120e0efc9275ca6d2d89beaba80aa0
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-private-property-in-object@npm:^7.23.4":
   version: 7.23.4
   resolution: "@babel/plugin-transform-private-property-in-object@npm:7.23.4"
@@ -1238,6 +1825,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-private-property-in-object@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-private-property-in-object@npm:7.24.1"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.22.5
+    "@babel/helper-create-class-features-plugin": ^7.24.1
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/plugin-syntax-private-property-in-object": ^7.14.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 47c123ca9975f7f6b20e6fe8fe89f621cd04b622539faf5ec037e2be7c3d53ce2506f7c785b1930dcdea11994eff79094a02715795218c7d6a0bdc11f2fb3ac2
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-property-literals@npm:^7.0.0, @babel/plugin-transform-property-literals@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-property-literals@npm:7.23.3"
@@ -1249,6 +1850,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-property-literals@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-property-literals@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: a73646d7ecd95b3931a3ead82c7d5efeb46e68ba362de63eb437d33531f294ec18bd31b6d24238cd3b6a3b919a6310c4a0ba4a2629927721d4d10b0518eb7715
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-react-constant-elements@npm:^7.21.3":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-react-constant-elements@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 37fd10113b786a2462cf15366aa3a11a2a5bdba9bf8881b2544941f5ad6175ebc31116be5a53549c9fce56a08ded6e0b57adb45d6e42efb55d3bc0ff7afdd433
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-react-display-name@npm:^7.0.0":
   version: 7.23.3
   resolution: "@babel/plugin-transform-react-display-name@npm:7.23.3"
@@ -1260,6 +1883,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-react-display-name@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-react-display-name@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: d87ac36073f923a25de0ed3cffac067ec5abc4cde63f7f4366881388fbea6dcbced0e4fefd3b7e99edfe58a4ce32ea4d4c523a577d2b9f0515b872ed02b3d8c3
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-react-jsx-development@npm:^7.22.5":
+  version: 7.22.5
+  resolution: "@babel/plugin-transform-react-jsx-development@npm:7.22.5"
+  dependencies:
+    "@babel/plugin-transform-react-jsx": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 36bc3ff0b96bb0ef4723070a50cfdf2e72cfd903a59eba448f9fe92fea47574d6f22efd99364413719e1f3fb3c51b6c9b2990b87af088f8486a84b2a5f9e4560
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-react-jsx-self@npm:^7.0.0":
   version: 7.23.3
   resolution: "@babel/plugin-transform-react-jsx-self@npm:7.23.3"
@@ -1282,7 +1927,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-react-jsx@npm:^7.0.0":
+"@babel/plugin-transform-react-jsx@npm:^7.0.0, @babel/plugin-transform-react-jsx@npm:^7.22.5, @babel/plugin-transform-react-jsx@npm:^7.23.4":
   version: 7.23.4
   resolution: "@babel/plugin-transform-react-jsx@npm:7.23.4"
   dependencies:
@@ -1297,6 +1942,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-react-pure-annotations@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-react-pure-annotations@npm:7.24.1"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.22.5
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 06a6bfe80f1f36408d07dd80c48cf9f61177c8e5d814e80ddbe88cfad81a8b86b3110e1fe9d1ac943db77e74497daa7f874b5490c788707106ad26ecfbe44813
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-regenerator@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-regenerator@npm:7.23.3"
@@ -1309,6 +1966,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-regenerator@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-regenerator@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+    regenerator-transform: ^0.15.2
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: a04319388a0a7931c3f8e15715d01444c32519692178b70deccc86d53304e74c0f589a4268f6c68578d86f75e934dd1fe6e6ed9071f54ee8379f356f88ef6e42
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-reserved-words@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-reserved-words@npm:7.23.3"
@@ -1320,6 +1989,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-reserved-words@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-reserved-words@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 132c6040c65aabae2d98a39289efb5c51a8632546dc50d2ad032c8660aec307fbed74ef499856ea4f881fc8505905f49b48e0270585da2ea3d50b75e962afd89
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-runtime@npm:^7.0.0":
   version: 7.23.9
   resolution: "@babel/plugin-transform-runtime@npm:7.23.9"
@@ -1347,6 +2027,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-shorthand-properties@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-shorthand-properties@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 006a2032d1c57dca76579ce6598c679c2f20525afef0a36e9d42affe3c8cf33c1427581ad696b519cc75dfee46c5e8ecdf0c6a29ffb14250caa3e16dd68cb424
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-spread@npm:^7.0.0, @babel/plugin-transform-spread@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-spread@npm:7.23.3"
@@ -1359,6 +2050,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-spread@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-spread@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/helper-skip-transparent-expression-wrappers": ^7.22.5
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 622ef507e2b5120a9010b25d3df5186c06102ecad8751724a38ec924df8d3527688198fa490c47064eabba14ef2f961b3069855bd22a8c0a1e51a23eed348d02
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-sticky-regex@npm:^7.0.0, @babel/plugin-transform-sticky-regex@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-sticky-regex@npm:7.23.3"
@@ -1370,6 +2073,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-sticky-regex@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-sticky-regex@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: e326e96a9eeb6bb01dbc4d3362f989411490671b97f62edf378b8fb102c463a018b777f28da65344d41b22aa6efcdfa01ed43d2b11fdcf202046d3174be137c5
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-template-literals@npm:^7.0.0, @babel/plugin-transform-template-literals@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-template-literals@npm:7.23.3"
@@ -1381,6 +2095,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-template-literals@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-template-literals@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 4c9009c72321caf20e3b6328bbe9d7057006c5ae57b794cf247a37ca34d87dfec5e27284169a16df5a6235a083bf0f3ab9e1bfcb005d1c8b75b04aed75652621
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-typeof-symbol@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-typeof-symbol@npm:7.23.3"
@@ -1392,6 +2117,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-typeof-symbol@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-typeof-symbol@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 90251c02986aebe50937522a6e404cb83db1b1feda17c0244e97d6429ded1634340c8411536487d14c54495607e1b7c9dc4db4aed969d519f1ff1e363f9c2229
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-typescript@npm:^7.23.3, @babel/plugin-transform-typescript@npm:^7.5.0":
   version: 7.23.6
   resolution: "@babel/plugin-transform-typescript@npm:7.23.6"
@@ -1406,6 +2142,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-typescript@npm:^7.24.1":
+  version: 7.24.4
+  resolution: "@babel/plugin-transform-typescript@npm:7.24.4"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.22.5
+    "@babel/helper-create-class-features-plugin": ^7.24.4
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/plugin-syntax-typescript": ^7.24.1
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 57a9a776b1910c706d28972e4b056ced3af8fc59c29b2a6205c2bb2a408141ddb59a8f2f6041f8467a7b260942818767f4ecabb9f63adf7fddf2afa25e774dfc
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-unicode-escapes@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-unicode-escapes@npm:7.23.3"
@@ -1417,6 +2167,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-unicode-escapes@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-unicode-escapes@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: d4d7cfea91af7be2768fb6bed902e00d6e3190bda738b5149c3a788d570e6cf48b974ec9548442850308ecd8fc9a67681f4ea8403129e7867bcb85adaf6ec238
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-unicode-property-regex@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-unicode-property-regex@npm:7.23.3"
@@ -1429,6 +2190,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-unicode-property-regex@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-unicode-property-regex@npm:7.24.1"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.22.15
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 276099b4483e707f80b054e2d29bc519158bfe52461ef5ff76f70727d592df17e30b1597ef4d8a0f04d810f6cb5a8dd887bdc1d0540af3744751710ef280090f
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-unicode-regex@npm:^7.0.0, @babel/plugin-transform-unicode-regex@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-unicode-regex@npm:7.23.3"
@@ -1441,6 +2214,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-unicode-regex@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-unicode-regex@npm:7.24.1"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.22.15
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 400a0927bdb1425b4c0dc68a61b5b2d7d17c7d9f0e07317a1a6a373c080ef94be1dd65fdc4ac9a78fcdb58f89fd128450c7bc0d5b8ca0ae7eca3fbd98e50acba
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-unicode-sets-regex@npm:^7.23.3":
   version: 7.23.3
   resolution: "@babel/plugin-transform-unicode-sets-regex@npm:7.23.3"
@@ -1453,6 +2238,109 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-unicode-sets-regex@npm:^7.24.1":
+  version: 7.24.1
+  resolution: "@babel/plugin-transform-unicode-sets-regex@npm:7.24.1"
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin": ^7.22.15
+    "@babel/helper-plugin-utils": ^7.24.0
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 364342fb8e382dfaa23628b88e6484dc1097e53fb7199f4d338f1e2cd71d839bb0a35a9b1380074f6a10adb2e98b79d53ca3ec78c0b8c557ca895ffff42180df
+  languageName: node
+  linkType: hard
+
+"@babel/preset-env@npm:^7.20.2":
+  version: 7.24.4
+  resolution: "@babel/preset-env@npm:7.24.4"
+  dependencies:
+    "@babel/compat-data": ^7.24.4
+    "@babel/helper-compilation-targets": ^7.23.6
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/helper-validator-option": ^7.23.5
+    "@babel/plugin-bugfix-firefox-class-in-computed-class-key": ^7.24.4
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": ^7.24.1
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": ^7.24.1
+    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": ^7.24.1
+    "@babel/plugin-proposal-private-property-in-object": 7.21.0-placeholder-for-preset-env.2
+    "@babel/plugin-syntax-async-generators": ^7.8.4
+    "@babel/plugin-syntax-class-properties": ^7.12.13
+    "@babel/plugin-syntax-class-static-block": ^7.14.5
+    "@babel/plugin-syntax-dynamic-import": ^7.8.3
+    "@babel/plugin-syntax-export-namespace-from": ^7.8.3
+    "@babel/plugin-syntax-import-assertions": ^7.24.1
+    "@babel/plugin-syntax-import-attributes": ^7.24.1
+    "@babel/plugin-syntax-import-meta": ^7.10.4
+    "@babel/plugin-syntax-json-strings": ^7.8.3
+    "@babel/plugin-syntax-logical-assignment-operators": ^7.10.4
+    "@babel/plugin-syntax-nullish-coalescing-operator": ^7.8.3
+    "@babel/plugin-syntax-numeric-separator": ^7.10.4
+    "@babel/plugin-syntax-object-rest-spread": ^7.8.3
+    "@babel/plugin-syntax-optional-catch-binding": ^7.8.3
+    "@babel/plugin-syntax-optional-chaining": ^7.8.3
+    "@babel/plugin-syntax-private-property-in-object": ^7.14.5
+    "@babel/plugin-syntax-top-level-await": ^7.14.5
+    "@babel/plugin-syntax-unicode-sets-regex": ^7.18.6
+    "@babel/plugin-transform-arrow-functions": ^7.24.1
+    "@babel/plugin-transform-async-generator-functions": ^7.24.3
+    "@babel/plugin-transform-async-to-generator": ^7.24.1
+    "@babel/plugin-transform-block-scoped-functions": ^7.24.1
+    "@babel/plugin-transform-block-scoping": ^7.24.4
+    "@babel/plugin-transform-class-properties": ^7.24.1
+    "@babel/plugin-transform-class-static-block": ^7.24.4
+    "@babel/plugin-transform-classes": ^7.24.1
+    "@babel/plugin-transform-computed-properties": ^7.24.1
+    "@babel/plugin-transform-destructuring": ^7.24.1
+    "@babel/plugin-transform-dotall-regex": ^7.24.1
+    "@babel/plugin-transform-duplicate-keys": ^7.24.1
+    "@babel/plugin-transform-dynamic-import": ^7.24.1
+    "@babel/plugin-transform-exponentiation-operator": ^7.24.1
+    "@babel/plugin-transform-export-namespace-from": ^7.24.1
+    "@babel/plugin-transform-for-of": ^7.24.1
+    "@babel/plugin-transform-function-name": ^7.24.1
+    "@babel/plugin-transform-json-strings": ^7.24.1
+    "@babel/plugin-transform-literals": ^7.24.1
+    "@babel/plugin-transform-logical-assignment-operators": ^7.24.1
+    "@babel/plugin-transform-member-expression-literals": ^7.24.1
+    "@babel/plugin-transform-modules-amd": ^7.24.1
+    "@babel/plugin-transform-modules-commonjs": ^7.24.1
+    "@babel/plugin-transform-modules-systemjs": ^7.24.1
+    "@babel/plugin-transform-modules-umd": ^7.24.1
+    "@babel/plugin-transform-named-capturing-groups-regex": ^7.22.5
+    "@babel/plugin-transform-new-target": ^7.24.1
+    "@babel/plugin-transform-nullish-coalescing-operator": ^7.24.1
+    "@babel/plugin-transform-numeric-separator": ^7.24.1
+    "@babel/plugin-transform-object-rest-spread": ^7.24.1
+    "@babel/plugin-transform-object-super": ^7.24.1
+    "@babel/plugin-transform-optional-catch-binding": ^7.24.1
+    "@babel/plugin-transform-optional-chaining": ^7.24.1
+    "@babel/plugin-transform-parameters": ^7.24.1
+    "@babel/plugin-transform-private-methods": ^7.24.1
+    "@babel/plugin-transform-private-property-in-object": ^7.24.1
+    "@babel/plugin-transform-property-literals": ^7.24.1
+    "@babel/plugin-transform-regenerator": ^7.24.1
+    "@babel/plugin-transform-reserved-words": ^7.24.1
+    "@babel/plugin-transform-shorthand-properties": ^7.24.1
+    "@babel/plugin-transform-spread": ^7.24.1
+    "@babel/plugin-transform-sticky-regex": ^7.24.1
+    "@babel/plugin-transform-template-literals": ^7.24.1
+    "@babel/plugin-transform-typeof-symbol": ^7.24.1
+    "@babel/plugin-transform-unicode-escapes": ^7.24.1
+    "@babel/plugin-transform-unicode-property-regex": ^7.24.1
+    "@babel/plugin-transform-unicode-regex": ^7.24.1
+    "@babel/plugin-transform-unicode-sets-regex": ^7.24.1
+    "@babel/preset-modules": 0.1.6-no-external-plugins
+    babel-plugin-polyfill-corejs2: ^0.4.10
+    babel-plugin-polyfill-corejs3: ^0.10.4
+    babel-plugin-polyfill-regenerator: ^0.6.1
+    core-js-compat: ^3.31.0
+    semver: ^6.3.1
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 5a057a6463f92b02bfe66257d3f2c76878815bc7847f2a716b0539d9f547eae2a9d1f0fc62a5c0eff6ab0504bb52e815829ef893e4586b641f8dd6a609d114f3
+  languageName: node
+  linkType: hard
+
 "@babel/preset-env@npm:^7.22.10, @babel/preset-env@npm:^7.23.9":
   version: 7.23.9
   resolution: "@babel/preset-env@npm:7.23.9"
@@ -1569,6 +2457,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/preset-react@npm:^7.18.6":
+  version: 7.24.1
+  resolution: "@babel/preset-react@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/helper-validator-option": ^7.23.5
+    "@babel/plugin-transform-react-display-name": ^7.24.1
+    "@babel/plugin-transform-react-jsx": ^7.23.4
+    "@babel/plugin-transform-react-jsx-development": ^7.22.5
+    "@babel/plugin-transform-react-pure-annotations": ^7.24.1
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 70e146a6de480cb4b6c5eb197003960a2d148d513e1f5b5d04ee954f255d68c935c2800da13e550267f47b894bd0214b2548181467b52a4bdc0a85020061b68c
+  languageName: node
+  linkType: hard
+
 "@babel/preset-typescript@npm:^7.13.0, @babel/preset-typescript@npm:^7.16.7, @babel/preset-typescript@npm:^7.22.5":
   version: 7.23.3
   resolution: "@babel/preset-typescript@npm:7.23.3"
@@ -1584,6 +2488,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/preset-typescript@npm:^7.21.0":
+  version: 7.24.1
+  resolution: "@babel/preset-typescript@npm:7.24.1"
+  dependencies:
+    "@babel/helper-plugin-utils": ^7.24.0
+    "@babel/helper-validator-option": ^7.23.5
+    "@babel/plugin-syntax-jsx": ^7.24.1
+    "@babel/plugin-transform-modules-commonjs": ^7.24.1
+    "@babel/plugin-transform-typescript": ^7.24.1
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: f3e0ff8c20dd5abc82614df2d7953f1549a98282b60809478f7dfb41c29be63720f2d1d7a51ef1f0d939b65e8666cb7d36e32bc4f8ac2b74c20664efd41e8bdd
+  languageName: node
+  linkType: hard
+
 "@babel/register@npm:^7.13.16":
   version: 7.23.7
   resolution: "@babel/register@npm:7.23.7"
@@ -1635,6 +2554,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/template@npm:^7.24.0":
+  version: 7.24.0
+  resolution: "@babel/template@npm:7.24.0"
+  dependencies:
+    "@babel/code-frame": ^7.23.5
+    "@babel/parser": ^7.24.0
+    "@babel/types": ^7.24.0
+  checksum: f257b003c071a0cecdbfceca74185f18fe62c055469ab5c1d481aab12abeebed328e67e0a19fd978a2a8de97b28953fa4bc3da6d038a7345fdf37923b9fcdec8
+  languageName: node
+  linkType: hard
+
 "@babel/traverse@npm:^7.20.0, @babel/traverse@npm:^7.23.9":
   version: 7.23.9
   resolution: "@babel/traverse@npm:7.23.9"
@@ -1664,6 +2594,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/types@npm:^7.24.0":
+  version: 7.24.0
+  resolution: "@babel/types@npm:7.24.0"
+  dependencies:
+    "@babel/helper-string-parser": ^7.23.4
+    "@babel/helper-validator-identifier": ^7.22.20
+    to-fast-properties: ^2.0.0
+  checksum: 4b574a37d490f621470ff36a5afaac6deca5546edcb9b5e316d39acbb20998e9c2be42f3fc0bf2b55906fc49ff2a5a6a097e8f5a726ee3f708a0b0ca93aed807
+  languageName: node
+  linkType: hard
+
 "@bcoe/v8-coverage@npm:^0.2.3":
   version: 0.2.3
   resolution: "@bcoe/v8-coverage@npm:0.2.3"
@@ -2109,6 +3050,7 @@ __metadata:
     "@next/bundle-analyzer": ^14.0.3
     "@plaiceholder/next": ^3.0.0
     "@react-google-maps/api": ^2.19.2
+    "@svgr/webpack": ^8.1.0
     "@tanstack/react-query": ^5.17.15
     "@tanstack/react-query-devtools": ^5.17.18
     "@testing-library/dom": ^9.3.4
@@ -3706,7 +4648,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/core@npm:^8.1.0":
+"@svgr/core@npm:8.1.0, @svgr/core@npm:^8.1.0":
   version: 8.1.0
   resolution: "@svgr/core@npm:8.1.0"
   dependencies:
@@ -3729,7 +4671,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/plugin-jsx@npm:^8.1.0":
+"@svgr/plugin-jsx@npm:8.1.0, @svgr/plugin-jsx@npm:^8.1.0":
   version: 8.1.0
   resolution: "@svgr/plugin-jsx@npm:8.1.0"
   dependencies:
@@ -3743,7 +4685,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@svgr/plugin-svgo@npm:^8.1.0":
+"@svgr/plugin-svgo@npm:8.1.0, @svgr/plugin-svgo@npm:^8.1.0":
   version: 8.1.0
   resolution: "@svgr/plugin-svgo@npm:8.1.0"
   dependencies:
@@ -3756,6 +4698,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@svgr/webpack@npm:^8.1.0":
+  version: 8.1.0
+  resolution: "@svgr/webpack@npm:8.1.0"
+  dependencies:
+    "@babel/core": ^7.21.3
+    "@babel/plugin-transform-react-constant-elements": ^7.21.3
+    "@babel/preset-env": ^7.20.2
+    "@babel/preset-react": ^7.18.6
+    "@babel/preset-typescript": ^7.21.0
+    "@svgr/core": 8.1.0
+    "@svgr/plugin-jsx": 8.1.0
+    "@svgr/plugin-svgo": 8.1.0
+  checksum: c6eec5b0cf2fb2ecd3a7a362d272eda35330b17c76802a3481f499b5d07ff8f87b31d2571043bff399b051a1767b1e2e499dbf186104d1c06d76f9f1535fac01
+  languageName: node
+  linkType: hard
+
 "@swc/helpers@npm:0.5.2":
   version: 0.5.2
   resolution: "@swc/helpers@npm:0.5.2"
@@ -5147,6 +6105,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-plugin-polyfill-corejs2@npm:^0.4.10":
+  version: 0.4.10
+  resolution: "babel-plugin-polyfill-corejs2@npm:0.4.10"
+  dependencies:
+    "@babel/compat-data": ^7.22.6
+    "@babel/helper-define-polyfill-provider": ^0.6.1
+    semver: ^6.3.1
+  peerDependencies:
+    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
+  checksum: 2c0e4868789152f50db306f4957fa7934876cefb51d5d86436595f0b091539e45ce0e9c0125b5db2d71f913b29cd48ae76b8e942ba28fcf2273e084f54664a1c
+  languageName: node
+  linkType: hard
+
 "babel-plugin-polyfill-corejs2@npm:^0.4.8":
   version: 0.4.8
   resolution: "babel-plugin-polyfill-corejs2@npm:0.4.8"
@@ -5160,6 +6131,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-plugin-polyfill-corejs3@npm:^0.10.4":
+  version: 0.10.4
+  resolution: "babel-plugin-polyfill-corejs3@npm:0.10.4"
+  dependencies:
+    "@babel/helper-define-polyfill-provider": ^0.6.1
+    core-js-compat: ^3.36.1
+  peerDependencies:
+    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
+  checksum: b96a54495f7cc8b3797251c8c15f5ed015edddc3110fc122f6b32c94bec33af1e8bc56fa99091808f500bde0cccaaa266889cdc5935d9e6e9cf09898214f02dd
+  languageName: node
+  linkType: hard
+
 "babel-plugin-polyfill-corejs3@npm:^0.9.0":
   version: 0.9.0
   resolution: "babel-plugin-polyfill-corejs3@npm:0.9.0"
@@ -5183,6 +6166,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-plugin-polyfill-regenerator@npm:^0.6.1":
+  version: 0.6.1
+  resolution: "babel-plugin-polyfill-regenerator@npm:0.6.1"
+  dependencies:
+    "@babel/helper-define-polyfill-provider": ^0.6.1
+  peerDependencies:
+    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
+  checksum: 9df4a8e9939dd419fed3d9ea26594b4479f2968f37c225e1b2aa463001d7721f5537740e6622909d2a570b61cec23256924a1701404fc9d6fd4474d3e845cedb
+  languageName: node
+  linkType: hard
+
 "babel-plugin-syntax-trailing-function-commas@npm:^7.0.0-beta.0":
   version: 7.0.0-beta.0
   resolution: "babel-plugin-syntax-trailing-function-commas@npm:7.0.0-beta.0"
@@ -5456,6 +6450,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"browserslist@npm:^4.23.0":
+  version: 4.23.0
+  resolution: "browserslist@npm:4.23.0"
+  dependencies:
+    caniuse-lite: ^1.0.30001587
+    electron-to-chromium: ^1.4.668
+    node-releases: ^2.0.14
+    update-browserslist-db: ^1.0.13
+  bin:
+    browserslist: cli.js
+  checksum: 436f49e796782ca751ebab7edc010cfc9c29f68536f387666cd70ea22f7105563f04dd62c6ff89cb24cc3254d17cba385f979eeeb3484d43e012412ff7e75def
+  languageName: node
+  linkType: hard
+
 "bs-logger@npm:0.x":
   version: 0.2.6
   resolution: "bs-logger@npm:0.2.6"
@@ -5650,6 +6658,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"caniuse-lite@npm:^1.0.30001587":
+  version: 1.0.30001608
+  resolution: "caniuse-lite@npm:1.0.30001608"
+  checksum: 7ae62689ca358cd3bdb89b2db9b4841812299f8a0b3ab94b52e4548778bd5740814617c0e0b2504b6bfaf47acc2472e1730393bd2027d646acbe8dc8206ad9e7
+  languageName: node
+  linkType: hard
+
 "capture-exit@npm:^2.0.0":
   version: 2.0.0
   resolution: "capture-exit@npm:2.0.0"
@@ -6157,6 +7172,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"core-js-compat@npm:^3.36.1":
+  version: 3.36.1
+  resolution: "core-js-compat@npm:3.36.1"
+  dependencies:
+    browserslist: ^4.23.0
+  checksum: c9109bd599a97b5d20f25fc8b8339b8c7f3fca5f9a1bebd397805383ff7699e117786c7ffe0f7a95058a6fa5e0e1435d4c10e5cda6ad86ce1957986bb6580562
+  languageName: node
+  linkType: hard
+
 "core-util-is@npm:~1.0.0":
   version: 1.0.3
   resolution: "core-util-is@npm:1.0.3"
@@ -6903,6 +7927,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"electron-to-chromium@npm:^1.4.668":
+  version: 1.4.733
+  resolution: "electron-to-chromium@npm:1.4.733"
+  checksum: 2fd0efec8f3d7c1a503dd57b18a66ee73f5515e641278b50704833c37543e23a5b03f25a98b75fba06397dd66be70ed5bd7804dafaf9fede4e50dec2b4ca9fd1
+  languageName: node
+  linkType: hard
+
 "emittery@npm:^0.13.1":
   version: 0.13.1
   resolution: "emittery@npm:0.13.1"

From 911d1403e064d3b03a01408967cce115340c4e6e Mon Sep 17 00:00:00 2001
From: dev-dong-su <fkdlrj1230@gmail.com>
Date: Fri, 12 Apr 2024 01:30:25 +0900
Subject: [PATCH 2/3] =?UTF-8?q?refactor:=20Icon=20=EA=B0=9C=EC=84=A0,=20?=
 =?UTF-8?q?=EC=A4=91=EB=B3=B5=EB=90=98=EB=8A=94=20Emty=20=EC=BB=B4?=
 =?UTF-8?q?=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../community/components/ArticleItem.tsx      | 24 ++++++----
 .../components/CommunityArticles.tsx          |  6 ++-
 .../(main)/community/components/Empty.tsx     | 16 -------
 .../[articleId]/components/CommentList.tsx    | 18 ++------
 .../grouping/components/GroupingCardList.tsx  |  1 +
 .../grouping/components/GroupingHeader.tsx    |  7 +--
 .../components/ProfileDetailSection.tsx       | 46 +++++++++++++------
 .../profile/components/ProfileHeader.tsx      |  4 +-
 .../src/app/i18n/locales/en/community.json    |  2 +
 .../src/app/i18n/locales/ko/community.json    |  2 +
 .../src/app/i18n/locales/zh-CN/community.json |  3 ++
 .../src/app/i18n/locales/zh-TW/community.json |  3 ++
 packages/web/src/assets/svgs/16-female.svg    |  8 ++++
 .../src/assets/svgs/16-reliability-hood.svg   |  2 +-
 .../src/assets/svgs/16-reliability-mate.svg   |  2 +-
 .../assets/svgs/16-reliability-soulmate.svg   |  2 +-
 .../src/components/Button/FloatAddButton.tsx  |  4 +-
 packages/web/src/components/Empty/Empty.tsx   |  4 +-
 packages/web/src/constants/reliabilities.ts   |  9 +++-
 packages/web/src/types/index.ts               |  2 +-
 20 files changed, 96 insertions(+), 69 deletions(-)
 delete mode 100644 packages/web/src/app/[lng]/(main)/community/components/Empty.tsx
 create mode 100644 packages/web/src/assets/svgs/16-female.svg

diff --git a/packages/web/src/app/[lng]/(main)/community/components/ArticleItem.tsx b/packages/web/src/app/[lng]/(main)/community/components/ArticleItem.tsx
index 1b0ab9c47..93dd16fbd 100644
--- a/packages/web/src/app/[lng]/(main)/community/components/ArticleItem.tsx
+++ b/packages/web/src/app/[lng]/(main)/community/components/ArticleItem.tsx
@@ -6,6 +6,12 @@ import Image from 'next/image';
 import { CommunityArticle } from '@/apis/community';
 import ArticleBadge from '@/app/[lng]/(main)/community/components/ArticleBadge';
 import { useTranslation } from '@/app/i18n/client';
+import CommentIcon from '@/assets/svgs/16-comment_fill.svg';
+import FavoritIcon from '@/assets/svgs/16-favorite.svg';
+import GloddyIcon from '@/assets/svgs/16-reliability-gloddy.svg';
+import HoodIcon from '@/assets/svgs/16-reliability-hood.svg';
+import MateIcon from '@/assets/svgs/16-reliability-mate.svg';
+import SoulMateIcon from '@/assets/svgs/16-reliability-soulmate.svg';
 import { Avatar } from '@/components/Avatar';
 import { Divider } from '@/components/Divider';
 import { Icon } from '@/components/Icon';
@@ -39,6 +45,13 @@ export default function ArticleItem({ articleData, onClick }: ArticleItemProps)
 
   const { isCertifiedStudent, reliabilityLevel, nickName, countryImage, profileImage } = writer;
 
+  const reliabilityIcon = {
+    HOOD: <HoodIcon width={16} height={16} />,
+    MATE: <MateIcon width={16} height={16} />,
+    SOUL_MATE: <SoulMateIcon width={16} height={16} />,
+    GLODDY: <GloddyIcon width={16} height={16} />,
+  };
+
   return (
     <div
       className="p-20"
@@ -71,22 +84,17 @@ export default function ArticleItem({ articleData, onClick }: ArticleItemProps)
             countryImage={countryImage}
           />
           <p className="text-paragraph-2">{nickName}</p>
-          <Icon id={`16-reliability-${reliabilityLevel.toLowerCase()}`} width={16} height={16} />
+          {reliabilityIcon[reliabilityLevel]}
         </Flex>
         <Flex align="center" className="gap-8">
           <Flex align="center" className="gap-4">
-            <Icon
-              id="16-favorite_fill"
-              width={16}
-              height={16}
-              className={cn(isLiked ? 'text-warning' : 'text-sign-caption')}
-            />
+            <FavoritIcon className={cn(isLiked ? 'text-warning' : 'text-sign-caption')} />
             <p className={cn(isLiked ? 'text-warning' : 'text-sign-caption') + ' text-subtitle-3'}>
               {likeCount.toString().padStart(2, '0')}
             </p>
           </Flex>
           <Flex align="center" className="gap-4">
-            <Icon id="16-comment_fill" width={16} height={16} />
+            <CommentIcon />
             <p className="text-caption text-sign-brand">
               {commentCount.toString().padStart(2, '0')}
             </p>
diff --git a/packages/web/src/app/[lng]/(main)/community/components/CommunityArticles.tsx b/packages/web/src/app/[lng]/(main)/community/components/CommunityArticles.tsx
index a4882d363..1f159c0f4 100644
--- a/packages/web/src/app/[lng]/(main)/community/components/CommunityArticles.tsx
+++ b/packages/web/src/app/[lng]/(main)/community/components/CommunityArticles.tsx
@@ -4,9 +4,10 @@ import { useEffect } from 'react';
 import { useInView } from 'react-intersection-observer';
 
 import ArticleItem from './ArticleItem';
-import Empty from './Empty';
 
 import { useGetCommunityArticles } from '@/apis/community/queries';
+import { useTranslation } from '@/app/i18n/client';
+import { Empty } from '@/components/Empty';
 import { ItemList } from '@/components/List';
 import { useBlockStore } from '@/store/useBlockStore';
 
@@ -15,6 +16,7 @@ interface CommunityArticle {
 }
 
 export default function CommunityArticles({ categoryId }: CommunityArticle) {
+  const { t } = useTranslation('community');
   const { ref, inView } = useInView();
   const { blockCommunityArticleIds } = useBlockStore();
   const { data: articleList, fetchNextPage, hasNextPage } = useGetCommunityArticles(categoryId);
@@ -34,7 +36,7 @@ export default function CommunityArticles({ categoryId }: CommunityArticle) {
             )
           );
         }}
-        renderEmpty={() => <Empty />}
+        renderEmpty={() => <Empty message={t('empty')} />}
       />
       <div ref={ref} />
     </>
diff --git a/packages/web/src/app/[lng]/(main)/community/components/Empty.tsx b/packages/web/src/app/[lng]/(main)/community/components/Empty.tsx
deleted file mode 100644
index 94f9a7f24..000000000
--- a/packages/web/src/app/[lng]/(main)/community/components/Empty.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Icon } from '@/components/Icon';
-import { Flex } from '@/components/Layout';
-import { Spacing } from '@/components/Spacing';
-
-interface EmptyProps {
-  message?: string;
-}
-export default function Empty({ message = '아직 글이 없어요' }: EmptyProps) {
-  return (
-    <Flex direction="column" className="py-80" align="center">
-      <Icon id="48-cancel" width={48} height={48} />
-      <Spacing size={8} />
-      <p className="text-subtitle-1 text-sign-tertiary">{message}</p>
-    </Flex>
-  );
-}
diff --git a/packages/web/src/app/[lng]/(main)/community/detail/[articleId]/components/CommentList.tsx b/packages/web/src/app/[lng]/(main)/community/detail/[articleId]/components/CommentList.tsx
index a60238898..709678747 100644
--- a/packages/web/src/app/[lng]/(main)/community/detail/[articleId]/components/CommentList.tsx
+++ b/packages/web/src/app/[lng]/(main)/community/detail/[articleId]/components/CommentList.tsx
@@ -3,8 +3,7 @@ import CommentItem from './CommentItem';
 
 import { Comment } from '@/apis/community/type';
 import { useTranslation } from '@/app/i18n/client';
-import { Icon } from '@/components/Icon';
-import { Flex } from '@/components/Layout';
+import { Empty } from '@/components/Empty';
 import { ItemList } from '@/components/List';
 import { Spacing } from '@/components/Spacing';
 import { useNumberParams } from '@/hooks/useNumberParams';
@@ -16,6 +15,7 @@ interface CommentListProps {
 }
 
 export default function CommentList({ commentList, articleWriterId }: CommentListProps) {
+  const { t } = useTranslation('community');
   const { articleId } = useNumberParams<['articleId']>();
   const { blockCommunityCommentIds } = useBlockStore();
 
@@ -35,21 +35,9 @@ export default function CommentList({ commentList, articleWriterId }: CommentLis
             )
           );
         }}
-        renderEmpty={() => <EmptyComment />}
+        renderEmpty={() => <Empty message={t('comment.firstComment')} />}
       />
       <Spacing size={102} />
     </>
   );
 }
-
-function EmptyComment() {
-  const { t } = useTranslation('community');
-
-  return (
-    <Flex direction="column" justify="center" align="center" className="my-80">
-      <Icon id="48-cancel" width={48} height={48} />
-      <Spacing size={8} />
-      <p className="text-sign-tertiary">{t('comment.firstComment')}</p>
-    </Flex>
-  );
-}
diff --git a/packages/web/src/app/[lng]/(main)/grouping/components/GroupingCardList.tsx b/packages/web/src/app/[lng]/(main)/grouping/components/GroupingCardList.tsx
index b723cb2c5..67d30d78a 100644
--- a/packages/web/src/app/[lng]/(main)/grouping/components/GroupingCardList.tsx
+++ b/packages/web/src/app/[lng]/(main)/grouping/components/GroupingCardList.tsx
@@ -1,4 +1,5 @@
 'use client';
+
 import { useEffect } from 'react';
 import { useInView } from 'react-intersection-observer';
 
diff --git a/packages/web/src/app/[lng]/(main)/grouping/components/GroupingHeader.tsx b/packages/web/src/app/[lng]/(main)/grouping/components/GroupingHeader.tsx
index af441bcc9..7d3b29f67 100644
--- a/packages/web/src/app/[lng]/(main)/grouping/components/GroupingHeader.tsx
+++ b/packages/web/src/app/[lng]/(main)/grouping/components/GroupingHeader.tsx
@@ -1,9 +1,10 @@
 'use client';
 
 import { useTranslation } from '@/app/i18n/client';
+import CommentsIcon from '@/assets/svgs/24-comments.svg';
+import NotifiIcon from '@/assets/svgs/24-notification.svg';
 import { IconButton } from '@/components/Button';
 import { Header } from '@/components/Header';
-import { Icon } from '@/components/Icon';
 import { NavLink } from '@/components/NavLink';
 
 export default function GroupingHeader() {
@@ -28,11 +29,11 @@ export default function GroupingHeader() {
           size="large"
           onClick={() => window.open('https://forms.gle/YJvNzLniP8he4xv68', '_blank')}
         >
-          <Icon id="24-comments" />
+          <CommentsIcon />
         </IconButton>
         <NavLink href="/notification">
           <IconButton size="large">
-            <Icon id="24-notification" className={'text-primary'} />
+            <NotifiIcon />
           </IconButton>
         </NavLink>
       </Header.Right>
diff --git a/packages/web/src/app/[lng]/(main)/profile/components/ProfileDetailSection.tsx b/packages/web/src/app/[lng]/(main)/profile/components/ProfileDetailSection.tsx
index 0c35fb7b5..f72f67731 100644
--- a/packages/web/src/app/[lng]/(main)/profile/components/ProfileDetailSection.tsx
+++ b/packages/web/src/app/[lng]/(main)/profile/components/ProfileDetailSection.tsx
@@ -6,6 +6,14 @@ import { useParams, usePathname } from 'next/navigation';
 
 import { useGetProfileById } from '@/apis/profile';
 import { useTranslation } from '@/app/i18n/client';
+import BirthIcon from '@/assets/svgs/16-birth.svg';
+import FemaleIcon from '@/assets/svgs/16-female.svg';
+import MaleIcon from '@/assets/svgs/16-male.svg';
+import GloddyIcon from '@/assets/svgs/16-reliability-gloddy.svg';
+import HoodIcon from '@/assets/svgs/16-reliability-hood.svg';
+import MateIcon from '@/assets/svgs/16-reliability-mate.svg';
+import SoulMateIcon from '@/assets/svgs/16-reliability-soulmate.svg';
+import ScooleIcon from '@/assets/svgs/16-school.svg';
 import { Avatar } from '@/components/Avatar';
 import { Divider } from '@/components/Divider';
 import { Icon } from '@/components/Icon';
@@ -61,6 +69,15 @@ export default function ProfileDetailSection({ profileData }: ProfileDetailProps
     return num < 10 ? '0' + num : num;
   }
 
+  const reliabilityIcon = {
+    HOOD: <HoodIcon width={16} height={16} />,
+    MATE: <MateIcon width={16} height={16} />,
+    SOUL_MATE: <SoulMateIcon width={16} height={16} />,
+    GLODDY: <GloddyIcon width={16} height={16} />,
+  };
+
+  console.log(reliabilityLevel);
+
   return (
     <>
       <section className="rounded-b-24 shadow-float bg-white">
@@ -92,25 +109,31 @@ export default function ProfileDetailSection({ profileData }: ProfileDetailProps
               </div>
             )}
             <span>{nickname}</span>
-            <Icon
-              id={`16-reliability-${reliabilityLevel.toLowerCase()}`}
-              className="-right-22 absolute top-0"
-            />
+            {reliabilityIcon[reliabilityLevel]}
           </h4>
           <Spacing size={4} />
           <Flex className="h-18 text-caption text-sign-tertiary gap-4" align="start">
             <Flex className="gap-4" align="center">
-              <Icon id="16-school" width={16} height={16} />
+              <ScooleIcon />
               <span>{school}</span>
             </Flex>
             <Divider direction="vertical" className="h-12" />
             <Flex className="gap-4" align="center">
-              <Icon id="16-male" width={16} height={16} />
-              <span>{gender === 'MALE' ? t('home.gender.male') : t('home.gender.female')}</span>
+              {gender === 'MALE' ? (
+                <>
+                  <MaleIcon />
+                  <span>{t('home.gender.male')}</span>
+                </>
+              ) : (
+                <>
+                  <FemaleIcon />
+                  {t('home.gender.female')}
+                </>
+              )}
             </Flex>
             <Divider direction="vertical" className="h-12" />
             <Flex className="gap-4" align="center">
-              <Icon id="16-birth" width={16} height={16} />
+              <BirthIcon />
               <span>
                 {age}
                 {t('세')}
@@ -163,13 +186,10 @@ export default function ProfileDetailSection({ profileData }: ProfileDetailProps
               {reliabilities.map((reliabilityItem) => (
                 <Flex
                   key={reliabilityItem.id}
+                  align="center"
                   className={cn({ 'opacity-30': reliabilityLevel !== reliabilityItem.name })}
                 >
-                  <Icon
-                    id={`16-reliability-${reliabilityItem.name.toLowerCase()}`}
-                    width={16}
-                    height={16}
-                  />
+                  {reliabilityIcon[reliabilityItem.name]}
                   <Spacing size={2} direction="horizontal" />
                   <p>{reliabilityItem.name}</p>
                 </Flex>
diff --git a/packages/web/src/app/[lng]/(main)/profile/components/ProfileHeader.tsx b/packages/web/src/app/[lng]/(main)/profile/components/ProfileHeader.tsx
index e6c285b74..0c40cca33 100644
--- a/packages/web/src/app/[lng]/(main)/profile/components/ProfileHeader.tsx
+++ b/packages/web/src/app/[lng]/(main)/profile/components/ProfileHeader.tsx
@@ -1,7 +1,7 @@
 'use client';
+import SettingIcon from '@/assets/svgs/24-settings.svg';
 import { IconButton } from '@/components/Button';
 import { Header } from '@/components/Header';
-import { Icon } from '@/components/Icon';
 import { NavLink } from '@/components/NavLink';
 
 export default function ProfileHeader() {
@@ -10,7 +10,7 @@ export default function ProfileHeader() {
       <Header.Right>
         <NavLink href="/profile/setting">
           <IconButton size="large">
-            <Icon id="24-settings" />
+            <SettingIcon />
           </IconButton>
         </NavLink>
       </Header.Right>
diff --git a/packages/web/src/app/i18n/locales/en/community.json b/packages/web/src/app/i18n/locales/en/community.json
index eb9240a76..e14ac6f33 100644
--- a/packages/web/src/app/i18n/locales/en/community.json
+++ b/packages/web/src/app/i18n/locales/en/community.json
@@ -6,6 +6,8 @@
     "Language": "Language"
   },
 
+  "empty": "No posts yet",
+
   "create": {
     "headerTitle": "Create Post",
     "category": {
diff --git a/packages/web/src/app/i18n/locales/ko/community.json b/packages/web/src/app/i18n/locales/ko/community.json
index 831163c95..34caf6986 100644
--- a/packages/web/src/app/i18n/locales/ko/community.json
+++ b/packages/web/src/app/i18n/locales/ko/community.json
@@ -6,6 +6,8 @@
     "Language": "언어교환"
   },
 
+  "empty": "아직 글이 없어요",
+
   "create": {
     "headerTitle": "게시글 작성",
     "category": {
diff --git a/packages/web/src/app/i18n/locales/zh-CN/community.json b/packages/web/src/app/i18n/locales/zh-CN/community.json
index a51cacc5f..8634be9e0 100644
--- a/packages/web/src/app/i18n/locales/zh-CN/community.json
+++ b/packages/web/src/app/i18n/locales/zh-CN/community.json
@@ -5,6 +5,9 @@
     "Q&A": "我想知道",
     "Language": "语言交换"
   },
+
+  "empty": "还没有文章",
+
   "create": {
     "headerTitle": "创建帖子",
     "category": {
diff --git a/packages/web/src/app/i18n/locales/zh-TW/community.json b/packages/web/src/app/i18n/locales/zh-TW/community.json
index afb060104..1e9a0ea43 100644
--- a/packages/web/src/app/i18n/locales/zh-TW/community.json
+++ b/packages/web/src/app/i18n/locales/zh-TW/community.json
@@ -5,6 +5,9 @@
     "Q&A": "我想知道",
     "Language": "語言交換"
   },
+
+  "empty": "還沒有文章",
+
   "create": {
     "headerTitle": "創建帖子",
     "category": {
diff --git a/packages/web/src/assets/svgs/16-female.svg b/packages/web/src/assets/svgs/16-female.svg
new file mode 100644
index 000000000..0c8c734c7
--- /dev/null
+++ b/packages/web/src/assets/svgs/16-female.svg
@@ -0,0 +1,8 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_5149_36066" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="17">
+<rect y="0.410156" width="16" height="16" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_5149_36066)">
+<path d="M7.30016 10.3448C6.4335 10.1781 5.72239 9.7615 5.16683 9.09491C4.61127 8.42833 4.3335 7.65607 4.3335 6.77813C4.3335 5.7559 4.68905 4.88368 5.40016 4.16146C6.11127 3.43924 6.97794 3.07812 8.00016 3.07812C9.02239 3.07812 9.88905 3.43924 10.6002 4.16146C11.3113 4.88368 11.6668 5.7559 11.6668 6.77813C11.6668 7.65607 11.3891 8.42833 10.8335 9.09491C10.2779 9.7615 9.56683 10.1781 8.70016 10.3448V11.6781H9.35513C9.54071 11.6781 9.70016 11.7436 9.8335 11.8746C9.96683 12.0056 10.0335 12.1678 10.0335 12.3615C10.0335 12.5551 9.96801 12.7174 9.83705 12.8483C9.70607 12.9793 9.54377 13.0448 9.35016 13.0448H8.70016V13.7115C8.70016 13.9003 8.63072 14.0642 8.49183 14.2031C8.35294 14.342 8.18905 14.4115 8.00016 14.4115C7.81127 14.4115 7.64739 14.342 7.5085 14.2031C7.36961 14.0642 7.30016 13.9003 7.30016 13.7115V13.0448H6.6452C6.45962 13.0448 6.30016 12.9793 6.16683 12.8483C6.0335 12.7174 5.96683 12.5551 5.96683 12.3615C5.96683 12.1678 6.03232 12.0056 6.1633 11.8746C6.29426 11.7436 6.45655 11.6781 6.65016 11.6781H7.30016V10.3448ZM8.00016 9.01146C8.6335 9.01146 9.16961 8.79479 9.6085 8.36146C10.0474 7.92813 10.2668 7.38924 10.2668 6.74479C10.2668 6.11876 10.0474 5.58447 9.6085 5.14194C9.16961 4.6994 8.6335 4.47812 8.00016 4.47812C7.36683 4.47812 6.83072 4.6994 6.39183 5.14194C5.95294 5.58447 5.7335 6.11876 5.7335 6.74479C5.7335 7.38924 5.95294 7.92813 6.39183 8.36146C6.83072 8.79479 7.36683 9.01146 8.00016 9.01146Z" fill="#A9ABB8"/>
+</g>
+</svg>
diff --git a/packages/web/src/assets/svgs/16-reliability-hood.svg b/packages/web/src/assets/svgs/16-reliability-hood.svg
index b8119d5db..33a923bda 100644
--- a/packages/web/src/assets/svgs/16-reliability-hood.svg
+++ b/packages/web/src/assets/svgs/16-reliability-hood.svg
@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <circle cx="12" cy="12" r="8.25" fill="#F7F7FA" stroke="#A9ABB8" stroke-width="1.5"/>
 <path d="M9.60717 16.1609C9.14317 16.1609 8.79117 16.0049 8.55117 15.6929C8.31117 15.3729 8.15117 14.9049 8.07117 14.2889C7.99117 13.6729 7.95117 12.9089 7.95117 11.9969C7.95117 11.0849 7.99117 10.3169 8.07117 9.69287C8.15117 9.06887 8.31117 8.60087 8.55117 8.28887C8.79117 7.96887 9.14317 7.80887 9.60717 7.80887C10.0152 7.80887 10.3272 7.93687 10.5432 8.19287C10.7672 8.44087 10.9232 8.80487 11.0112 9.28487C11.1072 9.76487 11.1632 10.3409 11.1792 11.0129C11.3152 11.0129 11.4552 11.0129 11.5992 11.0129C11.7432 11.0129 11.8872 11.0129 12.0312 11.0129C12.1992 11.0129 12.3632 11.0129 12.5232 11.0129C12.6912 11.0129 12.8512 11.0169 13.0032 11.0249C13.0192 10.3449 13.0712 9.76487 13.1592 9.28487C13.2472 8.80487 13.3992 8.43687 13.6152 8.18087C13.8392 7.92487 14.1552 7.79688 14.5632 7.79688C15.0272 7.79688 15.3792 7.95687 15.6192 8.27687C15.8592 8.59687 16.0192 9.06887 16.0992 9.69287C16.1872 10.3169 16.2312 11.0849 16.2312 11.9969C16.2312 12.9089 16.1872 13.6729 16.0992 14.2889C16.0192 14.9049 15.8592 15.3689 15.6192 15.6809C15.3792 15.9929 15.0272 16.1489 14.5632 16.1489C13.9872 16.1489 13.5952 15.9009 13.3872 15.4049C13.1792 14.9089 13.0552 14.2049 13.0152 13.2929C12.8312 13.3009 12.6352 13.3049 12.4272 13.3049C12.2192 13.3049 12.0072 13.3049 11.7912 13.3049C11.6872 13.3049 11.5832 13.3049 11.4792 13.3049C11.3752 13.3049 11.2712 13.3049 11.1672 13.3049C11.1272 14.2089 10.9992 14.9129 10.7832 15.4169C10.5752 15.9129 10.1832 16.1609 9.60717 16.1609Z" fill="#A9ABB8"/>
 </svg>
diff --git a/packages/web/src/assets/svgs/16-reliability-mate.svg b/packages/web/src/assets/svgs/16-reliability-mate.svg
index 63ebb97c6..633957f3c 100644
--- a/packages/web/src/assets/svgs/16-reliability-mate.svg
+++ b/packages/web/src/assets/svgs/16-reliability-mate.svg
@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <circle cx="12" cy="12" r="8.25" fill="#F7F7FA" stroke="#525463" stroke-width="1.5"/>
 <path d="M11.8437 16.0769C11.5637 16.0769 11.3317 16.0049 11.1477 15.8609C10.9717 15.7089 10.8517 15.5209 10.7877 15.2969C10.7237 15.0729 10.6837 14.8249 10.6677 14.5529C10.6517 14.2729 10.6437 13.9929 10.6437 13.7129C10.6517 13.4249 10.6517 13.1609 10.6437 12.9209C10.6357 12.6809 10.6117 12.4889 10.5717 12.3449C10.5317 12.2009 10.4557 12.1289 10.3437 12.1289C10.1837 12.1289 10.0717 12.1969 10.0077 12.3329C9.94371 12.4609 9.91171 12.6369 9.91171 12.8609C9.91171 13.0769 9.92371 13.3129 9.94771 13.5689C9.97971 13.8249 10.0117 14.0809 10.0437 14.3369C10.0757 14.5849 10.0917 14.8049 10.0917 14.9969C10.0917 15.3969 9.99971 15.6729 9.81571 15.8249C9.63971 15.9769 9.39571 16.0529 9.08371 16.0529C8.77171 16.0529 8.49571 15.9249 8.25571 15.6689C8.02371 15.4049 7.82771 15.0689 7.66771 14.6609C7.51571 14.2449 7.39971 13.7969 7.31971 13.3169C7.23971 12.8369 7.19971 12.3809 7.19971 11.9489C7.19971 11.4209 7.25571 10.9089 7.36771 10.4129C7.48771 9.91688 7.66371 9.47288 7.89571 9.08088C8.13571 8.68888 8.43171 8.37688 8.78371 8.14488C9.13571 7.91288 9.55171 7.79688 10.0317 7.79688C10.4077 7.79688 10.7197 7.88088 10.9677 8.04888C11.2157 8.20888 11.4117 8.41288 11.5557 8.66088C11.7077 8.90888 11.8117 9.16087 11.8677 9.41687C11.9237 9.16087 12.0237 8.90888 12.1677 8.66088C12.3117 8.41288 12.5077 8.20888 12.7557 8.04888C13.0037 7.88088 13.3117 7.79688 13.6797 7.79688C14.2877 7.79688 14.8037 7.98488 15.2277 8.36088C15.6597 8.73688 15.9877 9.25688 16.2117 9.92088C16.4357 10.5769 16.5477 11.3409 16.5477 12.2129C16.5477 12.6209 16.5037 13.0529 16.4157 13.5089C16.3277 13.9569 16.1997 14.3769 16.0317 14.7689C15.8717 15.1529 15.6757 15.4689 15.4437 15.7169C15.2117 15.9569 14.9477 16.0769 14.6517 16.0769C14.3317 16.0769 14.0797 15.9969 13.8957 15.8369C13.7117 15.6769 13.6197 15.3969 13.6197 14.9969C13.6197 14.8049 13.6357 14.5849 13.6677 14.3369C13.6997 14.0809 13.7317 13.8249 13.7637 13.5689C13.7957 13.3129 13.8117 13.0769 13.8117 12.8609C13.8117 12.6369 13.7797 12.4609 13.7157 12.3329C13.6597 12.1969 13.5517 12.1289 13.3917 12.1289C13.2797 12.1289 13.1997 12.2009 13.1517 12.3449C13.1117 12.4889 13.0837 12.6809 13.0677 12.9209C13.0597 13.1529 13.0557 13.4129 13.0557 13.7009C13.0557 13.9809 13.0477 14.2609 13.0317 14.5409C13.0237 14.8209 12.9877 15.0729 12.9237 15.2969C12.8677 15.5209 12.7477 15.7089 12.5637 15.8609C12.3797 16.0049 12.1397 16.0769 11.8437 16.0769Z" fill="#525463"/>
 </svg>
diff --git a/packages/web/src/assets/svgs/16-reliability-soulmate.svg b/packages/web/src/assets/svgs/16-reliability-soulmate.svg
index 3819ca823..b1c0c93f9 100644
--- a/packages/web/src/assets/svgs/16-reliability-soulmate.svg
+++ b/packages/web/src/assets/svgs/16-reliability-soulmate.svg
@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <circle cx="12" cy="12" r="8.25" fill="#FEF6F5" stroke="#F16657" stroke-width="1.5"/>
 <path d="M11.8572 16.1969C11.4732 16.1969 11.0932 16.1569 10.7172 16.0769C10.3412 15.9889 10.0012 15.8689 9.69717 15.7169C9.39317 15.5649 9.14917 15.3809 8.96517 15.1649C8.78917 14.9489 8.70117 14.7049 8.70117 14.4329C8.70117 14.0969 8.80117 13.8369 9.00117 13.6529C9.20917 13.4609 9.46117 13.3649 9.75717 13.3649C10.0292 13.3649 10.2532 13.4089 10.4292 13.4969C10.6052 13.5769 10.7652 13.6609 10.9092 13.7489C11.0612 13.8289 11.2212 13.8689 11.3892 13.8689C11.6532 13.8689 11.7852 13.7649 11.7852 13.5569C11.7852 13.4529 11.6932 13.3609 11.5092 13.2809C11.3252 13.2009 11.0892 13.1089 10.8012 13.0049C10.5132 12.8929 10.2132 12.7449 9.90117 12.5609C9.43717 12.2809 9.12117 11.9809 8.95317 11.6609C8.78517 11.3329 8.70117 10.9369 8.70117 10.4729C8.70117 10.0009 8.84917 9.56088 9.14517 9.15288C9.44117 8.74488 9.84117 8.41688 10.3452 8.16888C10.8492 7.92088 11.4132 7.79688 12.0372 7.79688C12.6372 7.79688 13.1812 7.88888 13.6692 8.07287C14.1572 8.25688 14.5412 8.50488 14.8212 8.81688C15.1092 9.12088 15.2532 9.46888 15.2532 9.86088C15.2532 10.1809 15.1852 10.4369 15.0492 10.6289C14.9212 10.8209 14.7572 10.9609 14.5572 11.0489C14.3652 11.1369 14.1772 11.1809 13.9932 11.1809C13.7212 11.1809 13.5172 11.1649 13.3812 11.1329C13.2452 11.1009 13.1372 11.0689 13.0572 11.0369C12.9852 10.9969 12.9052 10.9609 12.8172 10.9289C12.7372 10.8969 12.6132 10.8809 12.4452 10.8809C12.3492 10.8809 12.2532 10.9129 12.1572 10.9769C12.0612 11.0409 12.0132 11.1369 12.0132 11.2649C12.0132 11.3849 12.0972 11.4809 12.2652 11.5529C12.4412 11.6169 12.6252 11.6849 12.8172 11.7569C13.5292 12.0129 14.0692 12.3169 14.4372 12.6689C14.8052 13.0129 14.9892 13.4689 14.9892 14.0369C14.9892 14.7169 14.7132 15.2489 14.1612 15.6329C13.6172 16.0089 12.8492 16.1969 11.8572 16.1969Z" fill="#F16657"/>
 </svg>
diff --git a/packages/web/src/components/Button/FloatAddButton.tsx b/packages/web/src/components/Button/FloatAddButton.tsx
index b0a3f7487..33c36bdf1 100644
--- a/packages/web/src/components/Button/FloatAddButton.tsx
+++ b/packages/web/src/components/Button/FloatAddButton.tsx
@@ -1,4 +1,4 @@
-import { Icon } from '@/components/Icon';
+import AddIcon from '@/assets/svgs/24-add.svg';
 import cn from '@/utils/cn';
 
 interface FloatButtonProps {
@@ -26,7 +26,7 @@ export default function FloatAddButton({ className, onClick, disabled }: FloatBu
       onClick={onClick}
       disabled={disabled}
     >
-      <Icon id="24-add" />
+      <AddIcon />
     </button>
   );
 }
diff --git a/packages/web/src/components/Empty/Empty.tsx b/packages/web/src/components/Empty/Empty.tsx
index f79f6e3e0..9e6a35e98 100644
--- a/packages/web/src/components/Empty/Empty.tsx
+++ b/packages/web/src/components/Empty/Empty.tsx
@@ -1,4 +1,4 @@
-import { Icon } from '@/components/Icon';
+import CancelIcon from '@/assets/svgs/48-cancel.svg';
 import { Flex } from '@/components/Layout';
 import { Spacing } from '@/components/Spacing';
 
@@ -8,7 +8,7 @@ interface EmptyProps {
 export default function Empty({ message }: EmptyProps) {
   return (
     <Flex direction="column" className="py-80 text-center" align="center">
-      <Icon id="48-cancel" width={48} height={48} />
+      <CancelIcon />
       <Spacing size={8} />
       <p className="text-subtitle-1 text-sign-tertiary">{message}</p>
     </Flex>
diff --git a/packages/web/src/constants/reliabilities.ts b/packages/web/src/constants/reliabilities.ts
index 386f6683c..af3b8282f 100644
--- a/packages/web/src/constants/reliabilities.ts
+++ b/packages/web/src/constants/reliabilities.ts
@@ -1,4 +1,9 @@
-export const reliabilities = [
+interface ReliabilitiesType {
+  id: number;
+  name: 'HOOD' | 'MATE' | 'SOUL_MATE' | 'GLODDY';
+}
+
+export const reliabilities: ReliabilitiesType[] = [
   {
     id: 1,
     name: 'HOOD',
@@ -9,7 +14,7 @@ export const reliabilities = [
   },
   {
     id: 3,
-    name: 'SOULMATE',
+    name: 'SOUL_MATE',
   },
   {
     id: 4,
diff --git a/packages/web/src/types/index.ts b/packages/web/src/types/index.ts
index d146f82a3..a93cba168 100644
--- a/packages/web/src/types/index.ts
+++ b/packages/web/src/types/index.ts
@@ -38,7 +38,7 @@ export type PersonalityType = {
   keywordDTO: string;
 };
 
-export type ReliabilityType = 'HOOD' | 'MATE' | 'SOULMATE' | 'GLODDY';
+export type ReliabilityType = 'HOOD' | 'MATE' | 'SOUL_MATE' | 'GLODDY';
 
 export type ApplyStatusType = 'APPROVE' | 'REFUSE';
 

From 8e1b77a7d69bd9dc7decf2e654a1278bdf405c6c Mon Sep 17 00:00:00 2001
From: dev-dong-su <fkdlrj1230@gmail.com>
Date: Fri, 12 Apr 2024 17:20:17 +0900
Subject: [PATCH 3/3] =?UTF-8?q?refactor:=20image=20=EC=84=A4=EC=A0=95=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95,=20=EB=B6=88=ED=95=84=EC=9A=94=ED=95=9C=20?=
 =?UTF-8?q?=EB=A1=9C=EA=B9=85=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/web/next.config.mjs                                  | 4 ++--
 .../[lng]/(main)/profile/components/ProfileDetailSection.tsx  | 4 +---
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/web/next.config.mjs b/packages/web/next.config.mjs
index 3a91e8b90..0d1fe0d59 100644
--- a/packages/web/next.config.mjs
+++ b/packages/web/next.config.mjs
@@ -34,8 +34,8 @@ const nextConfig = {
       },
     ],
     deviceSizes: [450],
-    imageSizes: [16, 32, 48, 64, 96, 128, 256, 384, 450],
-    minimumCacheTTL: 31536000,
+    imageSizes: [16, 32, 48, 64, 96, 128, 256, 450],
+    minimumCacheTTL: 6000,
     formats: ['image/webp'],
   },
 };
diff --git a/packages/web/src/app/[lng]/(main)/profile/components/ProfileDetailSection.tsx b/packages/web/src/app/[lng]/(main)/profile/components/ProfileDetailSection.tsx
index f72f67731..f7a133831 100644
--- a/packages/web/src/app/[lng]/(main)/profile/components/ProfileDetailSection.tsx
+++ b/packages/web/src/app/[lng]/(main)/profile/components/ProfileDetailSection.tsx
@@ -76,8 +76,6 @@ export default function ProfileDetailSection({ profileData }: ProfileDetailProps
     GLODDY: <GloddyIcon width={16} height={16} />,
   };
 
-  console.log(reliabilityLevel);
-
   return (
     <>
       <section className="rounded-b-24 shadow-float bg-white">
@@ -105,7 +103,7 @@ export default function ProfileDetailSection({ profileData }: ProfileDetailProps
           <h4 className="text-h4 relative flex items-center gap-5">
             {countryImage && (
               <div className="relative h-16 w-24">
-                <Image src={countryImage} fill sizes="32px" className="object-fill" alt="국가" />
+                <Image src={countryImage} fill sizes="24px" className="object-fill" alt="국가" />
               </div>
             )}
             <span>{nickname}</span>