diff --git a/package.json b/package.json
index fd116f4c..3e96bae5 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,6 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "chromatic": "npx chromatic --project-token=chpt_7c63d99a915fab5",
-    "dev:db": "json-server src/data/main.json --port=8888",
     "analyze": "ANALYZE=true next build"
   },
   "dependencies": {
@@ -26,7 +25,6 @@
     "clsx": "^2.1.1",
     "event-source-polyfill": "^1.0.31",
     "framer-motion": "^11.11.11",
-    "json-server": "^1.0.0-beta.3",
     "lottie-light-react": "^2.4.0",
     "next": "14.2.15",
     "pretendard": "^1.3.9",
diff --git a/public/icons/notificationIcon.svg b/public/icons/notificationIcon.svg
index 5a24cfe8..6946dcac 100644
--- a/public/icons/notificationIcon.svg
+++ b/public/icons/notificationIcon.svg
@@ -1,3 +1,3 @@
 <svg data-slot="icon" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
-  <path stroke-linecap="round" stroke-linejoin="round" d="M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"></path>
+  <path strokeLinecap="round" strokeLinejoin="round" d="M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"></path>
 </svg>
\ No newline at end of file
diff --git a/src/apis/getChatMessageData.ts b/src/apis/getChatMessageData.ts
index 3f16405c..7e7b1561 100644
--- a/src/apis/getChatMessageData.ts
+++ b/src/apis/getChatMessageData.ts
@@ -3,7 +3,7 @@ import type { GetChatListResponse } from '@manchui-api';
 
 export async function getChatMessageData(roomId: string, lastMessageId: number | undefined) {
   try {
-    const queryParams = lastMessageId ? `?lastMessageId=${lastMessageId}&limit=20` : '?limit=20';
+    const queryParams = lastMessageId ? `?lastMessageId=${lastMessageId}&limit=10` : '?limit=20';
     const res = await instance.get<GetChatListResponse>(`/api/chat/list/${roomId}${queryParams}`);
 
     return res.data;
diff --git a/src/components/shared/GNB/Notification/MobileUI/index.tsx b/src/components/shared/GNB/Notification/MobileUI/index.tsx
index 988f335f..b0f7834d 100644
--- a/src/components/shared/GNB/Notification/MobileUI/index.tsx
+++ b/src/components/shared/GNB/Notification/MobileUI/index.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable tailwindcss/no-custom-classname */
 import { forwardRef } from 'react';
-import ArrowBtn from 'public/icons/ArrowBtn';
+import Image from 'next/image';
 import NotificationItem from '@/components/shared/GNB/Notification/NotificationItem';
 import type { NotificationContent } from '@manchui-api';
 
@@ -14,12 +14,12 @@ export interface MobileUIProps {
 export const MobileUI = forwardRef<HTMLDivElement, MobileUIProps>(({ notifications, isLoading, onDropClick, isError }, ref) => (
   <div className="fixed inset-0 z-50 bg-white p-10">
     <div className="mb-5 flex items-center">
-      <button type="button" onClick={onDropClick}>
-        <ArrowBtn direction="left" color="#fb1c49" className="size-8" />
-      </button>
+      <div onClick={onDropClick}>
+        <Image src="/icons/arrow-right.svg" alt="알림창 끄기" width={32} height={32} className="rotate-180" />
+      </div>
       <div className="flex w-full items-center justify-between gap-4">
-        <h1 className="text-2xl font-semibold leading-[32px] text-lightred">알림</h1>
-        {!isLoading && <span className="rounded-md bg-lightred px-4 py-2 text-xs font-medium text-white">{`${notifications.length}개`}</span>}
+        <h1 className="text-2xl font-semibold leading-[32px]">알림</h1>
+        {!isLoading && <span className="rounded-md bg-black px-4 py-2 text-xs font-medium text-white">{`${notifications.length}개`}</span>}
       </div>
     </div>
 
diff --git a/src/components/shared/GNB/Notification/NotificationItem/MobileUI/index.tsx b/src/components/shared/GNB/Notification/NotificationItem/MobileUI/index.tsx
index 2b91c8b4..8708991c 100644
--- a/src/components/shared/GNB/Notification/NotificationItem/MobileUI/index.tsx
+++ b/src/components/shared/GNB/Notification/NotificationItem/MobileUI/index.tsx
@@ -70,7 +70,7 @@ export default function MobileUI({ data }: NotificationItemProps) {
         <span className="text-nowrap text-xs font-semibold text-lightred">{formatTimeAgo(String(data.createdAt))}</span>
       </div>
 
-      <div className="flex-center pl-100 absolute inset-y-0 right-0 -z-10 rounded-r-[5px] bg-gradient-to-l from-lightred via-red-200 to-transparent pr-20 text-white">
+      <div className="flex-center pl-100 absolute inset-y-0 right-0 -z-10 rounded-r-[5px] bg-gradient-to-l from-black via-black/50 to-transparent pr-20 text-white">
         삭제
       </div>
     </div>
diff --git a/src/components/shared/GNB/Notification/NotificationItem/TabletPCUI/index.tsx b/src/components/shared/GNB/Notification/NotificationItem/TabletPCUI/index.tsx
index 1ac48826..c4fec8ef 100644
--- a/src/components/shared/GNB/Notification/NotificationItem/TabletPCUI/index.tsx
+++ b/src/components/shared/GNB/Notification/NotificationItem/TabletPCUI/index.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable tailwindcss/no-custom-classname */
+import Image from 'next/image';
 import Link from 'next/link';
-import XIcon from 'public/icons/XIcon';
 import { deleteNotificationData } from '@/apis/deleteNotificationData';
 import type { NotificationItemProps } from '@/components/shared/GNB/Notification/NotificationItem';
 import { formatTimeAgo } from '@/utils/dateUtils';
@@ -37,14 +37,14 @@ export default function TabletPCUI({ data }: NotificationItemProps) {
     },
   });
 
-  const handleDelete = (e: React.MouseEvent<SVGSVGElement>) => {
+  const handleDelete = (e: React.MouseEvent<HTMLImageElement>) => {
     e.preventDefault();
     mutation.mutate({ notificationId: data.notificationId });
   };
 
   return (
     <Link href={`/detail/${data.gatheringId}`} className="relative flex min-h-[100px] w-full flex-col bg-white px-8 py-4 text-left hover:bg-gray-50">
-      <XIcon color="black" className="absolute right-2 top-2 hidden size-4 tablet:block" onClick={handleDelete} />
+      <Image src="/icons/x.svg" alt="알림창 끄기" width={20} height={20} onClick={handleDelete} className="absolute right-2 top-2 hidden size-4 tablet:block" />
       <p className="line-clamp-2 text-pretty text-[14px] font-medium leading-[24px]">{data.content}</p>
       <span className="mt-auto text-xs font-semibold text-lightred">{formatTimeAgo(String(data.createdAt))}</span>
     </Link>
diff --git a/src/components/shared/GNB/Notification/TabletPCUI/index.tsx b/src/components/shared/GNB/Notification/TabletPCUI/index.tsx
index fd3143c9..c46a1fdc 100644
--- a/src/components/shared/GNB/Notification/TabletPCUI/index.tsx
+++ b/src/components/shared/GNB/Notification/TabletPCUI/index.tsx
@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
 import * as m from 'framer-motion/m';
-import ArrowBtn from 'public/icons/ArrowBtn';
+import Image from 'next/image';
 import NotificationItem from '@/components/shared/GNB/Notification/NotificationItem';
 import type { NotificationContent } from '@manchui-api';
 
@@ -20,12 +20,12 @@ export const TabletPCUI = forwardRef<HTMLDivElement, TabletPCUIProps>(({ notific
     className="absolute right-0 z-50 mt-2 min-h-40 w-[370px] rounded-md bg-background p-5 shadow-2xl"
   >
     <div className="mb-5 flex items-center">
-      <button type="button" onClick={onDropClick}>
-        <ArrowBtn direction="left" color="#fb1c49" className="size-8" />
-      </button>
+      <div onClick={onDropClick}>
+        <Image src="/icons/arrow-right.svg" alt="알림창 끄기" width={32} height={32} className="rotate-180" />
+      </div>
       <div className="flex w-full items-center justify-between gap-4">
-        <h1 className="text-xl font-semibold text-lightred">알림</h1>
-        {!isLoading && <span className="rounded-md bg-lightred px-2 py-1 text-xs font-medium text-white">{`${notifications.length}개`}</span>}
+        <h1 className="text-xl font-semibold">알림</h1>
+        {!isLoading && <span className="rounded-md bg-black px-2 py-1 text-xs font-medium text-white">{`${notifications.length}개`}</span>}
       </div>
     </div>
 
diff --git a/src/components/shared/GNB/Notification/index.tsx b/src/components/shared/GNB/Notification/index.tsx
index 850920ae..ae23bf06 100644
--- a/src/components/shared/GNB/Notification/index.tsx
+++ b/src/components/shared/GNB/Notification/index.tsx
@@ -98,9 +98,9 @@ export default function Notification() {
 
   return (
     <button type="button" className="relative">
-      <button type="button" onClick={handelDropClick} className="flex items-center justify-center">
+      <div onClick={handelDropClick} className="flex items-center justify-center">
         <Image src="/icons/notificationIcon.svg" alt="알림 버튼" width={28} height={28} />
-      </button>
+      </div>
       {dropOpen && (
         <>
           <div className="hidden tablet:block">
diff --git a/src/components/shared/GNB/Toggle.tsx b/src/components/shared/GNB/Toggle.tsx
index 9658fa44..35d1d525 100644
--- a/src/components/shared/GNB/Toggle.tsx
+++ b/src/components/shared/GNB/Toggle.tsx
@@ -62,7 +62,7 @@ export default function Toggle({ userData }: ToggleProps) {
     <div className="relative flex items-center justify-center" ref={dropdownRef}>
       {/* 프로필 */}
       <button type="button" onClick={isModalOpen ? closeModal : openModal} className="relative z-10">
-        <div className="shadow-custom-md size-10 rounded-full bg-slate-50 focus:outline-none">
+        <div className="size-10 rounded-full bg-slate-50 shadow-custom-md focus:outline-none">
           <Image className="relative size-10 rounded-full object-cover" src={userData.image || '/icons/person-rounded.png'} alt="프로필" fill />
         </div>
       </button>
@@ -73,7 +73,7 @@ export default function Toggle({ userData }: ToggleProps) {
           <Link href="/mypage" onClick={() => setIsModalOpen(false)} className="rounded-lg p-1 transition-colors duration-100 hover:bg-gray-50">
             <div className="flex flex-row content-between items-center">
               <Image src="/icons/person.svg" className="size-6" alt="프로필" width={24} height={24} />
-              <p className="ml-1 text-base font-semibold text-blue-800">마이페이지</p>
+              <p className="ml-1 whitespace-nowrap text-base font-semibold text-blue-800">마이페이지</p>
             </div>
           </Link>
 
diff --git a/src/components/shared/GNB/index.tsx b/src/components/shared/GNB/index.tsx
index c8e8ec00..396d0aa2 100644
--- a/src/components/shared/GNB/index.tsx
+++ b/src/components/shared/GNB/index.tsx
@@ -61,7 +61,7 @@ export default function GNB() {
         </div>
         <div className="hidden flex-grow tablet:flex tablet:justify-start">
           <div className="hidden items-center gap-3 text-[16px] font-semibold text-black tablet:flex">
-            <Link href="/main" className={clsx('relative flex h-10 w-16 items-center justify-center', 'group')}>
+            <Link href="/main" className={clsx('relative flex h-10 w-20 items-center justify-center', 'group')}>
               모임 찾기
               <span
                 className={clsx(
@@ -71,7 +71,7 @@ export default function GNB() {
                 )}
               />
             </Link>
-            <Link href="/review" className={clsx('relative flex h-10 w-16 items-center justify-center', 'group')}>
+            <Link href="/review" className={clsx('relative flex h-10 w-20 items-center justify-center', 'group')}>
               모든 리뷰
               <span
                 className={clsx(
@@ -81,7 +81,7 @@ export default function GNB() {
                 )}
               />
             </Link>
-            <Link href="/bookmark" className={clsx('relative flex h-10 w-16 items-center justify-center', 'group')}>
+            <Link href="/bookmark" className={clsx('relative flex h-10 w-20 items-center justify-center', 'group')}>
               찜한 모임
               <span
                 className={clsx(
diff --git a/src/components/shared/Toast/index.tsx b/src/components/shared/Toast/index.tsx
index 5017c05d..f6c34a62 100644
--- a/src/components/shared/Toast/index.tsx
+++ b/src/components/shared/Toast/index.tsx
@@ -54,7 +54,7 @@ export const Toast = (type: 'success' | 'error' | 'info' | 'warning', message: s
         icon: (
           <div className="rounded-full border-[1.5px] border-white p-1">
             <svg className="size-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
-              <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" />
+              <path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" />
             </svg>
           </div>
         ),
@@ -77,8 +77,8 @@ export const Toast = (type: 'success' | 'error' | 'info' | 'warning', message: s
           <svg className="size-6" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 20">
             <path
               stroke="currentColor"
-              stroke-linecap="round"
-              stroke-linejoin="round"
+              strokeLinecap="round"
+              strokeLinejoin="round"
               stroke-width="2"
               d="M15.147 15.085a7.159 7.159 0 0 1-6.189 3.307A6.713 6.713 0 0 1 3.1 15.444c-2.679-4.513.287-8.737.888-9.548A4.373 4.373 0 0 0 5 1.608c1.287.953 6.445 3.218 5.537 10.5 1.5-1.122 2.706-3.01 2.853-6.14 1.433 1.049 3.993 5.395 1.757 9.117Z"
             />
diff --git a/src/data/create.json b/src/data/create.json
deleted file mode 100644
index 1ad2d355..00000000
--- a/src/data/create.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "create": [
-    {
-      "id": "fffc",
-      "groupName": "1",
-      "gatheringContent": "1",
-      "category": "운동",
-      "location": "을지로 3가",
-      "minUsers": "3",
-      "maxUsers": "3",
-      "gatheringDate": "2024-11-19 11:00:00",
-      "gatheringImage": {}
-    },
-    {
-      "id": "84cf",
-      "groupName": "1",
-      "gatheringContent": "1",
-      "category": "운동",
-      "location": "을지로 3가",
-      "minUsers": "3",
-      "maxUsers": "3",
-      "gatheringDate": "2024-11-19 11:00:00",
-      "gatheringImage": {}
-    }
-  ]
-}
\ No newline at end of file
diff --git a/src/data/detail.json b/src/data/detail.json
deleted file mode 100644
index 1e571c47..00000000
--- a/src/data/detail.json
+++ /dev/null
@@ -1,58 +0,0 @@
-{
-  "success": true,
-  "message": "OK",
-  "data": {
-    "gatheringId": 2,
-    "name": "hi",
-    "image": "https://profileImage.jpg",
-    "groupName": "모각코해요",
-    "category": "개발",
-    "location": "홍대입구",
-    "gatheringImage": "/images/test-detail.png",
-    "content": "모임 상세 설명",
-    "gatheringDate": "2024-10-24 19:30:00",
-    "dueDate": "2024-10-22 23:59:59",
-    "maxUsers": 10,
-    "minUsers": 3,
-    "isOpened": false,
-    "isCanceled": false,
-    "isClosed": false,
-    "createdAt": "2024-10-16 14:36:31",
-    "updatedAt": "2024-10-16 14:36:31",
-    "deletedAt": null,
-    "isHearted": false,
-    "participantUsers": 3,
-    "usersList": [
-      {
-        "userId": "abcd-1234",
-        "profileImagePath": "/images/test-detail.png"
-      },
-      {
-        "userId": "bcde-2345",
-        "profileImagePath": "/images/love-bookmarkpage.png"
-      },
-      {
-        "userId": "cdef-3456",
-        "profileImagePath": "/images/test-detail.png"
-      }
-    ],
-    "reviewList": [
-      {
-        "userId": "fc32e8b4-8de5-4d79-a154-4cb29fa48abf",
-        "name": "user1",
-        "profileImagePath": "/images/test-detail.png",
-        "score": 5,
-        "comment": "오프라인으로 만나서 모각코 하니까 더 집중이 잘돼요",
-        "createdAt": "2024-10-14 14:36:31"
-      },
-      {
-        "userId": "b0f0b618-ce1a-4c52-9693-340edadff154",
-        "name": "user2",
-        "profileImagePath": "/images/test-detail.png",
-        "score": 5,
-        "comment": "각자 개발에 집중해서 좋았고 질문도 잘 받아주셨어요",
-        "createdAt": "2024-10-12 14:36:31"
-      }
-    ]
-  }
-}
diff --git a/src/data/login.json b/src/data/login.json
deleted file mode 100644
index 3ded45eb..00000000
--- a/src/data/login.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "user1": {
-        "username": "user1",
-        "password": "password1"
-    }
-}
\ No newline at end of file
diff --git a/src/data/logout.json b/src/data/logout.json
deleted file mode 100644
index 22c12e35..00000000
--- a/src/data/logout.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "logout": [
-    {
-      "id": "5730"
-    },
-    {
-      "id": "d0d1"
-    },
-    {
-      "id": "6c4e"
-    },
-    {
-      "id": "ecb8"
-    },
-    {
-      "id": "f385"
-    },
-    {
-      "id": "39e4"
-    }
-  ]
-}
\ No newline at end of file
diff --git a/src/data/main.json b/src/data/main.json
deleted file mode 100644
index 664e3e1e..00000000
--- a/src/data/main.json
+++ /dev/null
@@ -1,381 +0,0 @@
-{
-  "main": {
-    "success": true,
-    "message": "OK",
-    "data": {
-      "gatheringCount": 2,
-      "gatheringList": [
-        {
-          "gatheringId": 1,
-          "name": "hi",
-          "profileImage": "/icons/main/0.jpg",
-          "groupName": "모각코해요1",
-          "category": "운동",
-          "location": "홍대 입구",
-          "gatheringImage": "/icons/main/0.jpg",
-          "gatheringDate": "2024-11-07 19:30:00",
-          "dueDate": "2024-11-07 12:30:00",
-          "maxUsers": 10,
-          "minUsers": 3,
-          "currentUsers": 6,
-          "opened": false,
-          "closed": true,
-          "createdAt": "2024-10-16 14:36:31",
-          "updatedAt": "2024-10-16 14:36:31",
-          "deletedAt": null,
-          "hearted": false
-        },
-        {
-          "gatheringId": 2,
-          "name": "hi2",
-          "profileImage": "/icons/main/1.jpg",
-          "groupName": "모각코해요2",
-          "category": "영화",
-          "location": "건대 입구",
-          "gatheringImage": "/icons/main/1.jpg",
-          "gatheringDate": "2024-11-07 19:30:00",
-          "dueDate": "2024-11-07 12:30:00",
-          "maxUsers": 10,
-          "minUsers": 3,
-          "currentUsers": 10,
-          "opened": false,
-          "closed": false,
-          "createdAt": "2024-10-16 14:36:31",
-          "updatedAt": "2024-10-16 14:36:31",
-          "deletedAt": null,
-          "hearted": false
-        },
-        {
-          "gatheringId": 3,
-          "name": "hi2",
-          "profileImage": "/icons/main/2.jpg",
-          "groupName": "모각코해요3",
-          "category": "공부",
-          "location": "건대입구",
-          "gatheringImage": "/icons/main/2.jpg",
-          "gatheringDate": "2024-11-07 19:30:00",
-          "dueDate": "2024-11-07 12:30:00",
-          "maxUsers": 10,
-          "minUsers": 3,
-          "currentUsers": 1,
-          "opened": false,
-          "closed": false,
-          "createdAt": "2024-10-16 14:36:31",
-          "updatedAt": "2024-10-16 14:36:31",
-          "deletedAt": null,
-          "hearted": false
-        },
-        {
-          "gatheringId": 4,
-          "name": "hi2",
-          "profileImage": "/icons/main/3.jpg",
-          "groupName": "모각코해요4",
-          "category": "문화/예술",
-          "location": "건대입구",
-          "gatheringImage": "/icons/main/3.jpg",
-          "gatheringDate": "2024-11-07 19:30:00",
-          "dueDate": "2024-11-07 12:30:00",
-          "maxUsers": 10,
-          "minUsers": 3,
-          "currentUsers": 4,
-          "opened": false,
-          "closed": false,
-          "createdAt": "2024-10-16 14:36:31",
-          "updatedAt": "2024-10-16 14:36:31",
-          "deletedAt": null,
-          "hearted": false
-        },
-        {
-          "gatheringId": 5,
-          "name": "hi2",
-          "profileImage": "/icons/main/4.jpg",
-          "groupName": "모각코해요5",
-          "category": "게임",
-          "location": "건대입구",
-          "gatheringImage": "/icons/main/4.jpg",
-          "gatheringDate": "2024-11-07 19:30:00",
-          "dueDate": "2024-11-07 12:30:00",
-          "maxUsers": 10,
-          "minUsers": 3,
-          "currentUsers": 2,
-          "opened": false,
-          "closed": false,
-          "createdAt": "2024-10-16 14:36:31",
-          "updatedAt": "2024-10-16 14:36:31",
-          "deletedAt": null,
-          "hearted": false
-        },
-        {
-          "gatheringId": 6,
-          "name": "hi2",
-          "profileImage": "/icons/main/5.jpg",
-          "groupName": "모각코해요6",
-          "category": "여행",
-          "location": "건대입구",
-          "gatheringImage": "/icons/main/5.jpg",
-          "gatheringDate": "2024-11-07 19:30:00",
-          "dueDate": "2024-11-07 12:30:00",
-          "maxUsers": 10,
-          "minUsers": 3,
-          "currentUsers": 4,
-          "opened": false,
-          "closed": false,
-          "createdAt": "2024-10-16 14:36:31",
-          "updatedAt": "2024-10-16 14:36:31",
-          "deletedAt": null,
-          "hearted": false
-        },
-        {
-          "gatheringId": 7,
-          "name": "hi2",
-          "profileImage": "/icons/main/6.jpg",
-          "groupName": "모각코해요7",
-          "category": "맛집",
-          "location": "건대입구",
-          "gatheringImage": "/icons/main/6.jpg",
-          "gatheringDate": "2024-11-07 19:30:00",
-          "dueDate": "2024-11-07 12:30:00",
-          "maxUsers": 10,
-          "minUsers": 3,
-          "currentUsers": 6,
-          "opened": false,
-          "closed": false,
-          "createdAt": "2024-10-16 14:36:31",
-          "updatedAt": "2024-10-16 14:36:31",
-          "deletedAt": null,
-          "hearted": false
-        },
-        {
-          "gatheringId": 8,
-          "name": "hi2",
-          "profileImage": "/icons/main/7.jpg",
-          "groupName": "모각코해요8",
-          "category": "음악",
-          "location": "건대입구",
-          "gatheringImage": "/icons/main/7.jpg",
-          "gatheringDate": "2024-11-07 19:30:00",
-          "dueDate": "2024-11-07 12:30:00",
-          "maxUsers": 10,
-          "minUsers": 3,
-          "currentUsers": 4,
-          "opened": false,
-          "closed": false,
-          "createdAt": "2024-10-16 14:36:31",
-          "updatedAt": "2024-10-16 14:36:31",
-          "deletedAt": null,
-          "hearted": false
-        },
-        {
-          "gatheringId": 9,
-          "name": "hi2",
-          "profileImage": "/icons/main/8.jpg",
-          "groupName": "모각코해요9",
-          "category": "개발",
-          "location": "건대입구",
-          "gatheringImage": "/icons/main/8.jpg",
-          "gatheringDate": "2024-11-07 19:30:00",
-          "dueDate": "2024-11-07 12:30:00",
-          "maxUsers": 10,
-          "minUsers": 3,
-          "currentUsers": 4,
-          "opened": false,
-          "closed": false,
-          "createdAt": "2024-10-16 14:36:31",
-          "updatedAt": "2024-10-16 14:36:31",
-          "deletedAt": null,
-          "hearted": false
-        }
-      ],
-      "pageSize": 10,
-      "page": 0,
-      "totalPage": 1
-    }
-  },
-  "gatheringList": [
-    {
-      "gatheringId": 1,
-      "name": "hi",
-      "profileImage": "/icons/main/0.jpg",
-      "groupName": "모각코해요1",
-      "category": "운동",
-      "location": "홍대 입구",
-      "gatheringImage": "/icons/main/0.jpg",
-      "gatheringDate": "2024-11-07 19:30:00",
-      "dueDate": "2024-11-07 12:30:00",
-      "maxUsers": 10,
-      "minUsers": 3,
-      "currentUsers": 6,
-      "opened": false,
-      "closed": true,
-      "createdAt": "2024-10-16 14:36:31",
-      "updatedAt": "2024-10-16 14:36:31",
-      "deletedAt": null,
-      "hearted": true,
-      "id": "1"
-    },
-    {
-      "gatheringId": 2,
-      "name": "hi2",
-      "profileImage": "/icons/main/1.jpg",
-      "groupName": "모각코해요2",
-      "category": "영화",
-      "location": "건대 입구",
-      "gatheringImage": "/icons/main/1.jpg",
-      "gatheringDate": "2024-11-07 19:30:00",
-      "dueDate": "2024-11-07 12:30:00",
-      "maxUsers": 10,
-      "minUsers": 3,
-      "currentUsers": 10,
-      "opened": false,
-      "closed": false,
-      "createdAt": "2024-10-16 14:36:31",
-      "updatedAt": "2024-10-16 14:36:31",
-      "deletedAt": null,
-      "hearted": false,
-      "id": "2"
-    },
-    {
-      "gatheringId": 3,
-      "name": "hi2",
-      "profileImage": "/icons/main/2.jpg",
-      "groupName": "모각코해요3",
-      "category": "공부",
-      "location": "건대입구",
-      "gatheringImage": "/icons/main/2.jpg",
-      "gatheringDate": "2024-11-07 19:30:00",
-      "dueDate": "2024-11-07 12:30:00",
-      "maxUsers": 10,
-      "minUsers": 3,
-      "currentUsers": 1,
-      "opened": false,
-      "closed": false,
-      "createdAt": "2024-10-16 14:36:31",
-      "updatedAt": "2024-10-16 14:36:31",
-      "deletedAt": null,
-      "hearted": true,
-      "id": "3"
-    },
-    {
-      "id": "4",
-      "name": "hi2",
-      "profileImage": "/icons/main/3.jpg",
-      "groupName": "모각코해요4",
-      "category": "문화/예술",
-      "location": "건대입구",
-      "gatheringImage": "/icons/main/3.jpg",
-      "gatheringDate": "2024-11-07 19:30:00",
-      "dueDate": "2024-11-07 12:30:00",
-      "maxUsers": 10,
-      "minUsers": 3,
-      "currentUsers": 4,
-      "opened": false,
-      "closed": false,
-      "createdAt": "2024-10-16 14:36:31",
-      "updatedAt": "2024-10-16 14:36:31",
-      "deletedAt": null,
-      "hearted": false
-    },
-    {
-      "gatheringId": 5,
-      "name": "hi2",
-      "profileImage": "/icons/main/4.jpg",
-      "groupName": "모각코해요5",
-      "category": "게임",
-      "location": "건대입구",
-      "gatheringImage": "/icons/main/4.jpg",
-      "gatheringDate": "2024-11-07 19:30:00",
-      "dueDate": "2024-11-07 12:30:00",
-      "maxUsers": 10,
-      "minUsers": 3,
-      "currentUsers": 2,
-      "opened": false,
-      "closed": false,
-      "createdAt": "2024-10-16 14:36:31",
-      "updatedAt": "2024-10-16 14:36:31",
-      "deletedAt": null,
-      "hearted": false,
-      "id": "5"
-    },
-    {
-      "gatheringId": 6,
-      "name": "hi2",
-      "profileImage": "/icons/main/5.jpg",
-      "groupName": "모각코해요6",
-      "category": "여행",
-      "location": "건대입구",
-      "gatheringImage": "/icons/main/5.jpg",
-      "gatheringDate": "2024-11-07 19:30:00",
-      "dueDate": "2024-11-07 12:30:00",
-      "maxUsers": 10,
-      "minUsers": 3,
-      "currentUsers": 4,
-      "opened": false,
-      "closed": false,
-      "createdAt": "2024-10-16 14:36:31",
-      "updatedAt": "2024-10-16 14:36:31",
-      "deletedAt": null,
-      "hearted": true,
-      "id": "6"
-    },
-    {
-      "id": "7",
-      "name": "hi2",
-      "profileImage": "/icons/main/6.jpg",
-      "groupName": "모각코해요7",
-      "category": "맛집",
-      "location": "건대입구",
-      "gatheringImage": "/icons/main/6.jpg",
-      "gatheringDate": "2024-11-07 19:30:00",
-      "dueDate": "2024-11-07 12:30:00",
-      "maxUsers": 10,
-      "minUsers": 3,
-      "currentUsers": 6,
-      "opened": false,
-      "closed": false,
-      "createdAt": "2024-10-16 14:36:31",
-      "updatedAt": "2024-10-16 14:36:31",
-      "deletedAt": null,
-      "hearted": false
-    },
-    {
-      "id": "8",
-      "name": "hi2",
-      "profileImage": "/icons/main/7.jpg",
-      "groupName": "모각코해요8",
-      "category": "음악",
-      "location": "건대입구",
-      "gatheringImage": "/icons/main/7.jpg",
-      "gatheringDate": "2024-11-07 19:30:00",
-      "dueDate": "2024-11-07 12:30:00",
-      "maxUsers": 10,
-      "minUsers": 3,
-      "currentUsers": 4,
-      "opened": false,
-      "closed": false,
-      "createdAt": "2024-10-16 14:36:31",
-      "updatedAt": "2024-10-16 14:36:31",
-      "deletedAt": null,
-      "hearted": false
-    },
-    {
-      "id": "9",
-      "name": "hi2",
-      "profileImage": "/icons/main/8.jpg",
-      "groupName": "모각코해요9",
-      "category": "개발",
-      "location": "건대입구",
-      "gatheringImage": "/icons/main/8.jpg",
-      "gatheringDate": "2024-11-07 19:30:00",
-      "dueDate": "2024-11-07 12:30:00",
-      "maxUsers": 10,
-      "minUsers": 3,
-      "currentUsers": 4,
-      "opened": false,
-      "closed": false,
-      "createdAt": "2024-10-16 14:36:31",
-      "updatedAt": "2024-10-16 14:36:31",
-      "deletedAt": null,
-      "hearted": false
-    }
-  ]
-}
\ No newline at end of file
diff --git a/src/data/mypage-gatherings.json b/src/data/mypage-gatherings.json
deleted file mode 100644
index 2ff87f40..00000000
--- a/src/data/mypage-gatherings.json
+++ /dev/null
@@ -1,50 +0,0 @@
-{
-  "success": true,
-  "message": "OK",
-  "data": {
-    "gatheringCount": 2,
-    "gatheringList": [
-      {
-        "gatheringId": 2,
-        "groupName": "모각코해요",
-        "category": "개발",
-        "location": "홍대입구",
-        "gatheringImage": "/images/buddah-login.png",
-        "gatheringDate": "2024-10-24 19:30:00",
-        "dueDate": "2024-10-22 23:59:59",
-        "maxUsers": 10,
-        "participantUsers": 2,
-        "isOpened": false,
-        "isCancled": false,
-        "isClosed": false,
-        "createdAt": "2024-10-16 14:36:31",
-        "updatedAt": "2024-10-16 14:36:31",
-        "deletedAt": null,
-        "isDeleted": false,
-        "isHearted": true
-      },
-      {
-        "gatheringId": 1,
-        "groupName": "모각코해요",
-        "category": "개발",
-        "location": "건대입구",
-        "gatheringImage": "/images/buddah-login.png",
-        "gatheringDate": "2024-10-22 19:30:00",
-        "dueDate": "2024-10-21 23:59:59",
-        "maxUsers": 10,
-        "participantUsers": 3,
-        "isOpened": false,
-        "isCancled": false,
-        "isClosed": false,
-        "createdAt": "2024-10-16 14:36:31",
-        "updatedAt": "2024-10-16 14:36:31",
-        "deletedAt": null,
-        "isDeleted": false,
-        "isHearted": false
-      }
-    ],
-    "pageSize": 10,
-    "page": 0,
-    "totalPage": 1
-  }
-}
diff --git a/src/data/user.json b/src/data/user.json
deleted file mode 100644
index 0b45658a..00000000
--- a/src/data/user.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "user": {
-    "id": "UUID",
-    "email": "aaaa@gmail.com",
-    "nick": "hhihih",
-    "img": "/icons/person-rounded.png"
-  }
-}
diff --git a/src/pages/detail/[id]/chat/index.tsx b/src/pages/detail/[id]/chat/index.tsx
index 2b21f619..78273007 100644
--- a/src/pages/detail/[id]/chat/index.tsx
+++ b/src/pages/detail/[id]/chat/index.tsx
@@ -38,13 +38,15 @@ export default function ChatPage({ roomId }: { roomId: string }) {
 
   useEffect(() => {
     if (messageContainerRef.current) {
-      messageContainerRef.current.scrollTop = messageContainerRef.current.scrollHeight;
+      const lastMessage = messages[0];
+      if (lastMessage && lastMessage.sender === user) messageContainerRef.current.scrollTop = messageContainerRef.current.scrollHeight;
     }
-  }, [messages]);
+  }, [messages, user]);
 
   useEffect(() => {
     if (messageContainerRef.current && chatData?.pages[0]) {
-      messageContainerRef.current.scrollTop = messageContainerRef.current.scrollHeight;
+      // 초기 로딩시에만 스크롤을 아래로 이동
+      if (chatData.pages.length === 1) messageContainerRef.current.scrollTop = messageContainerRef.current.scrollHeight;
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [chatData?.pages[0]]);
@@ -85,9 +87,7 @@ export default function ChatPage({ roomId }: { roomId: string }) {
       stomp.subscribe(`/exchange/chat.exchange/room.${roomId}`, (frame) => {
         try {
           const parsedMessage = JSON.parse(frame.body);
-          console.log('parsedMessage', parsedMessage);
           setMessages((prevMessages) => [parsedMessage as Message, ...prevMessages]);
-          console.log('messages', messages);
         } catch (error) {
           console.error('구독오류가 발생했습니다:', error);
         }
@@ -98,9 +98,11 @@ export default function ChatPage({ roomId }: { roomId: string }) {
       if (stompClient && stompClient.connected) void stompClient.deactivate();
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [roomId, accessToken, router, messages]);
+  }, [roomId, accessToken, router]);
 
   const sendMessage = () => {
+    if (!inputMessage.trim()) return;
+
     if (stompClient && stompClient.connected) {
       stompClient.publish({
         destination: `/pub/chat.room.${roomId}`,
@@ -140,15 +142,17 @@ export default function ChatPage({ roomId }: { roomId: string }) {
   };
 
   const formatArrayTime = (timeArray: number[]) => {
-    const [hour, minute] = timeArray;
-    let hours = hour;
-    const minutes = String(minute).padStart(2, '0');
+    const [year, month, day, hour, minute] = timeArray;
+    const date = new Date(year, month - 1, day, hour, minute);
+
+    let hours = date.getHours();
+    const minutes = String(date.getMinutes()).padStart(2, '0');
     const ampm = hours >= 12 ? '오후' : '오전';
 
     hours %= 12;
     hours = hours === 0 ? 12 : hours;
 
-    return `${ampm} ${hours}:${minutes}`;
+    return `${ampm} ${String(hours)}:${minutes}`;
   };
 
   return (
@@ -204,8 +208,8 @@ export default function ChatPage({ roomId }: { roomId: string }) {
       </div>
 
       {/* 메시지 목록 */}
-      <div ref={messageContainerRef} className="scrollbar-hide flex-1 overflow-y-auto px-4 pt-4">
-        <div className="flex h-full flex-col-reverse">
+      <div ref={messageContainerRef} className="scrollbar-hide flex-1 overflow-y-auto overscroll-contain px-4 pt-4">
+        <div className="flex min-h-full flex-col-reverse">
           {messages.map((msg, index) =>
             msg.chatMessageType === 'ENTER' || msg.message.includes('님이 나가셨습니다.') || msg.message.includes('개설하였습니다.') ? (
               <div key={`new-${index}`} className="my-2 flex justify-center">
@@ -280,7 +284,11 @@ export default function ChatPage({ roomId }: { roomId: string }) {
           type="text"
           value={inputMessage}
           onChange={(e) => setInputMessage(e.target.value)}
-          onKeyPress={(e) => e.key === 'Enter' && sendMessage()}
+          onKeyDown={(e) => {
+            if (e.key === 'Enter' && !e.nativeEvent.isComposing) {
+              sendMessage();
+            }
+          }}
           className="flex-1 rounded-2xl border bg-gray-600 p-2 pl-5 placeholder:text-gray-400 focus:border-background focus:outline-none"
           placeholder="채팅을 입력하세요..."
         />
diff --git a/yarn.lock b/yarn.lock
index bcde6cb6..6c218a6b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2012,143 +2012,6 @@
   resolved "https://registry.yarnpkg.com/@testing-library/user-event/-/user-event-14.5.2.tgz#db7257d727c891905947bd1c1a99da20e03c2ebd"
   integrity sha512-YAh82Wh4TIrxYLmfGcixwD18oIjyC1pFQC2Y01F2lzV2HTMiYrI0nze0FD0ocB//CKS/7jIUgae+adPqxK5yCQ==
 
-"@tinyhttp/accepts@2.2.3":
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/@tinyhttp/accepts/-/accepts-2.2.3.tgz#be7601206eeda8bd8350ad82a2307808efcb7831"
-  integrity sha512-9pQN6pJAJOU3McmdJWTcyq7LLFW8Lj5q+DadyKcvp+sxMkEpktKX5sbfJgJuOvjk6+1xWl7pe0YL1US1vaO/1w==
-  dependencies:
-    mime "4.0.4"
-    negotiator "^0.6.3"
-
-"@tinyhttp/app@^2.4.0":
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/@tinyhttp/app/-/app-2.4.0.tgz#d91b3f36146d2dc63cf8b1492b94488ecea3cc6d"
-  integrity sha512-vOPiCemQRJq5twnl06dde6XnWiNbVMdVRFJWW/yC/9G0qgvV2TvzNNTxrdlz6YmyB7vIC7Fg3qS6m6gx8RbBNQ==
-  dependencies:
-    "@tinyhttp/cookie" "2.1.1"
-    "@tinyhttp/proxy-addr" "2.2.0"
-    "@tinyhttp/req" "2.2.4"
-    "@tinyhttp/res" "2.2.4"
-    "@tinyhttp/router" "2.2.3"
-    header-range-parser "1.1.3"
-    regexparam "^2.0.2"
-
-"@tinyhttp/content-disposition@2.2.2":
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/@tinyhttp/content-disposition/-/content-disposition-2.2.2.tgz#1207d18bdd59e1cd38ecf2493ee187f4f592ebe7"
-  integrity sha512-crXw1txzrS36huQOyQGYFvhTeLeG0Si1xu+/l6kXUVYpE0TjFjEZRqTbuadQLfKGZ0jaI+jJoRyqaWwxOSHW2g==
-
-"@tinyhttp/content-type@^0.1.4":
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/@tinyhttp/content-type/-/content-type-0.1.4.tgz#112bce3b564213e0ed43fa76fccca4237be3a634"
-  integrity sha512-dl6f3SHIJPYbhsW1oXdrqOmLSQF/Ctlv3JnNfXAE22kIP7FosqJHxkz/qj2gv465prG8ODKH5KEyhBkvwrueKQ==
-
-"@tinyhttp/cookie-signature@2.1.1":
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/@tinyhttp/cookie-signature/-/cookie-signature-2.1.1.tgz#ae2caad6aec4ec51d42e7d852ae34a04196d5138"
-  integrity sha512-VDsSMY5OJfQJIAtUgeQYhqMPSZptehFSfvEEtxr+4nldPA8IImlp3QVcOVuK985g4AFR4Hl1sCbWCXoqBnVWnw==
-
-"@tinyhttp/cookie@2.1.1":
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/@tinyhttp/cookie/-/cookie-2.1.1.tgz#50ad664f732357a466a14cdc888e88e80dc3440e"
-  integrity sha512-h/kL9jY0e0Dvad+/QU3efKZww0aTvZJslaHj3JTPmIPC9Oan9+kYqmh3M6L5JUQRuTJYFK2nzgL2iJtH2S+6dA==
-
-"@tinyhttp/cors@^2.0.1":
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@tinyhttp/cors/-/cors-2.0.1.tgz#7f5ff7bd47b8e48172d8e43818b8d61eaa84037b"
-  integrity sha512-qrmo6WJuaiCzKWagv2yA/kw6hIISfF/hOqPWwmI6w0o8apeTMmRN3DoCFvQ/wNVuWVdU5J4KU7OX8aaSOEq51A==
-  dependencies:
-    "@tinyhttp/vary" "^0.1.3"
-
-"@tinyhttp/encode-url@2.1.1":
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/@tinyhttp/encode-url/-/encode-url-2.1.1.tgz#a52bdbd75f541455190d1a16b0a81374c8dc587d"
-  integrity sha512-AhY+JqdZ56qV77tzrBm0qThXORbsVjs/IOPgGCS7x/wWnsa/Bx30zDUU/jPAUcSzNOzt860x9fhdGpzdqbUeUw==
-
-"@tinyhttp/etag@2.1.2":
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/@tinyhttp/etag/-/etag-2.1.2.tgz#34fc91933bd1acce3cda3a64e5352ce5514abe4e"
-  integrity sha512-j80fPKimGqdmMh6962y+BtQsnYPVCzZfJw0HXjyH70VaJBHLKGF+iYhcKqzI3yef6QBNa8DKIPsbEYpuwApXTw==
-
-"@tinyhttp/forwarded@2.1.1":
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/@tinyhttp/forwarded/-/forwarded-2.1.1.tgz#dbf2cae75a1737b88b71c2a2d1931e5e9ced73c3"
-  integrity sha512-nO3kq0R1LRl2+CAMlnggm22zE6sT8gfvGbNvSitV6F9eaUSurHP0A8YZFMihSkugHxK+uIegh1TKrqgD8+lyGQ==
-
-"@tinyhttp/logger@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@tinyhttp/logger/-/logger-2.0.0.tgz#64c0e53497abc82765c17289a05cd75edbd4c04a"
-  integrity sha512-8DfLQjGDIaIJeivYamVrrpmwmsGwS8wt2DGvzlcY5HEBagdiI4QJy/veAFcUHuaJqufn4wLwmn4q5VUkW8BCpQ==
-  dependencies:
-    colorette "^2.0.20"
-    dayjs "^1.11.10"
-    http-status-emojis "^2.2.0"
-
-"@tinyhttp/proxy-addr@2.2.0":
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/@tinyhttp/proxy-addr/-/proxy-addr-2.2.0.tgz#82487f25af4d320d79e613bbecac17c7ad69c8f2"
-  integrity sha512-WM/PPL9xNvrs7/8Om5nhKbke5FHrP3EfjOOR+wBnjgESfibqn0K7wdUTnzSLp1lBmemr88os1XvzwymSgaibyA==
-  dependencies:
-    "@tinyhttp/forwarded" "2.1.1"
-    ipaddr.js "^2.2.0"
-
-"@tinyhttp/req@2.2.4":
-  version "2.2.4"
-  resolved "https://registry.yarnpkg.com/@tinyhttp/req/-/req-2.2.4.tgz#c9dfc40e3a3b3cc1eb48bdc137b5d0cd71501057"
-  integrity sha512-lQAZIAo0NOeghxFOZS57tQzxpHSPPLs9T68Krq2BncEBImKwqaDKUt7M9Y5Kb+rvC/GwIL3LeErhkg7f5iG4IQ==
-  dependencies:
-    "@tinyhttp/accepts" "2.2.3"
-    "@tinyhttp/type-is" "2.2.4"
-    "@tinyhttp/url" "2.1.1"
-    header-range-parser "^1.1.3"
-
-"@tinyhttp/res@2.2.4":
-  version "2.2.4"
-  resolved "https://registry.yarnpkg.com/@tinyhttp/res/-/res-2.2.4.tgz#ed79d511f21d6ef226ae907bdecc26f69c93583c"
-  integrity sha512-ETBRShnO19oJyIg2XQHQoofXPWeTXPAuwnIVYkU8WaftvXd/Vz4y5+WFQDHUzKlmdGOw5fAFnrEU7pIVMeFeVA==
-  dependencies:
-    "@tinyhttp/content-disposition" "2.2.2"
-    "@tinyhttp/cookie" "2.1.1"
-    "@tinyhttp/cookie-signature" "2.1.1"
-    "@tinyhttp/encode-url" "2.1.1"
-    "@tinyhttp/req" "2.2.4"
-    "@tinyhttp/send" "2.2.3"
-    "@tinyhttp/vary" "^0.1.3"
-    es-escape-html "^0.1.1"
-    mime "4.0.4"
-
-"@tinyhttp/router@2.2.3":
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/@tinyhttp/router/-/router-2.2.3.tgz#a29a33da89ae7365f5897aed20f44663509273a4"
-  integrity sha512-O0MQqWV3Vpg/uXsMYg19XsIgOhwjyhTYWh51Qng7bxqXixxx2PEvZWnFjP7c84K7kU/nUX41KpkEBTLnznk9/Q==
-
-"@tinyhttp/send@2.2.3":
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/@tinyhttp/send/-/send-2.2.3.tgz#726c400af76c62963bd71fe92e6e6838f35a7996"
-  integrity sha512-o4cVHHGQ8WjVBS8UT0EE/2WnjoybrfXikHwsRoNlG1pfrC/Sd01u1N4Te8cOd/9aNGLr4mGxWb5qTm2RRtEi7g==
-  dependencies:
-    "@tinyhttp/content-type" "^0.1.4"
-    "@tinyhttp/etag" "2.1.2"
-    mime "4.0.4"
-
-"@tinyhttp/type-is@2.2.4":
-  version "2.2.4"
-  resolved "https://registry.yarnpkg.com/@tinyhttp/type-is/-/type-is-2.2.4.tgz#8f5a30bb3cdc93dd02f399e152d88b815b0efc99"
-  integrity sha512-7F328NheridwjIfefBB2j1PEcKKABpADgv7aCJaE8x8EON77ZFrAkI3Rir7pGjopV7V9MBmW88xUQigBEX2rmQ==
-  dependencies:
-    "@tinyhttp/content-type" "^0.1.4"
-    mime "4.0.4"
-
-"@tinyhttp/url@2.1.1":
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/@tinyhttp/url/-/url-2.1.1.tgz#77fa8963f5b698bacbdc6912407f946d32c793e1"
-  integrity sha512-POJeq2GQ5jI7Zrdmj22JqOijB5/GeX+LEX7DUdml1hUnGbJOTWDx7zf2b5cCERj7RoXL67zTgyzVblBJC+NJWg==
-
-"@tinyhttp/vary@^0.1.3":
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/@tinyhttp/vary/-/vary-0.1.3.tgz#f5bea4769f380c43a158832a8daad8e8b186757c"
-  integrity sha512-SoL83sQXAGiHN1jm2VwLUWQSQeDAAl1ywOm6T0b0Cg1CZhVsjoiZadmjhxF6FHCCY7OHHVaLnTgSMxTPIDLxMg==
-
 "@trysound/sax@0.2.0":
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.2.0.tgz#cccaab758af56761eb7bf37af6f03f326dd798ad"
@@ -3366,11 +3229,6 @@ chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.2:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
-chalk@^5.3.0:
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-5.3.0.tgz#67c20a7ebef70e7f3970a01f90fa210cb6860385"
-  integrity sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==
-
 check-error@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/check-error/-/check-error-2.1.1.tgz#87eb876ae71ee388fa0471fe423f494be1d96ccc"
@@ -3391,13 +3249,6 @@ chokidar@^3.5.3, chokidar@^3.6.0:
   optionalDependencies:
     fsevents "~2.3.2"
 
-chokidar@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-4.0.1.tgz#4a6dff66798fb0f72a94f616abbd7e1a19f31d41"
-  integrity sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==
-  dependencies:
-    readdirp "^4.0.1"
-
 chromatic@^11.12.6, chromatic@^11.4.0:
   version "11.18.1"
   resolved "https://registry.yarnpkg.com/chromatic/-/chromatic-11.18.1.tgz#c8f7b330dbd9be3b45a84abcb924f5217dc6c326"
@@ -3478,7 +3329,7 @@ color@^4.2.3:
     color-convert "^2.0.1"
     color-string "^1.9.0"
 
-colorette@^2.0.10, colorette@^2.0.20:
+colorette@^2.0.10:
   version "2.0.20"
   resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.20.tgz#9eb793e6833067f7235902fcd3b09917a000a95a"
   integrity sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==
@@ -3797,11 +3648,6 @@ data-view-byte-offset@^1.0.0:
     es-errors "^1.3.0"
     is-data-view "^1.0.1"
 
-dayjs@^1.11.10:
-  version "1.11.13"
-  resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.11.13.tgz#92430b0139055c3ebb60150aa13e860a4b5a366c"
-  integrity sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==
-
 debounce@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/debounce/-/debounce-1.2.1.tgz#38881d8f4166a5c5848020c11827b834bcb3e0a5"
@@ -4029,13 +3875,6 @@ dot-case@^3.0.4:
     no-case "^3.0.4"
     tslib "^2.0.3"
 
-dot-prop@^9.0.0:
-  version "9.0.0"
-  resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-9.0.0.tgz#bae5982fe6dc6b8fddb92efef4f2ddff26779e92"
-  integrity sha512-1gxPBJpI/pcjQhKgIU91II6Wkay+dLcN3M6rf2uwP8hRur3HtQXjVrdAK3sjC0piaEuxzMwjXChcETiJl47lAQ==
-  dependencies:
-    type-fest "^4.18.2"
-
 duplexer@^0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6"
@@ -4204,11 +4043,6 @@ es-errors@^1.2.1, es-errors@^1.3.0:
   resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
   integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
 
-es-escape-html@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/es-escape-html/-/es-escape-html-0.1.1.tgz#9a582d49754ec6204524952c76a383fe5f03c1c0"
-  integrity sha512-yUx1o+8RsG7UlszmYPtks+dm6Lho2m8lgHMOsLJQsFI0R8XwUJwiMhM1M4E/S8QLeGyf6MkDV/pWgjQ0tdTSyQ==
-
 es-iterator-helpers@^1.1.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/es-iterator-helpers/-/es-iterator-helpers-1.2.0.tgz#2f1a3ab998b30cb2d10b195b587c6d9ebdebf152"
@@ -4640,11 +4474,6 @@ esutils@^2.0.2:
   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
   integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
 
-eta@^3.5.0:
-  version "3.5.0"
-  resolved "https://registry.yarnpkg.com/eta/-/eta-3.5.0.tgz#b728b2d4aa3cbce9d08db638719a60b31d2b0ccf"
-  integrity sha512-e3x3FBvGzeCIHhF+zhK8FZA2vC5uFn6b4HJjegUbIWrDb4mJ7JjTGMJY9VGIbRVpmSwHopNiaJibhjIr+HfLug==
-
 etag@~1.8.1:
   version "1.8.1"
   resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
@@ -5211,11 +5040,6 @@ he@^1.2.0:
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
 
-header-range-parser@1.1.3, header-range-parser@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/header-range-parser/-/header-range-parser-1.1.3.tgz#6414b5b12e3b645d29d85225a58fd207d66d30ef"
-  integrity sha512-B9zCFt3jH8g09LR1vHL4pcAn8yMEtlSlOUdQemzHMRKMImNIhhszdeosYFfNW0WXKQtXIlWB+O4owHJKvEJYaA==
-
 hmac-drbg@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1"
@@ -5285,11 +5109,6 @@ http-errors@2.0.0:
     statuses "2.0.1"
     toidentifier "1.0.1"
 
-http-status-emojis@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/http-status-emojis/-/http-status-emojis-2.2.0.tgz#2cf3316f0c1610c4fc94c6fccdada35aa70f992a"
-  integrity sha512-ompKtgwpx8ff0hsbpIB7oE4ax1LXoHmftsHHStMELX56ivG3GhofTX8ZHWlUaFKfGjcGjw6G3rPk7dJRXMmbbg==
-
 https-browserify@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-1.0.0.tgz#ec06c10e0a34c0f2faf199f7fd7fc78fffd03c73"
@@ -5347,11 +5166,6 @@ indent-string@^4.0.0:
   resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-4.0.0.tgz#624f8f4497d619b2d9768531d58f4122854d7251"
   integrity sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==
 
-inflection@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/inflection/-/inflection-3.0.0.tgz#6a956fa90d72a27d22e6b32ec1064877593ee23b"
-  integrity sha512-1zEJU1l19SgJlmwqsEyFTbScw/tkMHFenUo//Y0i+XEP83gDFdMvPizAD/WGcE+l1ku12PcTVHQhO6g5E0UCMw==
-
 inflight@^1.0.4:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
@@ -5379,11 +5193,6 @@ ipaddr.js@1.9.1:
   resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3"
   integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==
 
-ipaddr.js@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-2.2.0.tgz#d33fa7bac284f4de7af949638c9d68157c6b92e8"
-  integrity sha512-Ag3wB2o37wslZS19hZqorUnrnzSkpOVy+IiiDEiTqNubEYpYuHWIf6K4psgN2ZWKExS4xhVCrRVfb/wfW8fWJA==
-
 is-absolute-url@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/is-absolute-url/-/is-absolute-url-4.0.1.tgz#16e4d487d4fded05cfe0685e53ec86804a5e94dc"
@@ -5726,25 +5535,6 @@ json-schema@^0.4.0:
   resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.4.0.tgz#f7de4cf6efab838ebaeb3236474cbba5a1930ab5"
   integrity sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==
 
-json-server@^1.0.0-beta.3:
-  version "1.0.0-beta.3"
-  resolved "https://registry.yarnpkg.com/json-server/-/json-server-1.0.0-beta.3.tgz#dfbbc2cd3fd9faea419586ae045c00a8fd6084ca"
-  integrity sha512-DwE69Ep5ccwIJZBUIWEENC30Yj8bwr4Ax9W9VoIWAYnB8Sj4ReptscO8/DRHv/nXwVlmb3Bk73Ls86+VZdYkkA==
-  dependencies:
-    "@tinyhttp/app" "^2.4.0"
-    "@tinyhttp/cors" "^2.0.1"
-    "@tinyhttp/logger" "^2.0.0"
-    chalk "^5.3.0"
-    chokidar "^4.0.1"
-    dot-prop "^9.0.0"
-    eta "^3.5.0"
-    inflection "^3.0.0"
-    json5 "^2.2.3"
-    lowdb "^7.0.1"
-    milliparsec "^4.0.0"
-    sirv "^2.0.4"
-    sort-on "^6.1.0"
-
 json-stable-stringify-without-jsonify@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
@@ -5902,13 +5692,6 @@ loupe@^3.1.0, loupe@^3.1.1, loupe@^3.1.2:
   resolved "https://registry.yarnpkg.com/loupe/-/loupe-3.1.2.tgz#c86e0696804a02218f2206124c45d8b15291a240"
   integrity sha512-23I4pFZHmAemUnz8WZXbYRSKYj801VDaNv9ETuMh7IrMc7VuVVSo+Z9iLE3ni30+U48iDWfi30d3twAXBYmnCg==
 
-lowdb@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/lowdb/-/lowdb-7.0.1.tgz#7354a684547d76206b1c730b9434604235b125e5"
-  integrity sha512-neJAj8GwF0e8EpycYIDFqEPcx9Qz4GUho20jWFR7YiFeXzF1YMLdxB36PypcTSPMA+4+LvgyMacYhlr18Zlymw==
-  dependencies:
-    steno "^4.0.2"
-
 lower-case@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.2.tgz#6fa237c63dbdc4a82ca0fd882e4722dc5e634e28"
@@ -6031,11 +5814,6 @@ miller-rabin@^4.0.0:
     bn.js "^4.0.0"
     brorand "^1.0.1"
 
-milliparsec@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/milliparsec/-/milliparsec-4.0.0.tgz#ba5169aaa4922587c92f22878df9c85730a0d893"
-  integrity sha512-/wk9d4Z6/9ZvoEH/6BI4TrTCgmkpZPuSRN/6fI9aUHOfXdNTuj/VhLS7d+NqG26bi6L9YmGXutVYvWC8zQ0qtA==
-
 mime-db@1.52.0:
   version "1.52.0"
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
@@ -6053,11 +5831,6 @@ mime@1.6.0:
   resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
   integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
 
-mime@4.0.4:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/mime/-/mime-4.0.4.tgz#9f851b0fc3c289d063b20a7a8055b3014b25664b"
-  integrity sha512-v8yqInVjhXyqP6+Kw4fV3ZzeMRqEW6FotRsKXjRS5VMTNIuXsdRoAvklpoRgSqXm6o9VNH4/C0mgedko9DdLsQ==
-
 min-indent@^1.0.0, min-indent@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
@@ -6141,11 +5914,6 @@ negotiator@0.6.3:
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
   integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
 
-negotiator@^0.6.3:
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.4.tgz#777948e2452651c570b712dd01c23e262713fff7"
-  integrity sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==
-
 neo-async@^2.6.2:
   version "2.6.2"
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
@@ -7002,11 +6770,6 @@ readable-stream@^4.0.0:
     process "^0.11.10"
     string_decoder "^1.3.0"
 
-readdirp@^4.0.1:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-4.0.2.tgz#388fccb8b75665da3abffe2d8f8ed59fe74c230a"
-  integrity sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==
-
 readdirp@~3.6.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
@@ -7085,11 +6848,6 @@ regexp.prototype.flags@^1.5.2, regexp.prototype.flags@^1.5.3:
     es-errors "^1.3.0"
     set-function-name "^2.0.2"
 
-regexparam@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/regexparam/-/regexparam-2.0.2.tgz#a0f6aa057c67b1c9c09508c45823c0755b1f6e58"
-  integrity sha512-A1PeDEYMrkLrfyOwv2jwihXbo9qxdGD3atBYQA9JJgreAx8/7rC6IUkWOw2NQlOxLp2wL0ifQbh1HuidDfYA6w==
-
 regexpu-core@^6.1.1:
   version "6.1.1"
   resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-6.1.1.tgz#b469b245594cb2d088ceebc6369dceb8c00becac"
@@ -7445,7 +7203,7 @@ simple-swizzle@^0.2.2:
   dependencies:
     is-arrayish "^0.3.1"
 
-sirv@^2.0.3, sirv@^2.0.4:
+sirv@^2.0.3:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/sirv/-/sirv-2.0.4.tgz#5dd9a725c578e34e449f332703eb2a74e46a29b0"
   integrity sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==
@@ -7467,13 +7225,6 @@ snake-case@^3.0.4:
     dot-case "^3.0.4"
     tslib "^2.0.3"
 
-sort-on@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/sort-on/-/sort-on-6.1.0.tgz#96899b3536e4b2694090842f2e766ba11ccc7459"
-  integrity sha512-WTECP0nYNWO1n2g5bpsV0yZN9cBmZsF8ThHFbOqVN0HBFRoaQZLLEMvMmJlKHNPYQeVngeI5+jJzIfFqOIo1OA==
-  dependencies:
-    dot-prop "^9.0.0"
-
 source-map-js@^1.0.1, source-map-js@^1.0.2, source-map-js@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46"
@@ -7512,11 +7263,6 @@ statuses@2.0.1:
   resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.1.tgz#55cb000ccf1d48728bd23c685a063998cf1a1b63"
   integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
 
-steno@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/steno/-/steno-4.0.2.tgz#9bd9b0ffc226a1f9436f29132c8b8e7199d22c50"
-  integrity sha512-yhPIQXjrlt1xv7dyPQg2P17URmXbuM5pdGkpiMB3RenprfiBlvK415Lctfe0eshk90oA7/tNq7WEiMK8RSP39A==
-
 storybook@8.3.5:
   version "8.3.5"
   resolved "https://registry.yarnpkg.com/storybook/-/storybook-8.3.5.tgz#aef0542c08e245b7ac22742c1e1633a125063b8e"
@@ -7990,11 +7736,6 @@ type-fest@^2.14.0, type-fest@^2.19.0, type-fest@~2.19:
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-2.19.0.tgz#88068015bb33036a598b952e55e9311a60fd3a9b"
   integrity sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==
 
-type-fest@^4.18.2:
-  version "4.27.0"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-4.27.0.tgz#57329aae32e7b27b942b961e3ef861f0873c4b1b"
-  integrity sha512-3IMSWgP7C5KSQqmo1wjhKrwsvXAtF33jO3QY+Uy++ia7hqvgSK6iXbbg5PbDBc1P2ZbNEDgejOrN4YooXvhwCw==
-
 type-is@~1.6.18:
   version "1.6.18"
   resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"