From cb184f5f0453584eb72c3f8ef72bcf5d41017b80 Mon Sep 17 00:00:00 2001
From: YeongTaek <yeongtaek2109@gmail.com>
Date: Tue, 9 Sep 2025 18:17:13 +0900
Subject: [PATCH 01/25] =?UTF-8?q?feat:=20=EB=A1=9C=EA=B7=B8=EC=95=84?=
 =?UTF-8?q?=EC=9B=83=20=EC=A6=89=EC=8B=9C=20=EB=A9=94=EC=9D=B8=ED=99=94?=
 =?UTF-8?q?=EB=A9=B4=EC=9C=BC=EB=A1=9C=20=EC=9D=B4=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout/Header.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index 0c668bf..91010a5 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -81,6 +81,8 @@ export default function Header() {
     try {
       logout();
       setIsUserMenuOpen(false);
+      // 로그아웃 후 즉시 메인화면으로 이동
+      window.location.href = '/';
     } catch (error) {
       console.error('로그아웃 실패:', error);
     }

From 007f35b33519fe2d7f82677542382735a82bb83c Mon Sep 17 00:00:00 2001
From: YeongTaek <yeongtaek2109@gmail.com>
Date: Tue, 9 Sep 2025 19:10:42 +0900
Subject: [PATCH 02/25] =?UTF-8?q?feat:=20=ED=9A=8C=EC=9B=90=EA=B0=80?=
 =?UTF-8?q?=EC=9E=85=20-=20=EC=9D=B4=EB=A9=94=EC=9D=BC,=20=EB=8B=89?=
 =?UTF-8?q?=EB=84=A4=EC=9E=84=20=EC=A4=91=EB=B3=B5=20=EA=B2=80=EC=82=AC=20?=
 =?UTF-8?q?=EA=B8=B0=EB=8A=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/auth/signup/page.tsx | 140 +++++++++++++++++++++++++++--------
 src/hooks/auth/useAuth.ts    |  94 +++++++++++++++++------
 2 files changed, 179 insertions(+), 55 deletions(-)

diff --git a/src/app/auth/signup/page.tsx b/src/app/auth/signup/page.tsx
index 215cbcf..b92a40c 100644
--- a/src/app/auth/signup/page.tsx
+++ b/src/app/auth/signup/page.tsx
@@ -5,25 +5,44 @@ import { useAuth } from '@/hooks/auth';
 import { SignupFormValues, signupSchema } from '@/lib/validations/auth';
 import { zodResolver } from '@hookform/resolvers/zod';
 import Link from 'next/link';
-import { useRouter } from 'next/navigation';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { useForm } from 'react-hook-form';
 
 export default function SignupPage() {
-  const router = useRouter();
-  const { signup, isSigningUp, signupError } = useAuth();
+  const {
+    signup,
+    isSigningUp,
+    signupError,
+    checkNickname,
+    isCheckingNickname,
+    nicknameCheckResult,
+    resetNicknameCheck,
+    checkEmail,
+    emailCheckResult,
+  } = useAuth();
   const [isSuccess, setIsSuccess] = useState(false);
   const [userEmail, setUserEmail] = useState('');
 
   const {
     register,
     handleSubmit,
+    watch,
     formState: { errors, isValid },
   } = useForm<SignupFormValues>({
     resolver: zodResolver(signupSchema),
     mode: 'onChange', // 실시간 검증
   });
 
+  // 닉네임 입력값이 변경되면 중복 체크 결과 초기화
+  useEffect(() => {
+    const subscription = watch(({ name }) => {
+      if (name === 'nickname') {
+        resetNicknameCheck();
+      }
+    });
+    return () => subscription.unsubscribe();
+  }, [watch, resetNicknameCheck]);
+
   const onSubmit = async (data: SignupFormValues) => {
     try {
       await signup({
@@ -46,7 +65,7 @@ export default function SignupPage() {
           <div className="max-w-md w-full text-center space-y-6 p-6">
             <div className="text-6xl">📧</div>
             <h2 className="text-2xl font-bold text-gray-900">
-              이메일을 확인해주세요
+              이메일을 확인해주세요.
             </h2>
             <div className="space-y-3 text-gray-600">
               <p>
@@ -62,10 +81,10 @@ export default function SignupPage() {
             <div className="bg-blue-50 border border-blue-200 rounded-lg p-4 text-left">
               <h3 className="font-semibold text-blue-900 mb-2">다음 단계:</h3>
               <ol className="text-sm text-blue-700 space-y-1">
-                <li>1. 이메일 받은편지함을 확인하세요</li>
-                <li>2. 스팸 폴더도 확인해보세요</li>
-                <li>3. 인증 링크를 클릭하세요</li>
-                <li>4. 로그인 페이지로 돌아와서 로그인하세요</li>
+                <li>1. 이메일 받은편지함을 확인하세요.</li>
+                <li>2. 스팸 폴더도 확인해보세요.</li>
+                <li>3. 인증 링크를 클릭하세요.</li>
+                <li>4. 로그인 페이지로 돌아와서 로그인하세요.</li>
               </ol>
             </div>
 
@@ -108,7 +127,7 @@ export default function SignupPage() {
             </Link>
             <h2 className="mt-6 text-2xl font-bold text-gray-900">회원가입</h2>
             <p className="mt-2 text-sm text-gray-600">
-              새로운 계정을 만들어 DaylyLog를 시작해보세요
+              새로운 계정을 만들어 DaylyLog를 시작해보세요.
             </p>
           </div>
 
@@ -128,25 +147,51 @@ export default function SignupPage() {
                   htmlFor="email"
                   className="block text-sm font-medium text-gray-700"
                 >
-                  이메일 *
+                  이메일 <strong className="text-red-500">*</strong>
                 </label>
                 <input
                   id="email"
                   type="email"
                   autoComplete="email"
                   {...register('email')}
+                  onBlur={() => {
+                    const email = watch('email');
+                    if (email?.trim() && !errors.email) {
+                      checkEmail(email.trim());
+                    }
+                  }}
                   className={`mt-1 block w-full px-3 py-2 border rounded-lg text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-accent-500 transition-colors ${
-                    errors.email
+                    errors.email ||
+                    (emailCheckResult && !emailCheckResult.available)
                       ? 'border-red-300 focus:border-red-500'
                       : 'border-gray-300 focus:border-accent-500'
                   }`}
                   placeholder="example@email.com"
                 />
+
+                {/* 이메일 유효성 검사 에러 */}
                 {errors.email && (
                   <p className="mt-1 text-sm text-red-600">
                     {errors.email.message}
                   </p>
                 )}
+
+                {/* 이메일 중복 체크 결과 */}
+                {emailCheckResult &&
+                  watch('email')?.trim() &&
+                  !errors.email && (
+                    <p
+                      className={`mt-1 text-sm ${
+                        emailCheckResult.available
+                          ? 'text-green-600'
+                          : 'text-red-600'
+                      }`}
+                    >
+                      {emailCheckResult.available
+                        ? '사용 가능한 이메일입니다.'
+                        : '이미 가입된 이메일입니다.'}
+                    </p>
+                  )}
               </div>
 
               <div>
@@ -154,7 +199,7 @@ export default function SignupPage() {
                   htmlFor="password"
                   className="block text-sm font-medium text-gray-700"
                 >
-                  비밀번호 *
+                  비밀번호 <strong className="text-red-500">*</strong>
                 </label>
                 <input
                   id="password"
@@ -180,7 +225,7 @@ export default function SignupPage() {
                   htmlFor="name"
                   className="block text-sm font-medium text-gray-700"
                 >
-                  이름 *
+                  이름 <strong className="text-red-500">*</strong>
                 </label>
                 <input
                   id="name"
@@ -208,32 +253,63 @@ export default function SignupPage() {
                 >
                   닉네임 (선택)
                 </label>
-                <input
-                  id="nickname"
-                  type="text"
-                  {...register('nickname')}
-                  className={`mt-1 block w-full px-3 py-2 border rounded-lg text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-accent-500 transition-colors ${
-                    errors.nickname
-                      ? 'border-red-300 focus:border-red-500'
-                      : 'border-gray-300 focus:border-accent-500'
-                  }`}
-                  placeholder="다른 사용자에게 표시될 이름"
-                />
-                {errors.nickname && (
-                  <p className="mt-1 text-sm text-red-600">
-                    {errors.nickname.message}
+                <div className="flex gap-2">
+                  <input
+                    id="nickname"
+                    type="text"
+                    {...register('nickname')}
+                    className={`mt-1 flex-1 px-3 py-2 border rounded-lg text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-accent-500 transition-colors ${
+                      errors.nickname
+                        ? 'border-red-300 focus:border-red-500'
+                        : 'border-gray-300 focus:border-accent-500'
+                    }`}
+                    placeholder="다른 사용자에게 표시될 이름"
+                  />
+                  <button
+                    type="button"
+                    onClick={() => {
+                      const nickname = watch('nickname');
+                      if (nickname?.trim()) {
+                        checkNickname(nickname.trim());
+                      }
+                    }}
+                    disabled={isCheckingNickname || !watch('nickname')?.trim()}
+                    className="mt-1 px-3 py-2 text-sm bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 disabled:opacity-50 transition-colors"
+                  >
+                    {isCheckingNickname ? '확인중...' : '중복확인'}
+                  </button>
+                </div>
+
+                {/* 닉네임 체크 결과 표시 */}
+                {nicknameCheckResult && watch('nickname')?.trim() ? (
+                  <p
+                    className={`mt-1 text-sm ${
+                      nicknameCheckResult.available
+                        ? 'text-green-600'
+                        : 'text-red-600'
+                    }`}
+                  >
+                    {nicknameCheckResult.available
+                      ? '사용 가능한 닉네임입니다.'
+                      : '이미 사용 중인 닉네임입니다.'}
+                  </p>
+                ) : (
+                  <p className="mt-1 text-xs text-gray-500">
+                    닉네임은 나중에도 변경할 수 있습니다.
                   </p>
                 )}
-                <p className="mt-1 text-xs text-gray-500">
-                  닉네임은 나중에 변경할 수 있습니다
-                </p>
               </div>
             </div>
 
             <div>
               <button
                 type="submit"
-                disabled={isSigningUp || !isValid}
+                disabled={
+                  isSigningUp ||
+                  !isValid ||
+                  (emailCheckResult && !emailCheckResult.available) ||
+                  (nicknameCheckResult && !nicknameCheckResult.available)
+                }
                 className="w-full flex justify-center py-2 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-accent-600 hover:bg-accent-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-accent-500 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
               >
                 {isSigningUp ? '가입 중...' : '회원가입'}
diff --git a/src/hooks/auth/useAuth.ts b/src/hooks/auth/useAuth.ts
index 1554947..8172d46 100644
--- a/src/hooks/auth/useAuth.ts
+++ b/src/hooks/auth/useAuth.ts
@@ -69,27 +69,30 @@ export const useAuth = () => {
 
   // 회원가입
   const signupMutation = useMutation({
-    mutationFn: async ({ email, password, name, nickname }: SignupFormData) => {
-      const { data, error } = await supabase.auth.signUp({
-        email,
-        password,
-        options: {
-          data: {
-            name,
-            nickname: nickname || null,
-          },
-          emailRedirectTo: `${window.location.origin}/auth/confirm`,
-        }
-      });
-
-      if (error) throw error;
-      return data;
-    },
-    onSuccess: () => {
-      // 회원가입 후 즉시 세션 갱신
-      queryClient.invalidateQueries({ queryKey: ['auth'] });
-    },
-  });
+  mutationFn: async ({ email, password, name, nickname }: SignupFormData) => {
+    // 회원가입만 진행 (Supabase가 이메일 중복을 처리함)
+    const { data, error } = await supabase.auth.signUp({
+      email,
+      password,
+      options: {
+        data: { name, nickname: nickname?.trim() || null },
+        emailRedirectTo: `${window.location.origin}/auth/confirm`,
+      }
+    });
+    
+    if (error) {
+      if (error.message.includes('User already registered') || 
+          error.message.includes('already been registered')) {
+        throw new Error('이미 가입된 이메일입니다.');
+      }
+      throw error;
+    }
+    return data;
+  },
+  onSuccess: () => {
+    queryClient.invalidateQueries({ queryKey: ['auth'] });
+  },
+});
 
   // 로그아웃
   const logoutMutation = useMutation({
@@ -122,10 +125,46 @@ export const useAuth = () => {
     },
   });
 
+  const checkEmailMutation = useMutation({
+    mutationFn: async (email: string) => {
+      if (!email?.trim()) return { available: true };
+
+      const { data } = await supabase
+        .from('profiles')
+        .select('email')
+        .eq('email', email.trim())
+        .single();
+
+      // 데이터가 있으면 중복, 없으면 사용 가능
+      return { available: !data };
+    },
+  });
+
+  const checkNicknameMutation = useMutation({
+    mutationFn: async (nickname: string) => {
+      if (!nickname?.trim()) return { available: true };
+
+      const { data } = await supabase
+        .from('profiles')
+        .select('nickname')
+        .eq('nickname', nickname.trim())
+        .single();
+
+      // 데이터가 있으면 중복, 없으면 사용 가능
+      return { available: !data };
+    },
+  });
+
+  // 닉네임 체크 결과 초기화 함수
+  const resetNicknameCheck = () => {
+    queryClient.setQueryData(['nickname-check'], null);
+    checkNicknameMutation.reset();
+  };
+
   // 세션 변경 감지
   useEffect(() => {
     const { data: { subscription } } = supabase.auth.onAuthStateChange(
-      async (event, session) => {
+      async (event) => {
         if (event === 'SIGNED_IN') {
           // 로그인 시 프로필 쿼리만 갱신
           queryClient.invalidateQueries({ queryKey: ['auth', 'profile'] });
@@ -145,23 +184,32 @@ export const useAuth = () => {
     session,
     isLoading: (isSessionLoading || isProfileLoading) && !isInitialized,
     isAuthenticated: !!session?.user,
+    emailCheckResult: checkEmailMutation.data,
+    nicknameCheckResult: checkNicknameMutation.data,
+    resetNicknameCheck,
     
     // 액션
     login: loginMutation.mutate,
     signup: signupMutation.mutate,
     logout: logoutMutation.mutate,
     updateProfile: updateProfileMutation.mutate,
+    checkEmail: checkEmailMutation.mutate,
+    checkNickname: checkNicknameMutation.mutate,
     
     // 로딩 상태
     isLoggingIn: loginMutation.isPending,
     isSigningUp: signupMutation.isPending,
     isLoggingOut: logoutMutation.isPending,
     isUpdatingProfile: updateProfileMutation.isPending,
-    
+    isCheckingEmail: checkEmailMutation.isPending,
+    isCheckingNickname: checkNicknameMutation.isPending,
+
     // 에러
     loginError: loginMutation.error,
     signupError: signupMutation.error,
     logoutError: logoutMutation.error,
     updateProfileError: updateProfileMutation.error,
+    emailCheckError: checkEmailMutation.error,
+    nicknameCheckError: checkNicknameMutation.error,
   };
 };
\ No newline at end of file

From c88f9996ae9fc654c37a34147b086f507a9bb290 Mon Sep 17 00:00:00 2001
From: YeongTaek <yeongtaek2109@gmail.com>
Date: Tue, 9 Sep 2025 19:24:04 +0900
Subject: [PATCH 03/25] =?UTF-8?q?feat:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20?=
 =?UTF-8?q?=EC=A0=95=EB=B3=B4=20=EB=B6=88=EC=9D=BC=EC=B9=98=20=EC=8B=9C=20?=
 =?UTF-8?q?=EB=A9=94=EC=8B=9C=EC=A7=80=20=EB=82=98=ED=83=80=EB=82=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/auth/login/page.tsx | 41 ++++++++++++++-----------------------
 src/hooks/auth/useAuth.ts   | 10 ++++++++-
 2 files changed, 24 insertions(+), 27 deletions(-)

diff --git a/src/app/auth/login/page.tsx b/src/app/auth/login/page.tsx
index 5cb7d94..823149f 100644
--- a/src/app/auth/login/page.tsx
+++ b/src/app/auth/login/page.tsx
@@ -25,13 +25,7 @@ export default function LoginPage() {
   });
 
   const onSubmit = async (data: LoginFormValues) => {
-    try {
-      await login(data);
-      router.push(redirectUrl);
-    } catch (error) {
-      // 에러는 useAuth에서 처리됨
-      console.error('로그인 실패:', error);
-    }
+    login(data);
   };
 
   return (
@@ -52,16 +46,6 @@ export default function LoginPage() {
           </div>
 
           <form className="mt-8 space-y-6" onSubmit={handleSubmit(onSubmit)}>
-            {/* 전역 에러 표시 */}
-            {loginError && (
-              <div className="bg-red-50 border border-red-200 rounded-lg p-4">
-                <p className="text-sm text-red-600">
-                  {loginError.message ||
-                    '로그인에 실패했습니다. 다시 시도해주세요.'}
-                </p>
-              </div>
-            )}
-
             <div className="space-y-4">
               <div>
                 <label
@@ -116,15 +100,20 @@ export default function LoginPage() {
               </div>
             </div>
 
-            <div>
-              <button
-                type="submit"
-                disabled={isLoggingIn || !isValid}
-                className="w-full flex justify-center py-2 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-accent-600 hover:bg-accent-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-accent-500 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
-              >
-                {isLoggingIn ? '로그인 중...' : '로그인'}
-              </button>
-            </div>
+            {/* 전역 에러 표시 */}
+            {loginError && (
+              <p className="text-sm text-red-600">
+                이메일 또는 비밀번호가 올바르지 않습니다.
+              </p>
+            )}
+
+            <button
+              type="submit"
+              disabled={isLoggingIn || !isValid}
+              className="w-full flex justify-center py-2 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-accent-600 hover:bg-accent-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-accent-500 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
+            >
+              {isLoggingIn ? '로그인 중...' : '로그인'}
+            </button>
 
             <div className="text-center space-y-2">
               <Link
diff --git a/src/hooks/auth/useAuth.ts b/src/hooks/auth/useAuth.ts
index 8172d46..028a7fa 100644
--- a/src/hooks/auth/useAuth.ts
+++ b/src/hooks/auth/useAuth.ts
@@ -59,7 +59,15 @@ export const useAuth = () => {
         password,
       });
 
-      if (error) throw error;
+      if (error) {
+        // 로그인 실패 에러 메시지
+        if (error.message.includes('Invalid login credentials') ||
+            error.message.includes('Email not confirmed') ||
+            error.message.includes('Invalid email or password')) {
+          throw new Error('이메일 또는 비밀번호가 올바르지 않습니다.');
+          }
+        throw error;
+      } 
       return data;
     },
     onSuccess: () => {

From a0dec943753b9c3aabec149df1483289c8dbb796 Mon Sep 17 00:00:00 2001
From: YeongTaek <yeongtaek2109@gmail.com>
Date: Tue, 9 Sep 2025 19:38:40 +0900
Subject: [PATCH 04/25] =?UTF-8?q?style:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8,=20?=
 =?UTF-8?q?=ED=9A=8C=EC=9B=90=EA=B0=80=EC=9E=85=20=EC=8A=A4=ED=83=80?=
 =?UTF-8?q?=EC=9D=BC=EB=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/auth/login/page.tsx  | 10 +++++-----
 src/app/auth/signup/page.tsx | 14 +++++++-------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/app/auth/login/page.tsx b/src/app/auth/login/page.tsx
index 823149f..41be677 100644
--- a/src/app/auth/login/page.tsx
+++ b/src/app/auth/login/page.tsx
@@ -52,14 +52,14 @@ export default function LoginPage() {
                   htmlFor="email"
                   className="block text-sm font-medium text-gray-700"
                 >
-                  이메일 *
+                  이메일
                 </label>
                 <input
                   id="email"
                   type="email"
                   autoComplete="email"
                   {...register('email')}
-                  className={`mt-1 block w-full px-3 py-2 border rounded-lg text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-accent-500 transition-colors ${
+                  className={`mt-1 block w-full px-3 py-2 border-2 rounded-lg hover:border-accent-400 text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-accent-500 transition-colors ${
                     errors.email
                       ? 'border-red-300 focus:border-red-500'
                       : 'border-gray-300 focus:border-accent-500'
@@ -78,14 +78,14 @@ export default function LoginPage() {
                   htmlFor="password"
                   className="block text-sm font-medium text-gray-700"
                 >
-                  비밀번호 *
+                  비밀번호
                 </label>
                 <input
                   id="password"
                   type="password"
                   autoComplete="current-password"
                   {...register('password')}
-                  className={`mt-1 block w-full px-3 py-2 border rounded-lg text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-accent-500 transition-colors ${
+                  className={`mt-1 block w-full px-3 py-2 border-2 rounded-lg hover:border-accent-400 text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-1 focus:ring-accent-500 transition-colors ${
                     errors.password
                       ? 'border-red-300 focus:border-red-500'
                       : 'border-gray-300 focus:border-accent-500'
@@ -110,7 +110,7 @@ export default function LoginPage() {
             <button
               type="submit"
               disabled={isLoggingIn || !isValid}
-              className="w-full flex justify-center py-2 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-accent-600 hover:bg-accent-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-accent-500 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
+              className="hover:cursor-pointer w-full flex justify-center py-2 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-accent-600 hover:bg-accent-700 focus:outline-none focus:ring-1 focus:ring-offset-2 focus:ring-accent-500 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
             >
               {isLoggingIn ? '로그인 중...' : '로그인'}
             </button>
diff --git a/src/app/auth/signup/page.tsx b/src/app/auth/signup/page.tsx
index b92a40c..42b3764 100644
--- a/src/app/auth/signup/page.tsx
+++ b/src/app/auth/signup/page.tsx
@@ -160,7 +160,7 @@ export default function SignupPage() {
                       checkEmail(email.trim());
                     }
                   }}
-                  className={`mt-1 block w-full px-3 py-2 border rounded-lg text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-accent-500 transition-colors ${
+                  className={`mt-1 block w-full px-3 py-2 border-2 rounded-lg hover:border-accent-400 text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-accent-500 transition-colors ${
                     errors.email ||
                     (emailCheckResult && !emailCheckResult.available)
                       ? 'border-red-300 focus:border-red-500'
@@ -206,7 +206,7 @@ export default function SignupPage() {
                   type="password"
                   autoComplete="new-password"
                   {...register('password')}
-                  className={`mt-1 block w-full px-3 py-2 border rounded-lg text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-accent-500 transition-colors ${
+                  className={`mt-1 block w-full px-3 py-2 border-2 rounded-lg hover:border-accent-400 text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-1 focus:ring-accent-500 transition-colors ${
                     errors.password
                       ? 'border-red-300 focus:border-red-500'
                       : 'border-gray-300 focus:border-accent-500'
@@ -232,7 +232,7 @@ export default function SignupPage() {
                   type="text"
                   autoComplete="name"
                   {...register('name')}
-                  className={`mt-1 block w-full px-3 py-2 border rounded-lg text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-accent-500 transition-colors ${
+                  className={`mt-1 block w-full px-3 py-2 border-2 rounded-lg hover:border-accent-400 text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-1 focus:ring-accent-500 transition-colors ${
                     errors.name
                       ? 'border-red-300 focus:border-red-500'
                       : 'border-gray-300 focus:border-accent-500'
@@ -258,12 +258,12 @@ export default function SignupPage() {
                     id="nickname"
                     type="text"
                     {...register('nickname')}
-                    className={`mt-1 flex-1 px-3 py-2 border rounded-lg text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-accent-500 transition-colors ${
+                    className={`mt-1 block w-2/3 px-3 py-2 border-2 rounded-lg hover:border-accent-400 text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-1 focus:ring-accent-500 transition-colors ${
                       errors.nickname
                         ? 'border-red-300 focus:border-red-500'
                         : 'border-gray-300 focus:border-accent-500'
                     }`}
-                    placeholder="다른 사용자에게 표시될 이름"
+                    placeholder="닉네임 입력"
                   />
                   <button
                     type="button"
@@ -274,7 +274,7 @@ export default function SignupPage() {
                       }
                     }}
                     disabled={isCheckingNickname || !watch('nickname')?.trim()}
-                    className="mt-1 px-3 py-2 text-sm bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 disabled:opacity-50 transition-colors"
+                    className="mt-1 px-3 py-2 w-1/3 hover:cursor-pointer bg-accent-200 text-black hover:bg-accent-300 text-sm hover:font-bold rounded-lg disabled:opacity-50 transition-colors"
                   >
                     {isCheckingNickname ? '확인중...' : '중복확인'}
                   </button>
@@ -310,7 +310,7 @@ export default function SignupPage() {
                   (emailCheckResult && !emailCheckResult.available) ||
                   (nicknameCheckResult && !nicknameCheckResult.available)
                 }
-                className="w-full flex justify-center py-2 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-accent-600 hover:bg-accent-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-accent-500 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
+                className="hover:cursor-pointer w-full flex justify-center py-2 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-accent-600 hover:bg-accent-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-accent-500 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
               >
                 {isSigningUp ? '가입 중...' : '회원가입'}
               </button>

From 5c0f3a9616db942190d9966194e06d8be58925bb Mon Sep 17 00:00:00 2001
From: YeongTaek <yeongtaek2109@gmail.com>
Date: Tue, 9 Sep 2025 19:49:49 +0900
Subject: [PATCH 05/25] =?UTF-8?q?feat:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8&?=
 =?UTF-8?q?=ED=9A=8C=EC=9B=90=EA=B0=80=EC=9E=85=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=EC=97=90=20=EB=A9=94=EC=9D=B8=ED=99=94=EB=A9=B4?=
 =?UTF-8?q?=EC=9C=BC=EB=A1=9C=20=EB=8F=8C=EC=95=84=EA=B0=80=EA=B8=B0=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/auth/login/page.tsx  | 13 ++++++++-----
 src/app/auth/signup/page.tsx | 14 +++++++++++---
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/app/auth/login/page.tsx b/src/app/auth/login/page.tsx
index 41be677..f5ce5b6 100644
--- a/src/app/auth/login/page.tsx
+++ b/src/app/auth/login/page.tsx
@@ -5,14 +5,9 @@ import { useAuth } from '@/hooks/auth';
 import { LoginFormValues, loginSchema } from '@/lib/validations/auth';
 import { zodResolver } from '@hookform/resolvers/zod';
 import Link from 'next/link';
-import { useRouter, useSearchParams } from 'next/navigation';
 import { useForm } from 'react-hook-form';
 
 export default function LoginPage() {
-  const router = useRouter();
-  const searchParams = useSearchParams();
-  const redirectUrl = searchParams.get('redirect') || '/dashboard';
-
   const { login, isLoggingIn, loginError } = useAuth();
 
   const {
@@ -122,6 +117,14 @@ export default function LoginPage() {
               >
                 계정이 없으신가요? 회원가입
               </Link>
+              <div>
+                <Link
+                  href="/"
+                  className="text-gray-500 hover:text-gray-700 text-sm transition-colors"
+                >
+                  메인 화면으로 돌아가기
+                </Link>
+              </div>
             </div>
           </form>
         </div>
diff --git a/src/app/auth/signup/page.tsx b/src/app/auth/signup/page.tsx
index 42b3764..8655d3f 100644
--- a/src/app/auth/signup/page.tsx
+++ b/src/app/auth/signup/page.tsx
@@ -316,13 +316,21 @@ export default function SignupPage() {
               </button>
             </div>
 
-            <div className="text-center">
+            <div className="text-center space-y-2">
               <Link
-                href="/auth/login"
+                href="/auth/signup"
                 className="text-accent-600 hover:text-accent-500 text-sm font-medium transition-colors"
               >
-                이미 계정이 있으신가요? 로그인
+                계정이 없으신가요? 회원가입
               </Link>
+              <div>
+                <Link
+                  href="/"
+                  className="text-gray-500 hover:text-gray-700 text-sm transition-colors"
+                >
+                  메인 화면으로 돌아가기
+                </Link>
+              </div>
             </div>
           </form>
         </div>

From ad182c241da8fc0e0ea20fb1789e57e8703e9fee Mon Sep 17 00:00:00 2001
From: YeongTaek <yeongtaek2109@gmail.com>
Date: Tue, 9 Sep 2025 22:29:03 +0900
Subject: [PATCH 06/25] =?UTF-8?q?=EC=9E=84=EC=8B=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/workflows/ci.yml         |  72 +++++++++++++++++++
 .github/workflows/develop.yml    |  85 ++++++++++++++++++++++
 .github/workflows/production.yml | 116 +++++++++++++++++++++++++++++++
 package.json                     |   9 ++-
 4 files changed, 281 insertions(+), 1 deletion(-)
 create mode 100644 .github/workflows/ci.yml
 create mode 100644 .github/workflows/develop.yml
 create mode 100644 .github/workflows/production.yml

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
new file mode 100644
index 0000000..01057fa
--- /dev/null
+++ b/.github/workflows/ci.yml
@@ -0,0 +1,72 @@
+name: CI - Code Quality Check
+
+on:
+  push:
+    branches:
+      - 'feat/**'
+  pull_request:
+    branches:
+      - develop
+      - main
+
+      # 동시 실행 제한 (같은 브랜치에서 여러 워크플로우 실행 방지)
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  code-quality:
+    name: Code Quality Check
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [20.x]
+
+    steps:
+      # 1. 코드 체크아웃
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0 # 전체 히스토리 가져오기 (린트 캐시 최적화)
+
+      # 2. pnpm 설정
+      - name: Setup pnpm
+        uses: pnpm.action-setup@v4
+        with:
+          version: 9.2.0
+
+      # 3. Node.js 설정
+      - name: Setup Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: 'pnpm'
+
+      # 4. 의존성 설치
+      - name: Install dependencies
+        run: pnpm install
+
+      # 5. 코드 포맷팅 체크
+      - name: Check code formatting
+        run: pnpm run format:check
+
+      # 6. ESLint 검사
+      - name: Lint code
+        run: pnpm run lint
+
+      # 7. TypeScript 타입 체크
+      - name: Type check
+        run: pnpm run type-check
+
+      # 8. 빌드 테스트 (환경변수 없이도 빌드 가능한지 확인)
+      - name: Test build
+        run: pnpm run build
+        env:
+          # 빌드 테스트용 더미 환경변수
+          NEXT_PUBLIC_SUPABASE_URL: 'https://dummy.supabase.co'
+          NEXT_PUBLIC_SUPABASE_ANON_KEY: 'dummy-key-for-build-test'
+
+      # 9. 성공 시 체크마크 출력
+      - name: All checks passed
+        run: echo "모든 코드 품질 검사를 통과했습니다!"
diff --git a/.github/workflows/develop.yml b/.github/workflows/develop.yml
new file mode 100644
index 0000000..4aedecb
--- /dev/null
+++ b/.github/workflows/develop.yml
@@ -0,0 +1,85 @@
+name: Develop - Integration Test
+
+on:
+  push:
+    branches:
+      - develop
+  pull_request:
+    branches:
+      - develop
+
+# 동시 실행 제한
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+env:
+  # Develop 환경 변수 (GitHub Secrets 사용)
+  NEXT_PUBLIC_SUPABASE_URL: ${{ secrets.NEXT_PUBLIC_SUPABASE_URL }}
+  NEXT_PUBLIC_SUPABASE_ANON_KEY: ${{ secrets.NEXT_PUBLIC_SUPABASE_ANON_KEY }}
+
+jobs:
+  integration-test:
+    name: Integration Test
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [20.x]
+
+    steps:
+      # 1. 코드 체크아웃
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      # 2. pnpm 설정
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9.2.0
+
+      # 3. Node.js 설정
+      - name: Setup Node.js ${{ matrix.node-version}}
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: 'pnpm'
+
+      # 4. 의존성 설치
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      # 5. 코드 품질 검사
+      - name: Code formatting check
+        run: pnpm run format:check
+
+      - name: Lint check
+        run: pnpm run lint
+
+      - name: Type check
+        run: pnpm run type-check
+
+      # 6. 실제 환경변수로 빌드 테스트
+      - name: Build for develop
+        run: pnpm run build
+
+      # # 7. Jest 테스트 (나중에 활성화)
+      # - name: Run Tests
+      #   run: pnpm run test
+
+      # 8. E2E 테스트 (Playwright - 나중에 활성화)
+      # - name: E2E Tests
+      #   run: pnpm exec playwright test
+
+      # 9. 빌드 결과물 업로드 (디버깅용)
+      - name: Upload build artifacts
+        uses: actions/upload-artifact@v4
+        if: failure()
+        with:
+          name: build-output
+          path: .next/
+          retention-days: 1
+
+      # 10. 성공 알림
+      - name: Integration test passed
+        run: echo "Develop 브랜치 통합 테스트 완료!"
diff --git a/.github/workflows/production.yml b/.github/workflows/production.yml
new file mode 100644
index 0000000..1c52505
--- /dev/null
+++ b/.github/workflows/production.yml
@@ -0,0 +1,116 @@
+name: Production - Build & Deploy
+
+on:
+  push:
+    branches:
+      - main
+
+# 배포는 순차적으로 실행
+concurrency:
+  group: production-deploy
+  cancel-in-progress: false
+
+env:
+  # Production 환경 변수
+  NEXT_PUBLIC_SUPABASE_URL: ${{ secrets.PROD_SUPABASE_URL }}
+  NEXT_PUBLIC_SUPABASE_ANON_KEY: ${{ secrets.PROD_SUPABASE_ANON_KEY }}
+
+jobs:
+  quality-gate:
+    name: Quality Gate
+    runs-on: ubuntu-latest
+
+    outputs:
+      should-deploy: ${{ steps.quality-check.outputs.result }}
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9.2.0
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20.x
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      # 프로덕션 배포 전 엄격한 품질 검사
+      - name: Format check
+        run: pnpm run format:check
+
+      - name: Link check
+        run: pnpm run lint
+
+      - name: Type check
+        run: pnpm run type-check
+
+      - name: production build
+        run: pnpm run build
+
+      # Jest 테스트 (나중에 활성화)
+      # - name: Run all tests
+      #   run: pnpm run test:coverage
+
+      # E2E 테스트 (나중에 활성화)
+      # - name: E2E tests
+      #   run: pnpm exec playwright test
+
+      - name: Quality gate passed
+        id: quality-check
+        run: |
+          echo "result=true" >> $GITHUB_OUTPUT
+          echo "모든 품질 검사 통과!"
+
+  deploy:
+    name: Deploy to Production
+    needs: quality-gate
+    runs-on: ubuntu-latest
+    if: needs.quality-gate.outputs.should-deploy == 'true'
+
+    environment:
+      name: production
+      # url: https://your-app.vercel.app // TODO: 나중에 배포 후 입력
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/actions-setup@v4
+        with:
+          version: 9.2.0
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20.x
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Build for production
+        run: pnpm run build
+
+      # Vercel 배포 예시 (사용하는 플랫폼에 맞게 수정)
+      - name: Deploy to Vercel
+        uses: amondnet/vercel-action@v25
+        with:
+          vercel-token: ${{ secrets.VERCEL_TOKEN }} # TODO: 나중에 배포 후 입력
+          vercel-org-id: ${{ secrets.VERCEL_ORG_ID }} # TODO: 나중에 배포 후 입력
+          vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }} # TODO: 나중에 배포 후 입력
+          vercel-args: '--prod'
+
+      # 배포 성공 알림 (선택사항)
+      - name: Deployment success notification
+        run: |
+          echo "프로덕션 배포 완료!"
+          echo "배포 시간: ${date}"
+          echo "커밋: ${{ github.sha}}"
diff --git a/package.json b/package.json
index cd3c03f..b6af336 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,14 @@
     "dev": "next dev --turbopack",
     "build": "next build --turbopack",
     "start": "next start",
-    "lint": "eslint"
+    "lint": "eslint",
+    "lint:fix": "eslint --fix",
+    "type-check": "tsc --noEmit",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "format": "prettier --write .",
+    "format:check": "prettier --check ."
   },
   "dependencies": {
     "@hookform/resolvers": "^5.2.1",

From e3884367d65986e37cb9753d0acdadcf729dbade Mon Sep 17 00:00:00 2001
From: YeongTaek <yeongtaek2109@gmail.com>
Date: Wed, 10 Sep 2025 11:42:34 +0900
Subject: [PATCH 07/25] =?UTF-8?q?fix:=20YAML=20=EB=AC=B8=EB=B2=95=20?=
 =?UTF-8?q?=EC=98=A4=EB=A5=98=20=EC=88=98=EC=9E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/workflows/ci.yml         | 2 --
 .github/workflows/develop.yml    | 2 --
 .github/workflows/production.yml | 2 --
 3 files changed, 6 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 01057fa..649d716 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -33,8 +33,6 @@ jobs:
       # 2. pnpm 설정
       - name: Setup pnpm
         uses: pnpm.action-setup@v4
-        with:
-          version: 9.2.0
 
       # 3. Node.js 설정
       - name: Setup Node.js ${{ matrix.node-version }}
diff --git a/.github/workflows/develop.yml b/.github/workflows/develop.yml
index 4aedecb..6d37717 100644
--- a/.github/workflows/develop.yml
+++ b/.github/workflows/develop.yml
@@ -35,8 +35,6 @@ jobs:
       # 2. pnpm 설정
       - name: Setup pnpm
         uses: pnpm/action-setup@v4
-        with:
-          version: 9.2.0
 
       # 3. Node.js 설정
       - name: Setup Node.js ${{ matrix.node-version}}
diff --git a/.github/workflows/production.yml b/.github/workflows/production.yml
index 1c52505..7acab34 100644
--- a/.github/workflows/production.yml
+++ b/.github/workflows/production.yml
@@ -29,8 +29,6 @@ jobs:
 
       - name: Setup pnpm
         uses: pnpm/action-setup@v4
-        with:
-          version: 9.2.0
 
       - name: Setup Node.js
         uses: actions/setup-node@v4

From 199a40d48a03f9857678103ea8ca6c83144e8847 Mon Sep 17 00:00:00 2001
From: YeongTaek <yeongtaek2109@gmail.com>
Date: Wed, 10 Sep 2025 11:51:39 +0900
Subject: [PATCH 08/25] =?UTF-8?q?style:=20=EC=BD=94=EB=93=9C=20=ED=8F=AC?=
 =?UTF-8?q?=EB=A7=B7=ED=8C=85=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/workflows/ci.yml                      |    8 +-
 .github/workflows/develop.yml                 |    2 +-
 .github/workflows/production.yml              |    6 +-
 pnpm-lock.yaml                                | 7184 +++++++++++------
 postcss.config.mjs                            |    2 +-
 src/app/auth/confirm/page.tsx                 |   80 +-
 src/app/auth/login/page.tsx                   |    4 +-
 src/app/auth/signup/page.tsx                  |   82 +-
 src/app/budget/[date]/page.tsx                |   64 +-
 src/app/budget/page.tsx                       |    4 +-
 src/app/dashboard/page.tsx                    |   60 +-
 src/app/globals.css                           |    2 +-
 src/app/goals/page.tsx                        |  104 +-
 src/app/layout.tsx                            |   18 +-
 src/app/page.tsx                              |   14 +-
 src/app/preview/page.tsx                      |  100 +-
 src/app/providers.tsx                         |   10 +-
 src/app/questions/[id]/page.tsx               |   48 +-
 src/app/questions/analytics/page.tsx          |  146 +-
 src/app/questions/page.tsx                    |   62 +-
 src/app/reflections/[id]/edit/page.tsx        |   32 +-
 src/app/reflections/[id]/page.tsx             |  102 +-
 src/app/reflections/analytics/page.tsx        |  152 +-
 src/app/reflections/new/page.tsx              |   30 +-
 src/app/reflections/page.tsx                  |  150 +-
 src/components/auth/AuthGuard.tsx             |   12 +-
 src/components/auth/AuthProvider.tsx          |   12 +-
 src/components/auth/LoginPageContent.tsx      |   38 +-
 src/components/budget/BudgetCalendar.tsx      |   26 +-
 src/components/budget/BudgetChart.tsx         |   52 +-
 src/components/budget/BudgetForm.tsx          |  136 +-
 src/components/budget/BudgetList.tsx          |   44 +-
 src/components/budget/BudgetPageContent.tsx   |   88 +-
 src/components/budget/ChallengeModal.tsx      |  126 +-
 .../budget/DashboardBudgetWidget.tsx          |   58 +-
 .../budget/TransactionAlertProvider.tsx       |   12 +-
 src/components/budget/index.ts                |    8 +-
 src/components/common/Modal/ModalBody.tsx     |    6 +-
 src/components/common/Modal/ModalButton.tsx   |   46 +-
 src/components/common/Modal/ModalContext.tsx  |    8 +-
 .../common/Modal/ModalDescription.tsx         |    6 +-
 src/components/common/Modal/ModalFooter.tsx   |    6 +-
 src/components/common/Modal/ModalHeader.tsx   |   10 +-
 src/components/common/Modal/ModalRoot.tsx     |   24 +-
 src/components/common/Modal/ModalTitle.tsx    |   10 +-
 src/components/common/Modal/index.tsx         |   16 +-
 src/components/goals/GoalCard.tsx             |   26 +-
 .../goals/GoalCompletionNotification.tsx      |    6 +-
 .../goals/GoalCompletionProvider.tsx          |    8 +-
 src/components/goals/GoalEditModal.tsx        |   30 +-
 .../goals/GoalUpdateNotification.tsx          |   14 +-
 src/components/layout/Header.tsx              |   62 +-
 src/components/questions/AnswerEditor.tsx     |   12 +-
 .../questions/DashboardQuestionWidget.tsx     |   30 +-
 .../questions/QuestionAnswerCard.tsx          |   14 +-
 src/components/questions/QuestionCard.tsx     |   18 +-
 src/components/questions/QuestionDetail.tsx   |   34 +-
 .../questions/QuestionFiltersComponent.tsx    |   96 +-
 src/components/questions/QuestionForm.tsx     |   46 +-
 src/components/questions/QuestionList.tsx     |   42 +-
 .../questions/QuestionStatistics.tsx          |   22 +-
 .../reflections/DashboardReflectionWidget.tsx |   20 +-
 src/components/reflections/KeywordInput.tsx   |   22 +-
 .../reflections/KeywordManagementModal.tsx    |   34 +-
 .../reflections/KeywordReflectionsModal.tsx   |   46 +-
 src/components/reflections/ReflectionCard.tsx |   30 +-
 .../reflections/ReflectionFilters.tsx         |   52 +-
 src/components/reflections/ReflectionForm.tsx |   80 +-
 src/hooks/auth/index.ts                       |    2 +-
 src/hooks/auth/useAuth.ts                     |  145 +-
 src/hooks/budget/index.ts                     |    4 +-
 src/hooks/budget/useBudget.ts                 |  241 +-
 src/hooks/budget/useCategories.ts             |   71 +-
 src/hooks/budget/useChallenge.ts              |   47 +-
 src/hooks/budget/useExpenses.ts               |  107 +-
 src/hooks/budget/useIncomes.ts                |  107 +-
 src/hooks/budget/useTransactionAlert.ts       |   33 +-
 src/hooks/goals/useFoalCompletionAlert.ts     |   12 +-
 src/hooks/goals/useGoalChecker.ts             |   53 +-
 src/hooks/goals/useGoalStatusUpdater.ts       |  105 +-
 src/hooks/goals/useGoals.ts                   |  127 +-
 src/hooks/questions/useQuestionCategories.ts  |   27 +-
 src/hooks/questions/useQuestionKeywords.ts    |   69 +-
 src/hooks/questions/useQuestions.ts           |  236 +-
 src/hooks/reflections/useKeywords.ts          |   83 +-
 .../reflections/useReflectionCategories.ts    |   28 +-
 src/hooks/reflections/useReflections.ts       |  214 +-
 src/lib/query-client.ts                       |    8 +-
 src/lib/supabase.ts                           |    8 +-
 src/lib/validations/auth.ts                   |   34 +-
 src/types/auth/database.ts                    |    2 +-
 src/types/auth/forms.ts                       |    8 +-
 src/types/auth/index.ts                       |   10 +-
 src/types/auth/ui.ts                          |    4 +-
 src/types/budget/database.ts                  |   18 +-
 src/types/budget/index.ts                     |   53 +-
 src/types/budget/summary.ts                   |   18 +-
 src/types/budget/ui.ts                        |   23 +-
 src/types/goals/database.ts                   |   14 +-
 src/types/goals/index.ts                      |    7 +-
 src/types/goals/ui.ts                         |    2 +-
 src/types/questions/database.ts               |   24 +-
 src/types/questions/index.ts                  |   42 +-
 src/types/questions/summary.ts                |    6 +-
 src/types/questions/ui.ts                     |   18 +-
 src/types/reflections/database.ts             |   28 +-
 src/types/reflections/index.ts                |   32 +-
 src/types/reflections/summary.ts              |    4 +-
 src/types/reflections/ui.ts                   |   39 +-
 src/utils/questions/helpers.ts                |   64 +-
 src/utils/reflections/helpers.ts              |   46 +-
 111 files changed, 7392 insertions(+), 4785 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 649d716..1c764f9 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -3,7 +3,7 @@ name: CI - Code Quality Check
 on:
   push:
     branches:
-      - 'feat/**'
+      - "feat/**"
   pull_request:
     branches:
       - develop
@@ -39,7 +39,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
-          cache: 'pnpm'
+          cache: "pnpm"
 
       # 4. 의존성 설치
       - name: Install dependencies
@@ -62,8 +62,8 @@ jobs:
         run: pnpm run build
         env:
           # 빌드 테스트용 더미 환경변수
-          NEXT_PUBLIC_SUPABASE_URL: 'https://dummy.supabase.co'
-          NEXT_PUBLIC_SUPABASE_ANON_KEY: 'dummy-key-for-build-test'
+          NEXT_PUBLIC_SUPABASE_URL: "https://dummy.supabase.co"
+          NEXT_PUBLIC_SUPABASE_ANON_KEY: "dummy-key-for-build-test"
 
       # 9. 성공 시 체크마크 출력
       - name: All checks passed
diff --git a/.github/workflows/develop.yml b/.github/workflows/develop.yml
index 6d37717..e42cebc 100644
--- a/.github/workflows/develop.yml
+++ b/.github/workflows/develop.yml
@@ -41,7 +41,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
-          cache: 'pnpm'
+          cache: "pnpm"
 
       # 4. 의존성 설치
       - name: Install dependencies
diff --git a/.github/workflows/production.yml b/.github/workflows/production.yml
index 7acab34..019debd 100644
--- a/.github/workflows/production.yml
+++ b/.github/workflows/production.yml
@@ -34,7 +34,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: 20.x
-          cache: 'pnpm'
+          cache: "pnpm"
 
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
@@ -89,7 +89,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: 20.x
-          cache: 'pnpm'
+          cache: "pnpm"
 
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
@@ -104,7 +104,7 @@ jobs:
           vercel-token: ${{ secrets.VERCEL_TOKEN }} # TODO: 나중에 배포 후 입력
           vercel-org-id: ${{ secrets.VERCEL_ORG_ID }} # TODO: 나중에 배포 후 입력
           vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }} # TODO: 나중에 배포 후 입력
-          vercel-args: '--prod'
+          vercel-args: "--prod"
 
       # 배포 성공 알림 (선택사항)
       - name: Deployment success notification
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7e74a25..8a732d1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,26 +1,25 @@
-lockfileVersion: '9.0'
+lockfileVersion: "9.0"
 
 settings:
   autoInstallPeers: true
   excludeLinksFromLockfile: false
 
 importers:
-
   .:
     dependencies:
-      '@hookform/resolvers':
+      "@hookform/resolvers":
         specifier: ^5.2.1
         version: 5.2.1(react-hook-form@7.62.0(react@19.1.0))
-      '@supabase/ssr':
+      "@supabase/ssr":
         specifier: ^0.7.0
         version: 0.7.0(@supabase/supabase-js@2.56.0)
-      '@supabase/supabase-js':
+      "@supabase/supabase-js":
         specifier: ^2.56.0
         version: 2.56.0
-      '@tanstack/react-query':
+      "@tanstack/react-query":
         specifier: ^5.85.5
         version: 5.85.5(react@19.1.0)
-      '@tanstack/react-query-devtools':
+      "@tanstack/react-query-devtools":
         specifier: ^5.85.5
         version: 5.85.5(@tanstack/react-query@5.85.5(react@19.1.0))(react@19.1.0)
       date-fns:
@@ -51,40 +50,40 @@ importers:
         specifier: ^4.0.17
         version: 4.0.17
     devDependencies:
-      '@eslint/eslintrc':
+      "@eslint/eslintrc":
         specifier: ^3
         version: 3.3.1
-      '@playwright/test':
+      "@playwright/test":
         specifier: ^1.55.0
         version: 1.55.0
-      '@tailwindcss/postcss':
+      "@tailwindcss/postcss":
         specifier: ^4
         version: 4.1.12
-      '@testing-library/jest-dom':
+      "@testing-library/jest-dom":
         specifier: ^6.8.0
         version: 6.8.0
-      '@testing-library/react':
+      "@testing-library/react":
         specifier: ^16.3.0
         version: 16.3.0(@testing-library/dom@10.4.1)(@types/react-dom@19.1.7(@types/react@19.1.10))(@types/react@19.1.10)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
-      '@testing-library/user-event':
+      "@testing-library/user-event":
         specifier: ^14.6.1
         version: 14.6.1(@testing-library/dom@10.4.1)
-      '@types/jest':
+      "@types/jest":
         specifier: ^30.0.0
         version: 30.0.0
-      '@types/node':
+      "@types/node":
         specifier: ^20.19.11
         version: 20.19.11
-      '@types/react':
+      "@types/react":
         specifier: ^19
         version: 19.1.10
-      '@types/react-dom':
+      "@types/react-dom":
         specifier: ^19
         version: 19.1.7(@types/react@19.1.10)
-      '@typescript-eslint/eslint-plugin':
+      "@typescript-eslint/eslint-plugin":
         specifier: ^8.40.0
         version: 8.40.0(@typescript-eslint/parser@8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2))(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)
-      '@typescript-eslint/parser':
+      "@typescript-eslint/parser":
         specifier: ^8.40.0
         version: 8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)
       eslint:
@@ -113,624 +112,1019 @@ importers:
         version: 5.9.2
 
 packages:
-
-  '@adobe/css-tools@4.4.4':
-    resolution: {integrity: sha512-Elp+iwUx5rN5+Y8xLt5/GRoG20WGoDCQ/1Fb+1LiGtvwbDavuSk0jhD/eZdckHAuzcDzccnkv+rEjyWfRx18gg==}
-
-  '@alloc/quick-lru@5.2.0':
-    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
-    engines: {node: '>=10'}
-
-  '@ampproject/remapping@2.3.0':
-    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
-    engines: {node: '>=6.0.0'}
-
-  '@asamuzakjp/css-color@3.2.0':
-    resolution: {integrity: sha512-K1A6z8tS3XsmCMM86xoWdn7Fkdn9m6RSVtocUrJYIwZnFVkng/PvkEoWtOWmP+Scc6saYWHWZYbndEEXxl24jw==}
-
-  '@babel/code-frame@7.27.1':
-    resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/compat-data@7.28.0':
-    resolution: {integrity: sha512-60X7qkglvrap8mn1lh2ebxXdZYtUcpd7gsmy9kLaBJ4i/WdY8PqTSdxyA8qraikqKQK5C1KRBKXqznrVapyNaw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/core@7.28.3':
-    resolution: {integrity: sha512-yDBHV9kQNcr2/sUr9jghVyz9C3Y5G2zUM2H2lo+9mKv4sFgbA8s8Z9t8D1jiTkGoO/NoIfKMyKWr4s6CN23ZwQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/generator@7.28.3':
-    resolution: {integrity: sha512-3lSpxGgvnmZznmBkCRnVREPUFJv2wrv9iAoFDvADJc0ypmdOxdUtcLeBgBJ6zE0PMeTKnxeQzyk0xTBq4Ep7zw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-compilation-targets@7.27.2':
-    resolution: {integrity: sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-globals@7.28.0':
-    resolution: {integrity: sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-module-imports@7.27.1':
-    resolution: {integrity: sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-module-transforms@7.28.3':
-    resolution: {integrity: sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==}
-    engines: {node: '>=6.9.0'}
+  "@adobe/css-tools@4.4.4":
+    resolution:
+      {
+        integrity: sha512-Elp+iwUx5rN5+Y8xLt5/GRoG20WGoDCQ/1Fb+1LiGtvwbDavuSk0jhD/eZdckHAuzcDzccnkv+rEjyWfRx18gg==,
+      }
+
+  "@alloc/quick-lru@5.2.0":
+    resolution:
+      {
+        integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==,
+      }
+    engines: { node: ">=10" }
+
+  "@ampproject/remapping@2.3.0":
+    resolution:
+      {
+        integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==,
+      }
+    engines: { node: ">=6.0.0" }
+
+  "@asamuzakjp/css-color@3.2.0":
+    resolution:
+      {
+        integrity: sha512-K1A6z8tS3XsmCMM86xoWdn7Fkdn9m6RSVtocUrJYIwZnFVkng/PvkEoWtOWmP+Scc6saYWHWZYbndEEXxl24jw==,
+      }
+
+  "@babel/code-frame@7.27.1":
+    resolution:
+      {
+        integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/compat-data@7.28.0":
+    resolution:
+      {
+        integrity: sha512-60X7qkglvrap8mn1lh2ebxXdZYtUcpd7gsmy9kLaBJ4i/WdY8PqTSdxyA8qraikqKQK5C1KRBKXqznrVapyNaw==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/core@7.28.3":
+    resolution:
+      {
+        integrity: sha512-yDBHV9kQNcr2/sUr9jghVyz9C3Y5G2zUM2H2lo+9mKv4sFgbA8s8Z9t8D1jiTkGoO/NoIfKMyKWr4s6CN23ZwQ==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/generator@7.28.3":
+    resolution:
+      {
+        integrity: sha512-3lSpxGgvnmZznmBkCRnVREPUFJv2wrv9iAoFDvADJc0ypmdOxdUtcLeBgBJ6zE0PMeTKnxeQzyk0xTBq4Ep7zw==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/helper-compilation-targets@7.27.2":
+    resolution:
+      {
+        integrity: sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/helper-globals@7.28.0":
+    resolution:
+      {
+        integrity: sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/helper-module-imports@7.27.1":
+    resolution:
+      {
+        integrity: sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/helper-module-transforms@7.28.3":
+    resolution:
+      {
+        integrity: sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==,
+      }
+    engines: { node: ">=6.9.0" }
     peerDependencies:
-      '@babel/core': ^7.0.0
-
-  '@babel/helper-plugin-utils@7.27.1':
-    resolution: {integrity: sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-string-parser@7.27.1':
-    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-validator-identifier@7.27.1':
-    resolution: {integrity: sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-validator-option@7.27.1':
-    resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helpers@7.28.3':
-    resolution: {integrity: sha512-PTNtvUQihsAsDHMOP5pfobP8C6CM4JWXmP8DrEIt46c3r2bf87Ua1zoqevsMo9g+tWDwgWrFP5EIxuBx5RudAw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/parser@7.28.3':
-    resolution: {integrity: sha512-7+Ey1mAgYqFAx2h0RuoxcQT5+MlG3GTV0TQrgr7/ZliKsm/MNDxVVutlWaziMq7wJNAz8MTqz55XLpWvva6StA==}
-    engines: {node: '>=6.0.0'}
+      "@babel/core": ^7.0.0
+
+  "@babel/helper-plugin-utils@7.27.1":
+    resolution:
+      {
+        integrity: sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/helper-string-parser@7.27.1":
+    resolution:
+      {
+        integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/helper-validator-identifier@7.27.1":
+    resolution:
+      {
+        integrity: sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/helper-validator-option@7.27.1":
+    resolution:
+      {
+        integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/helpers@7.28.3":
+    resolution:
+      {
+        integrity: sha512-PTNtvUQihsAsDHMOP5pfobP8C6CM4JWXmP8DrEIt46c3r2bf87Ua1zoqevsMo9g+tWDwgWrFP5EIxuBx5RudAw==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/parser@7.28.3":
+    resolution:
+      {
+        integrity: sha512-7+Ey1mAgYqFAx2h0RuoxcQT5+MlG3GTV0TQrgr7/ZliKsm/MNDxVVutlWaziMq7wJNAz8MTqz55XLpWvva6StA==,
+      }
+    engines: { node: ">=6.0.0" }
     hasBin: true
 
-  '@babel/plugin-syntax-async-generators@7.8.4':
-    resolution: {integrity: sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==}
+  "@babel/plugin-syntax-async-generators@7.8.4":
+    resolution:
+      {
+        integrity: sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==,
+      }
     peerDependencies:
-      '@babel/core': ^7.0.0-0
+      "@babel/core": ^7.0.0-0
 
-  '@babel/plugin-syntax-bigint@7.8.3':
-    resolution: {integrity: sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==}
+  "@babel/plugin-syntax-bigint@7.8.3":
+    resolution:
+      {
+        integrity: sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==,
+      }
     peerDependencies:
-      '@babel/core': ^7.0.0-0
+      "@babel/core": ^7.0.0-0
 
-  '@babel/plugin-syntax-class-properties@7.12.13':
-    resolution: {integrity: sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==}
+  "@babel/plugin-syntax-class-properties@7.12.13":
+    resolution:
+      {
+        integrity: sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==,
+      }
     peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-class-static-block@7.14.5':
-    resolution: {integrity: sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==}
-    engines: {node: '>=6.9.0'}
+      "@babel/core": ^7.0.0-0
+
+  "@babel/plugin-syntax-class-static-block@7.14.5":
+    resolution:
+      {
+        integrity: sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==,
+      }
+    engines: { node: ">=6.9.0" }
     peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-import-attributes@7.27.1':
-    resolution: {integrity: sha512-oFT0FrKHgF53f4vOsZGi2Hh3I35PfSmVs4IBFLFj4dnafP+hIWDLg3VyKmUHfLoLHlyxY4C7DGtmHuJgn+IGww==}
-    engines: {node: '>=6.9.0'}
+      "@babel/core": ^7.0.0-0
+
+  "@babel/plugin-syntax-import-attributes@7.27.1":
+    resolution:
+      {
+        integrity: sha512-oFT0FrKHgF53f4vOsZGi2Hh3I35PfSmVs4IBFLFj4dnafP+hIWDLg3VyKmUHfLoLHlyxY4C7DGtmHuJgn+IGww==,
+      }
+    engines: { node: ">=6.9.0" }
     peerDependencies:
-      '@babel/core': ^7.0.0-0
+      "@babel/core": ^7.0.0-0
 
-  '@babel/plugin-syntax-import-meta@7.10.4':
-    resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==}
+  "@babel/plugin-syntax-import-meta@7.10.4":
+    resolution:
+      {
+        integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==,
+      }
     peerDependencies:
-      '@babel/core': ^7.0.0-0
+      "@babel/core": ^7.0.0-0
 
-  '@babel/plugin-syntax-json-strings@7.8.3':
-    resolution: {integrity: sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==}
+  "@babel/plugin-syntax-json-strings@7.8.3":
+    resolution:
+      {
+        integrity: sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==,
+      }
     peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-jsx@7.27.1':
-    resolution: {integrity: sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==}
-    engines: {node: '>=6.9.0'}
+      "@babel/core": ^7.0.0-0
+
+  "@babel/plugin-syntax-jsx@7.27.1":
+    resolution:
+      {
+        integrity: sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==,
+      }
+    engines: { node: ">=6.9.0" }
     peerDependencies:
-      '@babel/core': ^7.0.0-0
+      "@babel/core": ^7.0.0-0
 
-  '@babel/plugin-syntax-logical-assignment-operators@7.10.4':
-    resolution: {integrity: sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==}
+  "@babel/plugin-syntax-logical-assignment-operators@7.10.4":
+    resolution:
+      {
+        integrity: sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==,
+      }
     peerDependencies:
-      '@babel/core': ^7.0.0-0
+      "@babel/core": ^7.0.0-0
 
-  '@babel/plugin-syntax-nullish-coalescing-operator@7.8.3':
-    resolution: {integrity: sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==}
+  "@babel/plugin-syntax-nullish-coalescing-operator@7.8.3":
+    resolution:
+      {
+        integrity: sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==,
+      }
     peerDependencies:
-      '@babel/core': ^7.0.0-0
+      "@babel/core": ^7.0.0-0
 
-  '@babel/plugin-syntax-numeric-separator@7.10.4':
-    resolution: {integrity: sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==}
+  "@babel/plugin-syntax-numeric-separator@7.10.4":
+    resolution:
+      {
+        integrity: sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==,
+      }
     peerDependencies:
-      '@babel/core': ^7.0.0-0
+      "@babel/core": ^7.0.0-0
 
-  '@babel/plugin-syntax-object-rest-spread@7.8.3':
-    resolution: {integrity: sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==}
+  "@babel/plugin-syntax-object-rest-spread@7.8.3":
+    resolution:
+      {
+        integrity: sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==,
+      }
     peerDependencies:
-      '@babel/core': ^7.0.0-0
+      "@babel/core": ^7.0.0-0
 
-  '@babel/plugin-syntax-optional-catch-binding@7.8.3':
-    resolution: {integrity: sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==}
+  "@babel/plugin-syntax-optional-catch-binding@7.8.3":
+    resolution:
+      {
+        integrity: sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==,
+      }
     peerDependencies:
-      '@babel/core': ^7.0.0-0
+      "@babel/core": ^7.0.0-0
 
-  '@babel/plugin-syntax-optional-chaining@7.8.3':
-    resolution: {integrity: sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==}
+  "@babel/plugin-syntax-optional-chaining@7.8.3":
+    resolution:
+      {
+        integrity: sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==,
+      }
     peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-private-property-in-object@7.14.5':
-    resolution: {integrity: sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==}
-    engines: {node: '>=6.9.0'}
+      "@babel/core": ^7.0.0-0
+
+  "@babel/plugin-syntax-private-property-in-object@7.14.5":
+    resolution:
+      {
+        integrity: sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==,
+      }
+    engines: { node: ">=6.9.0" }
     peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-top-level-await@7.14.5':
-    resolution: {integrity: sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==}
-    engines: {node: '>=6.9.0'}
+      "@babel/core": ^7.0.0-0
+
+  "@babel/plugin-syntax-top-level-await@7.14.5":
+    resolution:
+      {
+        integrity: sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==,
+      }
+    engines: { node: ">=6.9.0" }
     peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/plugin-syntax-typescript@7.27.1':
-    resolution: {integrity: sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==}
-    engines: {node: '>=6.9.0'}
+      "@babel/core": ^7.0.0-0
+
+  "@babel/plugin-syntax-typescript@7.27.1":
+    resolution:
+      {
+        integrity: sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==,
+      }
+    engines: { node: ">=6.9.0" }
     peerDependencies:
-      '@babel/core': ^7.0.0-0
-
-  '@babel/runtime@7.28.3':
-    resolution: {integrity: sha512-9uIQ10o0WGdpP6GDhXcdOJPJuDgFtIDtN/9+ArJQ2NAfAmiuhTQdzkaTGR33v43GYS2UrSA0eX2pPPHoFVvpxA==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/template@7.27.2':
-    resolution: {integrity: sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/traverse@7.28.3':
-    resolution: {integrity: sha512-7w4kZYHneL3A6NP2nxzHvT3HCZ7puDZZjFMqDpBPECub79sTtSO5CGXDkKrTQq8ksAwfD/XI2MRFX23njdDaIQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/types@7.28.2':
-    resolution: {integrity: sha512-ruv7Ae4J5dUYULmeXw1gmb7rYRz57OWCPM57pHojnLq/3Z1CK2lNSLTCVjxVk1F/TZHwOZZrOWi0ur95BbLxNQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@bcoe/v8-coverage@0.2.3':
-    resolution: {integrity: sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==}
-
-  '@csstools/color-helpers@5.0.2':
-    resolution: {integrity: sha512-JqWH1vsgdGcw2RR6VliXXdA0/59LttzlU8UlRT/iUUsEeWfYq8I+K0yhihEUTTHLRm1EXvpsCx3083EU15ecsA==}
-    engines: {node: '>=18'}
-
-  '@csstools/css-calc@2.1.4':
-    resolution: {integrity: sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==}
-    engines: {node: '>=18'}
+      "@babel/core": ^7.0.0-0
+
+  "@babel/runtime@7.28.3":
+    resolution:
+      {
+        integrity: sha512-9uIQ10o0WGdpP6GDhXcdOJPJuDgFtIDtN/9+ArJQ2NAfAmiuhTQdzkaTGR33v43GYS2UrSA0eX2pPPHoFVvpxA==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/template@7.27.2":
+    resolution:
+      {
+        integrity: sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/traverse@7.28.3":
+    resolution:
+      {
+        integrity: sha512-7w4kZYHneL3A6NP2nxzHvT3HCZ7puDZZjFMqDpBPECub79sTtSO5CGXDkKrTQq8ksAwfD/XI2MRFX23njdDaIQ==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@babel/types@7.28.2":
+    resolution:
+      {
+        integrity: sha512-ruv7Ae4J5dUYULmeXw1gmb7rYRz57OWCPM57pHojnLq/3Z1CK2lNSLTCVjxVk1F/TZHwOZZrOWi0ur95BbLxNQ==,
+      }
+    engines: { node: ">=6.9.0" }
+
+  "@bcoe/v8-coverage@0.2.3":
+    resolution:
+      {
+        integrity: sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==,
+      }
+
+  "@csstools/color-helpers@5.0.2":
+    resolution:
+      {
+        integrity: sha512-JqWH1vsgdGcw2RR6VliXXdA0/59LttzlU8UlRT/iUUsEeWfYq8I+K0yhihEUTTHLRm1EXvpsCx3083EU15ecsA==,
+      }
+    engines: { node: ">=18" }
+
+  "@csstools/css-calc@2.1.4":
+    resolution:
+      {
+        integrity: sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==,
+      }
+    engines: { node: ">=18" }
     peerDependencies:
-      '@csstools/css-parser-algorithms': ^3.0.5
-      '@csstools/css-tokenizer': ^3.0.4
-
-  '@csstools/css-color-parser@3.0.10':
-    resolution: {integrity: sha512-TiJ5Ajr6WRd1r8HSiwJvZBiJOqtH86aHpUjq5aEKWHiII2Qfjqd/HCWKPOW8EP4vcspXbHnXrwIDlu5savQipg==}
-    engines: {node: '>=18'}
+      "@csstools/css-parser-algorithms": ^3.0.5
+      "@csstools/css-tokenizer": ^3.0.4
+
+  "@csstools/css-color-parser@3.0.10":
+    resolution:
+      {
+        integrity: sha512-TiJ5Ajr6WRd1r8HSiwJvZBiJOqtH86aHpUjq5aEKWHiII2Qfjqd/HCWKPOW8EP4vcspXbHnXrwIDlu5savQipg==,
+      }
+    engines: { node: ">=18" }
     peerDependencies:
-      '@csstools/css-parser-algorithms': ^3.0.5
-      '@csstools/css-tokenizer': ^3.0.4
-
-  '@csstools/css-parser-algorithms@3.0.5':
-    resolution: {integrity: sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==}
-    engines: {node: '>=18'}
+      "@csstools/css-parser-algorithms": ^3.0.5
+      "@csstools/css-tokenizer": ^3.0.4
+
+  "@csstools/css-parser-algorithms@3.0.5":
+    resolution:
+      {
+        integrity: sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==,
+      }
+    engines: { node: ">=18" }
     peerDependencies:
-      '@csstools/css-tokenizer': ^3.0.4
-
-  '@csstools/css-tokenizer@3.0.4':
-    resolution: {integrity: sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==}
-    engines: {node: '>=18'}
-
-  '@emnapi/core@1.4.5':
-    resolution: {integrity: sha512-XsLw1dEOpkSX/WucdqUhPWP7hDxSvZiY+fsUC14h+FtQ2Ifni4znbBt8punRX+Uj2JG/uDb8nEHVKvrVlvdZ5Q==}
-
-  '@emnapi/runtime@1.4.5':
-    resolution: {integrity: sha512-++LApOtY0pEEz1zrd9vy1/zXVaVJJ/EbAF3u0fXIzPJEDtnITsBGbbK0EkM72amhl/R5b+5xx0Y/QhcVOpuulg==}
-
-  '@emnapi/wasi-threads@1.0.4':
-    resolution: {integrity: sha512-PJR+bOmMOPH8AtcTGAyYNiuJ3/Fcoj2XN/gBEWzDIKh254XO+mM9XoXHk5GNEhodxeMznbg7BlRojVbKN+gC6g==}
-
-  '@eslint-community/eslint-utils@4.7.0':
-    resolution: {integrity: sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+      "@csstools/css-tokenizer": ^3.0.4
+
+  "@csstools/css-tokenizer@3.0.4":
+    resolution:
+      {
+        integrity: sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==,
+      }
+    engines: { node: ">=18" }
+
+  "@emnapi/core@1.4.5":
+    resolution:
+      {
+        integrity: sha512-XsLw1dEOpkSX/WucdqUhPWP7hDxSvZiY+fsUC14h+FtQ2Ifni4znbBt8punRX+Uj2JG/uDb8nEHVKvrVlvdZ5Q==,
+      }
+
+  "@emnapi/runtime@1.4.5":
+    resolution:
+      {
+        integrity: sha512-++LApOtY0pEEz1zrd9vy1/zXVaVJJ/EbAF3u0fXIzPJEDtnITsBGbbK0EkM72amhl/R5b+5xx0Y/QhcVOpuulg==,
+      }
+
+  "@emnapi/wasi-threads@1.0.4":
+    resolution:
+      {
+        integrity: sha512-PJR+bOmMOPH8AtcTGAyYNiuJ3/Fcoj2XN/gBEWzDIKh254XO+mM9XoXHk5GNEhodxeMznbg7BlRojVbKN+gC6g==,
+      }
+
+  "@eslint-community/eslint-utils@4.7.0":
+    resolution:
+      {
+        integrity: sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==,
+      }
+    engines: { node: ^12.22.0 || ^14.17.0 || >=16.0.0 }
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
 
-  '@eslint-community/regexpp@4.12.1':
-    resolution: {integrity: sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==}
-    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
-
-  '@eslint/config-array@0.21.0':
-    resolution: {integrity: sha512-ENIdc4iLu0d93HeYirvKmrzshzofPw6VkZRKQGe9Nv46ZnWUzcF1xV01dcvEg/1wXUR61OmmlSfyeyO7EvjLxQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@eslint/config-helpers@0.3.1':
-    resolution: {integrity: sha512-xR93k9WhrDYpXHORXpxVL5oHj3Era7wo6k/Wd8/IsQNnZUTzkGS29lyn3nAT05v6ltUuTFVCCYDEGfy2Or/sPA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@eslint/core@0.15.2':
-    resolution: {integrity: sha512-78Md3/Rrxh83gCxoUc0EiciuOHsIITzLy53m3d9UyiW8y9Dj2D29FeETqyKA+BRK76tnTp6RXWb3pCay8Oyomg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@eslint/eslintrc@3.3.1':
-    resolution: {integrity: sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@eslint/js@9.33.0':
-    resolution: {integrity: sha512-5K1/mKhWaMfreBGJTwval43JJmkip0RmM+3+IuqupeSKNC/Th2Kc7ucaq5ovTSra/OOKB9c58CGSz3QMVbWt0A==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@eslint/object-schema@2.1.6':
-    resolution: {integrity: sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@eslint/plugin-kit@0.3.5':
-    resolution: {integrity: sha512-Z5kJ+wU3oA7MMIqVR9tyZRtjYPr4OC004Q4Rw7pgOKUOKkJfZ3O24nz3WYfGRpMDNmcOi3TwQOmgm7B7Tpii0w==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@hookform/resolvers@5.2.1':
-    resolution: {integrity: sha512-u0+6X58gkjMcxur1wRWokA7XsiiBJ6aK17aPZxhkoYiK5J+HcTx0Vhu9ovXe6H+dVpO6cjrn2FkJTryXEMlryQ==}
+  "@eslint-community/regexpp@4.12.1":
+    resolution:
+      {
+        integrity: sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==,
+      }
+    engines: { node: ^12.0.0 || ^14.0.0 || >=16.0.0 }
+
+  "@eslint/config-array@0.21.0":
+    resolution:
+      {
+        integrity: sha512-ENIdc4iLu0d93HeYirvKmrzshzofPw6VkZRKQGe9Nv46ZnWUzcF1xV01dcvEg/1wXUR61OmmlSfyeyO7EvjLxQ==,
+      }
+    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+
+  "@eslint/config-helpers@0.3.1":
+    resolution:
+      {
+        integrity: sha512-xR93k9WhrDYpXHORXpxVL5oHj3Era7wo6k/Wd8/IsQNnZUTzkGS29lyn3nAT05v6ltUuTFVCCYDEGfy2Or/sPA==,
+      }
+    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+
+  "@eslint/core@0.15.2":
+    resolution:
+      {
+        integrity: sha512-78Md3/Rrxh83gCxoUc0EiciuOHsIITzLy53m3d9UyiW8y9Dj2D29FeETqyKA+BRK76tnTp6RXWb3pCay8Oyomg==,
+      }
+    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+
+  "@eslint/eslintrc@3.3.1":
+    resolution:
+      {
+        integrity: sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==,
+      }
+    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+
+  "@eslint/js@9.33.0":
+    resolution:
+      {
+        integrity: sha512-5K1/mKhWaMfreBGJTwval43JJmkip0RmM+3+IuqupeSKNC/Th2Kc7ucaq5ovTSra/OOKB9c58CGSz3QMVbWt0A==,
+      }
+    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+
+  "@eslint/object-schema@2.1.6":
+    resolution:
+      {
+        integrity: sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==,
+      }
+    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+
+  "@eslint/plugin-kit@0.3.5":
+    resolution:
+      {
+        integrity: sha512-Z5kJ+wU3oA7MMIqVR9tyZRtjYPr4OC004Q4Rw7pgOKUOKkJfZ3O24nz3WYfGRpMDNmcOi3TwQOmgm7B7Tpii0w==,
+      }
+    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+
+  "@hookform/resolvers@5.2.1":
+    resolution:
+      {
+        integrity: sha512-u0+6X58gkjMcxur1wRWokA7XsiiBJ6aK17aPZxhkoYiK5J+HcTx0Vhu9ovXe6H+dVpO6cjrn2FkJTryXEMlryQ==,
+      }
     peerDependencies:
       react-hook-form: ^7.55.0
 
-  '@humanfs/core@0.19.1':
-    resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==}
-    engines: {node: '>=18.18.0'}
-
-  '@humanfs/node@0.16.6':
-    resolution: {integrity: sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==}
-    engines: {node: '>=18.18.0'}
-
-  '@humanwhocodes/module-importer@1.0.1':
-    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
-    engines: {node: '>=12.22'}
-
-  '@humanwhocodes/retry@0.3.1':
-    resolution: {integrity: sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==}
-    engines: {node: '>=18.18'}
-
-  '@humanwhocodes/retry@0.4.3':
-    resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
-    engines: {node: '>=18.18'}
-
-  '@img/sharp-darwin-arm64@0.34.3':
-    resolution: {integrity: sha512-ryFMfvxxpQRsgZJqBd4wsttYQbCxsJksrv9Lw/v798JcQ8+w84mBWuXwl+TT0WJ/WrYOLaYpwQXi3sA9nTIaIg==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+  "@humanfs/core@0.19.1":
+    resolution:
+      {
+        integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==,
+      }
+    engines: { node: ">=18.18.0" }
+
+  "@humanfs/node@0.16.6":
+    resolution:
+      {
+        integrity: sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==,
+      }
+    engines: { node: ">=18.18.0" }
+
+  "@humanwhocodes/module-importer@1.0.1":
+    resolution:
+      {
+        integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==,
+      }
+    engines: { node: ">=12.22" }
+
+  "@humanwhocodes/retry@0.3.1":
+    resolution:
+      {
+        integrity: sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==,
+      }
+    engines: { node: ">=18.18" }
+
+  "@humanwhocodes/retry@0.4.3":
+    resolution:
+      {
+        integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==,
+      }
+    engines: { node: ">=18.18" }
+
+  "@img/sharp-darwin-arm64@0.34.3":
+    resolution:
+      {
+        integrity: sha512-ryFMfvxxpQRsgZJqBd4wsttYQbCxsJksrv9Lw/v798JcQ8+w84mBWuXwl+TT0WJ/WrYOLaYpwQXi3sA9nTIaIg==,
+      }
+    engines: { node: ^18.17.0 || ^20.3.0 || >=21.0.0 }
     cpu: [arm64]
     os: [darwin]
 
-  '@img/sharp-darwin-x64@0.34.3':
-    resolution: {integrity: sha512-yHpJYynROAj12TA6qil58hmPmAwxKKC7reUqtGLzsOHfP7/rniNGTL8tjWX6L3CTV4+5P4ypcS7Pp+7OB+8ihA==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+  "@img/sharp-darwin-x64@0.34.3":
+    resolution:
+      {
+        integrity: sha512-yHpJYynROAj12TA6qil58hmPmAwxKKC7reUqtGLzsOHfP7/rniNGTL8tjWX6L3CTV4+5P4ypcS7Pp+7OB+8ihA==,
+      }
+    engines: { node: ^18.17.0 || ^20.3.0 || >=21.0.0 }
     cpu: [x64]
     os: [darwin]
 
-  '@img/sharp-libvips-darwin-arm64@1.2.0':
-    resolution: {integrity: sha512-sBZmpwmxqwlqG9ueWFXtockhsxefaV6O84BMOrhtg/YqbTaRdqDE7hxraVE3y6gVM4eExmfzW4a8el9ArLeEiQ==}
+  "@img/sharp-libvips-darwin-arm64@1.2.0":
+    resolution:
+      {
+        integrity: sha512-sBZmpwmxqwlqG9ueWFXtockhsxefaV6O84BMOrhtg/YqbTaRdqDE7hxraVE3y6gVM4eExmfzW4a8el9ArLeEiQ==,
+      }
     cpu: [arm64]
     os: [darwin]
 
-  '@img/sharp-libvips-darwin-x64@1.2.0':
-    resolution: {integrity: sha512-M64XVuL94OgiNHa5/m2YvEQI5q2cl9d/wk0qFTDVXcYzi43lxuiFTftMR1tOnFQovVXNZJ5TURSDK2pNe9Yzqg==}
+  "@img/sharp-libvips-darwin-x64@1.2.0":
+    resolution:
+      {
+        integrity: sha512-M64XVuL94OgiNHa5/m2YvEQI5q2cl9d/wk0qFTDVXcYzi43lxuiFTftMR1tOnFQovVXNZJ5TURSDK2pNe9Yzqg==,
+      }
     cpu: [x64]
     os: [darwin]
 
-  '@img/sharp-libvips-linux-arm64@1.2.0':
-    resolution: {integrity: sha512-RXwd0CgG+uPRX5YYrkzKyalt2OJYRiJQ8ED/fi1tq9WQW2jsQIn0tqrlR5l5dr/rjqq6AHAxURhj2DVjyQWSOA==}
+  "@img/sharp-libvips-linux-arm64@1.2.0":
+    resolution:
+      {
+        integrity: sha512-RXwd0CgG+uPRX5YYrkzKyalt2OJYRiJQ8ED/fi1tq9WQW2jsQIn0tqrlR5l5dr/rjqq6AHAxURhj2DVjyQWSOA==,
+      }
     cpu: [arm64]
     os: [linux]
 
-  '@img/sharp-libvips-linux-arm@1.2.0':
-    resolution: {integrity: sha512-mWd2uWvDtL/nvIzThLq3fr2nnGfyr/XMXlq8ZJ9WMR6PXijHlC3ksp0IpuhK6bougvQrchUAfzRLnbsen0Cqvw==}
+  "@img/sharp-libvips-linux-arm@1.2.0":
+    resolution:
+      {
+        integrity: sha512-mWd2uWvDtL/nvIzThLq3fr2nnGfyr/XMXlq8ZJ9WMR6PXijHlC3ksp0IpuhK6bougvQrchUAfzRLnbsen0Cqvw==,
+      }
     cpu: [arm]
     os: [linux]
 
-  '@img/sharp-libvips-linux-ppc64@1.2.0':
-    resolution: {integrity: sha512-Xod/7KaDDHkYu2phxxfeEPXfVXFKx70EAFZ0qyUdOjCcxbjqyJOEUpDe6RIyaunGxT34Anf9ue/wuWOqBW2WcQ==}
+  "@img/sharp-libvips-linux-ppc64@1.2.0":
+    resolution:
+      {
+        integrity: sha512-Xod/7KaDDHkYu2phxxfeEPXfVXFKx70EAFZ0qyUdOjCcxbjqyJOEUpDe6RIyaunGxT34Anf9ue/wuWOqBW2WcQ==,
+      }
     cpu: [ppc64]
     os: [linux]
 
-  '@img/sharp-libvips-linux-s390x@1.2.0':
-    resolution: {integrity: sha512-eMKfzDxLGT8mnmPJTNMcjfO33fLiTDsrMlUVcp6b96ETbnJmd4uvZxVJSKPQfS+odwfVaGifhsB07J1LynFehw==}
+  "@img/sharp-libvips-linux-s390x@1.2.0":
+    resolution:
+      {
+        integrity: sha512-eMKfzDxLGT8mnmPJTNMcjfO33fLiTDsrMlUVcp6b96ETbnJmd4uvZxVJSKPQfS+odwfVaGifhsB07J1LynFehw==,
+      }
     cpu: [s390x]
     os: [linux]
 
-  '@img/sharp-libvips-linux-x64@1.2.0':
-    resolution: {integrity: sha512-ZW3FPWIc7K1sH9E3nxIGB3y3dZkpJlMnkk7z5tu1nSkBoCgw2nSRTFHI5pB/3CQaJM0pdzMF3paf9ckKMSE9Tg==}
+  "@img/sharp-libvips-linux-x64@1.2.0":
+    resolution:
+      {
+        integrity: sha512-ZW3FPWIc7K1sH9E3nxIGB3y3dZkpJlMnkk7z5tu1nSkBoCgw2nSRTFHI5pB/3CQaJM0pdzMF3paf9ckKMSE9Tg==,
+      }
     cpu: [x64]
     os: [linux]
 
-  '@img/sharp-libvips-linuxmusl-arm64@1.2.0':
-    resolution: {integrity: sha512-UG+LqQJbf5VJ8NWJ5Z3tdIe/HXjuIdo4JeVNADXBFuG7z9zjoegpzzGIyV5zQKi4zaJjnAd2+g2nna8TZvuW9Q==}
+  "@img/sharp-libvips-linuxmusl-arm64@1.2.0":
+    resolution:
+      {
+        integrity: sha512-UG+LqQJbf5VJ8NWJ5Z3tdIe/HXjuIdo4JeVNADXBFuG7z9zjoegpzzGIyV5zQKi4zaJjnAd2+g2nna8TZvuW9Q==,
+      }
     cpu: [arm64]
     os: [linux]
 
-  '@img/sharp-libvips-linuxmusl-x64@1.2.0':
-    resolution: {integrity: sha512-SRYOLR7CXPgNze8akZwjoGBoN1ThNZoqpOgfnOxmWsklTGVfJiGJoC/Lod7aNMGA1jSsKWM1+HRX43OP6p9+6Q==}
+  "@img/sharp-libvips-linuxmusl-x64@1.2.0":
+    resolution:
+      {
+        integrity: sha512-SRYOLR7CXPgNze8akZwjoGBoN1ThNZoqpOgfnOxmWsklTGVfJiGJoC/Lod7aNMGA1jSsKWM1+HRX43OP6p9+6Q==,
+      }
     cpu: [x64]
     os: [linux]
 
-  '@img/sharp-linux-arm64@0.34.3':
-    resolution: {integrity: sha512-QdrKe3EvQrqwkDrtuTIjI0bu6YEJHTgEeqdzI3uWJOH6G1O8Nl1iEeVYRGdj1h5I21CqxSvQp1Yv7xeU3ZewbA==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+  "@img/sharp-linux-arm64@0.34.3":
+    resolution:
+      {
+        integrity: sha512-QdrKe3EvQrqwkDrtuTIjI0bu6YEJHTgEeqdzI3uWJOH6G1O8Nl1iEeVYRGdj1h5I21CqxSvQp1Yv7xeU3ZewbA==,
+      }
+    engines: { node: ^18.17.0 || ^20.3.0 || >=21.0.0 }
     cpu: [arm64]
     os: [linux]
 
-  '@img/sharp-linux-arm@0.34.3':
-    resolution: {integrity: sha512-oBK9l+h6KBN0i3dC8rYntLiVfW8D8wH+NPNT3O/WBHeW0OQWCjfWksLUaPidsrDKpJgXp3G3/hkmhptAW0I3+A==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+  "@img/sharp-linux-arm@0.34.3":
+    resolution:
+      {
+        integrity: sha512-oBK9l+h6KBN0i3dC8rYntLiVfW8D8wH+NPNT3O/WBHeW0OQWCjfWksLUaPidsrDKpJgXp3G3/hkmhptAW0I3+A==,
+      }
+    engines: { node: ^18.17.0 || ^20.3.0 || >=21.0.0 }
     cpu: [arm]
     os: [linux]
 
-  '@img/sharp-linux-ppc64@0.34.3':
-    resolution: {integrity: sha512-GLtbLQMCNC5nxuImPR2+RgrviwKwVql28FWZIW1zWruy6zLgA5/x2ZXk3mxj58X/tszVF69KK0Is83V8YgWhLA==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+  "@img/sharp-linux-ppc64@0.34.3":
+    resolution:
+      {
+        integrity: sha512-GLtbLQMCNC5nxuImPR2+RgrviwKwVql28FWZIW1zWruy6zLgA5/x2ZXk3mxj58X/tszVF69KK0Is83V8YgWhLA==,
+      }
+    engines: { node: ^18.17.0 || ^20.3.0 || >=21.0.0 }
     cpu: [ppc64]
     os: [linux]
 
-  '@img/sharp-linux-s390x@0.34.3':
-    resolution: {integrity: sha512-3gahT+A6c4cdc2edhsLHmIOXMb17ltffJlxR0aC2VPZfwKoTGZec6u5GrFgdR7ciJSsHT27BD3TIuGcuRT0KmQ==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+  "@img/sharp-linux-s390x@0.34.3":
+    resolution:
+      {
+        integrity: sha512-3gahT+A6c4cdc2edhsLHmIOXMb17ltffJlxR0aC2VPZfwKoTGZec6u5GrFgdR7ciJSsHT27BD3TIuGcuRT0KmQ==,
+      }
+    engines: { node: ^18.17.0 || ^20.3.0 || >=21.0.0 }
     cpu: [s390x]
     os: [linux]
 
-  '@img/sharp-linux-x64@0.34.3':
-    resolution: {integrity: sha512-8kYso8d806ypnSq3/Ly0QEw90V5ZoHh10yH0HnrzOCr6DKAPI6QVHvwleqMkVQ0m+fc7EH8ah0BB0QPuWY6zJQ==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+  "@img/sharp-linux-x64@0.34.3":
+    resolution:
+      {
+        integrity: sha512-8kYso8d806ypnSq3/Ly0QEw90V5ZoHh10yH0HnrzOCr6DKAPI6QVHvwleqMkVQ0m+fc7EH8ah0BB0QPuWY6zJQ==,
+      }
+    engines: { node: ^18.17.0 || ^20.3.0 || >=21.0.0 }
     cpu: [x64]
     os: [linux]
 
-  '@img/sharp-linuxmusl-arm64@0.34.3':
-    resolution: {integrity: sha512-vAjbHDlr4izEiXM1OTggpCcPg9tn4YriK5vAjowJsHwdBIdx0fYRsURkxLG2RLm9gyBq66gwtWI8Gx0/ov+JKQ==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+  "@img/sharp-linuxmusl-arm64@0.34.3":
+    resolution:
+      {
+        integrity: sha512-vAjbHDlr4izEiXM1OTggpCcPg9tn4YriK5vAjowJsHwdBIdx0fYRsURkxLG2RLm9gyBq66gwtWI8Gx0/ov+JKQ==,
+      }
+    engines: { node: ^18.17.0 || ^20.3.0 || >=21.0.0 }
     cpu: [arm64]
     os: [linux]
 
-  '@img/sharp-linuxmusl-x64@0.34.3':
-    resolution: {integrity: sha512-gCWUn9547K5bwvOn9l5XGAEjVTTRji4aPTqLzGXHvIr6bIDZKNTA34seMPgM0WmSf+RYBH411VavCejp3PkOeQ==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+  "@img/sharp-linuxmusl-x64@0.34.3":
+    resolution:
+      {
+        integrity: sha512-gCWUn9547K5bwvOn9l5XGAEjVTTRji4aPTqLzGXHvIr6bIDZKNTA34seMPgM0WmSf+RYBH411VavCejp3PkOeQ==,
+      }
+    engines: { node: ^18.17.0 || ^20.3.0 || >=21.0.0 }
     cpu: [x64]
     os: [linux]
 
-  '@img/sharp-wasm32@0.34.3':
-    resolution: {integrity: sha512-+CyRcpagHMGteySaWos8IbnXcHgfDn7pO2fiC2slJxvNq9gDipYBN42/RagzctVRKgxATmfqOSulgZv5e1RdMg==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+  "@img/sharp-wasm32@0.34.3":
+    resolution:
+      {
+        integrity: sha512-+CyRcpagHMGteySaWos8IbnXcHgfDn7pO2fiC2slJxvNq9gDipYBN42/RagzctVRKgxATmfqOSulgZv5e1RdMg==,
+      }
+    engines: { node: ^18.17.0 || ^20.3.0 || >=21.0.0 }
     cpu: [wasm32]
 
-  '@img/sharp-win32-arm64@0.34.3':
-    resolution: {integrity: sha512-MjnHPnbqMXNC2UgeLJtX4XqoVHHlZNd+nPt1kRPmj63wURegwBhZlApELdtxM2OIZDRv/DFtLcNhVbd1z8GYXQ==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+  "@img/sharp-win32-arm64@0.34.3":
+    resolution:
+      {
+        integrity: sha512-MjnHPnbqMXNC2UgeLJtX4XqoVHHlZNd+nPt1kRPmj63wURegwBhZlApELdtxM2OIZDRv/DFtLcNhVbd1z8GYXQ==,
+      }
+    engines: { node: ^18.17.0 || ^20.3.0 || >=21.0.0 }
     cpu: [arm64]
     os: [win32]
 
-  '@img/sharp-win32-ia32@0.34.3':
-    resolution: {integrity: sha512-xuCdhH44WxuXgOM714hn4amodJMZl3OEvf0GVTm0BEyMeA2to+8HEdRPShH0SLYptJY1uBw+SCFP9WVQi1Q/cw==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+  "@img/sharp-win32-ia32@0.34.3":
+    resolution:
+      {
+        integrity: sha512-xuCdhH44WxuXgOM714hn4amodJMZl3OEvf0GVTm0BEyMeA2to+8HEdRPShH0SLYptJY1uBw+SCFP9WVQi1Q/cw==,
+      }
+    engines: { node: ^18.17.0 || ^20.3.0 || >=21.0.0 }
     cpu: [ia32]
     os: [win32]
 
-  '@img/sharp-win32-x64@0.34.3':
-    resolution: {integrity: sha512-OWwz05d++TxzLEv4VnsTz5CmZ6mI6S05sfQGEMrNrQcOEERbX46332IvE7pO/EUiw7jUrrS40z/M7kPyjfl04g==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+  "@img/sharp-win32-x64@0.34.3":
+    resolution:
+      {
+        integrity: sha512-OWwz05d++TxzLEv4VnsTz5CmZ6mI6S05sfQGEMrNrQcOEERbX46332IvE7pO/EUiw7jUrrS40z/M7kPyjfl04g==,
+      }
+    engines: { node: ^18.17.0 || ^20.3.0 || >=21.0.0 }
     cpu: [x64]
     os: [win32]
 
-  '@isaacs/cliui@8.0.2':
-    resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
-    engines: {node: '>=12'}
-
-  '@isaacs/fs-minipass@4.0.1':
-    resolution: {integrity: sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==}
-    engines: {node: '>=18.0.0'}
-
-  '@istanbuljs/load-nyc-config@1.1.0':
-    resolution: {integrity: sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==}
-    engines: {node: '>=8'}
-
-  '@istanbuljs/schema@0.1.3':
-    resolution: {integrity: sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==}
-    engines: {node: '>=8'}
-
-  '@jest/console@30.0.5':
-    resolution: {integrity: sha512-xY6b0XiL0Nav3ReresUarwl2oIz1gTnxGbGpho9/rbUWsLH0f1OD/VT84xs8c7VmH7MChnLb0pag6PhZhAdDiA==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
-  '@jest/core@30.0.5':
-    resolution: {integrity: sha512-fKD0OulvRsXF1hmaFgHhVJzczWzA1RXMMo9LTPuFXo9q/alDbME3JIyWYqovWsUBWSoBcsHaGPSLF9rz4l9Qeg==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+  "@isaacs/cliui@8.0.2":
+    resolution:
+      {
+        integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==,
+      }
+    engines: { node: ">=12" }
+
+  "@isaacs/fs-minipass@4.0.1":
+    resolution:
+      {
+        integrity: sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==,
+      }
+    engines: { node: ">=18.0.0" }
+
+  "@istanbuljs/load-nyc-config@1.1.0":
+    resolution:
+      {
+        integrity: sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==,
+      }
+    engines: { node: ">=8" }
+
+  "@istanbuljs/schema@0.1.3":
+    resolution:
+      {
+        integrity: sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==,
+      }
+    engines: { node: ">=8" }
+
+  "@jest/console@30.0.5":
+    resolution:
+      {
+        integrity: sha512-xY6b0XiL0Nav3ReresUarwl2oIz1gTnxGbGpho9/rbUWsLH0f1OD/VT84xs8c7VmH7MChnLb0pag6PhZhAdDiA==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
+
+  "@jest/core@30.0.5":
+    resolution:
+      {
+        integrity: sha512-fKD0OulvRsXF1hmaFgHhVJzczWzA1RXMMo9LTPuFXo9q/alDbME3JIyWYqovWsUBWSoBcsHaGPSLF9rz4l9Qeg==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
     peerDependencies:
       node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
     peerDependenciesMeta:
       node-notifier:
         optional: true
 
-  '@jest/diff-sequences@30.0.1':
-    resolution: {integrity: sha512-n5H8QLDJ47QqbCNn5SuFjCRDrOLEZ0h8vAHCK5RL9Ls7Xa8AQLa/YxAc9UjFqoEDM48muwtBGjtMY5cr0PLDCw==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
-  '@jest/environment-jsdom-abstract@30.0.5':
-    resolution: {integrity: sha512-gpWwiVxZunkoglP8DCnT3As9x5O8H6gveAOpvaJd2ATAoSh7ZSSCWbr9LQtUMvr8WD3VjG9YnDhsmkCK5WN1rQ==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+  "@jest/diff-sequences@30.0.1":
+    resolution:
+      {
+        integrity: sha512-n5H8QLDJ47QqbCNn5SuFjCRDrOLEZ0h8vAHCK5RL9Ls7Xa8AQLa/YxAc9UjFqoEDM48muwtBGjtMY5cr0PLDCw==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
+
+  "@jest/environment-jsdom-abstract@30.0.5":
+    resolution:
+      {
+        integrity: sha512-gpWwiVxZunkoglP8DCnT3As9x5O8H6gveAOpvaJd2ATAoSh7ZSSCWbr9LQtUMvr8WD3VjG9YnDhsmkCK5WN1rQ==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
     peerDependencies:
       canvas: ^3.0.0
-      jsdom: '*'
+      jsdom: "*"
     peerDependenciesMeta:
       canvas:
         optional: true
 
-  '@jest/environment@30.0.5':
-    resolution: {integrity: sha512-aRX7WoaWx1oaOkDQvCWImVQ8XNtdv5sEWgk4gxR6NXb7WBUnL5sRak4WRzIQRZ1VTWPvV4VI4mgGjNL9TeKMYA==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
-  '@jest/expect-utils@30.0.5':
-    resolution: {integrity: sha512-F3lmTT7CXWYywoVUGTCmom0vXq3HTTkaZyTAzIy+bXSBizB7o5qzlC9VCtq0arOa8GqmNsbg/cE9C6HLn7Szew==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
-  '@jest/expect@30.0.5':
-    resolution: {integrity: sha512-6udac8KKrtTtC+AXZ2iUN/R7dp7Ydry+Fo6FPFnDG54wjVMnb6vW/XNlf7Xj8UDjAE3aAVAsR4KFyKk3TCXmTA==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
-  '@jest/fake-timers@30.0.5':
-    resolution: {integrity: sha512-ZO5DHfNV+kgEAeP3gK3XlpJLL4U3Sz6ebl/n68Uwt64qFFs5bv4bfEEjyRGK5uM0C90ewooNgFuKMdkbEoMEXw==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
-  '@jest/get-type@30.0.1':
-    resolution: {integrity: sha512-AyYdemXCptSRFirI5EPazNxyPwAL0jXt3zceFjaj8NFiKP9pOi0bfXonf6qkf82z2t3QWPeLCWWw4stPBzctLw==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
-  '@jest/globals@30.0.5':
-    resolution: {integrity: sha512-7oEJT19WW4oe6HR7oLRvHxwlJk2gev0U9px3ufs8sX9PoD1Eza68KF0/tlN7X0dq/WVsBScXQGgCldA1V9Y/jA==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
-  '@jest/pattern@30.0.1':
-    resolution: {integrity: sha512-gWp7NfQW27LaBQz3TITS8L7ZCQ0TLvtmI//4OwlQRx4rnWxcPNIYjxZpDcN4+UlGxgm3jS5QPz8IPTCkb59wZA==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
-  '@jest/reporters@30.0.5':
-    resolution: {integrity: sha512-mafft7VBX4jzED1FwGC1o/9QUM2xebzavImZMeqnsklgcyxBto8mV4HzNSzUrryJ+8R9MFOM3HgYuDradWR+4g==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+  "@jest/environment@30.0.5":
+    resolution:
+      {
+        integrity: sha512-aRX7WoaWx1oaOkDQvCWImVQ8XNtdv5sEWgk4gxR6NXb7WBUnL5sRak4WRzIQRZ1VTWPvV4VI4mgGjNL9TeKMYA==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
+
+  "@jest/expect-utils@30.0.5":
+    resolution:
+      {
+        integrity: sha512-F3lmTT7CXWYywoVUGTCmom0vXq3HTTkaZyTAzIy+bXSBizB7o5qzlC9VCtq0arOa8GqmNsbg/cE9C6HLn7Szew==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
+
+  "@jest/expect@30.0.5":
+    resolution:
+      {
+        integrity: sha512-6udac8KKrtTtC+AXZ2iUN/R7dp7Ydry+Fo6FPFnDG54wjVMnb6vW/XNlf7Xj8UDjAE3aAVAsR4KFyKk3TCXmTA==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
+
+  "@jest/fake-timers@30.0.5":
+    resolution:
+      {
+        integrity: sha512-ZO5DHfNV+kgEAeP3gK3XlpJLL4U3Sz6ebl/n68Uwt64qFFs5bv4bfEEjyRGK5uM0C90ewooNgFuKMdkbEoMEXw==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
+
+  "@jest/get-type@30.0.1":
+    resolution:
+      {
+        integrity: sha512-AyYdemXCptSRFirI5EPazNxyPwAL0jXt3zceFjaj8NFiKP9pOi0bfXonf6qkf82z2t3QWPeLCWWw4stPBzctLw==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
+
+  "@jest/globals@30.0.5":
+    resolution:
+      {
+        integrity: sha512-7oEJT19WW4oe6HR7oLRvHxwlJk2gev0U9px3ufs8sX9PoD1Eza68KF0/tlN7X0dq/WVsBScXQGgCldA1V9Y/jA==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
+
+  "@jest/pattern@30.0.1":
+    resolution:
+      {
+        integrity: sha512-gWp7NfQW27LaBQz3TITS8L7ZCQ0TLvtmI//4OwlQRx4rnWxcPNIYjxZpDcN4+UlGxgm3jS5QPz8IPTCkb59wZA==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
+
+  "@jest/reporters@30.0.5":
+    resolution:
+      {
+        integrity: sha512-mafft7VBX4jzED1FwGC1o/9QUM2xebzavImZMeqnsklgcyxBto8mV4HzNSzUrryJ+8R9MFOM3HgYuDradWR+4g==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
     peerDependencies:
       node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
     peerDependenciesMeta:
       node-notifier:
         optional: true
 
-  '@jest/schemas@30.0.5':
-    resolution: {integrity: sha512-DmdYgtezMkh3cpU8/1uyXakv3tJRcmcXxBOcO0tbaozPwpmh4YMsnWrQm9ZmZMfa5ocbxzbFk6O4bDPEc/iAnA==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
-  '@jest/snapshot-utils@30.0.5':
-    resolution: {integrity: sha512-XcCQ5qWHLvi29UUrowgDFvV4t7ETxX91CbDczMnoqXPOIcZOxyNdSjm6kV5XMc8+HkxfRegU/MUmnTbJRzGrUQ==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
-  '@jest/source-map@30.0.1':
-    resolution: {integrity: sha512-MIRWMUUR3sdbP36oyNyhbThLHyJ2eEDClPCiHVbrYAe5g3CHRArIVpBw7cdSB5fr+ofSfIb2Tnsw8iEHL0PYQg==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
-  '@jest/test-result@30.0.5':
-    resolution: {integrity: sha512-wPyztnK0gbDMQAJZ43tdMro+qblDHH1Ru/ylzUo21TBKqt88ZqnKKK2m30LKmLLoKtR2lxdpCC/P3g1vfKcawQ==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
-  '@jest/test-sequencer@30.0.5':
-    resolution: {integrity: sha512-Aea/G1egWoIIozmDD7PBXUOxkekXl7ueGzrsGGi1SbeKgQqCYCIf+wfbflEbf2LiPxL8j2JZGLyrzZagjvW4YQ==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
-  '@jest/transform@30.0.5':
-    resolution: {integrity: sha512-Vk8amLQCmuZyy6GbBht1Jfo9RSdBtg7Lks+B0PecnjI8J+PCLQPGh7uI8Q/2wwpW2gLdiAfiHNsmekKlywULqg==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
-  '@jest/types@30.0.5':
-    resolution: {integrity: sha512-aREYa3aku9SSnea4aX6bhKn4bgv3AXkgijoQgbYV3yvbiGt6z+MQ85+6mIhx9DsKW2BuB/cLR/A+tcMThx+KLQ==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
-
-  '@jridgewell/gen-mapping@0.3.13':
-    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
-
-  '@jridgewell/remapping@2.3.5':
-    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
-
-  '@jridgewell/resolve-uri@3.1.2':
-    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
-    engines: {node: '>=6.0.0'}
-
-  '@jridgewell/sourcemap-codec@1.5.5':
-    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
-
-  '@jridgewell/trace-mapping@0.3.30':
-    resolution: {integrity: sha512-GQ7Nw5G2lTu/BtHTKfXhKHok2WGetd4XYcVKGx00SjAk8GMwgJM3zr6zORiPGuOE+/vkc90KtTosSSvaCjKb2Q==}
-
-  '@napi-rs/wasm-runtime@0.2.12':
-    resolution: {integrity: sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==}
-
-  '@next/env@15.5.0':
-    resolution: {integrity: sha512-sDaprBAfzCQiOgo2pO+LhnV0Wt2wBgartjrr+dpcTORYVnnXD0gwhHhiiyIih9hQbq+JnbqH4odgcFWhqCGidw==}
-
-  '@next/eslint-plugin-next@15.5.0':
-    resolution: {integrity: sha512-+k83U/fST66eQBjTltX2T9qUYd43ntAe+NZ5qeZVTQyTiFiHvTLtkpLKug4AnZAtuI/lwz5tl/4QDJymjVkybg==}
-
-  '@next/swc-darwin-arm64@15.5.0':
-    resolution: {integrity: sha512-v7Jj9iqC6enxIRBIScD/o0lH7QKvSxq2LM8UTyqJi+S2w2QzhMYjven4vgu/RzgsdtdbpkyCxBTzHl/gN5rTRg==}
-    engines: {node: '>= 10'}
+  "@jest/schemas@30.0.5":
+    resolution:
+      {
+        integrity: sha512-DmdYgtezMkh3cpU8/1uyXakv3tJRcmcXxBOcO0tbaozPwpmh4YMsnWrQm9ZmZMfa5ocbxzbFk6O4bDPEc/iAnA==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
+
+  "@jest/snapshot-utils@30.0.5":
+    resolution:
+      {
+        integrity: sha512-XcCQ5qWHLvi29UUrowgDFvV4t7ETxX91CbDczMnoqXPOIcZOxyNdSjm6kV5XMc8+HkxfRegU/MUmnTbJRzGrUQ==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
+
+  "@jest/source-map@30.0.1":
+    resolution:
+      {
+        integrity: sha512-MIRWMUUR3sdbP36oyNyhbThLHyJ2eEDClPCiHVbrYAe5g3CHRArIVpBw7cdSB5fr+ofSfIb2Tnsw8iEHL0PYQg==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
+
+  "@jest/test-result@30.0.5":
+    resolution:
+      {
+        integrity: sha512-wPyztnK0gbDMQAJZ43tdMro+qblDHH1Ru/ylzUo21TBKqt88ZqnKKK2m30LKmLLoKtR2lxdpCC/P3g1vfKcawQ==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
+
+  "@jest/test-sequencer@30.0.5":
+    resolution:
+      {
+        integrity: sha512-Aea/G1egWoIIozmDD7PBXUOxkekXl7ueGzrsGGi1SbeKgQqCYCIf+wfbflEbf2LiPxL8j2JZGLyrzZagjvW4YQ==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
+
+  "@jest/transform@30.0.5":
+    resolution:
+      {
+        integrity: sha512-Vk8amLQCmuZyy6GbBht1Jfo9RSdBtg7Lks+B0PecnjI8J+PCLQPGh7uI8Q/2wwpW2gLdiAfiHNsmekKlywULqg==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
+
+  "@jest/types@30.0.5":
+    resolution:
+      {
+        integrity: sha512-aREYa3aku9SSnea4aX6bhKn4bgv3AXkgijoQgbYV3yvbiGt6z+MQ85+6mIhx9DsKW2BuB/cLR/A+tcMThx+KLQ==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
+
+  "@jridgewell/gen-mapping@0.3.13":
+    resolution:
+      {
+        integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==,
+      }
+
+  "@jridgewell/remapping@2.3.5":
+    resolution:
+      {
+        integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==,
+      }
+
+  "@jridgewell/resolve-uri@3.1.2":
+    resolution:
+      {
+        integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==,
+      }
+    engines: { node: ">=6.0.0" }
+
+  "@jridgewell/sourcemap-codec@1.5.5":
+    resolution:
+      {
+        integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==,
+      }
+
+  "@jridgewell/trace-mapping@0.3.30":
+    resolution:
+      {
+        integrity: sha512-GQ7Nw5G2lTu/BtHTKfXhKHok2WGetd4XYcVKGx00SjAk8GMwgJM3zr6zORiPGuOE+/vkc90KtTosSSvaCjKb2Q==,
+      }
+
+  "@napi-rs/wasm-runtime@0.2.12":
+    resolution:
+      {
+        integrity: sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==,
+      }
+
+  "@next/env@15.5.0":
+    resolution:
+      {
+        integrity: sha512-sDaprBAfzCQiOgo2pO+LhnV0Wt2wBgartjrr+dpcTORYVnnXD0gwhHhiiyIih9hQbq+JnbqH4odgcFWhqCGidw==,
+      }
+
+  "@next/eslint-plugin-next@15.5.0":
+    resolution:
+      {
+        integrity: sha512-+k83U/fST66eQBjTltX2T9qUYd43ntAe+NZ5qeZVTQyTiFiHvTLtkpLKug4AnZAtuI/lwz5tl/4QDJymjVkybg==,
+      }
+
+  "@next/swc-darwin-arm64@15.5.0":
+    resolution:
+      {
+        integrity: sha512-v7Jj9iqC6enxIRBIScD/o0lH7QKvSxq2LM8UTyqJi+S2w2QzhMYjven4vgu/RzgsdtdbpkyCxBTzHl/gN5rTRg==,
+      }
+    engines: { node: ">= 10" }
     cpu: [arm64]
     os: [darwin]
 
-  '@next/swc-darwin-x64@15.5.0':
-    resolution: {integrity: sha512-s2Nk6ec+pmYmAb/utawuURy7uvyYKDk+TRE5aqLRsdnj3AhwC9IKUBmhfnLmY/+P+DnwqpeXEFIKe9tlG0p6CA==}
-    engines: {node: '>= 10'}
+  "@next/swc-darwin-x64@15.5.0":
+    resolution:
+      {
+        integrity: sha512-s2Nk6ec+pmYmAb/utawuURy7uvyYKDk+TRE5aqLRsdnj3AhwC9IKUBmhfnLmY/+P+DnwqpeXEFIKe9tlG0p6CA==,
+      }
+    engines: { node: ">= 10" }
     cpu: [x64]
     os: [darwin]
 
-  '@next/swc-linux-arm64-gnu@15.5.0':
-    resolution: {integrity: sha512-mGlPJMZReU4yP5fSHjOxiTYvZmwPSWn/eF/dcg21pwfmiUCKS1amFvf1F1RkLHPIMPfocxLViNWFvkvDB14Isg==}
-    engines: {node: '>= 10'}
+  "@next/swc-linux-arm64-gnu@15.5.0":
+    resolution:
+      {
+        integrity: sha512-mGlPJMZReU4yP5fSHjOxiTYvZmwPSWn/eF/dcg21pwfmiUCKS1amFvf1F1RkLHPIMPfocxLViNWFvkvDB14Isg==,
+      }
+    engines: { node: ">= 10" }
     cpu: [arm64]
     os: [linux]
 
-  '@next/swc-linux-arm64-musl@15.5.0':
-    resolution: {integrity: sha512-biWqIOE17OW/6S34t1X8K/3vb1+svp5ji5QQT/IKR+VfM3B7GvlCwmz5XtlEan2ukOUf9tj2vJJBffaGH4fGRw==}
-    engines: {node: '>= 10'}
+  "@next/swc-linux-arm64-musl@15.5.0":
+    resolution:
+      {
+        integrity: sha512-biWqIOE17OW/6S34t1X8K/3vb1+svp5ji5QQT/IKR+VfM3B7GvlCwmz5XtlEan2ukOUf9tj2vJJBffaGH4fGRw==,
+      }
+    engines: { node: ">= 10" }
     cpu: [arm64]
     os: [linux]
 
-  '@next/swc-linux-x64-gnu@15.5.0':
-    resolution: {integrity: sha512-zPisT+obYypM/l6EZ0yRkK3LEuoZqHaSoYKj+5jiD9ESHwdr6QhnabnNxYkdy34uCigNlWIaCbjFmQ8FY5AlxA==}
-    engines: {node: '>= 10'}
+  "@next/swc-linux-x64-gnu@15.5.0":
+    resolution:
+      {
+        integrity: sha512-zPisT+obYypM/l6EZ0yRkK3LEuoZqHaSoYKj+5jiD9ESHwdr6QhnabnNxYkdy34uCigNlWIaCbjFmQ8FY5AlxA==,
+      }
+    engines: { node: ">= 10" }
     cpu: [x64]
     os: [linux]
 
-  '@next/swc-linux-x64-musl@15.5.0':
-    resolution: {integrity: sha512-+t3+7GoU9IYmk+N+FHKBNFdahaReoAktdOpXHFIPOU1ixxtdge26NgQEEkJkCw2dHT9UwwK5zw4mAsURw4E8jA==}
-    engines: {node: '>= 10'}
+  "@next/swc-linux-x64-musl@15.5.0":
+    resolution:
+      {
+        integrity: sha512-+t3+7GoU9IYmk+N+FHKBNFdahaReoAktdOpXHFIPOU1ixxtdge26NgQEEkJkCw2dHT9UwwK5zw4mAsURw4E8jA==,
+      }
+    engines: { node: ">= 10" }
     cpu: [x64]
     os: [linux]
 
-  '@next/swc-win32-arm64-msvc@15.5.0':
-    resolution: {integrity: sha512-d8MrXKh0A+c9DLiy1BUFwtg3Hu90Lucj3k6iKTUdPOv42Ve2UiIG8HYi3UAb8kFVluXxEfdpCoPPCSODk5fDcw==}
-    engines: {node: '>= 10'}
+  "@next/swc-win32-arm64-msvc@15.5.0":
+    resolution:
+      {
+        integrity: sha512-d8MrXKh0A+c9DLiy1BUFwtg3Hu90Lucj3k6iKTUdPOv42Ve2UiIG8HYi3UAb8kFVluXxEfdpCoPPCSODk5fDcw==,
+      }
+    engines: { node: ">= 10" }
     cpu: [arm64]
     os: [win32]
 
-  '@next/swc-win32-x64-msvc@15.5.0':
-    resolution: {integrity: sha512-Fe1tGHxOWEyQjmygWkkXSwhFcTJuimrNu52JEuwItrKJVV4iRjbWp9I7zZjwqtiNnQmxoEvoisn8wueFLrNpvQ==}
-    engines: {node: '>= 10'}
+  "@next/swc-win32-x64-msvc@15.5.0":
+    resolution:
+      {
+        integrity: sha512-Fe1tGHxOWEyQjmygWkkXSwhFcTJuimrNu52JEuwItrKJVV4iRjbWp9I7zZjwqtiNnQmxoEvoisn8wueFLrNpvQ==,
+      }
+    engines: { node: ">= 10" }
     cpu: [x64]
     os: [win32]
 
-  '@nodelib/fs.scandir@2.1.5':
-    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
-    engines: {node: '>= 8'}
-
-  '@nodelib/fs.stat@2.0.5':
-    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
-    engines: {node: '>= 8'}
-
-  '@nodelib/fs.walk@1.2.8':
-    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
-    engines: {node: '>= 8'}
-
-  '@nolyfill/is-core-module@1.0.39':
-    resolution: {integrity: sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==}
-    engines: {node: '>=12.4.0'}
-
-  '@pkgjs/parseargs@0.11.0':
-    resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
-    engines: {node: '>=14'}
-
-  '@pkgr/core@0.2.9':
-    resolution: {integrity: sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==}
-    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
-
-  '@playwright/test@1.55.0':
-    resolution: {integrity: sha512-04IXzPwHrW69XusN/SIdDdKZBzMfOT9UNT/YiJit/xpy2VuAoB8NHc8Aplb96zsWDddLnbkPL3TsmrS04ZU2xQ==}
-    engines: {node: '>=18'}
+  "@nodelib/fs.scandir@2.1.5":
+    resolution:
+      {
+        integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==,
+      }
+    engines: { node: ">= 8" }
+
+  "@nodelib/fs.stat@2.0.5":
+    resolution:
+      {
+        integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==,
+      }
+    engines: { node: ">= 8" }
+
+  "@nodelib/fs.walk@1.2.8":
+    resolution:
+      {
+        integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==,
+      }
+    engines: { node: ">= 8" }
+
+  "@nolyfill/is-core-module@1.0.39":
+    resolution:
+      {
+        integrity: sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==,
+      }
+    engines: { node: ">=12.4.0" }
+
+  "@pkgjs/parseargs@0.11.0":
+    resolution:
+      {
+        integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==,
+      }
+    engines: { node: ">=14" }
+
+  "@pkgr/core@0.2.9":
+    resolution:
+      {
+        integrity: sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==,
+      }
+    engines: { node: ^12.20.0 || ^14.18.0 || >=16.0.0 }
+
+  "@playwright/test@1.55.0":
+    resolution:
+      {
+        integrity: sha512-04IXzPwHrW69XusN/SIdDdKZBzMfOT9UNT/YiJit/xpy2VuAoB8NHc8Aplb96zsWDddLnbkPL3TsmrS04ZU2xQ==,
+      }
+    engines: { node: ">=18" }
     hasBin: true
 
-  '@reduxjs/toolkit@2.8.2':
-    resolution: {integrity: sha512-MYlOhQ0sLdw4ud48FoC5w0dH9VfWQjtCjreKwYTT3l+r427qYC5Y8PihNutepr8XrNaBUDQo9khWUwQxZaqt5A==}
+  "@reduxjs/toolkit@2.8.2":
+    resolution:
+      {
+        integrity: sha512-MYlOhQ0sLdw4ud48FoC5w0dH9VfWQjtCjreKwYTT3l+r427qYC5Y8PihNutepr8XrNaBUDQo9khWUwQxZaqt5A==,
+      }
     peerDependencies:
       react: ^16.9.0 || ^17.0.0 || ^18 || ^19
       react-redux: ^7.2.1 || ^8.1.3 || ^9.0.0
@@ -740,800 +1134,1376 @@ packages:
       react-redux:
         optional: true
 
-  '@rtsao/scc@1.1.0':
-    resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
-
-  '@rushstack/eslint-patch@1.12.0':
-    resolution: {integrity: sha512-5EwMtOqvJMMa3HbmxLlF74e+3/HhwBTMcvt3nqVJgGCozO6hzIPOBlwm8mGVNR9SN2IJpxSnlxczyDjcn7qIyw==}
-
-  '@sinclair/typebox@0.34.40':
-    resolution: {integrity: sha512-gwBNIP8ZAYev/ORDWW0QvxdwPXwxBtLsdsJgSc7eDIRt8ubP+rxUBzPsrwnu16fgEF8Bx4lh/+mvQvJzcTM6Kw==}
-
-  '@sinonjs/commons@3.0.1':
-    resolution: {integrity: sha512-K3mCHKQ9sVh8o1C9cxkwxaOmXoAMlDxC1mYyHrjqOWEcBjYr76t96zL2zlj5dUGZ3HSw240X1qgH3Mjf1yJWpQ==}
-
-  '@sinonjs/fake-timers@13.0.5':
-    resolution: {integrity: sha512-36/hTbH2uaWuGVERyC6da9YwGWnzUZXuPro/F2LfsdOsLnCojz/iSH8MxUt/FD2S5XBSVPhmArFUXcpCQ2Hkiw==}
-
-  '@standard-schema/spec@1.0.0':
-    resolution: {integrity: sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA==}
-
-  '@standard-schema/utils@0.3.0':
-    resolution: {integrity: sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==}
-
-  '@supabase/auth-js@2.71.1':
-    resolution: {integrity: sha512-mMIQHBRc+SKpZFRB2qtupuzulaUhFYupNyxqDj5Jp/LyPvcWvjaJzZzObv6URtL/O6lPxkanASnotGtNpS3H2Q==}
-
-  '@supabase/functions-js@2.4.5':
-    resolution: {integrity: sha512-v5GSqb9zbosquTo6gBwIiq7W9eQ7rE5QazsK/ezNiQXdCbY+bH8D9qEaBIkhVvX4ZRW5rP03gEfw5yw9tiq4EQ==}
-
-  '@supabase/node-fetch@2.6.15':
-    resolution: {integrity: sha512-1ibVeYUacxWYi9i0cf5efil6adJ9WRyZBLivgjs+AUpewx1F3xPi7gLgaASI2SmIQxPoCEjAsLAzKPgMJVgOUQ==}
-    engines: {node: 4.x || >=6.0.0}
-
-  '@supabase/postgrest-js@1.21.3':
-    resolution: {integrity: sha512-rg3DmmZQKEVCreXq6Am29hMVe1CzemXyIWVYyyua69y6XubfP+DzGfLxME/1uvdgwqdoaPbtjBDpEBhqxq1ZwA==}
-
-  '@supabase/realtime-js@2.15.1':
-    resolution: {integrity: sha512-edRFa2IrQw50kNntvUyS38hsL7t2d/psah6om6aNTLLcWem0R6bOUq7sk7DsGeSlNfuwEwWn57FdYSva6VddYw==}
-
-  '@supabase/ssr@0.7.0':
-    resolution: {integrity: sha512-G65t5EhLSJ5c8hTCcXifSL9Q/ZRXvqgXeNo+d3P56f4U1IxwTqjB64UfmfixvmMcjuxnq2yGqEWVJqUcO+AzAg==}
+  "@rtsao/scc@1.1.0":
+    resolution:
+      {
+        integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==,
+      }
+
+  "@rushstack/eslint-patch@1.12.0":
+    resolution:
+      {
+        integrity: sha512-5EwMtOqvJMMa3HbmxLlF74e+3/HhwBTMcvt3nqVJgGCozO6hzIPOBlwm8mGVNR9SN2IJpxSnlxczyDjcn7qIyw==,
+      }
+
+  "@sinclair/typebox@0.34.40":
+    resolution:
+      {
+        integrity: sha512-gwBNIP8ZAYev/ORDWW0QvxdwPXwxBtLsdsJgSc7eDIRt8ubP+rxUBzPsrwnu16fgEF8Bx4lh/+mvQvJzcTM6Kw==,
+      }
+
+  "@sinonjs/commons@3.0.1":
+    resolution:
+      {
+        integrity: sha512-K3mCHKQ9sVh8o1C9cxkwxaOmXoAMlDxC1mYyHrjqOWEcBjYr76t96zL2zlj5dUGZ3HSw240X1qgH3Mjf1yJWpQ==,
+      }
+
+  "@sinonjs/fake-timers@13.0.5":
+    resolution:
+      {
+        integrity: sha512-36/hTbH2uaWuGVERyC6da9YwGWnzUZXuPro/F2LfsdOsLnCojz/iSH8MxUt/FD2S5XBSVPhmArFUXcpCQ2Hkiw==,
+      }
+
+  "@standard-schema/spec@1.0.0":
+    resolution:
+      {
+        integrity: sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA==,
+      }
+
+  "@standard-schema/utils@0.3.0":
+    resolution:
+      {
+        integrity: sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==,
+      }
+
+  "@supabase/auth-js@2.71.1":
+    resolution:
+      {
+        integrity: sha512-mMIQHBRc+SKpZFRB2qtupuzulaUhFYupNyxqDj5Jp/LyPvcWvjaJzZzObv6URtL/O6lPxkanASnotGtNpS3H2Q==,
+      }
+
+  "@supabase/functions-js@2.4.5":
+    resolution:
+      {
+        integrity: sha512-v5GSqb9zbosquTo6gBwIiq7W9eQ7rE5QazsK/ezNiQXdCbY+bH8D9qEaBIkhVvX4ZRW5rP03gEfw5yw9tiq4EQ==,
+      }
+
+  "@supabase/node-fetch@2.6.15":
+    resolution:
+      {
+        integrity: sha512-1ibVeYUacxWYi9i0cf5efil6adJ9WRyZBLivgjs+AUpewx1F3xPi7gLgaASI2SmIQxPoCEjAsLAzKPgMJVgOUQ==,
+      }
+    engines: { node: 4.x || >=6.0.0 }
+
+  "@supabase/postgrest-js@1.21.3":
+    resolution:
+      {
+        integrity: sha512-rg3DmmZQKEVCreXq6Am29hMVe1CzemXyIWVYyyua69y6XubfP+DzGfLxME/1uvdgwqdoaPbtjBDpEBhqxq1ZwA==,
+      }
+
+  "@supabase/realtime-js@2.15.1":
+    resolution:
+      {
+        integrity: sha512-edRFa2IrQw50kNntvUyS38hsL7t2d/psah6om6aNTLLcWem0R6bOUq7sk7DsGeSlNfuwEwWn57FdYSva6VddYw==,
+      }
+
+  "@supabase/ssr@0.7.0":
+    resolution:
+      {
+        integrity: sha512-G65t5EhLSJ5c8hTCcXifSL9Q/ZRXvqgXeNo+d3P56f4U1IxwTqjB64UfmfixvmMcjuxnq2yGqEWVJqUcO+AzAg==,
+      }
     peerDependencies:
-      '@supabase/supabase-js': ^2.43.4
-
-  '@supabase/storage-js@2.11.0':
-    resolution: {integrity: sha512-Y+kx/wDgd4oasAgoAq0bsbQojwQ+ejIif8uczZ9qufRHWFLMU5cODT+ApHsSrDufqUcVKt+eyxtOXSkeh2v9ww==}
-
-  '@supabase/supabase-js@2.56.0':
-    resolution: {integrity: sha512-XqwhHSyVnkjdliPN61CmXsmFGnFHTX2WDdwjG3Ukvdzuu3Trix+dXupYOQ3BueIyYp7B6t0yYpdQtJP2hIInyg==}
-
-  '@swc/helpers@0.5.15':
-    resolution: {integrity: sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==}
-
-  '@tailwindcss/node@4.1.12':
-    resolution: {integrity: sha512-3hm9brwvQkZFe++SBt+oLjo4OLDtkvlE8q2WalaD/7QWaeM7KEJbAiY/LJZUaCs7Xa8aUu4xy3uoyX4q54UVdQ==}
-
-  '@tailwindcss/oxide-android-arm64@4.1.12':
-    resolution: {integrity: sha512-oNY5pq+1gc4T6QVTsZKwZaGpBb2N1H1fsc1GD4o7yinFySqIuRZ2E4NvGasWc6PhYJwGK2+5YT1f9Tp80zUQZQ==}
-    engines: {node: '>= 10'}
+      "@supabase/supabase-js": ^2.43.4
+
+  "@supabase/storage-js@2.11.0":
+    resolution:
+      {
+        integrity: sha512-Y+kx/wDgd4oasAgoAq0bsbQojwQ+ejIif8uczZ9qufRHWFLMU5cODT+ApHsSrDufqUcVKt+eyxtOXSkeh2v9ww==,
+      }
+
+  "@supabase/supabase-js@2.56.0":
+    resolution:
+      {
+        integrity: sha512-XqwhHSyVnkjdliPN61CmXsmFGnFHTX2WDdwjG3Ukvdzuu3Trix+dXupYOQ3BueIyYp7B6t0yYpdQtJP2hIInyg==,
+      }
+
+  "@swc/helpers@0.5.15":
+    resolution:
+      {
+        integrity: sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==,
+      }
+
+  "@tailwindcss/node@4.1.12":
+    resolution:
+      {
+        integrity: sha512-3hm9brwvQkZFe++SBt+oLjo4OLDtkvlE8q2WalaD/7QWaeM7KEJbAiY/LJZUaCs7Xa8aUu4xy3uoyX4q54UVdQ==,
+      }
+
+  "@tailwindcss/oxide-android-arm64@4.1.12":
+    resolution:
+      {
+        integrity: sha512-oNY5pq+1gc4T6QVTsZKwZaGpBb2N1H1fsc1GD4o7yinFySqIuRZ2E4NvGasWc6PhYJwGK2+5YT1f9Tp80zUQZQ==,
+      }
+    engines: { node: ">= 10" }
     cpu: [arm64]
     os: [android]
 
-  '@tailwindcss/oxide-darwin-arm64@4.1.12':
-    resolution: {integrity: sha512-cq1qmq2HEtDV9HvZlTtrj671mCdGB93bVY6J29mwCyaMYCP/JaUBXxrQQQm7Qn33AXXASPUb2HFZlWiiHWFytw==}
-    engines: {node: '>= 10'}
+  "@tailwindcss/oxide-darwin-arm64@4.1.12":
+    resolution:
+      {
+        integrity: sha512-cq1qmq2HEtDV9HvZlTtrj671mCdGB93bVY6J29mwCyaMYCP/JaUBXxrQQQm7Qn33AXXASPUb2HFZlWiiHWFytw==,
+      }
+    engines: { node: ">= 10" }
     cpu: [arm64]
     os: [darwin]
 
-  '@tailwindcss/oxide-darwin-x64@4.1.12':
-    resolution: {integrity: sha512-6UCsIeFUcBfpangqlXay9Ffty9XhFH1QuUFn0WV83W8lGdX8cD5/+2ONLluALJD5+yJ7k8mVtwy3zMZmzEfbLg==}
-    engines: {node: '>= 10'}
+  "@tailwindcss/oxide-darwin-x64@4.1.12":
+    resolution:
+      {
+        integrity: sha512-6UCsIeFUcBfpangqlXay9Ffty9XhFH1QuUFn0WV83W8lGdX8cD5/+2ONLluALJD5+yJ7k8mVtwy3zMZmzEfbLg==,
+      }
+    engines: { node: ">= 10" }
     cpu: [x64]
     os: [darwin]
 
-  '@tailwindcss/oxide-freebsd-x64@4.1.12':
-    resolution: {integrity: sha512-JOH/f7j6+nYXIrHobRYCtoArJdMJh5zy5lr0FV0Qu47MID/vqJAY3r/OElPzx1C/wdT1uS7cPq+xdYYelny1ww==}
-    engines: {node: '>= 10'}
+  "@tailwindcss/oxide-freebsd-x64@4.1.12":
+    resolution:
+      {
+        integrity: sha512-JOH/f7j6+nYXIrHobRYCtoArJdMJh5zy5lr0FV0Qu47MID/vqJAY3r/OElPzx1C/wdT1uS7cPq+xdYYelny1ww==,
+      }
+    engines: { node: ">= 10" }
     cpu: [x64]
     os: [freebsd]
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.12':
-    resolution: {integrity: sha512-v4Ghvi9AU1SYgGr3/j38PD8PEe6bRfTnNSUE3YCMIRrrNigCFtHZ2TCm8142X8fcSqHBZBceDx+JlFJEfNg5zQ==}
-    engines: {node: '>= 10'}
+  "@tailwindcss/oxide-linux-arm-gnueabihf@4.1.12":
+    resolution:
+      {
+        integrity: sha512-v4Ghvi9AU1SYgGr3/j38PD8PEe6bRfTnNSUE3YCMIRrrNigCFtHZ2TCm8142X8fcSqHBZBceDx+JlFJEfNg5zQ==,
+      }
+    engines: { node: ">= 10" }
     cpu: [arm]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.1.12':
-    resolution: {integrity: sha512-YP5s1LmetL9UsvVAKusHSyPlzSRqYyRB0f+Kl/xcYQSPLEw/BvGfxzbH+ihUciePDjiXwHh+p+qbSP3SlJw+6g==}
-    engines: {node: '>= 10'}
+  "@tailwindcss/oxide-linux-arm64-gnu@4.1.12":
+    resolution:
+      {
+        integrity: sha512-YP5s1LmetL9UsvVAKusHSyPlzSRqYyRB0f+Kl/xcYQSPLEw/BvGfxzbH+ihUciePDjiXwHh+p+qbSP3SlJw+6g==,
+      }
+    engines: { node: ">= 10" }
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.1.12':
-    resolution: {integrity: sha512-V8pAM3s8gsrXcCv6kCHSuwyb/gPsd863iT+v1PGXC4fSL/OJqsKhfK//v8P+w9ThKIoqNbEnsZqNy+WDnwQqCA==}
-    engines: {node: '>= 10'}
+  "@tailwindcss/oxide-linux-arm64-musl@4.1.12":
+    resolution:
+      {
+        integrity: sha512-V8pAM3s8gsrXcCv6kCHSuwyb/gPsd863iT+v1PGXC4fSL/OJqsKhfK//v8P+w9ThKIoqNbEnsZqNy+WDnwQqCA==,
+      }
+    engines: { node: ">= 10" }
     cpu: [arm64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.1.12':
-    resolution: {integrity: sha512-xYfqYLjvm2UQ3TZggTGrwxjYaLB62b1Wiysw/YE3Yqbh86sOMoTn0feF98PonP7LtjsWOWcXEbGqDL7zv0uW8Q==}
-    engines: {node: '>= 10'}
+  "@tailwindcss/oxide-linux-x64-gnu@4.1.12":
+    resolution:
+      {
+        integrity: sha512-xYfqYLjvm2UQ3TZggTGrwxjYaLB62b1Wiysw/YE3Yqbh86sOMoTn0feF98PonP7LtjsWOWcXEbGqDL7zv0uW8Q==,
+      }
+    engines: { node: ">= 10" }
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-linux-x64-musl@4.1.12':
-    resolution: {integrity: sha512-ha0pHPamN+fWZY7GCzz5rKunlv9L5R8kdh+YNvP5awe3LtuXb5nRi/H27GeL2U+TdhDOptU7T6Is7mdwh5Ar3A==}
-    engines: {node: '>= 10'}
+  "@tailwindcss/oxide-linux-x64-musl@4.1.12":
+    resolution:
+      {
+        integrity: sha512-ha0pHPamN+fWZY7GCzz5rKunlv9L5R8kdh+YNvP5awe3LtuXb5nRi/H27GeL2U+TdhDOptU7T6Is7mdwh5Ar3A==,
+      }
+    engines: { node: ">= 10" }
     cpu: [x64]
     os: [linux]
 
-  '@tailwindcss/oxide-wasm32-wasi@4.1.12':
-    resolution: {integrity: sha512-4tSyu3dW+ktzdEpuk6g49KdEangu3eCYoqPhWNsZgUhyegEda3M9rG0/j1GV/JjVVsj+lG7jWAyrTlLzd/WEBg==}
-    engines: {node: '>=14.0.0'}
+  "@tailwindcss/oxide-wasm32-wasi@4.1.12":
+    resolution:
+      {
+        integrity: sha512-4tSyu3dW+ktzdEpuk6g49KdEangu3eCYoqPhWNsZgUhyegEda3M9rG0/j1GV/JjVVsj+lG7jWAyrTlLzd/WEBg==,
+      }
+    engines: { node: ">=14.0.0" }
     cpu: [wasm32]
     bundledDependencies:
-      - '@napi-rs/wasm-runtime'
-      - '@emnapi/core'
-      - '@emnapi/runtime'
-      - '@tybys/wasm-util'
-      - '@emnapi/wasi-threads'
+      - "@napi-rs/wasm-runtime"
+      - "@emnapi/core"
+      - "@emnapi/runtime"
+      - "@tybys/wasm-util"
+      - "@emnapi/wasi-threads"
       - tslib
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.1.12':
-    resolution: {integrity: sha512-iGLyD/cVP724+FGtMWslhcFyg4xyYyM+5F4hGvKA7eifPkXHRAUDFaimu53fpNg9X8dfP75pXx/zFt/jlNF+lg==}
-    engines: {node: '>= 10'}
+  "@tailwindcss/oxide-win32-arm64-msvc@4.1.12":
+    resolution:
+      {
+        integrity: sha512-iGLyD/cVP724+FGtMWslhcFyg4xyYyM+5F4hGvKA7eifPkXHRAUDFaimu53fpNg9X8dfP75pXx/zFt/jlNF+lg==,
+      }
+    engines: { node: ">= 10" }
     cpu: [arm64]
     os: [win32]
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.1.12':
-    resolution: {integrity: sha512-NKIh5rzw6CpEodv/++r0hGLlfgT/gFN+5WNdZtvh6wpU2BpGNgdjvj6H2oFc8nCM839QM1YOhjpgbAONUb4IxA==}
-    engines: {node: '>= 10'}
+  "@tailwindcss/oxide-win32-x64-msvc@4.1.12":
+    resolution:
+      {
+        integrity: sha512-NKIh5rzw6CpEodv/++r0hGLlfgT/gFN+5WNdZtvh6wpU2BpGNgdjvj6H2oFc8nCM839QM1YOhjpgbAONUb4IxA==,
+      }
+    engines: { node: ">= 10" }
     cpu: [x64]
     os: [win32]
 
-  '@tailwindcss/oxide@4.1.12':
-    resolution: {integrity: sha512-gM5EoKHW/ukmlEtphNwaGx45fGoEmP10v51t9unv55voWh6WrOL19hfuIdo2FjxIaZzw776/BUQg7Pck++cIVw==}
-    engines: {node: '>= 10'}
-
-  '@tailwindcss/postcss@4.1.12':
-    resolution: {integrity: sha512-5PpLYhCAwf9SJEeIsSmCDLgyVfdBhdBpzX1OJ87anT9IVR0Z9pjM0FNixCAUAHGnMBGB8K99SwAheXrT0Kh6QQ==}
-
-  '@tanstack/query-core@5.85.5':
-    resolution: {integrity: sha512-KO0WTob4JEApv69iYp1eGvfMSUkgw//IpMnq+//cORBzXf0smyRwPLrUvEe5qtAEGjwZTXrjxg+oJNP/C00t6w==}
-
-  '@tanstack/query-devtools@5.84.0':
-    resolution: {integrity: sha512-fbF3n+z1rqhvd9EoGp5knHkv3p5B2Zml1yNRjh7sNXklngYI5RVIWUrUjZ1RIcEoscarUb0+bOvIs5x9dwzOXQ==}
-
-  '@tanstack/react-query-devtools@5.85.5':
-    resolution: {integrity: sha512-6Ol6Q+LxrCZlQR4NoI5181r+ptTwnlPG2t7H9Sp3klxTBhYGunONqcgBn2YKRPsaKiYM8pItpKMdMXMEINntMQ==}
+  "@tailwindcss/oxide@4.1.12":
+    resolution:
+      {
+        integrity: sha512-gM5EoKHW/ukmlEtphNwaGx45fGoEmP10v51t9unv55voWh6WrOL19hfuIdo2FjxIaZzw776/BUQg7Pck++cIVw==,
+      }
+    engines: { node: ">= 10" }
+
+  "@tailwindcss/postcss@4.1.12":
+    resolution:
+      {
+        integrity: sha512-5PpLYhCAwf9SJEeIsSmCDLgyVfdBhdBpzX1OJ87anT9IVR0Z9pjM0FNixCAUAHGnMBGB8K99SwAheXrT0Kh6QQ==,
+      }
+
+  "@tanstack/query-core@5.85.5":
+    resolution:
+      {
+        integrity: sha512-KO0WTob4JEApv69iYp1eGvfMSUkgw//IpMnq+//cORBzXf0smyRwPLrUvEe5qtAEGjwZTXrjxg+oJNP/C00t6w==,
+      }
+
+  "@tanstack/query-devtools@5.84.0":
+    resolution:
+      {
+        integrity: sha512-fbF3n+z1rqhvd9EoGp5knHkv3p5B2Zml1yNRjh7sNXklngYI5RVIWUrUjZ1RIcEoscarUb0+bOvIs5x9dwzOXQ==,
+      }
+
+  "@tanstack/react-query-devtools@5.85.5":
+    resolution:
+      {
+        integrity: sha512-6Ol6Q+LxrCZlQR4NoI5181r+ptTwnlPG2t7H9Sp3klxTBhYGunONqcgBn2YKRPsaKiYM8pItpKMdMXMEINntMQ==,
+      }
     peerDependencies:
-      '@tanstack/react-query': ^5.85.5
+      "@tanstack/react-query": ^5.85.5
       react: ^18 || ^19
 
-  '@tanstack/react-query@5.85.5':
-    resolution: {integrity: sha512-/X4EFNcnPiSs8wM2v+b6DqS5mmGeuJQvxBglmDxl6ZQb5V26ouD2SJYAcC3VjbNwqhY2zjxVD15rDA5nGbMn3A==}
+  "@tanstack/react-query@5.85.5":
+    resolution:
+      {
+        integrity: sha512-/X4EFNcnPiSs8wM2v+b6DqS5mmGeuJQvxBglmDxl6ZQb5V26ouD2SJYAcC3VjbNwqhY2zjxVD15rDA5nGbMn3A==,
+      }
     peerDependencies:
       react: ^18 || ^19
 
-  '@testing-library/dom@10.4.1':
-    resolution: {integrity: sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==}
-    engines: {node: '>=18'}
-
-  '@testing-library/jest-dom@6.8.0':
-    resolution: {integrity: sha512-WgXcWzVM6idy5JaftTVC8Vs83NKRmGJz4Hqs4oyOuO2J4r/y79vvKZsb+CaGyCSEbUPI6OsewfPd0G1A0/TUZQ==}
-    engines: {node: '>=14', npm: '>=6', yarn: '>=1'}
-
-  '@testing-library/react@16.3.0':
-    resolution: {integrity: sha512-kFSyxiEDwv1WLl2fgsq6pPBbw5aWKrsY2/noi1Id0TK0UParSF62oFQFGHXIyaG4pp2tEub/Zlel+fjjZILDsw==}
-    engines: {node: '>=18'}
+  "@testing-library/dom@10.4.1":
+    resolution:
+      {
+        integrity: sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==,
+      }
+    engines: { node: ">=18" }
+
+  "@testing-library/jest-dom@6.8.0":
+    resolution:
+      {
+        integrity: sha512-WgXcWzVM6idy5JaftTVC8Vs83NKRmGJz4Hqs4oyOuO2J4r/y79vvKZsb+CaGyCSEbUPI6OsewfPd0G1A0/TUZQ==,
+      }
+    engines: { node: ">=14", npm: ">=6", yarn: ">=1" }
+
+  "@testing-library/react@16.3.0":
+    resolution:
+      {
+        integrity: sha512-kFSyxiEDwv1WLl2fgsq6pPBbw5aWKrsY2/noi1Id0TK0UParSF62oFQFGHXIyaG4pp2tEub/Zlel+fjjZILDsw==,
+      }
+    engines: { node: ">=18" }
     peerDependencies:
-      '@testing-library/dom': ^10.0.0
-      '@types/react': ^18.0.0 || ^19.0.0
-      '@types/react-dom': ^18.0.0 || ^19.0.0
+      "@testing-library/dom": ^10.0.0
+      "@types/react": ^18.0.0 || ^19.0.0
+      "@types/react-dom": ^18.0.0 || ^19.0.0
       react: ^18.0.0 || ^19.0.0
       react-dom: ^18.0.0 || ^19.0.0
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
-      '@types/react-dom':
+      "@types/react-dom":
         optional: true
 
-  '@testing-library/user-event@14.6.1':
-    resolution: {integrity: sha512-vq7fv0rnt+QTXgPxr5Hjc210p6YKq2kmdziLgnsZGgLJ9e6VAShx1pACLuRjd/AS/sr7phAR58OIIpf0LlmQNw==}
-    engines: {node: '>=12', npm: '>=6'}
+  "@testing-library/user-event@14.6.1":
+    resolution:
+      {
+        integrity: sha512-vq7fv0rnt+QTXgPxr5Hjc210p6YKq2kmdziLgnsZGgLJ9e6VAShx1pACLuRjd/AS/sr7phAR58OIIpf0LlmQNw==,
+      }
+    engines: { node: ">=12", npm: ">=6" }
     peerDependencies:
-      '@testing-library/dom': '>=7.21.4'
-
-  '@tybys/wasm-util@0.10.0':
-    resolution: {integrity: sha512-VyyPYFlOMNylG45GoAe0xDoLwWuowvf92F9kySqzYh8vmYm7D2u4iUJKa1tOUpS70Ku13ASrOkS4ScXFsTaCNQ==}
-
-  '@types/aria-query@5.0.4':
-    resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
-
-  '@types/babel__core@7.20.5':
-    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
-
-  '@types/babel__generator@7.27.0':
-    resolution: {integrity: sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==}
-
-  '@types/babel__template@7.4.4':
-    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==}
-
-  '@types/babel__traverse@7.28.0':
-    resolution: {integrity: sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==}
-
-  '@types/d3-array@3.2.1':
-    resolution: {integrity: sha512-Y2Jn2idRrLzUfAKV2LyRImR+y4oa2AntrgID95SHJxuMUrkNXmanDSed71sRNZysveJVt1hLLemQZIady0FpEg==}
-
-  '@types/d3-color@3.1.3':
-    resolution: {integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==}
-
-  '@types/d3-ease@3.0.2':
-    resolution: {integrity: sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==}
-
-  '@types/d3-interpolate@3.0.4':
-    resolution: {integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==}
-
-  '@types/d3-path@3.1.1':
-    resolution: {integrity: sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==}
-
-  '@types/d3-scale@4.0.9':
-    resolution: {integrity: sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==}
-
-  '@types/d3-shape@3.1.7':
-    resolution: {integrity: sha512-VLvUQ33C+3J+8p+Daf+nYSOsjB4GXp19/S/aGo60m9h1v6XaxjiT82lKVWJCfzhtuZ3yD7i/TPeC/fuKLLOSmg==}
-
-  '@types/d3-time@3.0.4':
-    resolution: {integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==}
-
-  '@types/d3-timer@3.0.2':
-    resolution: {integrity: sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==}
-
-  '@types/estree@1.0.8':
-    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
-
-  '@types/istanbul-lib-coverage@2.0.6':
-    resolution: {integrity: sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==}
-
-  '@types/istanbul-lib-report@3.0.3':
-    resolution: {integrity: sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==}
-
-  '@types/istanbul-reports@3.0.4':
-    resolution: {integrity: sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==}
-
-  '@types/jest@30.0.0':
-    resolution: {integrity: sha512-XTYugzhuwqWjws0CVz8QpM36+T+Dz5mTEBKhNs/esGLnCIlGdRy+Dq78NRjd7ls7r8BC8ZRMOrKlkO1hU0JOwA==}
-
-  '@types/jsdom@21.1.7':
-    resolution: {integrity: sha512-yOriVnggzrnQ3a9OKOCxaVuSug3w3/SbOj5i7VwXWZEyUNl3bLF9V3MfxGbZKuwqJOQyRfqXyROBB1CoZLFWzA==}
-
-  '@types/json-schema@7.0.15':
-    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
-
-  '@types/json5@0.0.29':
-    resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
-
-  '@types/node@20.19.11':
-    resolution: {integrity: sha512-uug3FEEGv0r+jrecvUUpbY8lLisvIjg6AAic6a2bSP5OEOLeJsDSnvhCDov7ipFFMXS3orMpzlmi0ZcuGkBbow==}
-
-  '@types/phoenix@1.6.6':
-    resolution: {integrity: sha512-PIzZZlEppgrpoT2QgbnDU+MMzuR6BbCjllj0bM70lWoejMeNJAxCchxnv7J3XFkI8MpygtRpzXrIlmWUBclP5A==}
-
-  '@types/react-dom@19.1.7':
-    resolution: {integrity: sha512-i5ZzwYpqjmrKenzkoLM2Ibzt6mAsM7pxB6BCIouEVVmgiqaMj1TjaK7hnA36hbW5aZv20kx7Lw6hWzPWg0Rurw==}
+      "@testing-library/dom": ">=7.21.4"
+
+  "@tybys/wasm-util@0.10.0":
+    resolution:
+      {
+        integrity: sha512-VyyPYFlOMNylG45GoAe0xDoLwWuowvf92F9kySqzYh8vmYm7D2u4iUJKa1tOUpS70Ku13ASrOkS4ScXFsTaCNQ==,
+      }
+
+  "@types/aria-query@5.0.4":
+    resolution:
+      {
+        integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==,
+      }
+
+  "@types/babel__core@7.20.5":
+    resolution:
+      {
+        integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==,
+      }
+
+  "@types/babel__generator@7.27.0":
+    resolution:
+      {
+        integrity: sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==,
+      }
+
+  "@types/babel__template@7.4.4":
+    resolution:
+      {
+        integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==,
+      }
+
+  "@types/babel__traverse@7.28.0":
+    resolution:
+      {
+        integrity: sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==,
+      }
+
+  "@types/d3-array@3.2.1":
+    resolution:
+      {
+        integrity: sha512-Y2Jn2idRrLzUfAKV2LyRImR+y4oa2AntrgID95SHJxuMUrkNXmanDSed71sRNZysveJVt1hLLemQZIady0FpEg==,
+      }
+
+  "@types/d3-color@3.1.3":
+    resolution:
+      {
+        integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==,
+      }
+
+  "@types/d3-ease@3.0.2":
+    resolution:
+      {
+        integrity: sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==,
+      }
+
+  "@types/d3-interpolate@3.0.4":
+    resolution:
+      {
+        integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==,
+      }
+
+  "@types/d3-path@3.1.1":
+    resolution:
+      {
+        integrity: sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==,
+      }
+
+  "@types/d3-scale@4.0.9":
+    resolution:
+      {
+        integrity: sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==,
+      }
+
+  "@types/d3-shape@3.1.7":
+    resolution:
+      {
+        integrity: sha512-VLvUQ33C+3J+8p+Daf+nYSOsjB4GXp19/S/aGo60m9h1v6XaxjiT82lKVWJCfzhtuZ3yD7i/TPeC/fuKLLOSmg==,
+      }
+
+  "@types/d3-time@3.0.4":
+    resolution:
+      {
+        integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==,
+      }
+
+  "@types/d3-timer@3.0.2":
+    resolution:
+      {
+        integrity: sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==,
+      }
+
+  "@types/estree@1.0.8":
+    resolution:
+      {
+        integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==,
+      }
+
+  "@types/istanbul-lib-coverage@2.0.6":
+    resolution:
+      {
+        integrity: sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==,
+      }
+
+  "@types/istanbul-lib-report@3.0.3":
+    resolution:
+      {
+        integrity: sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==,
+      }
+
+  "@types/istanbul-reports@3.0.4":
+    resolution:
+      {
+        integrity: sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==,
+      }
+
+  "@types/jest@30.0.0":
+    resolution:
+      {
+        integrity: sha512-XTYugzhuwqWjws0CVz8QpM36+T+Dz5mTEBKhNs/esGLnCIlGdRy+Dq78NRjd7ls7r8BC8ZRMOrKlkO1hU0JOwA==,
+      }
+
+  "@types/jsdom@21.1.7":
+    resolution:
+      {
+        integrity: sha512-yOriVnggzrnQ3a9OKOCxaVuSug3w3/SbOj5i7VwXWZEyUNl3bLF9V3MfxGbZKuwqJOQyRfqXyROBB1CoZLFWzA==,
+      }
+
+  "@types/json-schema@7.0.15":
+    resolution:
+      {
+        integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==,
+      }
+
+  "@types/json5@0.0.29":
+    resolution:
+      {
+        integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==,
+      }
+
+  "@types/node@20.19.11":
+    resolution:
+      {
+        integrity: sha512-uug3FEEGv0r+jrecvUUpbY8lLisvIjg6AAic6a2bSP5OEOLeJsDSnvhCDov7ipFFMXS3orMpzlmi0ZcuGkBbow==,
+      }
+
+  "@types/phoenix@1.6.6":
+    resolution:
+      {
+        integrity: sha512-PIzZZlEppgrpoT2QgbnDU+MMzuR6BbCjllj0bM70lWoejMeNJAxCchxnv7J3XFkI8MpygtRpzXrIlmWUBclP5A==,
+      }
+
+  "@types/react-dom@19.1.7":
+    resolution:
+      {
+        integrity: sha512-i5ZzwYpqjmrKenzkoLM2Ibzt6mAsM7pxB6BCIouEVVmgiqaMj1TjaK7hnA36hbW5aZv20kx7Lw6hWzPWg0Rurw==,
+      }
     peerDependencies:
-      '@types/react': ^19.0.0
-
-  '@types/react@19.1.10':
-    resolution: {integrity: sha512-EhBeSYX0Y6ye8pNebpKrwFJq7BoQ8J5SO6NlvNwwHjSj6adXJViPQrKlsyPw7hLBLvckEMO1yxeGdR82YBBlDg==}
-
-  '@types/stack-utils@2.0.3':
-    resolution: {integrity: sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==}
-
-  '@types/tough-cookie@4.0.5':
-    resolution: {integrity: sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==}
-
-  '@types/use-sync-external-store@0.0.6':
-    resolution: {integrity: sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==}
-
-  '@types/ws@8.18.1':
-    resolution: {integrity: sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==}
-
-  '@types/yargs-parser@21.0.3':
-    resolution: {integrity: sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==}
-
-  '@types/yargs@17.0.33':
-    resolution: {integrity: sha512-WpxBCKWPLr4xSsHgz511rFJAM+wS28w2zEO1QDNY5zM/S8ok70NNfztH0xwhqKyaK0OHCbN98LDAZuy1ctxDkA==}
-
-  '@typescript-eslint/eslint-plugin@8.40.0':
-    resolution: {integrity: sha512-w/EboPlBwnmOBtRbiOvzjD+wdiZdgFeo17lkltrtn7X37vagKKWJABvyfsJXTlHe6XBzugmYgd4A4nW+k8Mixw==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+      "@types/react": ^19.0.0
+
+  "@types/react@19.1.10":
+    resolution:
+      {
+        integrity: sha512-EhBeSYX0Y6ye8pNebpKrwFJq7BoQ8J5SO6NlvNwwHjSj6adXJViPQrKlsyPw7hLBLvckEMO1yxeGdR82YBBlDg==,
+      }
+
+  "@types/stack-utils@2.0.3":
+    resolution:
+      {
+        integrity: sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==,
+      }
+
+  "@types/tough-cookie@4.0.5":
+    resolution:
+      {
+        integrity: sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==,
+      }
+
+  "@types/use-sync-external-store@0.0.6":
+    resolution:
+      {
+        integrity: sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==,
+      }
+
+  "@types/ws@8.18.1":
+    resolution:
+      {
+        integrity: sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==,
+      }
+
+  "@types/yargs-parser@21.0.3":
+    resolution:
+      {
+        integrity: sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==,
+      }
+
+  "@types/yargs@17.0.33":
+    resolution:
+      {
+        integrity: sha512-WpxBCKWPLr4xSsHgz511rFJAM+wS28w2zEO1QDNY5zM/S8ok70NNfztH0xwhqKyaK0OHCbN98LDAZuy1ctxDkA==,
+      }
+
+  "@typescript-eslint/eslint-plugin@8.40.0":
+    resolution:
+      {
+        integrity: sha512-w/EboPlBwnmOBtRbiOvzjD+wdiZdgFeo17lkltrtn7X37vagKKWJABvyfsJXTlHe6XBzugmYgd4A4nW+k8Mixw==,
+      }
+    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
     peerDependencies:
-      '@typescript-eslint/parser': ^8.40.0
+      "@typescript-eslint/parser": ^8.40.0
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/parser@8.40.0':
-    resolution: {integrity: sha512-jCNyAuXx8dr5KJMkecGmZ8KI61KBUhkCob+SD+C+I5+Y1FWI2Y3QmY4/cxMCC5WAsZqoEtEETVhUiUMIGCf6Bw==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+      typescript: ">=4.8.4 <6.0.0"
+
+  "@typescript-eslint/parser@8.40.0":
+    resolution:
+      {
+        integrity: sha512-jCNyAuXx8dr5KJMkecGmZ8KI61KBUhkCob+SD+C+I5+Y1FWI2Y3QmY4/cxMCC5WAsZqoEtEETVhUiUMIGCf6Bw==,
+      }
+    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/project-service@8.40.0':
-    resolution: {integrity: sha512-/A89vz7Wf5DEXsGVvcGdYKbVM9F7DyFXj52lNYUDS1L9yJfqjW/fIp5PgMuEJL/KeqVTe2QSbXAGUZljDUpArw==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+      typescript: ">=4.8.4 <6.0.0"
+
+  "@typescript-eslint/project-service@8.40.0":
+    resolution:
+      {
+        integrity: sha512-/A89vz7Wf5DEXsGVvcGdYKbVM9F7DyFXj52lNYUDS1L9yJfqjW/fIp5PgMuEJL/KeqVTe2QSbXAGUZljDUpArw==,
+      }
+    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
     peerDependencies:
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/scope-manager@8.40.0':
-    resolution: {integrity: sha512-y9ObStCcdCiZKzwqsE8CcpyuVMwRouJbbSrNuThDpv16dFAj429IkM6LNb1dZ2m7hK5fHyzNcErZf7CEeKXR4w==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@typescript-eslint/tsconfig-utils@8.40.0':
-    resolution: {integrity: sha512-jtMytmUaG9d/9kqSl/W3E3xaWESo4hFDxAIHGVW/WKKtQhesnRIJSAJO6XckluuJ6KDB5woD1EiqknriCtAmcw==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+      typescript: ">=4.8.4 <6.0.0"
+
+  "@typescript-eslint/scope-manager@8.40.0":
+    resolution:
+      {
+        integrity: sha512-y9ObStCcdCiZKzwqsE8CcpyuVMwRouJbbSrNuThDpv16dFAj429IkM6LNb1dZ2m7hK5fHyzNcErZf7CEeKXR4w==,
+      }
+    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+
+  "@typescript-eslint/tsconfig-utils@8.40.0":
+    resolution:
+      {
+        integrity: sha512-jtMytmUaG9d/9kqSl/W3E3xaWESo4hFDxAIHGVW/WKKtQhesnRIJSAJO6XckluuJ6KDB5woD1EiqknriCtAmcw==,
+      }
+    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
     peerDependencies:
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/type-utils@8.40.0':
-    resolution: {integrity: sha512-eE60cK4KzAc6ZrzlJnflXdrMqOBaugeukWICO2rB0KNvwdIMaEaYiywwHMzA1qFpTxrLhN9Lp4E/00EgWcD3Ow==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+      typescript: ">=4.8.4 <6.0.0"
+
+  "@typescript-eslint/type-utils@8.40.0":
+    resolution:
+      {
+        integrity: sha512-eE60cK4KzAc6ZrzlJnflXdrMqOBaugeukWICO2rB0KNvwdIMaEaYiywwHMzA1qFpTxrLhN9Lp4E/00EgWcD3Ow==,
+      }
+    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/types@8.40.0':
-    resolution: {integrity: sha512-ETdbFlgbAmXHyFPwqUIYrfc12ArvpBhEVgGAxVYSwli26dn8Ko+lIo4Su9vI9ykTZdJn+vJprs/0eZU0YMAEQg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@typescript-eslint/typescript-estree@8.40.0':
-    resolution: {integrity: sha512-k1z9+GJReVVOkc1WfVKs1vBrR5MIKKbdAjDTPvIK3L8De6KbFfPFt6BKpdkdk7rZS2GtC/m6yI5MYX+UsuvVYQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+      typescript: ">=4.8.4 <6.0.0"
+
+  "@typescript-eslint/types@8.40.0":
+    resolution:
+      {
+        integrity: sha512-ETdbFlgbAmXHyFPwqUIYrfc12ArvpBhEVgGAxVYSwli26dn8Ko+lIo4Su9vI9ykTZdJn+vJprs/0eZU0YMAEQg==,
+      }
+    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+
+  "@typescript-eslint/typescript-estree@8.40.0":
+    resolution:
+      {
+        integrity: sha512-k1z9+GJReVVOkc1WfVKs1vBrR5MIKKbdAjDTPvIK3L8De6KbFfPFt6BKpdkdk7rZS2GtC/m6yI5MYX+UsuvVYQ==,
+      }
+    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
     peerDependencies:
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/utils@8.40.0':
-    resolution: {integrity: sha512-Cgzi2MXSZyAUOY+BFwGs17s7ad/7L+gKt6Y8rAVVWS+7o6wrjeFN4nVfTpbE25MNcxyJ+iYUXflbs2xR9h4UBg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+      typescript: ">=4.8.4 <6.0.0"
+
+  "@typescript-eslint/utils@8.40.0":
+    resolution:
+      {
+        integrity: sha512-Cgzi2MXSZyAUOY+BFwGs17s7ad/7L+gKt6Y8rAVVWS+7o6wrjeFN4nVfTpbE25MNcxyJ+iYUXflbs2xR9h4UBg==,
+      }
+    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <6.0.0'
-
-  '@typescript-eslint/visitor-keys@8.40.0':
-    resolution: {integrity: sha512-8CZ47QwalyRjsypfwnbI3hKy5gJDPmrkLjkgMxhi0+DZZ2QNx2naS6/hWoVYUHU7LU2zleF68V9miaVZvhFfTA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
-  '@ungap/structured-clone@1.3.0':
-    resolution: {integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==}
-
-  '@unrs/resolver-binding-android-arm-eabi@1.11.1':
-    resolution: {integrity: sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==}
+      typescript: ">=4.8.4 <6.0.0"
+
+  "@typescript-eslint/visitor-keys@8.40.0":
+    resolution:
+      {
+        integrity: sha512-8CZ47QwalyRjsypfwnbI3hKy5gJDPmrkLjkgMxhi0+DZZ2QNx2naS6/hWoVYUHU7LU2zleF68V9miaVZvhFfTA==,
+      }
+    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
+
+  "@ungap/structured-clone@1.3.0":
+    resolution:
+      {
+        integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==,
+      }
+
+  "@unrs/resolver-binding-android-arm-eabi@1.11.1":
+    resolution:
+      {
+        integrity: sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==,
+      }
     cpu: [arm]
     os: [android]
 
-  '@unrs/resolver-binding-android-arm64@1.11.1':
-    resolution: {integrity: sha512-lCxkVtb4wp1v+EoN+HjIG9cIIzPkX5OtM03pQYkG+U5O/wL53LC4QbIeazgiKqluGeVEeBlZahHalCaBvU1a2g==}
+  "@unrs/resolver-binding-android-arm64@1.11.1":
+    resolution:
+      {
+        integrity: sha512-lCxkVtb4wp1v+EoN+HjIG9cIIzPkX5OtM03pQYkG+U5O/wL53LC4QbIeazgiKqluGeVEeBlZahHalCaBvU1a2g==,
+      }
     cpu: [arm64]
     os: [android]
 
-  '@unrs/resolver-binding-darwin-arm64@1.11.1':
-    resolution: {integrity: sha512-gPVA1UjRu1Y/IsB/dQEsp2V1pm44Of6+LWvbLc9SDk1c2KhhDRDBUkQCYVWe6f26uJb3fOK8saWMgtX8IrMk3g==}
+  "@unrs/resolver-binding-darwin-arm64@1.11.1":
+    resolution:
+      {
+        integrity: sha512-gPVA1UjRu1Y/IsB/dQEsp2V1pm44Of6+LWvbLc9SDk1c2KhhDRDBUkQCYVWe6f26uJb3fOK8saWMgtX8IrMk3g==,
+      }
     cpu: [arm64]
     os: [darwin]
 
-  '@unrs/resolver-binding-darwin-x64@1.11.1':
-    resolution: {integrity: sha512-cFzP7rWKd3lZaCsDze07QX1SC24lO8mPty9vdP+YVa3MGdVgPmFc59317b2ioXtgCMKGiCLxJ4HQs62oz6GfRQ==}
+  "@unrs/resolver-binding-darwin-x64@1.11.1":
+    resolution:
+      {
+        integrity: sha512-cFzP7rWKd3lZaCsDze07QX1SC24lO8mPty9vdP+YVa3MGdVgPmFc59317b2ioXtgCMKGiCLxJ4HQs62oz6GfRQ==,
+      }
     cpu: [x64]
     os: [darwin]
 
-  '@unrs/resolver-binding-freebsd-x64@1.11.1':
-    resolution: {integrity: sha512-fqtGgak3zX4DCB6PFpsH5+Kmt/8CIi4Bry4rb1ho6Av2QHTREM+47y282Uqiu3ZRF5IQioJQ5qWRV6jduA+iGw==}
+  "@unrs/resolver-binding-freebsd-x64@1.11.1":
+    resolution:
+      {
+        integrity: sha512-fqtGgak3zX4DCB6PFpsH5+Kmt/8CIi4Bry4rb1ho6Av2QHTREM+47y282Uqiu3ZRF5IQioJQ5qWRV6jduA+iGw==,
+      }
     cpu: [x64]
     os: [freebsd]
 
-  '@unrs/resolver-binding-linux-arm-gnueabihf@1.11.1':
-    resolution: {integrity: sha512-u92mvlcYtp9MRKmP+ZvMmtPN34+/3lMHlyMj7wXJDeXxuM0Vgzz0+PPJNsro1m3IZPYChIkn944wW8TYgGKFHw==}
+  "@unrs/resolver-binding-linux-arm-gnueabihf@1.11.1":
+    resolution:
+      {
+        integrity: sha512-u92mvlcYtp9MRKmP+ZvMmtPN34+/3lMHlyMj7wXJDeXxuM0Vgzz0+PPJNsro1m3IZPYChIkn944wW8TYgGKFHw==,
+      }
     cpu: [arm]
     os: [linux]
 
-  '@unrs/resolver-binding-linux-arm-musleabihf@1.11.1':
-    resolution: {integrity: sha512-cINaoY2z7LVCrfHkIcmvj7osTOtm6VVT16b5oQdS4beibX2SYBwgYLmqhBjA1t51CarSaBuX5YNsWLjsqfW5Cw==}
+  "@unrs/resolver-binding-linux-arm-musleabihf@1.11.1":
+    resolution:
+      {
+        integrity: sha512-cINaoY2z7LVCrfHkIcmvj7osTOtm6VVT16b5oQdS4beibX2SYBwgYLmqhBjA1t51CarSaBuX5YNsWLjsqfW5Cw==,
+      }
     cpu: [arm]
     os: [linux]
 
-  '@unrs/resolver-binding-linux-arm64-gnu@1.11.1':
-    resolution: {integrity: sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ==}
+  "@unrs/resolver-binding-linux-arm64-gnu@1.11.1":
+    resolution:
+      {
+        integrity: sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ==,
+      }
     cpu: [arm64]
     os: [linux]
 
-  '@unrs/resolver-binding-linux-arm64-musl@1.11.1':
-    resolution: {integrity: sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w==}
+  "@unrs/resolver-binding-linux-arm64-musl@1.11.1":
+    resolution:
+      {
+        integrity: sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w==,
+      }
     cpu: [arm64]
     os: [linux]
 
-  '@unrs/resolver-binding-linux-ppc64-gnu@1.11.1':
-    resolution: {integrity: sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA==}
+  "@unrs/resolver-binding-linux-ppc64-gnu@1.11.1":
+    resolution:
+      {
+        integrity: sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA==,
+      }
     cpu: [ppc64]
     os: [linux]
 
-  '@unrs/resolver-binding-linux-riscv64-gnu@1.11.1':
-    resolution: {integrity: sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ==}
+  "@unrs/resolver-binding-linux-riscv64-gnu@1.11.1":
+    resolution:
+      {
+        integrity: sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ==,
+      }
     cpu: [riscv64]
     os: [linux]
 
-  '@unrs/resolver-binding-linux-riscv64-musl@1.11.1':
-    resolution: {integrity: sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew==}
+  "@unrs/resolver-binding-linux-riscv64-musl@1.11.1":
+    resolution:
+      {
+        integrity: sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew==,
+      }
     cpu: [riscv64]
     os: [linux]
 
-  '@unrs/resolver-binding-linux-s390x-gnu@1.11.1':
-    resolution: {integrity: sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg==}
+  "@unrs/resolver-binding-linux-s390x-gnu@1.11.1":
+    resolution:
+      {
+        integrity: sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg==,
+      }
     cpu: [s390x]
     os: [linux]
 
-  '@unrs/resolver-binding-linux-x64-gnu@1.11.1':
-    resolution: {integrity: sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w==}
+  "@unrs/resolver-binding-linux-x64-gnu@1.11.1":
+    resolution:
+      {
+        integrity: sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w==,
+      }
     cpu: [x64]
     os: [linux]
 
-  '@unrs/resolver-binding-linux-x64-musl@1.11.1':
-    resolution: {integrity: sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA==}
+  "@unrs/resolver-binding-linux-x64-musl@1.11.1":
+    resolution:
+      {
+        integrity: sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA==,
+      }
     cpu: [x64]
     os: [linux]
 
-  '@unrs/resolver-binding-wasm32-wasi@1.11.1':
-    resolution: {integrity: sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ==}
-    engines: {node: '>=14.0.0'}
+  "@unrs/resolver-binding-wasm32-wasi@1.11.1":
+    resolution:
+      {
+        integrity: sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ==,
+      }
+    engines: { node: ">=14.0.0" }
     cpu: [wasm32]
 
-  '@unrs/resolver-binding-win32-arm64-msvc@1.11.1':
-    resolution: {integrity: sha512-nRcz5Il4ln0kMhfL8S3hLkxI85BXs3o8EYoattsJNdsX4YUU89iOkVn7g0VHSRxFuVMdM4Q1jEpIId1Ihim/Uw==}
+  "@unrs/resolver-binding-win32-arm64-msvc@1.11.1":
+    resolution:
+      {
+        integrity: sha512-nRcz5Il4ln0kMhfL8S3hLkxI85BXs3o8EYoattsJNdsX4YUU89iOkVn7g0VHSRxFuVMdM4Q1jEpIId1Ihim/Uw==,
+      }
     cpu: [arm64]
     os: [win32]
 
-  '@unrs/resolver-binding-win32-ia32-msvc@1.11.1':
-    resolution: {integrity: sha512-DCEI6t5i1NmAZp6pFonpD5m7i6aFrpofcp4LA2i8IIq60Jyo28hamKBxNrZcyOwVOZkgsRp9O2sXWBWP8MnvIQ==}
+  "@unrs/resolver-binding-win32-ia32-msvc@1.11.1":
+    resolution:
+      {
+        integrity: sha512-DCEI6t5i1NmAZp6pFonpD5m7i6aFrpofcp4LA2i8IIq60Jyo28hamKBxNrZcyOwVOZkgsRp9O2sXWBWP8MnvIQ==,
+      }
     cpu: [ia32]
     os: [win32]
 
-  '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
-    resolution: {integrity: sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==}
+  "@unrs/resolver-binding-win32-x64-msvc@1.11.1":
+    resolution:
+      {
+        integrity: sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==,
+      }
     cpu: [x64]
     os: [win32]
 
   acorn-jsx@5.3.2:
-    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    resolution:
+      {
+        integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==,
+      }
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
 
   acorn@8.15.0:
-    resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
-    engines: {node: '>=0.4.0'}
+    resolution:
+      {
+        integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==,
+      }
+    engines: { node: ">=0.4.0" }
     hasBin: true
 
   agent-base@7.1.4:
-    resolution: {integrity: sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==}
-    engines: {node: '>= 14'}
+    resolution:
+      {
+        integrity: sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==,
+      }
+    engines: { node: ">= 14" }
 
   ajv@6.12.6:
-    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+    resolution:
+      {
+        integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==,
+      }
 
   ansi-escapes@4.3.2:
-    resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==,
+      }
+    engines: { node: ">=8" }
 
   ansi-regex@5.0.1:
-    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==,
+      }
+    engines: { node: ">=8" }
 
   ansi-regex@6.2.0:
-    resolution: {integrity: sha512-TKY5pyBkHyADOPYlRT9Lx6F544mPl0vS5Ew7BJ45hA08Q+t3GjbueLliBWN3sMICk6+y7HdyxSzC4bWS8baBdg==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-TKY5pyBkHyADOPYlRT9Lx6F544mPl0vS5Ew7BJ45hA08Q+t3GjbueLliBWN3sMICk6+y7HdyxSzC4bWS8baBdg==,
+      }
+    engines: { node: ">=12" }
 
   ansi-styles@4.3.0:
-    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==,
+      }
+    engines: { node: ">=8" }
 
   ansi-styles@5.2.0:
-    resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==,
+      }
+    engines: { node: ">=10" }
 
   ansi-styles@6.2.1:
-    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==,
+      }
+    engines: { node: ">=12" }
 
   anymatch@3.1.3:
-    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
-    engines: {node: '>= 8'}
+    resolution:
+      {
+        integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==,
+      }
+    engines: { node: ">= 8" }
 
   argparse@1.0.10:
-    resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
+    resolution:
+      {
+        integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==,
+      }
 
   argparse@2.0.1:
-    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+    resolution:
+      {
+        integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==,
+      }
 
   aria-query@5.3.0:
-    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
+    resolution:
+      {
+        integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==,
+      }
 
   aria-query@5.3.2:
-    resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==,
+      }
+    engines: { node: ">= 0.4" }
 
   array-buffer-byte-length@1.0.2:
-    resolution: {integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==,
+      }
+    engines: { node: ">= 0.4" }
 
   array-includes@3.1.9:
-    resolution: {integrity: sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   array.prototype.findlast@1.2.5:
-    resolution: {integrity: sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   array.prototype.findlastindex@1.2.6:
-    resolution: {integrity: sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   array.prototype.flat@1.3.3:
-    resolution: {integrity: sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==,
+      }
+    engines: { node: ">= 0.4" }
 
   array.prototype.flatmap@1.3.3:
-    resolution: {integrity: sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==,
+      }
+    engines: { node: ">= 0.4" }
 
   array.prototype.tosorted@1.1.4:
-    resolution: {integrity: sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==,
+      }
+    engines: { node: ">= 0.4" }
 
   arraybuffer.prototype.slice@1.0.4:
-    resolution: {integrity: sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   ast-types-flow@0.0.8:
-    resolution: {integrity: sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==}
+    resolution:
+      {
+        integrity: sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==,
+      }
 
   async-function@1.0.0:
-    resolution: {integrity: sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==,
+      }
+    engines: { node: ">= 0.4" }
 
   available-typed-arrays@1.0.7:
-    resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   axe-core@4.10.3:
-    resolution: {integrity: sha512-Xm7bpRXnDSX2YE2YFfBk2FnF0ep6tmG7xPh8iHee8MIcrgq762Nkce856dYtJYLkuIoYZvGfTs/PbZhideTcEg==}
-    engines: {node: '>=4'}
+    resolution:
+      {
+        integrity: sha512-Xm7bpRXnDSX2YE2YFfBk2FnF0ep6tmG7xPh8iHee8MIcrgq762Nkce856dYtJYLkuIoYZvGfTs/PbZhideTcEg==,
+      }
+    engines: { node: ">=4" }
 
   axobject-query@4.1.0:
-    resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   babel-jest@30.0.5:
-    resolution: {integrity: sha512-mRijnKimhGDMsizTvBTWotwNpzrkHr+VvZUQBof2AufXKB8NXrL1W69TG20EvOz7aevx6FTJIaBuBkYxS8zolg==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-mRijnKimhGDMsizTvBTWotwNpzrkHr+VvZUQBof2AufXKB8NXrL1W69TG20EvOz7aevx6FTJIaBuBkYxS8zolg==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
     peerDependencies:
-      '@babel/core': ^7.11.0
+      "@babel/core": ^7.11.0
 
   babel-plugin-istanbul@7.0.0:
-    resolution: {integrity: sha512-C5OzENSx/A+gt7t4VH1I2XsflxyPUmXRFPKBxt33xncdOmq7oROVM3bZv9Ysjjkv8OJYDMa+tKuKMvqU/H3xdw==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-C5OzENSx/A+gt7t4VH1I2XsflxyPUmXRFPKBxt33xncdOmq7oROVM3bZv9Ysjjkv8OJYDMa+tKuKMvqU/H3xdw==,
+      }
+    engines: { node: ">=12" }
 
   babel-plugin-jest-hoist@30.0.1:
-    resolution: {integrity: sha512-zTPME3pI50NsFW8ZBaVIOeAxzEY7XHlmWeXXu9srI+9kNfzCUTy8MFan46xOGZY8NZThMqq+e3qZUKsvXbasnQ==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-zTPME3pI50NsFW8ZBaVIOeAxzEY7XHlmWeXXu9srI+9kNfzCUTy8MFan46xOGZY8NZThMqq+e3qZUKsvXbasnQ==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
 
   babel-preset-current-node-syntax@1.2.0:
-    resolution: {integrity: sha512-E/VlAEzRrsLEb2+dv8yp3bo4scof3l9nR4lrld+Iy5NyVqgVYUJnDAmunkhPMisRI32Qc4iRiz425d8vM++2fg==}
+    resolution:
+      {
+        integrity: sha512-E/VlAEzRrsLEb2+dv8yp3bo4scof3l9nR4lrld+Iy5NyVqgVYUJnDAmunkhPMisRI32Qc4iRiz425d8vM++2fg==,
+      }
     peerDependencies:
-      '@babel/core': ^7.0.0 || ^8.0.0-0
+      "@babel/core": ^7.0.0 || ^8.0.0-0
 
   babel-preset-jest@30.0.1:
-    resolution: {integrity: sha512-+YHejD5iTWI46cZmcc/YtX4gaKBtdqCHCVfuVinizVpbmyjO3zYmeuyFdfA8duRqQZfgCAMlsfmkVbJ+e2MAJw==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-+YHejD5iTWI46cZmcc/YtX4gaKBtdqCHCVfuVinizVpbmyjO3zYmeuyFdfA8duRqQZfgCAMlsfmkVbJ+e2MAJw==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
     peerDependencies:
-      '@babel/core': ^7.11.0
+      "@babel/core": ^7.11.0
 
   balanced-match@1.0.2:
-    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+    resolution:
+      {
+        integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==,
+      }
 
   brace-expansion@1.1.12:
-    resolution: {integrity: sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==}
+    resolution:
+      {
+        integrity: sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==,
+      }
 
   brace-expansion@2.0.2:
-    resolution: {integrity: sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==}
+    resolution:
+      {
+        integrity: sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==,
+      }
 
   braces@3.0.3:
-    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==,
+      }
+    engines: { node: ">=8" }
 
   browserslist@4.25.3:
-    resolution: {integrity: sha512-cDGv1kkDI4/0e5yON9yM5G/0A5u8sf5TnmdX5C9qHzI9PPu++sQ9zjm1k9NiOrf3riY4OkK0zSGqfvJyJsgCBQ==}
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    resolution:
+      {
+        integrity: sha512-cDGv1kkDI4/0e5yON9yM5G/0A5u8sf5TnmdX5C9qHzI9PPu++sQ9zjm1k9NiOrf3riY4OkK0zSGqfvJyJsgCBQ==,
+      }
+    engines: { node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7 }
     hasBin: true
 
   bser@2.1.1:
-    resolution: {integrity: sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==}
+    resolution:
+      {
+        integrity: sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==,
+      }
 
   buffer-from@1.1.2:
-    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
+    resolution:
+      {
+        integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==,
+      }
 
   call-bind-apply-helpers@1.0.2:
-    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   call-bind@1.0.8:
-    resolution: {integrity: sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==,
+      }
+    engines: { node: ">= 0.4" }
 
   call-bound@1.0.4:
-    resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==,
+      }
+    engines: { node: ">= 0.4" }
 
   callsites@3.1.0:
-    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==,
+      }
+    engines: { node: ">=6" }
 
   camelcase@5.3.1:
-    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==,
+      }
+    engines: { node: ">=6" }
 
   camelcase@6.3.0:
-    resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==,
+      }
+    engines: { node: ">=10" }
 
   caniuse-lite@1.0.30001736:
-    resolution: {integrity: sha512-ImpN5gLEY8gWeqfLUyEF4b7mYWcYoR2Si1VhnrbM4JizRFmfGaAQ12PhNykq6nvI4XvKLrsp8Xde74D5phJOSw==}
+    resolution:
+      {
+        integrity: sha512-ImpN5gLEY8gWeqfLUyEF4b7mYWcYoR2Si1VhnrbM4JizRFmfGaAQ12PhNykq6nvI4XvKLrsp8Xde74D5phJOSw==,
+      }
 
   chalk@4.1.2:
-    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==,
+      }
+    engines: { node: ">=10" }
 
   char-regex@1.0.2:
-    resolution: {integrity: sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==,
+      }
+    engines: { node: ">=10" }
 
   chownr@3.0.0:
-    resolution: {integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==,
+      }
+    engines: { node: ">=18" }
 
   ci-info@4.3.0:
-    resolution: {integrity: sha512-l+2bNRMiQgcfILUi33labAZYIWlH1kWDp+ecNo5iisRKrbm0xcRyCww71/YU0Fkw0mAFpz9bJayXPjey6vkmaQ==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-l+2bNRMiQgcfILUi33labAZYIWlH1kWDp+ecNo5iisRKrbm0xcRyCww71/YU0Fkw0mAFpz9bJayXPjey6vkmaQ==,
+      }
+    engines: { node: ">=8" }
 
   cjs-module-lexer@2.1.0:
-    resolution: {integrity: sha512-UX0OwmYRYQQetfrLEZeewIFFI+wSTofC+pMBLNuH3RUuu/xzG1oz84UCEDOSoQlN3fZ4+AzmV50ZYvGqkMh9yA==}
+    resolution:
+      {
+        integrity: sha512-UX0OwmYRYQQetfrLEZeewIFFI+wSTofC+pMBLNuH3RUuu/xzG1oz84UCEDOSoQlN3fZ4+AzmV50ZYvGqkMh9yA==,
+      }
 
   client-only@0.0.1:
-    resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
+    resolution:
+      {
+        integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==,
+      }
 
   cliui@8.0.1:
-    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==,
+      }
+    engines: { node: ">=12" }
 
   clsx@2.1.1:
-    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==,
+      }
+    engines: { node: ">=6" }
 
   co@4.6.0:
-    resolution: {integrity: sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==}
-    engines: {iojs: '>= 1.0.0', node: '>= 0.12.0'}
+    resolution:
+      {
+        integrity: sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==,
+      }
+    engines: { iojs: ">= 1.0.0", node: ">= 0.12.0" }
 
   collect-v8-coverage@1.0.2:
-    resolution: {integrity: sha512-lHl4d5/ONEbLlJvaJNtsF/Lz+WvB07u2ycqTYbdrq7UypDXailES4valYb2eWiJFxZlVmpGekfqoxQhzyFdT4Q==}
+    resolution:
+      {
+        integrity: sha512-lHl4d5/ONEbLlJvaJNtsF/Lz+WvB07u2ycqTYbdrq7UypDXailES4valYb2eWiJFxZlVmpGekfqoxQhzyFdT4Q==,
+      }
 
   color-convert@2.0.1:
-    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
-    engines: {node: '>=7.0.0'}
+    resolution:
+      {
+        integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==,
+      }
+    engines: { node: ">=7.0.0" }
 
   color-name@1.1.4:
-    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+    resolution:
+      {
+        integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==,
+      }
 
   color-string@1.9.1:
-    resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
+    resolution:
+      {
+        integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==,
+      }
 
   color@4.2.3:
-    resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
-    engines: {node: '>=12.5.0'}
+    resolution:
+      {
+        integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==,
+      }
+    engines: { node: ">=12.5.0" }
 
   concat-map@0.0.1:
-    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+    resolution:
+      {
+        integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==,
+      }
 
   convert-source-map@2.0.0:
-    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+    resolution:
+      {
+        integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==,
+      }
 
   cookie@1.0.2:
-    resolution: {integrity: sha512-9Kr/j4O16ISv8zBBhJoi4bXOYNTkFLOqSL3UDB0njXxCXNezjeyVrJyGOWtgfs/q2km1gwBcfH8q1yEGoMYunA==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-9Kr/j4O16ISv8zBBhJoi4bXOYNTkFLOqSL3UDB0njXxCXNezjeyVrJyGOWtgfs/q2km1gwBcfH8q1yEGoMYunA==,
+      }
+    engines: { node: ">=18" }
 
   cross-spawn@7.0.6:
-    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
-    engines: {node: '>= 8'}
+    resolution:
+      {
+        integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==,
+      }
+    engines: { node: ">= 8" }
 
   css.escape@1.5.1:
-    resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==}
+    resolution:
+      {
+        integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==,
+      }
 
   cssstyle@4.6.0:
-    resolution: {integrity: sha512-2z+rWdzbbSZv6/rhtvzvqeZQHrBaqgogqt85sqFNbabZOuFbCVFb8kPeEtZjiKkbrm395irpNKiYeFeLiQnFPg==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-2z+rWdzbbSZv6/rhtvzvqeZQHrBaqgogqt85sqFNbabZOuFbCVFb8kPeEtZjiKkbrm395irpNKiYeFeLiQnFPg==,
+      }
+    engines: { node: ">=18" }
 
   csstype@3.1.3:
-    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
+    resolution:
+      {
+        integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==,
+      }
 
   d3-array@3.2.4:
-    resolution: {integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==,
+      }
+    engines: { node: ">=12" }
 
   d3-color@3.1.0:
-    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==,
+      }
+    engines: { node: ">=12" }
 
   d3-ease@3.0.1:
-    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==,
+      }
+    engines: { node: ">=12" }
 
   d3-format@3.1.0:
-    resolution: {integrity: sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==,
+      }
+    engines: { node: ">=12" }
 
   d3-interpolate@3.0.1:
-    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==,
+      }
+    engines: { node: ">=12" }
 
   d3-path@3.1.0:
-    resolution: {integrity: sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==,
+      }
+    engines: { node: ">=12" }
 
   d3-scale@4.0.2:
-    resolution: {integrity: sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==,
+      }
+    engines: { node: ">=12" }
 
   d3-shape@3.2.0:
-    resolution: {integrity: sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==,
+      }
+    engines: { node: ">=12" }
 
   d3-time-format@4.1.0:
-    resolution: {integrity: sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==,
+      }
+    engines: { node: ">=12" }
 
   d3-time@3.1.0:
-    resolution: {integrity: sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==,
+      }
+    engines: { node: ">=12" }
 
   d3-timer@3.0.1:
-    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==,
+      }
+    engines: { node: ">=12" }
 
   damerau-levenshtein@1.0.8:
-    resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
+    resolution:
+      {
+        integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==,
+      }
 
   data-urls@5.0.0:
-    resolution: {integrity: sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==,
+      }
+    engines: { node: ">=18" }
 
   data-view-buffer@1.0.2:
-    resolution: {integrity: sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   data-view-byte-length@1.0.2:
-    resolution: {integrity: sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   data-view-byte-offset@1.0.1:
-    resolution: {integrity: sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   date-fns@4.1.0:
-    resolution: {integrity: sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==}
+    resolution:
+      {
+        integrity: sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==,
+      }
 
   debug@3.2.7:
-    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
+    resolution:
+      {
+        integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==,
+      }
     peerDependencies:
-      supports-color: '*'
+      supports-color: "*"
     peerDependenciesMeta:
       supports-color:
         optional: true
 
   debug@4.4.1:
-    resolution: {integrity: sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==}
-    engines: {node: '>=6.0'}
+    resolution:
+      {
+        integrity: sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==,
+      }
+    engines: { node: ">=6.0" }
     peerDependencies:
-      supports-color: '*'
+      supports-color: "*"
     peerDependenciesMeta:
       supports-color:
         optional: true
 
   decimal.js-light@2.5.1:
-    resolution: {integrity: sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==}
+    resolution:
+      {
+        integrity: sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==,
+      }
 
   decimal.js@10.6.0:
-    resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
+    resolution:
+      {
+        integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==,
+      }
 
   dedent@1.6.0:
-    resolution: {integrity: sha512-F1Z+5UCFpmQUzJa11agbyPVMbpgT/qA3/SKyJ1jyBgm7dUcUEa8v9JwDkerSQXfakBwFljIxhOJqGkjUwZ9FSA==}
+    resolution:
+      {
+        integrity: sha512-F1Z+5UCFpmQUzJa11agbyPVMbpgT/qA3/SKyJ1jyBgm7dUcUEa8v9JwDkerSQXfakBwFljIxhOJqGkjUwZ9FSA==,
+      }
     peerDependencies:
       babel-plugin-macros: ^3.1.0
     peerDependenciesMeta:
@@ -1541,139 +2511,241 @@ packages:
         optional: true
 
   deep-is@0.1.4:
-    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+    resolution:
+      {
+        integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==,
+      }
 
   deepmerge@4.3.1:
-    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==,
+      }
+    engines: { node: ">=0.10.0" }
 
   define-data-property@1.1.4:
-    resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==,
+      }
+    engines: { node: ">= 0.4" }
 
   define-properties@1.2.1:
-    resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==,
+      }
+    engines: { node: ">= 0.4" }
 
   dequal@2.0.3:
-    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==,
+      }
+    engines: { node: ">=6" }
 
   detect-libc@2.0.4:
-    resolution: {integrity: sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==,
+      }
+    engines: { node: ">=8" }
 
   detect-newline@3.1.0:
-    resolution: {integrity: sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==,
+      }
+    engines: { node: ">=8" }
 
   doctrine@2.1.0:
-    resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==,
+      }
+    engines: { node: ">=0.10.0" }
 
   dom-accessibility-api@0.5.16:
-    resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
+    resolution:
+      {
+        integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==,
+      }
 
   dom-accessibility-api@0.6.3:
-    resolution: {integrity: sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==}
+    resolution:
+      {
+        integrity: sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==,
+      }
 
   dunder-proto@1.0.1:
-    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==,
+      }
+    engines: { node: ">= 0.4" }
 
   eastasianwidth@0.2.0:
-    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
+    resolution:
+      {
+        integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==,
+      }
 
   electron-to-chromium@1.5.208:
-    resolution: {integrity: sha512-ozZyibehoe7tOhNaf16lKmljVf+3npZcJIEbJRVftVsmAg5TeA1mGS9dVCZzOwr2xT7xK15V0p7+GZqSPgkuPg==}
+    resolution:
+      {
+        integrity: sha512-ozZyibehoe7tOhNaf16lKmljVf+3npZcJIEbJRVftVsmAg5TeA1mGS9dVCZzOwr2xT7xK15V0p7+GZqSPgkuPg==,
+      }
 
   emittery@0.13.1:
-    resolution: {integrity: sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==,
+      }
+    engines: { node: ">=12" }
 
   emoji-regex@8.0.0:
-    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+    resolution:
+      {
+        integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==,
+      }
 
   emoji-regex@9.2.2:
-    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
+    resolution:
+      {
+        integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==,
+      }
 
   enhanced-resolve@5.18.3:
-    resolution: {integrity: sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==}
-    engines: {node: '>=10.13.0'}
+    resolution:
+      {
+        integrity: sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==,
+      }
+    engines: { node: ">=10.13.0" }
 
   entities@6.0.1:
-    resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==}
-    engines: {node: '>=0.12'}
+    resolution:
+      {
+        integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==,
+      }
+    engines: { node: ">=0.12" }
 
   error-ex@1.3.2:
-    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
+    resolution:
+      {
+        integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==,
+      }
 
   es-abstract@1.24.0:
-    resolution: {integrity: sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==,
+      }
+    engines: { node: ">= 0.4" }
 
   es-define-property@1.0.1:
-    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==,
+      }
+    engines: { node: ">= 0.4" }
 
   es-errors@1.3.0:
-    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==,
+      }
+    engines: { node: ">= 0.4" }
 
   es-iterator-helpers@1.2.1:
-    resolution: {integrity: sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==,
+      }
+    engines: { node: ">= 0.4" }
 
   es-object-atoms@1.1.1:
-    resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==,
+      }
+    engines: { node: ">= 0.4" }
 
   es-set-tostringtag@2.1.0:
-    resolution: {integrity: sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==,
+      }
+    engines: { node: ">= 0.4" }
 
   es-shim-unscopables@1.1.0:
-    resolution: {integrity: sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==,
+      }
+    engines: { node: ">= 0.4" }
 
   es-to-primitive@1.3.0:
-    resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==,
+      }
+    engines: { node: ">= 0.4" }
 
   es-toolkit@1.39.10:
-    resolution: {integrity: sha512-E0iGnTtbDhkeczB0T+mxmoVlT4YNweEKBLq7oaU4p11mecdsZpNWOglI4895Vh4usbQ+LsJiuLuI2L0Vdmfm2w==}
+    resolution:
+      {
+        integrity: sha512-E0iGnTtbDhkeczB0T+mxmoVlT4YNweEKBLq7oaU4p11mecdsZpNWOglI4895Vh4usbQ+LsJiuLuI2L0Vdmfm2w==,
+      }
 
   escalade@3.2.0:
-    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==,
+      }
+    engines: { node: ">=6" }
 
   escape-string-regexp@2.0.0:
-    resolution: {integrity: sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==,
+      }
+    engines: { node: ">=8" }
 
   escape-string-regexp@4.0.0:
-    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==,
+      }
+    engines: { node: ">=10" }
 
   eslint-config-next@15.5.0:
-    resolution: {integrity: sha512-Yl4hlOdBqstAuHnlBfx2RimBzWQwysM2SJNu5EzYVa2qS2ItPs7lgxL0sJJDudEx5ZZHfWPZ/6U8+FtDFWs7/w==}
+    resolution:
+      {
+        integrity: sha512-Yl4hlOdBqstAuHnlBfx2RimBzWQwysM2SJNu5EzYVa2qS2ItPs7lgxL0sJJDudEx5ZZHfWPZ/6U8+FtDFWs7/w==,
+      }
     peerDependencies:
       eslint: ^7.23.0 || ^8.0.0 || ^9.0.0
-      typescript: '>=3.3.1'
+      typescript: ">=3.3.1"
     peerDependenciesMeta:
       typescript:
         optional: true
 
   eslint-import-resolver-node@0.3.9:
-    resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
+    resolution:
+      {
+        integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==,
+      }
 
   eslint-import-resolver-typescript@3.10.1:
-    resolution: {integrity: sha512-A1rHYb06zjMGAxdLSkN2fXPBwuSaQ0iO5M/hdyS0Ajj1VBaRp0sPD3dn1FhME3c/JluGFbwSxyCfqdSbtQLAHQ==}
-    engines: {node: ^14.18.0 || >=16.0.0}
+    resolution:
+      {
+        integrity: sha512-A1rHYb06zjMGAxdLSkN2fXPBwuSaQ0iO5M/hdyS0Ajj1VBaRp0sPD3dn1FhME3c/JluGFbwSxyCfqdSbtQLAHQ==,
+      }
+    engines: { node: ^14.18.0 || >=16.0.0 }
     peerDependencies:
-      eslint: '*'
-      eslint-plugin-import: '*'
-      eslint-plugin-import-x: '*'
+      eslint: "*"
+      eslint-plugin-import: "*"
+      eslint-plugin-import-x: "*"
     peerDependenciesMeta:
       eslint-plugin-import:
         optional: true
@@ -1681,16 +2753,19 @@ packages:
         optional: true
 
   eslint-module-utils@2.12.1:
-    resolution: {integrity: sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==}
-    engines: {node: '>=4'}
+    resolution:
+      {
+        integrity: sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==,
+      }
+    engines: { node: ">=4" }
     peerDependencies:
-      '@typescript-eslint/parser': '*'
-      eslint: '*'
-      eslint-import-resolver-node: '*'
-      eslint-import-resolver-typescript: '*'
-      eslint-import-resolver-webpack: '*'
+      "@typescript-eslint/parser": "*"
+      eslint: "*"
+      eslint-import-resolver-node: "*"
+      eslint-import-resolver-typescript: "*"
+      eslint-import-resolver-webpack: "*"
     peerDependenciesMeta:
-      '@typescript-eslint/parser':
+      "@typescript-eslint/parser":
         optional: true
       eslint:
         optional: true
@@ -1702,121 +2777,199 @@ packages:
         optional: true
 
   eslint-plugin-import@2.32.0:
-    resolution: {integrity: sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==}
-    engines: {node: '>=4'}
+    resolution:
+      {
+        integrity: sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==,
+      }
+    engines: { node: ">=4" }
     peerDependencies:
-      '@typescript-eslint/parser': '*'
+      "@typescript-eslint/parser": "*"
       eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9
     peerDependenciesMeta:
-      '@typescript-eslint/parser':
+      "@typescript-eslint/parser":
         optional: true
 
   eslint-plugin-jsx-a11y@6.10.2:
-    resolution: {integrity: sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==}
-    engines: {node: '>=4.0'}
+    resolution:
+      {
+        integrity: sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==,
+      }
+    engines: { node: ">=4.0" }
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9
 
   eslint-plugin-react-hooks@5.2.0:
-    resolution: {integrity: sha512-+f15FfK64YQwZdJNELETdn5ibXEUQmW1DZL6KXhNnc2heoy/sg9VJJeT7n8TlMWouzWqSWavFkIhHyIbIAEapg==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-+f15FfK64YQwZdJNELETdn5ibXEUQmW1DZL6KXhNnc2heoy/sg9VJJeT7n8TlMWouzWqSWavFkIhHyIbIAEapg==,
+      }
+    engines: { node: ">=10" }
     peerDependencies:
       eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
 
   eslint-plugin-react@7.37.5:
-    resolution: {integrity: sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==}
-    engines: {node: '>=4'}
+    resolution:
+      {
+        integrity: sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==,
+      }
+    engines: { node: ">=4" }
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
 
   eslint-scope@8.4.0:
-    resolution: {integrity: sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    resolution:
+      {
+        integrity: sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==,
+      }
+    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
 
   eslint-visitor-keys@3.4.3:
-    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    resolution:
+      {
+        integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==,
+      }
+    engines: { node: ^12.22.0 || ^14.17.0 || >=16.0.0 }
 
   eslint-visitor-keys@4.2.1:
-    resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    resolution:
+      {
+        integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==,
+      }
+    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
 
   eslint@9.33.0:
-    resolution: {integrity: sha512-TS9bTNIryDzStCpJN93aC5VRSW3uTx9sClUn4B87pwiCaJh220otoI0X8mJKr+VcPtniMdN8GKjlwgWGUv5ZKA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    resolution:
+      {
+        integrity: sha512-TS9bTNIryDzStCpJN93aC5VRSW3uTx9sClUn4B87pwiCaJh220otoI0X8mJKr+VcPtniMdN8GKjlwgWGUv5ZKA==,
+      }
+    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
     hasBin: true
     peerDependencies:
-      jiti: '*'
+      jiti: "*"
     peerDependenciesMeta:
       jiti:
         optional: true
 
   espree@10.4.0:
-    resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    resolution:
+      {
+        integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==,
+      }
+    engines: { node: ^18.18.0 || ^20.9.0 || >=21.1.0 }
 
   esprima@4.0.1:
-    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
-    engines: {node: '>=4'}
+    resolution:
+      {
+        integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==,
+      }
+    engines: { node: ">=4" }
     hasBin: true
 
   esquery@1.6.0:
-    resolution: {integrity: sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==}
-    engines: {node: '>=0.10'}
+    resolution:
+      {
+        integrity: sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==,
+      }
+    engines: { node: ">=0.10" }
 
   esrecurse@4.3.0:
-    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
-    engines: {node: '>=4.0'}
+    resolution:
+      {
+        integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==,
+      }
+    engines: { node: ">=4.0" }
 
   estraverse@5.3.0:
-    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
-    engines: {node: '>=4.0'}
+    resolution:
+      {
+        integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==,
+      }
+    engines: { node: ">=4.0" }
 
   esutils@2.0.3:
-    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==,
+      }
+    engines: { node: ">=0.10.0" }
 
   eventemitter3@5.0.1:
-    resolution: {integrity: sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==}
+    resolution:
+      {
+        integrity: sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==,
+      }
 
   execa@5.1.1:
-    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==,
+      }
+    engines: { node: ">=10" }
 
   exit-x@0.2.2:
-    resolution: {integrity: sha512-+I6B/IkJc1o/2tiURyz/ivu/O0nKNEArIUB5O7zBrlDVJr22SCLH3xTeEry428LvFhRzIA1g8izguxJ/gbNcVQ==}
-    engines: {node: '>= 0.8.0'}
+    resolution:
+      {
+        integrity: sha512-+I6B/IkJc1o/2tiURyz/ivu/O0nKNEArIUB5O7zBrlDVJr22SCLH3xTeEry428LvFhRzIA1g8izguxJ/gbNcVQ==,
+      }
+    engines: { node: ">= 0.8.0" }
 
   expect@30.0.5:
-    resolution: {integrity: sha512-P0te2pt+hHI5qLJkIR+iMvS+lYUZml8rKKsohVHAGY+uClp9XVbdyYNJOIjSRpHVp8s8YqxJCiHUkSYZGr8rtQ==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-P0te2pt+hHI5qLJkIR+iMvS+lYUZml8rKKsohVHAGY+uClp9XVbdyYNJOIjSRpHVp8s8YqxJCiHUkSYZGr8rtQ==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
 
   fast-deep-equal@3.1.3:
-    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+    resolution:
+      {
+        integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==,
+      }
 
   fast-glob@3.3.1:
-    resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==}
-    engines: {node: '>=8.6.0'}
+    resolution:
+      {
+        integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==,
+      }
+    engines: { node: ">=8.6.0" }
 
   fast-glob@3.3.3:
-    resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
-    engines: {node: '>=8.6.0'}
+    resolution:
+      {
+        integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==,
+      }
+    engines: { node: ">=8.6.0" }
 
   fast-json-stable-stringify@2.1.0:
-    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+    resolution:
+      {
+        integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==,
+      }
 
   fast-levenshtein@2.0.6:
-    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+    resolution:
+      {
+        integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==,
+      }
 
   fastq@1.19.1:
-    resolution: {integrity: sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==}
+    resolution:
+      {
+        integrity: sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==,
+      }
 
   fb-watchman@2.0.2:
-    resolution: {integrity: sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==}
+    resolution:
+      {
+        integrity: sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==,
+      }
 
   fdir@6.5.0:
-    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
-    engines: {node: '>=12.0.0'}
+    resolution:
+      {
+        integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==,
+      }
+    engines: { node: ">=12.0.0" }
     peerDependencies:
       picomatch: ^3 || ^4
     peerDependenciesMeta:
@@ -1824,385 +2977,682 @@ packages:
         optional: true
 
   file-entry-cache@8.0.0:
-    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
-    engines: {node: '>=16.0.0'}
+    resolution:
+      {
+        integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==,
+      }
+    engines: { node: ">=16.0.0" }
 
   fill-range@7.1.1:
-    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==,
+      }
+    engines: { node: ">=8" }
 
   find-up@4.1.0:
-    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==,
+      }
+    engines: { node: ">=8" }
 
   find-up@5.0.0:
-    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==,
+      }
+    engines: { node: ">=10" }
 
   flat-cache@4.0.1:
-    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
-    engines: {node: '>=16'}
+    resolution:
+      {
+        integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==,
+      }
+    engines: { node: ">=16" }
 
   flatted@3.3.3:
-    resolution: {integrity: sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==}
+    resolution:
+      {
+        integrity: sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==,
+      }
 
   for-each@0.3.5:
-    resolution: {integrity: sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==,
+      }
+    engines: { node: ">= 0.4" }
 
   foreground-child@3.3.1:
-    resolution: {integrity: sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==}
-    engines: {node: '>=14'}
+    resolution:
+      {
+        integrity: sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==,
+      }
+    engines: { node: ">=14" }
 
   fs.realpath@1.0.0:
-    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
+    resolution:
+      {
+        integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==,
+      }
 
   fsevents@2.3.2:
-    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    resolution:
+      {
+        integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==,
+      }
+    engines: { node: ^8.16.0 || ^10.6.0 || >=11.0.0 }
     os: [darwin]
 
   fsevents@2.3.3:
-    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    resolution:
+      {
+        integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==,
+      }
+    engines: { node: ^8.16.0 || ^10.6.0 || >=11.0.0 }
     os: [darwin]
 
   function-bind@1.1.2:
-    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+    resolution:
+      {
+        integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==,
+      }
 
   function.prototype.name@1.1.8:
-    resolution: {integrity: sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==,
+      }
+    engines: { node: ">= 0.4" }
 
   functions-have-names@1.2.3:
-    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
+    resolution:
+      {
+        integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==,
+      }
 
   gensync@1.0.0-beta.2:
-    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
-    engines: {node: '>=6.9.0'}
+    resolution:
+      {
+        integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==,
+      }
+    engines: { node: ">=6.9.0" }
 
   get-caller-file@2.0.5:
-    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
-    engines: {node: 6.* || 8.* || >= 10.*}
+    resolution:
+      {
+        integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==,
+      }
+    engines: { node: 6.* || 8.* || >= 10.* }
 
   get-intrinsic@1.3.0:
-    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   get-package-type@0.1.0:
-    resolution: {integrity: sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==}
-    engines: {node: '>=8.0.0'}
+    resolution:
+      {
+        integrity: sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==,
+      }
+    engines: { node: ">=8.0.0" }
 
   get-proto@1.0.1:
-    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==,
+      }
+    engines: { node: ">= 0.4" }
 
   get-stream@6.0.1:
-    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==,
+      }
+    engines: { node: ">=10" }
 
   get-symbol-description@1.1.0:
-    resolution: {integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==,
+      }
+    engines: { node: ">= 0.4" }
 
   get-tsconfig@4.10.1:
-    resolution: {integrity: sha512-auHyJ4AgMz7vgS8Hp3N6HXSmlMdUyhSUrfBF16w153rxtLIEOE+HGqaBppczZvnHLqQJfiHotCYpNhl0lUROFQ==}
+    resolution:
+      {
+        integrity: sha512-auHyJ4AgMz7vgS8Hp3N6HXSmlMdUyhSUrfBF16w153rxtLIEOE+HGqaBppczZvnHLqQJfiHotCYpNhl0lUROFQ==,
+      }
 
   glob-parent@5.1.2:
-    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
-    engines: {node: '>= 6'}
+    resolution:
+      {
+        integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==,
+      }
+    engines: { node: ">= 6" }
 
   glob-parent@6.0.2:
-    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
-    engines: {node: '>=10.13.0'}
+    resolution:
+      {
+        integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==,
+      }
+    engines: { node: ">=10.13.0" }
 
   glob@10.4.5:
-    resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==}
+    resolution:
+      {
+        integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==,
+      }
     hasBin: true
 
   glob@7.2.3:
-    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+    resolution:
+      {
+        integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==,
+      }
     deprecated: Glob versions prior to v9 are no longer supported
 
   globals@14.0.0:
-    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==,
+      }
+    engines: { node: ">=18" }
 
   globalthis@1.0.4:
-    resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   gopd@1.2.0:
-    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==,
+      }
+    engines: { node: ">= 0.4" }
 
   graceful-fs@4.2.11:
-    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+    resolution:
+      {
+        integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==,
+      }
 
   graphemer@1.4.0:
-    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
+    resolution:
+      {
+        integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==,
+      }
 
   has-bigints@1.1.0:
-    resolution: {integrity: sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==,
+      }
+    engines: { node: ">= 0.4" }
 
   has-flag@4.0.0:
-    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==,
+      }
+    engines: { node: ">=8" }
 
   has-property-descriptors@1.0.2:
-    resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
+    resolution:
+      {
+        integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==,
+      }
 
   has-proto@1.2.0:
-    resolution: {integrity: sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   has-symbols@1.1.0:
-    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   has-tostringtag@1.0.2:
-    resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==,
+      }
+    engines: { node: ">= 0.4" }
 
   hasown@2.0.2:
-    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   html-encoding-sniffer@4.0.0:
-    resolution: {integrity: sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==,
+      }
+    engines: { node: ">=18" }
 
   html-escaper@2.0.2:
-    resolution: {integrity: sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==}
+    resolution:
+      {
+        integrity: sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==,
+      }
 
   http-proxy-agent@7.0.2:
-    resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
-    engines: {node: '>= 14'}
+    resolution:
+      {
+        integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==,
+      }
+    engines: { node: ">= 14" }
 
   https-proxy-agent@7.0.6:
-    resolution: {integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==}
-    engines: {node: '>= 14'}
+    resolution:
+      {
+        integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==,
+      }
+    engines: { node: ">= 14" }
 
   human-signals@2.1.0:
-    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
-    engines: {node: '>=10.17.0'}
+    resolution:
+      {
+        integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==,
+      }
+    engines: { node: ">=10.17.0" }
 
   iconv-lite@0.6.3:
-    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==,
+      }
+    engines: { node: ">=0.10.0" }
 
   ignore@5.3.2:
-    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
-    engines: {node: '>= 4'}
+    resolution:
+      {
+        integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==,
+      }
+    engines: { node: ">= 4" }
 
   ignore@7.0.5:
-    resolution: {integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==}
-    engines: {node: '>= 4'}
+    resolution:
+      {
+        integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==,
+      }
+    engines: { node: ">= 4" }
 
   immer@10.1.1:
-    resolution: {integrity: sha512-s2MPrmjovJcoMaHtx6K11Ra7oD05NT97w1IC5zpMkT6Atjr7H8LjaDd81iIxUYpMKSRRNMJE703M1Fhr/TctHw==}
+    resolution:
+      {
+        integrity: sha512-s2MPrmjovJcoMaHtx6K11Ra7oD05NT97w1IC5zpMkT6Atjr7H8LjaDd81iIxUYpMKSRRNMJE703M1Fhr/TctHw==,
+      }
 
   import-fresh@3.3.1:
-    resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==,
+      }
+    engines: { node: ">=6" }
 
   import-local@3.2.0:
-    resolution: {integrity: sha512-2SPlun1JUPWoM6t3F0dw0FkCF/jWY8kttcY4f599GLTSjh2OCuuhdTkJQsEcZzBqbXZGKMK2OqW1oZsjtf/gQA==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-2SPlun1JUPWoM6t3F0dw0FkCF/jWY8kttcY4f599GLTSjh2OCuuhdTkJQsEcZzBqbXZGKMK2OqW1oZsjtf/gQA==,
+      }
+    engines: { node: ">=8" }
     hasBin: true
 
   imurmurhash@0.1.4:
-    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
-    engines: {node: '>=0.8.19'}
+    resolution:
+      {
+        integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==,
+      }
+    engines: { node: ">=0.8.19" }
 
   indent-string@4.0.0:
-    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==,
+      }
+    engines: { node: ">=8" }
 
   inflight@1.0.6:
-    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
+    resolution:
+      {
+        integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==,
+      }
     deprecated: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
 
   inherits@2.0.4:
-    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+    resolution:
+      {
+        integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==,
+      }
 
   internal-slot@1.1.0:
-    resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==,
+      }
+    engines: { node: ">= 0.4" }
 
   internmap@2.0.3:
-    resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==,
+      }
+    engines: { node: ">=12" }
 
   is-array-buffer@3.0.5:
-    resolution: {integrity: sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==,
+      }
+    engines: { node: ">= 0.4" }
 
   is-arrayish@0.2.1:
-    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+    resolution:
+      {
+        integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==,
+      }
 
   is-arrayish@0.3.2:
-    resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
+    resolution:
+      {
+        integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==,
+      }
 
   is-async-function@2.1.1:
-    resolution: {integrity: sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   is-bigint@1.1.0:
-    resolution: {integrity: sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   is-boolean-object@1.2.2:
-    resolution: {integrity: sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==,
+      }
+    engines: { node: ">= 0.4" }
 
   is-bun-module@2.0.0:
-    resolution: {integrity: sha512-gNCGbnnnnFAUGKeZ9PdbyeGYJqewpmc2aKHUEMO5nQPWU9lOmv7jcmQIv+qHD8fXW6W7qfuCwX4rY9LNRjXrkQ==}
+    resolution:
+      {
+        integrity: sha512-gNCGbnnnnFAUGKeZ9PdbyeGYJqewpmc2aKHUEMO5nQPWU9lOmv7jcmQIv+qHD8fXW6W7qfuCwX4rY9LNRjXrkQ==,
+      }
 
   is-callable@1.2.7:
-    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==,
+      }
+    engines: { node: ">= 0.4" }
 
   is-core-module@2.16.1:
-    resolution: {integrity: sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==,
+      }
+    engines: { node: ">= 0.4" }
 
   is-data-view@1.0.2:
-    resolution: {integrity: sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==,
+      }
+    engines: { node: ">= 0.4" }
 
   is-date-object@1.1.0:
-    resolution: {integrity: sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==,
+      }
+    engines: { node: ">= 0.4" }
 
   is-extglob@2.1.1:
-    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==,
+      }
+    engines: { node: ">=0.10.0" }
 
   is-finalizationregistry@1.1.1:
-    resolution: {integrity: sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==,
+      }
+    engines: { node: ">= 0.4" }
 
   is-fullwidth-code-point@3.0.0:
-    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==,
+      }
+    engines: { node: ">=8" }
 
   is-generator-fn@2.1.0:
-    resolution: {integrity: sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==,
+      }
+    engines: { node: ">=6" }
 
   is-generator-function@1.1.0:
-    resolution: {integrity: sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   is-glob@4.0.3:
-    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==,
+      }
+    engines: { node: ">=0.10.0" }
 
   is-map@2.0.3:
-    resolution: {integrity: sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==,
+      }
+    engines: { node: ">= 0.4" }
 
   is-negative-zero@2.0.3:
-    resolution: {integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==,
+      }
+    engines: { node: ">= 0.4" }
 
   is-number-object@1.1.1:
-    resolution: {integrity: sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==,
+      }
+    engines: { node: ">= 0.4" }
 
   is-number@7.0.0:
-    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
-    engines: {node: '>=0.12.0'}
+    resolution:
+      {
+        integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==,
+      }
+    engines: { node: ">=0.12.0" }
 
   is-potential-custom-element-name@1.0.1:
-    resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
+    resolution:
+      {
+        integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==,
+      }
 
   is-regex@1.2.1:
-    resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==,
+      }
+    engines: { node: ">= 0.4" }
 
   is-set@2.0.3:
-    resolution: {integrity: sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==,
+      }
+    engines: { node: ">= 0.4" }
 
   is-shared-array-buffer@1.0.4:
-    resolution: {integrity: sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==,
+      }
+    engines: { node: ">= 0.4" }
 
   is-stream@2.0.1:
-    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==,
+      }
+    engines: { node: ">=8" }
 
   is-string@1.1.1:
-    resolution: {integrity: sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==,
+      }
+    engines: { node: ">= 0.4" }
 
   is-symbol@1.1.1:
-    resolution: {integrity: sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==,
+      }
+    engines: { node: ">= 0.4" }
 
   is-typed-array@1.1.15:
-    resolution: {integrity: sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   is-weakmap@2.0.2:
-    resolution: {integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==,
+      }
+    engines: { node: ">= 0.4" }
 
   is-weakref@1.1.1:
-    resolution: {integrity: sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==,
+      }
+    engines: { node: ">= 0.4" }
 
   is-weakset@2.0.4:
-    resolution: {integrity: sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   isarray@2.0.5:
-    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
+    resolution:
+      {
+        integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==,
+      }
 
   isexe@2.0.0:
-    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+    resolution:
+      {
+        integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==,
+      }
 
   istanbul-lib-coverage@3.2.2:
-    resolution: {integrity: sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==,
+      }
+    engines: { node: ">=8" }
 
   istanbul-lib-instrument@6.0.3:
-    resolution: {integrity: sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==,
+      }
+    engines: { node: ">=10" }
 
   istanbul-lib-report@3.0.1:
-    resolution: {integrity: sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==,
+      }
+    engines: { node: ">=10" }
 
   istanbul-lib-source-maps@5.0.6:
-    resolution: {integrity: sha512-yg2d+Em4KizZC5niWhQaIomgf5WlL4vOOjZ5xGCmF8SnPE/mDWWXgvRExdcpCgh9lLRRa1/fSYp2ymmbJ1pI+A==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-yg2d+Em4KizZC5niWhQaIomgf5WlL4vOOjZ5xGCmF8SnPE/mDWWXgvRExdcpCgh9lLRRa1/fSYp2ymmbJ1pI+A==,
+      }
+    engines: { node: ">=10" }
 
   istanbul-reports@3.2.0:
-    resolution: {integrity: sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==,
+      }
+    engines: { node: ">=8" }
 
   iterator.prototype@1.1.5:
-    resolution: {integrity: sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==,
+      }
+    engines: { node: ">= 0.4" }
 
   jackspeak@3.4.3:
-    resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
+    resolution:
+      {
+        integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==,
+      }
 
   jest-changed-files@30.0.5:
-    resolution: {integrity: sha512-bGl2Ntdx0eAwXuGpdLdVYVr5YQHnSZlQ0y9HVDu565lCUAe9sj6JOtBbMmBBikGIegne9piDDIOeiLVoqTkz4A==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-bGl2Ntdx0eAwXuGpdLdVYVr5YQHnSZlQ0y9HVDu565lCUAe9sj6JOtBbMmBBikGIegne9piDDIOeiLVoqTkz4A==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
 
   jest-circus@30.0.5:
-    resolution: {integrity: sha512-h/sjXEs4GS+NFFfqBDYT7y5Msfxh04EwWLhQi0F8kuWpe+J/7tICSlswU8qvBqumR3kFgHbfu7vU6qruWWBPug==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-h/sjXEs4GS+NFFfqBDYT7y5Msfxh04EwWLhQi0F8kuWpe+J/7tICSlswU8qvBqumR3kFgHbfu7vU6qruWWBPug==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
 
   jest-cli@30.0.5:
-    resolution: {integrity: sha512-Sa45PGMkBZzF94HMrlX4kUyPOwUpdZasaliKN3mifvDmkhLYqLLg8HQTzn6gq7vJGahFYMQjXgyJWfYImKZzOw==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-Sa45PGMkBZzF94HMrlX4kUyPOwUpdZasaliKN3mifvDmkhLYqLLg8HQTzn6gq7vJGahFYMQjXgyJWfYImKZzOw==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
     hasBin: true
     peerDependencies:
       node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
@@ -2211,14 +3661,17 @@ packages:
         optional: true
 
   jest-config@30.0.5:
-    resolution: {integrity: sha512-aIVh+JNOOpzUgzUnPn5FLtyVnqc3TQHVMupYtyeURSb//iLColiMIR8TxCIDKyx9ZgjKnXGucuW68hCxgbrwmA==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-aIVh+JNOOpzUgzUnPn5FLtyVnqc3TQHVMupYtyeURSb//iLColiMIR8TxCIDKyx9ZgjKnXGucuW68hCxgbrwmA==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
     peerDependencies:
-      '@types/node': '*'
-      esbuild-register: '>=3.4.0'
-      ts-node: '>=9.0.0'
+      "@types/node": "*"
+      esbuild-register: ">=3.4.0"
+      ts-node: ">=9.0.0"
     peerDependenciesMeta:
-      '@types/node':
+      "@types/node":
         optional: true
       esbuild-register:
         optional: true
@@ -2226,20 +3679,32 @@ packages:
         optional: true
 
   jest-diff@30.0.5:
-    resolution: {integrity: sha512-1UIqE9PoEKaHcIKvq2vbibrCog4Y8G0zmOxgQUVEiTqwR5hJVMCoDsN1vFvI5JvwD37hjueZ1C4l2FyGnfpE0A==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-1UIqE9PoEKaHcIKvq2vbibrCog4Y8G0zmOxgQUVEiTqwR5hJVMCoDsN1vFvI5JvwD37hjueZ1C4l2FyGnfpE0A==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
 
   jest-docblock@30.0.1:
-    resolution: {integrity: sha512-/vF78qn3DYphAaIc3jy4gA7XSAz167n9Bm/wn/1XhTLW7tTBIzXtCJpb/vcmc73NIIeeohCbdL94JasyXUZsGA==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-/vF78qn3DYphAaIc3jy4gA7XSAz167n9Bm/wn/1XhTLW7tTBIzXtCJpb/vcmc73NIIeeohCbdL94JasyXUZsGA==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
 
   jest-each@30.0.5:
-    resolution: {integrity: sha512-dKjRsx1uZ96TVyejD3/aAWcNKy6ajMaN531CwWIsrazIqIoXI9TnnpPlkrEYku/8rkS3dh2rbH+kMOyiEIv0xQ==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-dKjRsx1uZ96TVyejD3/aAWcNKy6ajMaN531CwWIsrazIqIoXI9TnnpPlkrEYku/8rkS3dh2rbH+kMOyiEIv0xQ==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
 
   jest-environment-jsdom@30.0.5:
-    resolution: {integrity: sha512-BmnDEoAH+jEjkPrvE9DTKS2r3jYSJWlN/r46h0/DBUxKrkgt2jAZ5Nj4wXLAcV1KWkRpcFqA5zri9SWzJZ1cCg==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-BmnDEoAH+jEjkPrvE9DTKS2r3jYSJWlN/r46h0/DBUxKrkgt2jAZ5Nj4wXLAcV1KWkRpcFqA5zri9SWzJZ1cCg==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
     peerDependencies:
       canvas: ^3.0.0
     peerDependenciesMeta:
@@ -2247,81 +3712,135 @@ packages:
         optional: true
 
   jest-environment-node@30.0.5:
-    resolution: {integrity: sha512-ppYizXdLMSvciGsRsMEnv/5EFpvOdXBaXRBzFUDPWrsfmog4kYrOGWXarLllz6AXan6ZAA/kYokgDWuos1IKDA==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-ppYizXdLMSvciGsRsMEnv/5EFpvOdXBaXRBzFUDPWrsfmog4kYrOGWXarLllz6AXan6ZAA/kYokgDWuos1IKDA==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
 
   jest-haste-map@30.0.5:
-    resolution: {integrity: sha512-dkmlWNlsTSR0nH3nRfW5BKbqHefLZv0/6LCccG0xFCTWcJu8TuEwG+5Cm75iBfjVoockmO6J35o5gxtFSn5xeg==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-dkmlWNlsTSR0nH3nRfW5BKbqHefLZv0/6LCccG0xFCTWcJu8TuEwG+5Cm75iBfjVoockmO6J35o5gxtFSn5xeg==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
 
   jest-leak-detector@30.0.5:
-    resolution: {integrity: sha512-3Uxr5uP8jmHMcsOtYMRB/zf1gXN3yUIc+iPorhNETG54gErFIiUhLvyY/OggYpSMOEYqsmRxmuU4ZOoX5jpRFg==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-3Uxr5uP8jmHMcsOtYMRB/zf1gXN3yUIc+iPorhNETG54gErFIiUhLvyY/OggYpSMOEYqsmRxmuU4ZOoX5jpRFg==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
 
   jest-matcher-utils@30.0.5:
-    resolution: {integrity: sha512-uQgGWt7GOrRLP1P7IwNWwK1WAQbq+m//ZY0yXygyfWp0rJlksMSLQAA4wYQC3b6wl3zfnchyTx+k3HZ5aPtCbQ==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-uQgGWt7GOrRLP1P7IwNWwK1WAQbq+m//ZY0yXygyfWp0rJlksMSLQAA4wYQC3b6wl3zfnchyTx+k3HZ5aPtCbQ==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
 
   jest-message-util@30.0.5:
-    resolution: {integrity: sha512-NAiDOhsK3V7RU0Aa/HnrQo+E4JlbarbmI3q6Pi4KcxicdtjV82gcIUrejOtczChtVQR4kddu1E1EJlW6EN9IyA==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-NAiDOhsK3V7RU0Aa/HnrQo+E4JlbarbmI3q6Pi4KcxicdtjV82gcIUrejOtczChtVQR4kddu1E1EJlW6EN9IyA==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
 
   jest-mock@30.0.5:
-    resolution: {integrity: sha512-Od7TyasAAQX/6S+QCbN6vZoWOMwlTtzzGuxJku1GhGanAjz9y+QsQkpScDmETvdc9aSXyJ/Op4rhpMYBWW91wQ==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-Od7TyasAAQX/6S+QCbN6vZoWOMwlTtzzGuxJku1GhGanAjz9y+QsQkpScDmETvdc9aSXyJ/Op4rhpMYBWW91wQ==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
 
   jest-pnp-resolver@1.2.3:
-    resolution: {integrity: sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==,
+      }
+    engines: { node: ">=6" }
     peerDependencies:
-      jest-resolve: '*'
+      jest-resolve: "*"
     peerDependenciesMeta:
       jest-resolve:
         optional: true
 
   jest-regex-util@30.0.1:
-    resolution: {integrity: sha512-jHEQgBXAgc+Gh4g0p3bCevgRCVRkB4VB70zhoAE48gxeSr1hfUOsM/C2WoJgVL7Eyg//hudYENbm3Ne+/dRVVA==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-jHEQgBXAgc+Gh4g0p3bCevgRCVRkB4VB70zhoAE48gxeSr1hfUOsM/C2WoJgVL7Eyg//hudYENbm3Ne+/dRVVA==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
 
   jest-resolve-dependencies@30.0.5:
-    resolution: {integrity: sha512-/xMvBR4MpwkrHW4ikZIWRttBBRZgWK4d6xt3xW1iRDSKt4tXzYkMkyPfBnSCgv96cpkrctfXs6gexeqMYqdEpw==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-/xMvBR4MpwkrHW4ikZIWRttBBRZgWK4d6xt3xW1iRDSKt4tXzYkMkyPfBnSCgv96cpkrctfXs6gexeqMYqdEpw==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
 
   jest-resolve@30.0.5:
-    resolution: {integrity: sha512-d+DjBQ1tIhdz91B79mywH5yYu76bZuE96sSbxj8MkjWVx5WNdt1deEFRONVL4UkKLSrAbMkdhb24XN691yDRHg==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-d+DjBQ1tIhdz91B79mywH5yYu76bZuE96sSbxj8MkjWVx5WNdt1deEFRONVL4UkKLSrAbMkdhb24XN691yDRHg==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
 
   jest-runner@30.0.5:
-    resolution: {integrity: sha512-JcCOucZmgp+YuGgLAXHNy7ualBx4wYSgJVWrYMRBnb79j9PD0Jxh0EHvR5Cx/r0Ce+ZBC4hCdz2AzFFLl9hCiw==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-JcCOucZmgp+YuGgLAXHNy7ualBx4wYSgJVWrYMRBnb79j9PD0Jxh0EHvR5Cx/r0Ce+ZBC4hCdz2AzFFLl9hCiw==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
 
   jest-runtime@30.0.5:
-    resolution: {integrity: sha512-7oySNDkqpe4xpX5PPiJTe5vEa+Ak/NnNz2bGYZrA1ftG3RL3EFlHaUkA1Cjx+R8IhK0Vg43RML5mJedGTPNz3A==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-7oySNDkqpe4xpX5PPiJTe5vEa+Ak/NnNz2bGYZrA1ftG3RL3EFlHaUkA1Cjx+R8IhK0Vg43RML5mJedGTPNz3A==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
 
   jest-snapshot@30.0.5:
-    resolution: {integrity: sha512-T00dWU/Ek3LqTp4+DcW6PraVxjk28WY5Ua/s+3zUKSERZSNyxTqhDXCWKG5p2HAJ+crVQ3WJ2P9YVHpj1tkW+g==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-T00dWU/Ek3LqTp4+DcW6PraVxjk28WY5Ua/s+3zUKSERZSNyxTqhDXCWKG5p2HAJ+crVQ3WJ2P9YVHpj1tkW+g==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
 
   jest-util@30.0.5:
-    resolution: {integrity: sha512-pvyPWssDZR0FlfMxCBoc0tvM8iUEskaRFALUtGQYzVEAqisAztmy+R8LnU14KT4XA0H/a5HMVTXat1jLne010g==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-pvyPWssDZR0FlfMxCBoc0tvM8iUEskaRFALUtGQYzVEAqisAztmy+R8LnU14KT4XA0H/a5HMVTXat1jLne010g==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
 
   jest-validate@30.0.5:
-    resolution: {integrity: sha512-ouTm6VFHaS2boyl+k4u+Qip4TSH7Uld5tyD8psQ8abGgt2uYYB8VwVfAHWHjHc0NWmGGbwO5h0sCPOGHHevefw==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-ouTm6VFHaS2boyl+k4u+Qip4TSH7Uld5tyD8psQ8abGgt2uYYB8VwVfAHWHjHc0NWmGGbwO5h0sCPOGHHevefw==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
 
   jest-watcher@30.0.5:
-    resolution: {integrity: sha512-z9slj/0vOwBDBjN3L4z4ZYaA+pG56d6p3kTUhFRYGvXbXMWhXmb/FIxREZCD06DYUwDKKnj2T80+Pb71CQ0KEg==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-z9slj/0vOwBDBjN3L4z4ZYaA+pG56d6p3kTUhFRYGvXbXMWhXmb/FIxREZCD06DYUwDKKnj2T80+Pb71CQ0KEg==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
 
   jest-worker@30.0.5:
-    resolution: {integrity: sha512-ojRXsWzEP16NdUuBw/4H/zkZdHOa7MMYCk4E430l+8fELeLg/mqmMlRhjL7UNZvQrDmnovWZV4DxX03fZF48fQ==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-ojRXsWzEP16NdUuBw/4H/zkZdHOa7MMYCk4E430l+8fELeLg/mqmMlRhjL7UNZvQrDmnovWZV4DxX03fZF48fQ==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
 
   jest@30.0.5:
-    resolution: {integrity: sha512-y2mfcJywuTUkvLm2Lp1/pFX8kTgMO5yyQGq/Sk/n2mN7XWYp4JsCZ/QXW34M8YScgk8bPZlREH04f6blPnoHnQ==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-y2mfcJywuTUkvLm2Lp1/pFX8kTgMO5yyQGq/Sk/n2mN7XWYp4JsCZ/QXW34M8YScgk8bPZlREH04f6blPnoHnQ==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
     hasBin: true
     peerDependencies:
       node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
@@ -2330,41 +3849,59 @@ packages:
         optional: true
 
   jiti@2.5.1:
-    resolution: {integrity: sha512-twQoecYPiVA5K/h6SxtORw/Bs3ar+mLUtoPSc7iMXzQzK8d7eJ/R09wmTwAjiamETn1cXYPGfNnu7DMoHgu12w==}
+    resolution:
+      {
+        integrity: sha512-twQoecYPiVA5K/h6SxtORw/Bs3ar+mLUtoPSc7iMXzQzK8d7eJ/R09wmTwAjiamETn1cXYPGfNnu7DMoHgu12w==,
+      }
     hasBin: true
 
   jotai@2.13.1:
-    resolution: {integrity: sha512-cRsw6kFeGC9Z/D3egVKrTXRweycZ4z/k7i2MrfCzPYsL9SIWcPXTyqv258/+Ay8VUEcihNiE/coBLE6Kic6b8A==}
-    engines: {node: '>=12.20.0'}
+    resolution:
+      {
+        integrity: sha512-cRsw6kFeGC9Z/D3egVKrTXRweycZ4z/k7i2MrfCzPYsL9SIWcPXTyqv258/+Ay8VUEcihNiE/coBLE6Kic6b8A==,
+      }
+    engines: { node: ">=12.20.0" }
     peerDependencies:
-      '@babel/core': '>=7.0.0'
-      '@babel/template': '>=7.0.0'
-      '@types/react': '>=17.0.0'
-      react: '>=17.0.0'
+      "@babel/core": ">=7.0.0"
+      "@babel/template": ">=7.0.0"
+      "@types/react": ">=17.0.0"
+      react: ">=17.0.0"
     peerDependenciesMeta:
-      '@babel/core':
+      "@babel/core":
         optional: true
-      '@babel/template':
+      "@babel/template":
         optional: true
-      '@types/react':
+      "@types/react":
         optional: true
       react:
         optional: true
 
   js-tokens@4.0.0:
-    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+    resolution:
+      {
+        integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==,
+      }
 
   js-yaml@3.14.1:
-    resolution: {integrity: sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==}
+    resolution:
+      {
+        integrity: sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==,
+      }
     hasBin: true
 
   js-yaml@4.1.0:
-    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
+    resolution:
+      {
+        integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==,
+      }
     hasBin: true
 
   jsdom@26.1.0:
-    resolution: {integrity: sha512-Cvc9WUhxSMEo4McES3P7oK3QaXldCfNWp7pl2NNeiIFlCoLr3kfq9kb1fxftiwk1FLV7CvpvDfonxtzUDeSOPg==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-Cvc9WUhxSMEo4McES3P7oK3QaXldCfNWp7pl2NNeiIFlCoLr3kfq9kb1fxftiwk1FLV7CvpvDfonxtzUDeSOPg==,
+      }
+    engines: { node: ">=18" }
     peerDependencies:
       canvas: ^3.0.0
     peerDependenciesMeta:
@@ -2372,237 +3909,396 @@ packages:
         optional: true
 
   jsesc@3.1.0:
-    resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==,
+      }
+    engines: { node: ">=6" }
     hasBin: true
 
   json-buffer@3.0.1:
-    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+    resolution:
+      {
+        integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==,
+      }
 
   json-parse-even-better-errors@2.3.1:
-    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
+    resolution:
+      {
+        integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==,
+      }
 
   json-schema-traverse@0.4.1:
-    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+    resolution:
+      {
+        integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==,
+      }
 
   json-stable-stringify-without-jsonify@1.0.1:
-    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+    resolution:
+      {
+        integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==,
+      }
 
   json5@1.0.2:
-    resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
+    resolution:
+      {
+        integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==,
+      }
     hasBin: true
 
   json5@2.2.3:
-    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==,
+      }
+    engines: { node: ">=6" }
     hasBin: true
 
   jsx-ast-utils@3.3.5:
-    resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
-    engines: {node: '>=4.0'}
+    resolution:
+      {
+        integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==,
+      }
+    engines: { node: ">=4.0" }
 
   keyv@4.5.4:
-    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
+    resolution:
+      {
+        integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==,
+      }
 
   language-subtag-registry@0.3.23:
-    resolution: {integrity: sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==}
+    resolution:
+      {
+        integrity: sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==,
+      }
 
   language-tags@1.0.9:
-    resolution: {integrity: sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==}
-    engines: {node: '>=0.10'}
+    resolution:
+      {
+        integrity: sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==,
+      }
+    engines: { node: ">=0.10" }
 
   leven@3.1.0:
-    resolution: {integrity: sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==,
+      }
+    engines: { node: ">=6" }
 
   levn@0.4.1:
-    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
-    engines: {node: '>= 0.8.0'}
+    resolution:
+      {
+        integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==,
+      }
+    engines: { node: ">= 0.8.0" }
 
   lightningcss-darwin-arm64@1.30.1:
-    resolution: {integrity: sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==}
-    engines: {node: '>= 12.0.0'}
+    resolution:
+      {
+        integrity: sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==,
+      }
+    engines: { node: ">= 12.0.0" }
     cpu: [arm64]
     os: [darwin]
 
   lightningcss-darwin-x64@1.30.1:
-    resolution: {integrity: sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==}
-    engines: {node: '>= 12.0.0'}
+    resolution:
+      {
+        integrity: sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==,
+      }
+    engines: { node: ">= 12.0.0" }
     cpu: [x64]
     os: [darwin]
 
   lightningcss-freebsd-x64@1.30.1:
-    resolution: {integrity: sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==}
-    engines: {node: '>= 12.0.0'}
+    resolution:
+      {
+        integrity: sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==,
+      }
+    engines: { node: ">= 12.0.0" }
     cpu: [x64]
     os: [freebsd]
 
   lightningcss-linux-arm-gnueabihf@1.30.1:
-    resolution: {integrity: sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==}
-    engines: {node: '>= 12.0.0'}
+    resolution:
+      {
+        integrity: sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==,
+      }
+    engines: { node: ">= 12.0.0" }
     cpu: [arm]
     os: [linux]
 
   lightningcss-linux-arm64-gnu@1.30.1:
-    resolution: {integrity: sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==}
-    engines: {node: '>= 12.0.0'}
+    resolution:
+      {
+        integrity: sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==,
+      }
+    engines: { node: ">= 12.0.0" }
     cpu: [arm64]
     os: [linux]
 
   lightningcss-linux-arm64-musl@1.30.1:
-    resolution: {integrity: sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==}
-    engines: {node: '>= 12.0.0'}
+    resolution:
+      {
+        integrity: sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==,
+      }
+    engines: { node: ">= 12.0.0" }
     cpu: [arm64]
     os: [linux]
 
   lightningcss-linux-x64-gnu@1.30.1:
-    resolution: {integrity: sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==}
-    engines: {node: '>= 12.0.0'}
+    resolution:
+      {
+        integrity: sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==,
+      }
+    engines: { node: ">= 12.0.0" }
     cpu: [x64]
     os: [linux]
 
   lightningcss-linux-x64-musl@1.30.1:
-    resolution: {integrity: sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==}
-    engines: {node: '>= 12.0.0'}
+    resolution:
+      {
+        integrity: sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==,
+      }
+    engines: { node: ">= 12.0.0" }
     cpu: [x64]
     os: [linux]
 
   lightningcss-win32-arm64-msvc@1.30.1:
-    resolution: {integrity: sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==}
-    engines: {node: '>= 12.0.0'}
+    resolution:
+      {
+        integrity: sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==,
+      }
+    engines: { node: ">= 12.0.0" }
     cpu: [arm64]
     os: [win32]
 
   lightningcss-win32-x64-msvc@1.30.1:
-    resolution: {integrity: sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==}
-    engines: {node: '>= 12.0.0'}
+    resolution:
+      {
+        integrity: sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==,
+      }
+    engines: { node: ">= 12.0.0" }
     cpu: [x64]
     os: [win32]
 
   lightningcss@1.30.1:
-    resolution: {integrity: sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==}
-    engines: {node: '>= 12.0.0'}
+    resolution:
+      {
+        integrity: sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==,
+      }
+    engines: { node: ">= 12.0.0" }
 
   lines-and-columns@1.2.4:
-    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+    resolution:
+      {
+        integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==,
+      }
 
   locate-path@5.0.0:
-    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==,
+      }
+    engines: { node: ">=8" }
 
   locate-path@6.0.0:
-    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==,
+      }
+    engines: { node: ">=10" }
 
   lodash.merge@4.6.2:
-    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+    resolution:
+      {
+        integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==,
+      }
 
   loose-envify@1.4.0:
-    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
+    resolution:
+      {
+        integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==,
+      }
     hasBin: true
 
   lru-cache@10.4.3:
-    resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
+    resolution:
+      {
+        integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==,
+      }
 
   lru-cache@5.1.1:
-    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+    resolution:
+      {
+        integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==,
+      }
 
   lucide-react@0.541.0:
-    resolution: {integrity: sha512-s0Vircsu5WaGv2KoJZ5+SoxiAJ3UXV5KqEM3eIFDHaHkcLIFdIWgXtZ412+Gh02UsdS7Was+jvEpBvPCWQISlg==}
+    resolution:
+      {
+        integrity: sha512-s0Vircsu5WaGv2KoJZ5+SoxiAJ3UXV5KqEM3eIFDHaHkcLIFdIWgXtZ412+Gh02UsdS7Was+jvEpBvPCWQISlg==,
+      }
     peerDependencies:
       react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
   lz-string@1.5.0:
-    resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
+    resolution:
+      {
+        integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==,
+      }
     hasBin: true
 
   magic-string@0.30.18:
-    resolution: {integrity: sha512-yi8swmWbO17qHhwIBNeeZxTceJMeBvWJaId6dyvTSOwTipqeHhMhOrz6513r1sOKnpvQ7zkhlG8tPrpilwTxHQ==}
+    resolution:
+      {
+        integrity: sha512-yi8swmWbO17qHhwIBNeeZxTceJMeBvWJaId6dyvTSOwTipqeHhMhOrz6513r1sOKnpvQ7zkhlG8tPrpilwTxHQ==,
+      }
 
   make-dir@4.0.0:
-    resolution: {integrity: sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==,
+      }
+    engines: { node: ">=10" }
 
   makeerror@1.0.12:
-    resolution: {integrity: sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==}
+    resolution:
+      {
+        integrity: sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==,
+      }
 
   math-intrinsics@1.1.0:
-    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==,
+      }
+    engines: { node: ">= 0.4" }
 
   merge-stream@2.0.0:
-    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+    resolution:
+      {
+        integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==,
+      }
 
   merge2@1.4.1:
-    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
-    engines: {node: '>= 8'}
+    resolution:
+      {
+        integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==,
+      }
+    engines: { node: ">= 8" }
 
   micromatch@4.0.8:
-    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
-    engines: {node: '>=8.6'}
+    resolution:
+      {
+        integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==,
+      }
+    engines: { node: ">=8.6" }
 
   mimic-fn@2.1.0:
-    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==,
+      }
+    engines: { node: ">=6" }
 
   min-indent@1.0.1:
-    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
-    engines: {node: '>=4'}
+    resolution:
+      {
+        integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==,
+      }
+    engines: { node: ">=4" }
 
   minimatch@3.1.2:
-    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+    resolution:
+      {
+        integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==,
+      }
 
   minimatch@9.0.5:
-    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
-    engines: {node: '>=16 || 14 >=14.17'}
+    resolution:
+      {
+        integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==,
+      }
+    engines: { node: ">=16 || 14 >=14.17" }
 
   minimist@1.2.8:
-    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+    resolution:
+      {
+        integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==,
+      }
 
   minipass@7.1.2:
-    resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
-    engines: {node: '>=16 || 14 >=14.17'}
+    resolution:
+      {
+        integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==,
+      }
+    engines: { node: ">=16 || 14 >=14.17" }
 
   minizlib@3.0.2:
-    resolution: {integrity: sha512-oG62iEk+CYt5Xj2YqI5Xi9xWUeZhDI8jjQmC5oThVH5JGCTgIjr7ciJDzC7MBzYd//WvR1OTmP5Q38Q8ShQtVA==}
-    engines: {node: '>= 18'}
+    resolution:
+      {
+        integrity: sha512-oG62iEk+CYt5Xj2YqI5Xi9xWUeZhDI8jjQmC5oThVH5JGCTgIjr7ciJDzC7MBzYd//WvR1OTmP5Q38Q8ShQtVA==,
+      }
+    engines: { node: ">= 18" }
 
   mkdirp@3.0.1:
-    resolution: {integrity: sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==,
+      }
+    engines: { node: ">=10" }
     hasBin: true
 
   ms@2.1.3:
-    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+    resolution:
+      {
+        integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==,
+      }
 
   nanoid@3.3.11:
-    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
-    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    resolution:
+      {
+        integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==,
+      }
+    engines: { node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1 }
     hasBin: true
 
   napi-postinstall@0.3.3:
-    resolution: {integrity: sha512-uTp172LLXSxuSYHv/kou+f6KW3SMppU9ivthaVTXian9sOt3XM/zHYHpRZiLgQoxeWfYUnslNWQHF1+G71xcow==}
-    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
+    resolution:
+      {
+        integrity: sha512-uTp172LLXSxuSYHv/kou+f6KW3SMppU9ivthaVTXian9sOt3XM/zHYHpRZiLgQoxeWfYUnslNWQHF1+G71xcow==,
+      }
+    engines: { node: ^12.20.0 || ^14.18.0 || >=16.0.0 }
     hasBin: true
 
   natural-compare@1.4.0:
-    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+    resolution:
+      {
+        integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==,
+      }
 
   next@15.5.0:
-    resolution: {integrity: sha512-N1lp9Hatw3a9XLt0307lGB4uTKsXDhyOKQo7uYMzX4i0nF/c27grcGXkLdb7VcT8QPYLBa8ouIyEoUQJ2OyeNQ==}
-    engines: {node: ^18.18.0 || ^19.8.0 || >= 20.0.0}
+    resolution:
+      {
+        integrity: sha512-N1lp9Hatw3a9XLt0307lGB4uTKsXDhyOKQo7uYMzX4i0nF/c27grcGXkLdb7VcT8QPYLBa8ouIyEoUQJ2OyeNQ==,
+      }
+    engines: { node: ^18.18.0 || ^19.8.0 || >= 20.0.0 }
     hasBin: true
     peerDependencies:
-      '@opentelemetry/api': ^1.1.0
-      '@playwright/test': ^1.51.1
-      babel-plugin-react-compiler: '*'
+      "@opentelemetry/api": ^1.1.0
+      "@playwright/test": ^1.51.1
+      babel-plugin-react-compiler: "*"
       react: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
       react-dom: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
       sass: ^1.3.0
     peerDependenciesMeta:
-      '@opentelemetry/api':
+      "@opentelemetry/api":
         optional: true
-      '@playwright/test':
+      "@playwright/test":
         optional: true
       babel-plugin-react-compiler:
         optional: true
@@ -2610,204 +4306,333 @@ packages:
         optional: true
 
   node-int64@0.4.0:
-    resolution: {integrity: sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==}
+    resolution:
+      {
+        integrity: sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==,
+      }
 
   node-releases@2.0.19:
-    resolution: {integrity: sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==}
+    resolution:
+      {
+        integrity: sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==,
+      }
 
   normalize-path@3.0.0:
-    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==,
+      }
+    engines: { node: ">=0.10.0" }
 
   npm-run-path@4.0.1:
-    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==,
+      }
+    engines: { node: ">=8" }
 
   nwsapi@2.2.21:
-    resolution: {integrity: sha512-o6nIY3qwiSXl7/LuOU0Dmuctd34Yay0yeuZRLFmDPrrdHpXKFndPj3hM+YEPVHYC5fx2otBx4Ilc/gyYSAUaIA==}
+    resolution:
+      {
+        integrity: sha512-o6nIY3qwiSXl7/LuOU0Dmuctd34Yay0yeuZRLFmDPrrdHpXKFndPj3hM+YEPVHYC5fx2otBx4Ilc/gyYSAUaIA==,
+      }
 
   object-assign@4.1.1:
-    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==,
+      }
+    engines: { node: ">=0.10.0" }
 
   object-inspect@1.13.4:
-    resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==,
+      }
+    engines: { node: ">= 0.4" }
 
   object-keys@1.1.1:
-    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==,
+      }
+    engines: { node: ">= 0.4" }
 
   object.assign@4.1.7:
-    resolution: {integrity: sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==,
+      }
+    engines: { node: ">= 0.4" }
 
   object.entries@1.1.9:
-    resolution: {integrity: sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==,
+      }
+    engines: { node: ">= 0.4" }
 
   object.fromentries@2.0.8:
-    resolution: {integrity: sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   object.groupby@1.0.3:
-    resolution: {integrity: sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   object.values@1.2.1:
-    resolution: {integrity: sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==,
+      }
+    engines: { node: ">= 0.4" }
 
   once@1.4.0:
-    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+    resolution:
+      {
+        integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==,
+      }
 
   onetime@5.1.2:
-    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==,
+      }
+    engines: { node: ">=6" }
 
   optionator@0.9.4:
-    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
-    engines: {node: '>= 0.8.0'}
+    resolution:
+      {
+        integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==,
+      }
+    engines: { node: ">= 0.8.0" }
 
   own-keys@1.0.1:
-    resolution: {integrity: sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==,
+      }
+    engines: { node: ">= 0.4" }
 
   p-limit@2.3.0:
-    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==,
+      }
+    engines: { node: ">=6" }
 
   p-limit@3.1.0:
-    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==,
+      }
+    engines: { node: ">=10" }
 
   p-locate@4.1.0:
-    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==,
+      }
+    engines: { node: ">=8" }
 
   p-locate@5.0.0:
-    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==,
+      }
+    engines: { node: ">=10" }
 
   p-try@2.2.0:
-    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==,
+      }
+    engines: { node: ">=6" }
 
   package-json-from-dist@1.0.1:
-    resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
+    resolution:
+      {
+        integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==,
+      }
 
   parent-module@1.0.1:
-    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==,
+      }
+    engines: { node: ">=6" }
 
   parse-json@5.2.0:
-    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==,
+      }
+    engines: { node: ">=8" }
 
   parse5@7.3.0:
-    resolution: {integrity: sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==}
+    resolution:
+      {
+        integrity: sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==,
+      }
 
   path-exists@4.0.0:
-    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==,
+      }
+    engines: { node: ">=8" }
 
   path-is-absolute@1.0.1:
-    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==,
+      }
+    engines: { node: ">=0.10.0" }
 
   path-key@3.1.1:
-    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==,
+      }
+    engines: { node: ">=8" }
 
   path-parse@1.0.7:
-    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+    resolution:
+      {
+        integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==,
+      }
 
   path-scurry@1.11.1:
-    resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
-    engines: {node: '>=16 || 14 >=14.18'}
+    resolution:
+      {
+        integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==,
+      }
+    engines: { node: ">=16 || 14 >=14.18" }
 
   picocolors@1.1.1:
-    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+    resolution:
+      {
+        integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==,
+      }
 
   picomatch@2.3.1:
-    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
-    engines: {node: '>=8.6'}
+    resolution:
+      {
+        integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==,
+      }
+    engines: { node: ">=8.6" }
 
   picomatch@4.0.3:
-    resolution: {integrity: sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==,
+      }
+    engines: { node: ">=12" }
 
   pirates@4.0.7:
-    resolution: {integrity: sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==}
-    engines: {node: '>= 6'}
+    resolution:
+      {
+        integrity: sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==,
+      }
+    engines: { node: ">= 6" }
 
   pkg-dir@4.2.0:
-    resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==,
+      }
+    engines: { node: ">=8" }
 
   playwright-core@1.55.0:
-    resolution: {integrity: sha512-GvZs4vU3U5ro2nZpeiwyb0zuFaqb9sUiAJuyrWpcGouD8y9/HLgGbNRjIph7zU9D3hnPaisMl9zG9CgFi/biIg==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-GvZs4vU3U5ro2nZpeiwyb0zuFaqb9sUiAJuyrWpcGouD8y9/HLgGbNRjIph7zU9D3hnPaisMl9zG9CgFi/biIg==,
+      }
+    engines: { node: ">=18" }
     hasBin: true
 
   playwright@1.55.0:
-    resolution: {integrity: sha512-sdCWStblvV1YU909Xqx0DhOjPZE4/5lJsIS84IfN9dAZfcl/CIZ5O8l3o0j7hPMjDvqoTF8ZUcc+i/GL5erstA==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-sdCWStblvV1YU909Xqx0DhOjPZE4/5lJsIS84IfN9dAZfcl/CIZ5O8l3o0j7hPMjDvqoTF8ZUcc+i/GL5erstA==,
+      }
+    engines: { node: ">=18" }
     hasBin: true
 
   possible-typed-array-names@1.1.0:
-    resolution: {integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==,
+      }
+    engines: { node: ">= 0.4" }
 
   postcss@8.4.31:
-    resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
-    engines: {node: ^10 || ^12 || >=14}
+    resolution:
+      {
+        integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==,
+      }
+    engines: { node: ^10 || ^12 || >=14 }
 
   postcss@8.5.6:
-    resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
-    engines: {node: ^10 || ^12 || >=14}
+    resolution:
+      {
+        integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==,
+      }
+    engines: { node: ^10 || ^12 || >=14 }
 
   prelude-ls@1.2.1:
-    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
-    engines: {node: '>= 0.8.0'}
+    resolution:
+      {
+        integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==,
+      }
+    engines: { node: ">= 0.8.0" }
 
   prettier-plugin-tailwindcss@0.6.14:
-    resolution: {integrity: sha512-pi2e/+ZygeIqntN+vC573BcW5Cve8zUB0SSAGxqpB4f96boZF4M3phPVoOFCeypwkpRYdi7+jQ5YJJUwrkGUAg==}
-    engines: {node: '>=14.21.3'}
+    resolution:
+      {
+        integrity: sha512-pi2e/+ZygeIqntN+vC573BcW5Cve8zUB0SSAGxqpB4f96boZF4M3phPVoOFCeypwkpRYdi7+jQ5YJJUwrkGUAg==,
+      }
+    engines: { node: ">=14.21.3" }
     peerDependencies:
-      '@ianvs/prettier-plugin-sort-imports': '*'
-      '@prettier/plugin-hermes': '*'
-      '@prettier/plugin-oxc': '*'
-      '@prettier/plugin-pug': '*'
-      '@shopify/prettier-plugin-liquid': '*'
-      '@trivago/prettier-plugin-sort-imports': '*'
-      '@zackad/prettier-plugin-twig': '*'
+      "@ianvs/prettier-plugin-sort-imports": "*"
+      "@prettier/plugin-hermes": "*"
+      "@prettier/plugin-oxc": "*"
+      "@prettier/plugin-pug": "*"
+      "@shopify/prettier-plugin-liquid": "*"
+      "@trivago/prettier-plugin-sort-imports": "*"
+      "@zackad/prettier-plugin-twig": "*"
       prettier: ^3.0
-      prettier-plugin-astro: '*'
-      prettier-plugin-css-order: '*'
-      prettier-plugin-import-sort: '*'
-      prettier-plugin-jsdoc: '*'
-      prettier-plugin-marko: '*'
-      prettier-plugin-multiline-arrays: '*'
-      prettier-plugin-organize-attributes: '*'
-      prettier-plugin-organize-imports: '*'
-      prettier-plugin-sort-imports: '*'
-      prettier-plugin-style-order: '*'
-      prettier-plugin-svelte: '*'
+      prettier-plugin-astro: "*"
+      prettier-plugin-css-order: "*"
+      prettier-plugin-import-sort: "*"
+      prettier-plugin-jsdoc: "*"
+      prettier-plugin-marko: "*"
+      prettier-plugin-multiline-arrays: "*"
+      prettier-plugin-organize-attributes: "*"
+      prettier-plugin-organize-imports: "*"
+      prettier-plugin-sort-imports: "*"
+      prettier-plugin-style-order: "*"
+      prettier-plugin-svelte: "*"
     peerDependenciesMeta:
-      '@ianvs/prettier-plugin-sort-imports':
+      "@ianvs/prettier-plugin-sort-imports":
         optional: true
-      '@prettier/plugin-hermes':
+      "@prettier/plugin-hermes":
         optional: true
-      '@prettier/plugin-oxc':
+      "@prettier/plugin-oxc":
         optional: true
-      '@prettier/plugin-pug':
+      "@prettier/plugin-pug":
         optional: true
-      '@shopify/prettier-plugin-liquid':
+      "@shopify/prettier-plugin-liquid":
         optional: true
-      '@trivago/prettier-plugin-sort-imports':
+      "@trivago/prettier-plugin-sort-imports":
         optional: true
-      '@zackad/prettier-plugin-twig':
+      "@zackad/prettier-plugin-twig":
         optional: true
       prettier-plugin-astro:
         optional: true
@@ -2833,539 +4658,938 @@ packages:
         optional: true
 
   prettier@3.6.2:
-    resolution: {integrity: sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==}
-    engines: {node: '>=14'}
+    resolution:
+      {
+        integrity: sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==,
+      }
+    engines: { node: ">=14" }
     hasBin: true
 
   pretty-format@27.5.1:
-    resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
-    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
+    resolution:
+      {
+        integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==,
+      }
+    engines: { node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0 }
 
   pretty-format@30.0.5:
-    resolution: {integrity: sha512-D1tKtYvByrBkFLe2wHJl2bwMJIiT8rW+XA+TiataH79/FszLQMrpGEvzUVkzPau7OCO0Qnrhpe87PqtOAIB8Yw==}
-    engines: {node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0}
+    resolution:
+      {
+        integrity: sha512-D1tKtYvByrBkFLe2wHJl2bwMJIiT8rW+XA+TiataH79/FszLQMrpGEvzUVkzPau7OCO0Qnrhpe87PqtOAIB8Yw==,
+      }
+    engines: { node: ^18.14.0 || ^20.0.0 || ^22.0.0 || >=24.0.0 }
 
   prop-types@15.8.1:
-    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
+    resolution:
+      {
+        integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==,
+      }
 
   punycode@2.3.1:
-    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==,
+      }
+    engines: { node: ">=6" }
 
   pure-rand@7.0.1:
-    resolution: {integrity: sha512-oTUZM/NAZS8p7ANR3SHh30kXB+zK2r2BPcEn/awJIbOvq82WoMN4p62AWWp3Hhw50G0xMsw1mhIBLqHw64EcNQ==}
+    resolution:
+      {
+        integrity: sha512-oTUZM/NAZS8p7ANR3SHh30kXB+zK2r2BPcEn/awJIbOvq82WoMN4p62AWWp3Hhw50G0xMsw1mhIBLqHw64EcNQ==,
+      }
 
   queue-microtask@1.2.3:
-    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+    resolution:
+      {
+        integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==,
+      }
 
   react-dom@19.1.0:
-    resolution: {integrity: sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==}
+    resolution:
+      {
+        integrity: sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==,
+      }
     peerDependencies:
       react: ^19.1.0
 
   react-hook-form@7.62.0:
-    resolution: {integrity: sha512-7KWFejc98xqG/F4bAxpL41NB3o1nnvQO1RWZT3TqRZYL8RryQETGfEdVnJN2fy1crCiBLLjkRBVK05j24FxJGA==}
-    engines: {node: '>=18.0.0'}
+    resolution:
+      {
+        integrity: sha512-7KWFejc98xqG/F4bAxpL41NB3o1nnvQO1RWZT3TqRZYL8RryQETGfEdVnJN2fy1crCiBLLjkRBVK05j24FxJGA==,
+      }
+    engines: { node: ">=18.0.0" }
     peerDependencies:
       react: ^16.8.0 || ^17 || ^18 || ^19
 
   react-is@16.13.1:
-    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
+    resolution:
+      {
+        integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==,
+      }
 
   react-is@17.0.2:
-    resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
+    resolution:
+      {
+        integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==,
+      }
 
   react-is@18.3.1:
-    resolution: {integrity: sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==}
+    resolution:
+      {
+        integrity: sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==,
+      }
 
   react-redux@9.2.0:
-    resolution: {integrity: sha512-ROY9fvHhwOD9ySfrF0wmvu//bKCQ6AeZZq1nJNtbDC+kk5DuSuNX/n6YWYF/SYy7bSba4D4FSz8DJeKY/S/r+g==}
+    resolution:
+      {
+        integrity: sha512-ROY9fvHhwOD9ySfrF0wmvu//bKCQ6AeZZq1nJNtbDC+kk5DuSuNX/n6YWYF/SYy7bSba4D4FSz8DJeKY/S/r+g==,
+      }
     peerDependencies:
-      '@types/react': ^18.2.25 || ^19
+      "@types/react": ^18.2.25 || ^19
       react: ^18.0 || ^19
       redux: ^5.0.0
     peerDependenciesMeta:
-      '@types/react':
+      "@types/react":
         optional: true
       redux:
         optional: true
 
   react@19.1.0:
-    resolution: {integrity: sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==,
+      }
+    engines: { node: ">=0.10.0" }
 
   recharts@3.1.2:
-    resolution: {integrity: sha512-vhNbYwaxNbk/IATK0Ki29k3qvTkGqwvCgyQAQ9MavvvBwjvKnMTswdbklJpcOAoMPN/qxF3Lyqob0zO+ZXkZ4g==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-vhNbYwaxNbk/IATK0Ki29k3qvTkGqwvCgyQAQ9MavvvBwjvKnMTswdbklJpcOAoMPN/qxF3Lyqob0zO+ZXkZ4g==,
+      }
+    engines: { node: ">=18" }
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-is: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
   redent@3.0.0:
-    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==,
+      }
+    engines: { node: ">=8" }
 
   redux-thunk@3.1.0:
-    resolution: {integrity: sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==}
+    resolution:
+      {
+        integrity: sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==,
+      }
     peerDependencies:
       redux: ^5.0.0
 
   redux@5.0.1:
-    resolution: {integrity: sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==}
+    resolution:
+      {
+        integrity: sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==,
+      }
 
   reflect.getprototypeof@1.0.10:
-    resolution: {integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==,
+      }
+    engines: { node: ">= 0.4" }
 
   regexp.prototype.flags@1.5.4:
-    resolution: {integrity: sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==,
+      }
+    engines: { node: ">= 0.4" }
 
   require-directory@2.1.1:
-    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==,
+      }
+    engines: { node: ">=0.10.0" }
 
   reselect@5.1.1:
-    resolution: {integrity: sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==}
+    resolution:
+      {
+        integrity: sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==,
+      }
 
   resolve-cwd@3.0.0:
-    resolution: {integrity: sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==,
+      }
+    engines: { node: ">=8" }
 
   resolve-from@4.0.0:
-    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
-    engines: {node: '>=4'}
+    resolution:
+      {
+        integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==,
+      }
+    engines: { node: ">=4" }
 
   resolve-from@5.0.0:
-    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==,
+      }
+    engines: { node: ">=8" }
 
   resolve-pkg-maps@1.0.0:
-    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
+    resolution:
+      {
+        integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==,
+      }
 
   resolve@1.22.10:
-    resolution: {integrity: sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==,
+      }
+    engines: { node: ">= 0.4" }
     hasBin: true
 
   resolve@2.0.0-next.5:
-    resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
+    resolution:
+      {
+        integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==,
+      }
     hasBin: true
 
   reusify@1.1.0:
-    resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
-    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==,
+      }
+    engines: { iojs: ">=1.0.0", node: ">=0.10.0" }
 
   rrweb-cssom@0.8.0:
-    resolution: {integrity: sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==}
+    resolution:
+      {
+        integrity: sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==,
+      }
 
   run-parallel@1.2.0:
-    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+    resolution:
+      {
+        integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==,
+      }
 
   safe-array-concat@1.1.3:
-    resolution: {integrity: sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==}
-    engines: {node: '>=0.4'}
+    resolution:
+      {
+        integrity: sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==,
+      }
+    engines: { node: ">=0.4" }
 
   safe-push-apply@1.0.0:
-    resolution: {integrity: sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==,
+      }
+    engines: { node: ">= 0.4" }
 
   safe-regex-test@1.1.0:
-    resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==,
+      }
+    engines: { node: ">= 0.4" }
 
   safer-buffer@2.1.2:
-    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+    resolution:
+      {
+        integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==,
+      }
 
   saxes@6.0.0:
-    resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
-    engines: {node: '>=v12.22.7'}
+    resolution:
+      {
+        integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==,
+      }
+    engines: { node: ">=v12.22.7" }
 
   scheduler@0.26.0:
-    resolution: {integrity: sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==}
+    resolution:
+      {
+        integrity: sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==,
+      }
 
   semver@6.3.1:
-    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    resolution:
+      {
+        integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==,
+      }
     hasBin: true
 
   semver@7.7.2:
-    resolution: {integrity: sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==,
+      }
+    engines: { node: ">=10" }
     hasBin: true
 
   set-function-length@1.2.2:
-    resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==,
+      }
+    engines: { node: ">= 0.4" }
 
   set-function-name@2.0.2:
-    resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   set-proto@1.0.0:
-    resolution: {integrity: sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==,
+      }
+    engines: { node: ">= 0.4" }
 
   sharp@0.34.3:
-    resolution: {integrity: sha512-eX2IQ6nFohW4DbvHIOLRB3MHFpYqaqvXd3Tp5e/T/dSH83fxaNJQRvDMhASmkNTsNTVF2/OOopzRCt7xokgPfg==}
-    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    resolution:
+      {
+        integrity: sha512-eX2IQ6nFohW4DbvHIOLRB3MHFpYqaqvXd3Tp5e/T/dSH83fxaNJQRvDMhASmkNTsNTVF2/OOopzRCt7xokgPfg==,
+      }
+    engines: { node: ^18.17.0 || ^20.3.0 || >=21.0.0 }
 
   shebang-command@2.0.0:
-    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==,
+      }
+    engines: { node: ">=8" }
 
   shebang-regex@3.0.0:
-    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==,
+      }
+    engines: { node: ">=8" }
 
   side-channel-list@1.0.0:
-    resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==,
+      }
+    engines: { node: ">= 0.4" }
 
   side-channel-map@1.0.1:
-    resolution: {integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==,
+      }
+    engines: { node: ">= 0.4" }
 
   side-channel-weakmap@1.0.2:
-    resolution: {integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==,
+      }
+    engines: { node: ">= 0.4" }
 
   side-channel@1.1.0:
-    resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==,
+      }
+    engines: { node: ">= 0.4" }
 
   signal-exit@3.0.7:
-    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
+    resolution:
+      {
+        integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==,
+      }
 
   signal-exit@4.1.0:
-    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
-    engines: {node: '>=14'}
+    resolution:
+      {
+        integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==,
+      }
+    engines: { node: ">=14" }
 
   simple-swizzle@0.2.2:
-    resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
+    resolution:
+      {
+        integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==,
+      }
 
   slash@3.0.0:
-    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==,
+      }
+    engines: { node: ">=8" }
 
   source-map-js@1.2.1:
-    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==,
+      }
+    engines: { node: ">=0.10.0" }
 
   source-map-support@0.5.13:
-    resolution: {integrity: sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==}
+    resolution:
+      {
+        integrity: sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==,
+      }
 
   source-map@0.6.1:
-    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==,
+      }
+    engines: { node: ">=0.10.0" }
 
   sprintf-js@1.0.3:
-    resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
+    resolution:
+      {
+        integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==,
+      }
 
   stable-hash@0.0.5:
-    resolution: {integrity: sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA==}
+    resolution:
+      {
+        integrity: sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA==,
+      }
 
   stack-utils@2.0.6:
-    resolution: {integrity: sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==,
+      }
+    engines: { node: ">=10" }
 
   stop-iteration-iterator@1.1.0:
-    resolution: {integrity: sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   string-length@4.0.2:
-    resolution: {integrity: sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==,
+      }
+    engines: { node: ">=10" }
 
   string-width@4.2.3:
-    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==,
+      }
+    engines: { node: ">=8" }
 
   string-width@5.1.2:
-    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==,
+      }
+    engines: { node: ">=12" }
 
   string.prototype.includes@2.0.1:
-    resolution: {integrity: sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==,
+      }
+    engines: { node: ">= 0.4" }
 
   string.prototype.matchall@4.0.12:
-    resolution: {integrity: sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==,
+      }
+    engines: { node: ">= 0.4" }
 
   string.prototype.repeat@1.0.0:
-    resolution: {integrity: sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==}
+    resolution:
+      {
+        integrity: sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==,
+      }
 
   string.prototype.trim@1.2.10:
-    resolution: {integrity: sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==,
+      }
+    engines: { node: ">= 0.4" }
 
   string.prototype.trimend@1.0.9:
-    resolution: {integrity: sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   string.prototype.trimstart@1.0.8:
-    resolution: {integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==,
+      }
+    engines: { node: ">= 0.4" }
 
   strip-ansi@6.0.1:
-    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==,
+      }
+    engines: { node: ">=8" }
 
   strip-ansi@7.1.0:
-    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==,
+      }
+    engines: { node: ">=12" }
 
   strip-bom@3.0.0:
-    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
-    engines: {node: '>=4'}
+    resolution:
+      {
+        integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==,
+      }
+    engines: { node: ">=4" }
 
   strip-bom@4.0.0:
-    resolution: {integrity: sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==,
+      }
+    engines: { node: ">=8" }
 
   strip-final-newline@2.0.0:
-    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==,
+      }
+    engines: { node: ">=6" }
 
   strip-indent@3.0.0:
-    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==,
+      }
+    engines: { node: ">=8" }
 
   strip-json-comments@3.1.1:
-    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==,
+      }
+    engines: { node: ">=8" }
 
   styled-jsx@5.1.6:
-    resolution: {integrity: sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==}
-    engines: {node: '>= 12.0.0'}
+    resolution:
+      {
+        integrity: sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==,
+      }
+    engines: { node: ">= 12.0.0" }
     peerDependencies:
-      '@babel/core': '*'
-      babel-plugin-macros: '*'
-      react: '>= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0'
+      "@babel/core": "*"
+      babel-plugin-macros: "*"
+      react: ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
     peerDependenciesMeta:
-      '@babel/core':
+      "@babel/core":
         optional: true
       babel-plugin-macros:
         optional: true
 
   supports-color@7.2.0:
-    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==,
+      }
+    engines: { node: ">=8" }
 
   supports-color@8.1.1:
-    resolution: {integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==,
+      }
+    engines: { node: ">=10" }
 
   supports-preserve-symlinks-flag@1.0.0:
-    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==,
+      }
+    engines: { node: ">= 0.4" }
 
   symbol-tree@3.2.4:
-    resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
+    resolution:
+      {
+        integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==,
+      }
 
   synckit@0.11.11:
-    resolution: {integrity: sha512-MeQTA1r0litLUf0Rp/iisCaL8761lKAZHaimlbGK4j0HysC4PLfqygQj9srcs0m2RdtDYnF8UuYyKpbjHYp7Jw==}
-    engines: {node: ^14.18.0 || >=16.0.0}
+    resolution:
+      {
+        integrity: sha512-MeQTA1r0litLUf0Rp/iisCaL8761lKAZHaimlbGK4j0HysC4PLfqygQj9srcs0m2RdtDYnF8UuYyKpbjHYp7Jw==,
+      }
+    engines: { node: ^14.18.0 || >=16.0.0 }
 
   tailwindcss@4.1.12:
-    resolution: {integrity: sha512-DzFtxOi+7NsFf7DBtI3BJsynR+0Yp6etH+nRPTbpWnS2pZBaSksv/JGctNwSWzbFjp0vxSqknaUylseZqMDGrA==}
+    resolution:
+      {
+        integrity: sha512-DzFtxOi+7NsFf7DBtI3BJsynR+0Yp6etH+nRPTbpWnS2pZBaSksv/JGctNwSWzbFjp0vxSqknaUylseZqMDGrA==,
+      }
 
   tapable@2.2.2:
-    resolution: {integrity: sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==}
-    engines: {node: '>=6'}
+    resolution:
+      {
+        integrity: sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==,
+      }
+    engines: { node: ">=6" }
 
   tar@7.4.3:
-    resolution: {integrity: sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==,
+      }
+    engines: { node: ">=18" }
 
   test-exclude@6.0.0:
-    resolution: {integrity: sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==}
-    engines: {node: '>=8'}
+    resolution:
+      {
+        integrity: sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==,
+      }
+    engines: { node: ">=8" }
 
   tiny-invariant@1.3.3:
-    resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
+    resolution:
+      {
+        integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==,
+      }
 
   tinyglobby@0.2.14:
-    resolution: {integrity: sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==}
-    engines: {node: '>=12.0.0'}
+    resolution:
+      {
+        integrity: sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==,
+      }
+    engines: { node: ">=12.0.0" }
 
   tldts-core@6.1.86:
-    resolution: {integrity: sha512-Je6p7pkk+KMzMv2XXKmAE3McmolOQFdxkKw0R8EYNr7sELW46JqnNeTX8ybPiQgvg1ymCoF8LXs5fzFaZvJPTA==}
+    resolution:
+      {
+        integrity: sha512-Je6p7pkk+KMzMv2XXKmAE3McmolOQFdxkKw0R8EYNr7sELW46JqnNeTX8ybPiQgvg1ymCoF8LXs5fzFaZvJPTA==,
+      }
 
   tldts@6.1.86:
-    resolution: {integrity: sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==}
+    resolution:
+      {
+        integrity: sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==,
+      }
     hasBin: true
 
   tmpl@1.0.5:
-    resolution: {integrity: sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==}
+    resolution:
+      {
+        integrity: sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==,
+      }
 
   to-regex-range@5.0.1:
-    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
-    engines: {node: '>=8.0'}
+    resolution:
+      {
+        integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==,
+      }
+    engines: { node: ">=8.0" }
 
   tough-cookie@5.1.2:
-    resolution: {integrity: sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==}
-    engines: {node: '>=16'}
+    resolution:
+      {
+        integrity: sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==,
+      }
+    engines: { node: ">=16" }
 
   tr46@0.0.3:
-    resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
+    resolution:
+      {
+        integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==,
+      }
 
   tr46@5.1.1:
-    resolution: {integrity: sha512-hdF5ZgjTqgAntKkklYw0R03MG2x/bSzTtkxmIRw/sTNV8YXsCJ1tfLAX23lhxhHJlEf3CRCOCGGWw3vI3GaSPw==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-hdF5ZgjTqgAntKkklYw0R03MG2x/bSzTtkxmIRw/sTNV8YXsCJ1tfLAX23lhxhHJlEf3CRCOCGGWw3vI3GaSPw==,
+      }
+    engines: { node: ">=18" }
 
   ts-api-utils@2.1.0:
-    resolution: {integrity: sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==}
-    engines: {node: '>=18.12'}
+    resolution:
+      {
+        integrity: sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==,
+      }
+    engines: { node: ">=18.12" }
     peerDependencies:
-      typescript: '>=4.8.4'
+      typescript: ">=4.8.4"
 
   tsconfig-paths@3.15.0:
-    resolution: {integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==}
+    resolution:
+      {
+        integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==,
+      }
 
   tslib@2.8.1:
-    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+    resolution:
+      {
+        integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==,
+      }
 
   type-check@0.4.0:
-    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
-    engines: {node: '>= 0.8.0'}
+    resolution:
+      {
+        integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==,
+      }
+    engines: { node: ">= 0.8.0" }
 
   type-detect@4.0.8:
-    resolution: {integrity: sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==}
-    engines: {node: '>=4'}
+    resolution:
+      {
+        integrity: sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==,
+      }
+    engines: { node: ">=4" }
 
   type-fest@0.21.3:
-    resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==,
+      }
+    engines: { node: ">=10" }
 
   typed-array-buffer@1.0.3:
-    resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==,
+      }
+    engines: { node: ">= 0.4" }
 
   typed-array-byte-length@1.0.3:
-    resolution: {integrity: sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==,
+      }
+    engines: { node: ">= 0.4" }
 
   typed-array-byte-offset@1.0.4:
-    resolution: {integrity: sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==,
+      }
+    engines: { node: ">= 0.4" }
 
   typed-array-length@1.0.7:
-    resolution: {integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==,
+      }
+    engines: { node: ">= 0.4" }
 
   typescript@5.9.2:
-    resolution: {integrity: sha512-CWBzXQrc/qOkhidw1OzBTQuYRbfyxDXJMVJ1XNwUHGROVmuaeiEm3OslpZ1RV96d7SKKjZKrSJu3+t/xlw3R9A==}
-    engines: {node: '>=14.17'}
+    resolution:
+      {
+        integrity: sha512-CWBzXQrc/qOkhidw1OzBTQuYRbfyxDXJMVJ1XNwUHGROVmuaeiEm3OslpZ1RV96d7SKKjZKrSJu3+t/xlw3R9A==,
+      }
+    engines: { node: ">=14.17" }
     hasBin: true
 
   unbox-primitive@1.1.0:
-    resolution: {integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==,
+      }
+    engines: { node: ">= 0.4" }
 
   undici-types@6.21.0:
-    resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
+    resolution:
+      {
+        integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==,
+      }
 
   unrs-resolver@1.11.1:
-    resolution: {integrity: sha512-bSjt9pjaEBnNiGgc9rUiHGKv5l4/TGzDmYw3RhnkJGtLhbnnA/5qJj7x3dNDCRx/PJxu774LlH8lCOlB4hEfKg==}
+    resolution:
+      {
+        integrity: sha512-bSjt9pjaEBnNiGgc9rUiHGKv5l4/TGzDmYw3RhnkJGtLhbnnA/5qJj7x3dNDCRx/PJxu774LlH8lCOlB4hEfKg==,
+      }
 
   update-browserslist-db@1.1.3:
-    resolution: {integrity: sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==}
+    resolution:
+      {
+        integrity: sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==,
+      }
     hasBin: true
     peerDependencies:
-      browserslist: '>= 4.21.0'
+      browserslist: ">= 4.21.0"
 
   uri-js@4.4.1:
-    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+    resolution:
+      {
+        integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==,
+      }
 
   use-sync-external-store@1.5.0:
-    resolution: {integrity: sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A==}
+    resolution:
+      {
+        integrity: sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A==,
+      }
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
   v8-to-istanbul@9.3.0:
-    resolution: {integrity: sha512-kiGUalWN+rgBJ/1OHZsBtU4rXZOfj/7rKQxULKlIzwzQSvMJUUNgPwJEEh7gU6xEVxC0ahoOBvN2YI8GH6FNgA==}
-    engines: {node: '>=10.12.0'}
+    resolution:
+      {
+        integrity: sha512-kiGUalWN+rgBJ/1OHZsBtU4rXZOfj/7rKQxULKlIzwzQSvMJUUNgPwJEEh7gU6xEVxC0ahoOBvN2YI8GH6FNgA==,
+      }
+    engines: { node: ">=10.12.0" }
 
   victory-vendor@37.3.6:
-    resolution: {integrity: sha512-SbPDPdDBYp+5MJHhBCAyI7wKM3d5ivekigc2Dk2s7pgbZ9wIgIBYGVw4zGHBml/qTFbexrofXW6Gu4noGxrOwQ==}
+    resolution:
+      {
+        integrity: sha512-SbPDPdDBYp+5MJHhBCAyI7wKM3d5ivekigc2Dk2s7pgbZ9wIgIBYGVw4zGHBml/qTFbexrofXW6Gu4noGxrOwQ==,
+      }
 
   w3c-xmlserializer@5.0.0:
-    resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==,
+      }
+    engines: { node: ">=18" }
 
   walker@1.0.8:
-    resolution: {integrity: sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==}
+    resolution:
+      {
+        integrity: sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==,
+      }
 
   webidl-conversions@3.0.1:
-    resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
+    resolution:
+      {
+        integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==,
+      }
 
   webidl-conversions@7.0.0:
-    resolution: {integrity: sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==,
+      }
+    engines: { node: ">=12" }
 
   whatwg-encoding@3.1.1:
-    resolution: {integrity: sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==,
+      }
+    engines: { node: ">=18" }
 
   whatwg-mimetype@4.0.0:
-    resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==,
+      }
+    engines: { node: ">=18" }
 
   whatwg-url@14.2.0:
-    resolution: {integrity: sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==,
+      }
+    engines: { node: ">=18" }
 
   whatwg-url@5.0.0:
-    resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
+    resolution:
+      {
+        integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==,
+      }
 
   which-boxed-primitive@1.1.1:
-    resolution: {integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==,
+      }
+    engines: { node: ">= 0.4" }
 
   which-builtin-type@1.2.1:
-    resolution: {integrity: sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==,
+      }
+    engines: { node: ">= 0.4" }
 
   which-collection@1.0.2:
-    resolution: {integrity: sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==,
+      }
+    engines: { node: ">= 0.4" }
 
   which-typed-array@1.1.19:
-    resolution: {integrity: sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==}
-    engines: {node: '>= 0.4'}
+    resolution:
+      {
+        integrity: sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==,
+      }
+    engines: { node: ">= 0.4" }
 
   which@2.0.2:
-    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
-    engines: {node: '>= 8'}
+    resolution:
+      {
+        integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==,
+      }
+    engines: { node: ">= 8" }
     hasBin: true
 
   word-wrap@1.2.5:
-    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
-    engines: {node: '>=0.10.0'}
+    resolution:
+      {
+        integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==,
+      }
+    engines: { node: ">=0.10.0" }
 
   wrap-ansi@7.0.0:
-    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==,
+      }
+    engines: { node: ">=10" }
 
   wrap-ansi@8.1.0:
-    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==,
+      }
+    engines: { node: ">=12" }
 
   wrappy@1.0.2:
-    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+    resolution:
+      {
+        integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==,
+      }
 
   write-file-atomic@5.0.1:
-    resolution: {integrity: sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==}
-    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    resolution:
+      {
+        integrity: sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==,
+      }
+    engines: { node: ^14.17.0 || ^16.13.0 || >=18.0.0 }
 
   ws@8.18.3:
-    resolution: {integrity: sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==}
-    engines: {node: '>=10.0.0'}
+    resolution:
+      {
+        integrity: sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==,
+      }
+    engines: { node: ">=10.0.0" }
     peerDependencies:
       bufferutil: ^4.0.1
-      utf-8-validate: '>=5.0.2'
+      utf-8-validate: ">=5.0.2"
     peerDependenciesMeta:
       bufferutil:
         optional: true
@@ -3373,77 +5597,103 @@ packages:
         optional: true
 
   xml-name-validator@5.0.0:
-    resolution: {integrity: sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==,
+      }
+    engines: { node: ">=18" }
 
   xmlchars@2.2.0:
-    resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
+    resolution:
+      {
+        integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==,
+      }
 
   y18n@5.0.8:
-    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==,
+      }
+    engines: { node: ">=10" }
 
   yallist@3.1.1:
-    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+    resolution:
+      {
+        integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==,
+      }
 
   yallist@5.0.0:
-    resolution: {integrity: sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==}
-    engines: {node: '>=18'}
+    resolution:
+      {
+        integrity: sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==,
+      }
+    engines: { node: ">=18" }
 
   yargs-parser@21.1.1:
-    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==,
+      }
+    engines: { node: ">=12" }
 
   yargs@17.7.2:
-    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
-    engines: {node: '>=12'}
+    resolution:
+      {
+        integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==,
+      }
+    engines: { node: ">=12" }
 
   yocto-queue@0.1.0:
-    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
-    engines: {node: '>=10'}
+    resolution:
+      {
+        integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==,
+      }
+    engines: { node: ">=10" }
 
   zod@4.0.17:
-    resolution: {integrity: sha512-1PHjlYRevNxxdy2JZ8JcNAw7rX8V9P1AKkP+x/xZfxB0K5FYfuV+Ug6P/6NVSR2jHQ+FzDDoDHS04nYUsOIyLQ==}
+    resolution:
+      {
+        integrity: sha512-1PHjlYRevNxxdy2JZ8JcNAw7rX8V9P1AKkP+x/xZfxB0K5FYfuV+Ug6P/6NVSR2jHQ+FzDDoDHS04nYUsOIyLQ==,
+      }
 
 snapshots:
+  "@adobe/css-tools@4.4.4": {}
 
-  '@adobe/css-tools@4.4.4': {}
-
-  '@alloc/quick-lru@5.2.0': {}
+  "@alloc/quick-lru@5.2.0": {}
 
-  '@ampproject/remapping@2.3.0':
+  "@ampproject/remapping@2.3.0":
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.13
-      '@jridgewell/trace-mapping': 0.3.30
+      "@jridgewell/gen-mapping": 0.3.13
+      "@jridgewell/trace-mapping": 0.3.30
 
-  '@asamuzakjp/css-color@3.2.0':
+  "@asamuzakjp/css-color@3.2.0":
     dependencies:
-      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
-      '@csstools/css-color-parser': 3.0.10(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
-      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
-      '@csstools/css-tokenizer': 3.0.4
+      "@csstools/css-calc": 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      "@csstools/css-color-parser": 3.0.10(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      "@csstools/css-parser-algorithms": 3.0.5(@csstools/css-tokenizer@3.0.4)
+      "@csstools/css-tokenizer": 3.0.4
       lru-cache: 10.4.3
 
-  '@babel/code-frame@7.27.1':
+  "@babel/code-frame@7.27.1":
     dependencies:
-      '@babel/helper-validator-identifier': 7.27.1
+      "@babel/helper-validator-identifier": 7.27.1
       js-tokens: 4.0.0
       picocolors: 1.1.1
 
-  '@babel/compat-data@7.28.0': {}
+  "@babel/compat-data@7.28.0": {}
 
-  '@babel/core@7.28.3':
+  "@babel/core@7.28.3":
     dependencies:
-      '@ampproject/remapping': 2.3.0
-      '@babel/code-frame': 7.27.1
-      '@babel/generator': 7.28.3
-      '@babel/helper-compilation-targets': 7.27.2
-      '@babel/helper-module-transforms': 7.28.3(@babel/core@7.28.3)
-      '@babel/helpers': 7.28.3
-      '@babel/parser': 7.28.3
-      '@babel/template': 7.27.2
-      '@babel/traverse': 7.28.3
-      '@babel/types': 7.28.2
+      "@ampproject/remapping": 2.3.0
+      "@babel/code-frame": 7.27.1
+      "@babel/generator": 7.28.3
+      "@babel/helper-compilation-targets": 7.27.2
+      "@babel/helper-module-transforms": 7.28.3(@babel/core@7.28.3)
+      "@babel/helpers": 7.28.3
+      "@babel/parser": 7.28.3
+      "@babel/template": 7.27.2
+      "@babel/traverse": 7.28.3
+      "@babel/types": 7.28.2
       convert-source-map: 2.0.0
       debug: 4.4.1
       gensync: 1.0.0-beta.2
@@ -3452,227 +5702,227 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/generator@7.28.3':
+  "@babel/generator@7.28.3":
     dependencies:
-      '@babel/parser': 7.28.3
-      '@babel/types': 7.28.2
-      '@jridgewell/gen-mapping': 0.3.13
-      '@jridgewell/trace-mapping': 0.3.30
+      "@babel/parser": 7.28.3
+      "@babel/types": 7.28.2
+      "@jridgewell/gen-mapping": 0.3.13
+      "@jridgewell/trace-mapping": 0.3.30
       jsesc: 3.1.0
 
-  '@babel/helper-compilation-targets@7.27.2':
+  "@babel/helper-compilation-targets@7.27.2":
     dependencies:
-      '@babel/compat-data': 7.28.0
-      '@babel/helper-validator-option': 7.27.1
+      "@babel/compat-data": 7.28.0
+      "@babel/helper-validator-option": 7.27.1
       browserslist: 4.25.3
       lru-cache: 5.1.1
       semver: 6.3.1
 
-  '@babel/helper-globals@7.28.0': {}
+  "@babel/helper-globals@7.28.0": {}
 
-  '@babel/helper-module-imports@7.27.1':
+  "@babel/helper-module-imports@7.27.1":
     dependencies:
-      '@babel/traverse': 7.28.3
-      '@babel/types': 7.28.2
+      "@babel/traverse": 7.28.3
+      "@babel/types": 7.28.2
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-module-transforms@7.28.3(@babel/core@7.28.3)':
+  "@babel/helper-module-transforms@7.28.3(@babel/core@7.28.3)":
     dependencies:
-      '@babel/core': 7.28.3
-      '@babel/helper-module-imports': 7.27.1
-      '@babel/helper-validator-identifier': 7.27.1
-      '@babel/traverse': 7.28.3
+      "@babel/core": 7.28.3
+      "@babel/helper-module-imports": 7.27.1
+      "@babel/helper-validator-identifier": 7.27.1
+      "@babel/traverse": 7.28.3
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-plugin-utils@7.27.1': {}
+  "@babel/helper-plugin-utils@7.27.1": {}
 
-  '@babel/helper-string-parser@7.27.1': {}
+  "@babel/helper-string-parser@7.27.1": {}
 
-  '@babel/helper-validator-identifier@7.27.1': {}
+  "@babel/helper-validator-identifier@7.27.1": {}
 
-  '@babel/helper-validator-option@7.27.1': {}
+  "@babel/helper-validator-option@7.27.1": {}
 
-  '@babel/helpers@7.28.3':
+  "@babel/helpers@7.28.3":
     dependencies:
-      '@babel/template': 7.27.2
-      '@babel/types': 7.28.2
+      "@babel/template": 7.27.2
+      "@babel/types": 7.28.2
 
-  '@babel/parser@7.28.3':
+  "@babel/parser@7.28.3":
     dependencies:
-      '@babel/types': 7.28.2
+      "@babel/types": 7.28.2
 
-  '@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.28.3)':
+  "@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.28.3)":
     dependencies:
-      '@babel/core': 7.28.3
-      '@babel/helper-plugin-utils': 7.27.1
+      "@babel/core": 7.28.3
+      "@babel/helper-plugin-utils": 7.27.1
 
-  '@babel/plugin-syntax-bigint@7.8.3(@babel/core@7.28.3)':
+  "@babel/plugin-syntax-bigint@7.8.3(@babel/core@7.28.3)":
     dependencies:
-      '@babel/core': 7.28.3
-      '@babel/helper-plugin-utils': 7.27.1
+      "@babel/core": 7.28.3
+      "@babel/helper-plugin-utils": 7.27.1
 
-  '@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.28.3)':
+  "@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.28.3)":
     dependencies:
-      '@babel/core': 7.28.3
-      '@babel/helper-plugin-utils': 7.27.1
+      "@babel/core": 7.28.3
+      "@babel/helper-plugin-utils": 7.27.1
 
-  '@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.28.3)':
+  "@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.28.3)":
     dependencies:
-      '@babel/core': 7.28.3
-      '@babel/helper-plugin-utils': 7.27.1
+      "@babel/core": 7.28.3
+      "@babel/helper-plugin-utils": 7.27.1
 
-  '@babel/plugin-syntax-import-attributes@7.27.1(@babel/core@7.28.3)':
+  "@babel/plugin-syntax-import-attributes@7.27.1(@babel/core@7.28.3)":
     dependencies:
-      '@babel/core': 7.28.3
-      '@babel/helper-plugin-utils': 7.27.1
+      "@babel/core": 7.28.3
+      "@babel/helper-plugin-utils": 7.27.1
 
-  '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.28.3)':
+  "@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.28.3)":
     dependencies:
-      '@babel/core': 7.28.3
-      '@babel/helper-plugin-utils': 7.27.1
+      "@babel/core": 7.28.3
+      "@babel/helper-plugin-utils": 7.27.1
 
-  '@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.28.3)':
+  "@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.28.3)":
     dependencies:
-      '@babel/core': 7.28.3
-      '@babel/helper-plugin-utils': 7.27.1
+      "@babel/core": 7.28.3
+      "@babel/helper-plugin-utils": 7.27.1
 
-  '@babel/plugin-syntax-jsx@7.27.1(@babel/core@7.28.3)':
+  "@babel/plugin-syntax-jsx@7.27.1(@babel/core@7.28.3)":
     dependencies:
-      '@babel/core': 7.28.3
-      '@babel/helper-plugin-utils': 7.27.1
+      "@babel/core": 7.28.3
+      "@babel/helper-plugin-utils": 7.27.1
 
-  '@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.28.3)':
+  "@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.28.3)":
     dependencies:
-      '@babel/core': 7.28.3
-      '@babel/helper-plugin-utils': 7.27.1
+      "@babel/core": 7.28.3
+      "@babel/helper-plugin-utils": 7.27.1
 
-  '@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.28.3)':
+  "@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.28.3)":
     dependencies:
-      '@babel/core': 7.28.3
-      '@babel/helper-plugin-utils': 7.27.1
+      "@babel/core": 7.28.3
+      "@babel/helper-plugin-utils": 7.27.1
 
-  '@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.28.3)':
+  "@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.28.3)":
     dependencies:
-      '@babel/core': 7.28.3
-      '@babel/helper-plugin-utils': 7.27.1
+      "@babel/core": 7.28.3
+      "@babel/helper-plugin-utils": 7.27.1
 
-  '@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.28.3)':
+  "@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.28.3)":
     dependencies:
-      '@babel/core': 7.28.3
-      '@babel/helper-plugin-utils': 7.27.1
+      "@babel/core": 7.28.3
+      "@babel/helper-plugin-utils": 7.27.1
 
-  '@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.28.3)':
+  "@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.28.3)":
     dependencies:
-      '@babel/core': 7.28.3
-      '@babel/helper-plugin-utils': 7.27.1
+      "@babel/core": 7.28.3
+      "@babel/helper-plugin-utils": 7.27.1
 
-  '@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.28.3)':
+  "@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.28.3)":
     dependencies:
-      '@babel/core': 7.28.3
-      '@babel/helper-plugin-utils': 7.27.1
+      "@babel/core": 7.28.3
+      "@babel/helper-plugin-utils": 7.27.1
 
-  '@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.28.3)':
+  "@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.28.3)":
     dependencies:
-      '@babel/core': 7.28.3
-      '@babel/helper-plugin-utils': 7.27.1
+      "@babel/core": 7.28.3
+      "@babel/helper-plugin-utils": 7.27.1
 
-  '@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.28.3)':
+  "@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.28.3)":
     dependencies:
-      '@babel/core': 7.28.3
-      '@babel/helper-plugin-utils': 7.27.1
+      "@babel/core": 7.28.3
+      "@babel/helper-plugin-utils": 7.27.1
 
-  '@babel/plugin-syntax-typescript@7.27.1(@babel/core@7.28.3)':
+  "@babel/plugin-syntax-typescript@7.27.1(@babel/core@7.28.3)":
     dependencies:
-      '@babel/core': 7.28.3
-      '@babel/helper-plugin-utils': 7.27.1
+      "@babel/core": 7.28.3
+      "@babel/helper-plugin-utils": 7.27.1
 
-  '@babel/runtime@7.28.3': {}
+  "@babel/runtime@7.28.3": {}
 
-  '@babel/template@7.27.2':
+  "@babel/template@7.27.2":
     dependencies:
-      '@babel/code-frame': 7.27.1
-      '@babel/parser': 7.28.3
-      '@babel/types': 7.28.2
+      "@babel/code-frame": 7.27.1
+      "@babel/parser": 7.28.3
+      "@babel/types": 7.28.2
 
-  '@babel/traverse@7.28.3':
+  "@babel/traverse@7.28.3":
     dependencies:
-      '@babel/code-frame': 7.27.1
-      '@babel/generator': 7.28.3
-      '@babel/helper-globals': 7.28.0
-      '@babel/parser': 7.28.3
-      '@babel/template': 7.27.2
-      '@babel/types': 7.28.2
+      "@babel/code-frame": 7.27.1
+      "@babel/generator": 7.28.3
+      "@babel/helper-globals": 7.28.0
+      "@babel/parser": 7.28.3
+      "@babel/template": 7.27.2
+      "@babel/types": 7.28.2
       debug: 4.4.1
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/types@7.28.2':
+  "@babel/types@7.28.2":
     dependencies:
-      '@babel/helper-string-parser': 7.27.1
-      '@babel/helper-validator-identifier': 7.27.1
+      "@babel/helper-string-parser": 7.27.1
+      "@babel/helper-validator-identifier": 7.27.1
 
-  '@bcoe/v8-coverage@0.2.3': {}
+  "@bcoe/v8-coverage@0.2.3": {}
 
-  '@csstools/color-helpers@5.0.2': {}
+  "@csstools/color-helpers@5.0.2": {}
 
-  '@csstools/css-calc@2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
+  "@csstools/css-calc@2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)":
     dependencies:
-      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
-      '@csstools/css-tokenizer': 3.0.4
+      "@csstools/css-parser-algorithms": 3.0.5(@csstools/css-tokenizer@3.0.4)
+      "@csstools/css-tokenizer": 3.0.4
 
-  '@csstools/css-color-parser@3.0.10(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
+  "@csstools/css-color-parser@3.0.10(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)":
     dependencies:
-      '@csstools/color-helpers': 5.0.2
-      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
-      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
-      '@csstools/css-tokenizer': 3.0.4
+      "@csstools/color-helpers": 5.0.2
+      "@csstools/css-calc": 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      "@csstools/css-parser-algorithms": 3.0.5(@csstools/css-tokenizer@3.0.4)
+      "@csstools/css-tokenizer": 3.0.4
 
-  '@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4)':
+  "@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4)":
     dependencies:
-      '@csstools/css-tokenizer': 3.0.4
+      "@csstools/css-tokenizer": 3.0.4
 
-  '@csstools/css-tokenizer@3.0.4': {}
+  "@csstools/css-tokenizer@3.0.4": {}
 
-  '@emnapi/core@1.4.5':
+  "@emnapi/core@1.4.5":
     dependencies:
-      '@emnapi/wasi-threads': 1.0.4
+      "@emnapi/wasi-threads": 1.0.4
       tslib: 2.8.1
     optional: true
 
-  '@emnapi/runtime@1.4.5':
+  "@emnapi/runtime@1.4.5":
     dependencies:
       tslib: 2.8.1
     optional: true
 
-  '@emnapi/wasi-threads@1.0.4':
+  "@emnapi/wasi-threads@1.0.4":
     dependencies:
       tslib: 2.8.1
     optional: true
 
-  '@eslint-community/eslint-utils@4.7.0(eslint@9.33.0(jiti@2.5.1))':
+  "@eslint-community/eslint-utils@4.7.0(eslint@9.33.0(jiti@2.5.1))":
     dependencies:
       eslint: 9.33.0(jiti@2.5.1)
       eslint-visitor-keys: 3.4.3
 
-  '@eslint-community/regexpp@4.12.1': {}
+  "@eslint-community/regexpp@4.12.1": {}
 
-  '@eslint/config-array@0.21.0':
+  "@eslint/config-array@0.21.0":
     dependencies:
-      '@eslint/object-schema': 2.1.6
+      "@eslint/object-schema": 2.1.6
       debug: 4.4.1
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/config-helpers@0.3.1': {}
+  "@eslint/config-helpers@0.3.1": {}
 
-  '@eslint/core@0.15.2':
+  "@eslint/core@0.15.2":
     dependencies:
-      '@types/json-schema': 7.0.15
+      "@types/json-schema": 7.0.15
 
-  '@eslint/eslintrc@3.3.1':
+  "@eslint/eslintrc@3.3.1":
     dependencies:
       ajv: 6.12.6
       debug: 4.4.1
@@ -3686,120 +5936,120 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/js@9.33.0': {}
+  "@eslint/js@9.33.0": {}
 
-  '@eslint/object-schema@2.1.6': {}
+  "@eslint/object-schema@2.1.6": {}
 
-  '@eslint/plugin-kit@0.3.5':
+  "@eslint/plugin-kit@0.3.5":
     dependencies:
-      '@eslint/core': 0.15.2
+      "@eslint/core": 0.15.2
       levn: 0.4.1
 
-  '@hookform/resolvers@5.2.1(react-hook-form@7.62.0(react@19.1.0))':
+  "@hookform/resolvers@5.2.1(react-hook-form@7.62.0(react@19.1.0))":
     dependencies:
-      '@standard-schema/utils': 0.3.0
+      "@standard-schema/utils": 0.3.0
       react-hook-form: 7.62.0(react@19.1.0)
 
-  '@humanfs/core@0.19.1': {}
+  "@humanfs/core@0.19.1": {}
 
-  '@humanfs/node@0.16.6':
+  "@humanfs/node@0.16.6":
     dependencies:
-      '@humanfs/core': 0.19.1
-      '@humanwhocodes/retry': 0.3.1
+      "@humanfs/core": 0.19.1
+      "@humanwhocodes/retry": 0.3.1
 
-  '@humanwhocodes/module-importer@1.0.1': {}
+  "@humanwhocodes/module-importer@1.0.1": {}
 
-  '@humanwhocodes/retry@0.3.1': {}
+  "@humanwhocodes/retry@0.3.1": {}
 
-  '@humanwhocodes/retry@0.4.3': {}
+  "@humanwhocodes/retry@0.4.3": {}
 
-  '@img/sharp-darwin-arm64@0.34.3':
+  "@img/sharp-darwin-arm64@0.34.3":
     optionalDependencies:
-      '@img/sharp-libvips-darwin-arm64': 1.2.0
+      "@img/sharp-libvips-darwin-arm64": 1.2.0
     optional: true
 
-  '@img/sharp-darwin-x64@0.34.3':
+  "@img/sharp-darwin-x64@0.34.3":
     optionalDependencies:
-      '@img/sharp-libvips-darwin-x64': 1.2.0
+      "@img/sharp-libvips-darwin-x64": 1.2.0
     optional: true
 
-  '@img/sharp-libvips-darwin-arm64@1.2.0':
+  "@img/sharp-libvips-darwin-arm64@1.2.0":
     optional: true
 
-  '@img/sharp-libvips-darwin-x64@1.2.0':
+  "@img/sharp-libvips-darwin-x64@1.2.0":
     optional: true
 
-  '@img/sharp-libvips-linux-arm64@1.2.0':
+  "@img/sharp-libvips-linux-arm64@1.2.0":
     optional: true
 
-  '@img/sharp-libvips-linux-arm@1.2.0':
+  "@img/sharp-libvips-linux-arm@1.2.0":
     optional: true
 
-  '@img/sharp-libvips-linux-ppc64@1.2.0':
+  "@img/sharp-libvips-linux-ppc64@1.2.0":
     optional: true
 
-  '@img/sharp-libvips-linux-s390x@1.2.0':
+  "@img/sharp-libvips-linux-s390x@1.2.0":
     optional: true
 
-  '@img/sharp-libvips-linux-x64@1.2.0':
+  "@img/sharp-libvips-linux-x64@1.2.0":
     optional: true
 
-  '@img/sharp-libvips-linuxmusl-arm64@1.2.0':
+  "@img/sharp-libvips-linuxmusl-arm64@1.2.0":
     optional: true
 
-  '@img/sharp-libvips-linuxmusl-x64@1.2.0':
+  "@img/sharp-libvips-linuxmusl-x64@1.2.0":
     optional: true
 
-  '@img/sharp-linux-arm64@0.34.3':
+  "@img/sharp-linux-arm64@0.34.3":
     optionalDependencies:
-      '@img/sharp-libvips-linux-arm64': 1.2.0
+      "@img/sharp-libvips-linux-arm64": 1.2.0
     optional: true
 
-  '@img/sharp-linux-arm@0.34.3':
+  "@img/sharp-linux-arm@0.34.3":
     optionalDependencies:
-      '@img/sharp-libvips-linux-arm': 1.2.0
+      "@img/sharp-libvips-linux-arm": 1.2.0
     optional: true
 
-  '@img/sharp-linux-ppc64@0.34.3':
+  "@img/sharp-linux-ppc64@0.34.3":
     optionalDependencies:
-      '@img/sharp-libvips-linux-ppc64': 1.2.0
+      "@img/sharp-libvips-linux-ppc64": 1.2.0
     optional: true
 
-  '@img/sharp-linux-s390x@0.34.3':
+  "@img/sharp-linux-s390x@0.34.3":
     optionalDependencies:
-      '@img/sharp-libvips-linux-s390x': 1.2.0
+      "@img/sharp-libvips-linux-s390x": 1.2.0
     optional: true
 
-  '@img/sharp-linux-x64@0.34.3':
+  "@img/sharp-linux-x64@0.34.3":
     optionalDependencies:
-      '@img/sharp-libvips-linux-x64': 1.2.0
+      "@img/sharp-libvips-linux-x64": 1.2.0
     optional: true
 
-  '@img/sharp-linuxmusl-arm64@0.34.3':
+  "@img/sharp-linuxmusl-arm64@0.34.3":
     optionalDependencies:
-      '@img/sharp-libvips-linuxmusl-arm64': 1.2.0
+      "@img/sharp-libvips-linuxmusl-arm64": 1.2.0
     optional: true
 
-  '@img/sharp-linuxmusl-x64@0.34.3':
+  "@img/sharp-linuxmusl-x64@0.34.3":
     optionalDependencies:
-      '@img/sharp-libvips-linuxmusl-x64': 1.2.0
+      "@img/sharp-libvips-linuxmusl-x64": 1.2.0
     optional: true
 
-  '@img/sharp-wasm32@0.34.3':
+  "@img/sharp-wasm32@0.34.3":
     dependencies:
-      '@emnapi/runtime': 1.4.5
+      "@emnapi/runtime": 1.4.5
     optional: true
 
-  '@img/sharp-win32-arm64@0.34.3':
+  "@img/sharp-win32-arm64@0.34.3":
     optional: true
 
-  '@img/sharp-win32-ia32@0.34.3':
+  "@img/sharp-win32-ia32@0.34.3":
     optional: true
 
-  '@img/sharp-win32-x64@0.34.3':
+  "@img/sharp-win32-x64@0.34.3":
     optional: true
 
-  '@isaacs/cliui@8.0.2':
+  "@isaacs/cliui@8.0.2":
     dependencies:
       string-width: 5.1.2
       string-width-cjs: string-width@4.2.3
@@ -3808,11 +6058,11 @@ snapshots:
       wrap-ansi: 8.1.0
       wrap-ansi-cjs: wrap-ansi@7.0.0
 
-  '@isaacs/fs-minipass@4.0.1':
+  "@isaacs/fs-minipass@4.0.1":
     dependencies:
       minipass: 7.1.2
 
-  '@istanbuljs/load-nyc-config@1.1.0':
+  "@istanbuljs/load-nyc-config@1.1.0":
     dependencies:
       camelcase: 5.3.1
       find-up: 4.1.0
@@ -3820,26 +6070,26 @@ snapshots:
       js-yaml: 3.14.1
       resolve-from: 5.0.0
 
-  '@istanbuljs/schema@0.1.3': {}
+  "@istanbuljs/schema@0.1.3": {}
 
-  '@jest/console@30.0.5':
+  "@jest/console@30.0.5":
     dependencies:
-      '@jest/types': 30.0.5
-      '@types/node': 20.19.11
+      "@jest/types": 30.0.5
+      "@types/node": 20.19.11
       chalk: 4.1.2
       jest-message-util: 30.0.5
       jest-util: 30.0.5
       slash: 3.0.0
 
-  '@jest/core@30.0.5':
+  "@jest/core@30.0.5":
     dependencies:
-      '@jest/console': 30.0.5
-      '@jest/pattern': 30.0.1
-      '@jest/reporters': 30.0.5
-      '@jest/test-result': 30.0.5
-      '@jest/transform': 30.0.5
-      '@jest/types': 30.0.5
-      '@types/node': 20.19.11
+      "@jest/console": 30.0.5
+      "@jest/pattern": 30.0.1
+      "@jest/reporters": 30.0.5
+      "@jest/test-result": 30.0.5
+      "@jest/transform": 30.0.5
+      "@jest/types": 30.0.5
+      "@types/node": 20.19.11
       ansi-escapes: 4.3.2
       chalk: 4.1.2
       ci-info: 4.3.0
@@ -3867,71 +6117,71 @@ snapshots:
       - supports-color
       - ts-node
 
-  '@jest/diff-sequences@30.0.1': {}
+  "@jest/diff-sequences@30.0.1": {}
 
-  '@jest/environment-jsdom-abstract@30.0.5(jsdom@26.1.0)':
+  "@jest/environment-jsdom-abstract@30.0.5(jsdom@26.1.0)":
     dependencies:
-      '@jest/environment': 30.0.5
-      '@jest/fake-timers': 30.0.5
-      '@jest/types': 30.0.5
-      '@types/jsdom': 21.1.7
-      '@types/node': 20.19.11
+      "@jest/environment": 30.0.5
+      "@jest/fake-timers": 30.0.5
+      "@jest/types": 30.0.5
+      "@types/jsdom": 21.1.7
+      "@types/node": 20.19.11
       jest-mock: 30.0.5
       jest-util: 30.0.5
       jsdom: 26.1.0
 
-  '@jest/environment@30.0.5':
+  "@jest/environment@30.0.5":
     dependencies:
-      '@jest/fake-timers': 30.0.5
-      '@jest/types': 30.0.5
-      '@types/node': 20.19.11
+      "@jest/fake-timers": 30.0.5
+      "@jest/types": 30.0.5
+      "@types/node": 20.19.11
       jest-mock: 30.0.5
 
-  '@jest/expect-utils@30.0.5':
+  "@jest/expect-utils@30.0.5":
     dependencies:
-      '@jest/get-type': 30.0.1
+      "@jest/get-type": 30.0.1
 
-  '@jest/expect@30.0.5':
+  "@jest/expect@30.0.5":
     dependencies:
       expect: 30.0.5
       jest-snapshot: 30.0.5
     transitivePeerDependencies:
       - supports-color
 
-  '@jest/fake-timers@30.0.5':
+  "@jest/fake-timers@30.0.5":
     dependencies:
-      '@jest/types': 30.0.5
-      '@sinonjs/fake-timers': 13.0.5
-      '@types/node': 20.19.11
+      "@jest/types": 30.0.5
+      "@sinonjs/fake-timers": 13.0.5
+      "@types/node": 20.19.11
       jest-message-util: 30.0.5
       jest-mock: 30.0.5
       jest-util: 30.0.5
 
-  '@jest/get-type@30.0.1': {}
+  "@jest/get-type@30.0.1": {}
 
-  '@jest/globals@30.0.5':
+  "@jest/globals@30.0.5":
     dependencies:
-      '@jest/environment': 30.0.5
-      '@jest/expect': 30.0.5
-      '@jest/types': 30.0.5
+      "@jest/environment": 30.0.5
+      "@jest/expect": 30.0.5
+      "@jest/types": 30.0.5
       jest-mock: 30.0.5
     transitivePeerDependencies:
       - supports-color
 
-  '@jest/pattern@30.0.1':
+  "@jest/pattern@30.0.1":
     dependencies:
-      '@types/node': 20.19.11
+      "@types/node": 20.19.11
       jest-regex-util: 30.0.1
 
-  '@jest/reporters@30.0.5':
+  "@jest/reporters@30.0.5":
     dependencies:
-      '@bcoe/v8-coverage': 0.2.3
-      '@jest/console': 30.0.5
-      '@jest/test-result': 30.0.5
-      '@jest/transform': 30.0.5
-      '@jest/types': 30.0.5
-      '@jridgewell/trace-mapping': 0.3.30
-      '@types/node': 20.19.11
+      "@bcoe/v8-coverage": 0.2.3
+      "@jest/console": 30.0.5
+      "@jest/test-result": 30.0.5
+      "@jest/transform": 30.0.5
+      "@jest/types": 30.0.5
+      "@jridgewell/trace-mapping": 0.3.30
+      "@types/node": 20.19.11
       chalk: 4.1.2
       collect-v8-coverage: 1.0.2
       exit-x: 0.2.2
@@ -3951,42 +6201,42 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@jest/schemas@30.0.5':
+  "@jest/schemas@30.0.5":
     dependencies:
-      '@sinclair/typebox': 0.34.40
+      "@sinclair/typebox": 0.34.40
 
-  '@jest/snapshot-utils@30.0.5':
+  "@jest/snapshot-utils@30.0.5":
     dependencies:
-      '@jest/types': 30.0.5
+      "@jest/types": 30.0.5
       chalk: 4.1.2
       graceful-fs: 4.2.11
       natural-compare: 1.4.0
 
-  '@jest/source-map@30.0.1':
+  "@jest/source-map@30.0.1":
     dependencies:
-      '@jridgewell/trace-mapping': 0.3.30
+      "@jridgewell/trace-mapping": 0.3.30
       callsites: 3.1.0
       graceful-fs: 4.2.11
 
-  '@jest/test-result@30.0.5':
+  "@jest/test-result@30.0.5":
     dependencies:
-      '@jest/console': 30.0.5
-      '@jest/types': 30.0.5
-      '@types/istanbul-lib-coverage': 2.0.6
+      "@jest/console": 30.0.5
+      "@jest/types": 30.0.5
+      "@types/istanbul-lib-coverage": 2.0.6
       collect-v8-coverage: 1.0.2
 
-  '@jest/test-sequencer@30.0.5':
+  "@jest/test-sequencer@30.0.5":
     dependencies:
-      '@jest/test-result': 30.0.5
+      "@jest/test-result": 30.0.5
       graceful-fs: 4.2.11
       jest-haste-map: 30.0.5
       slash: 3.0.0
 
-  '@jest/transform@30.0.5':
+  "@jest/transform@30.0.5":
     dependencies:
-      '@babel/core': 7.28.3
-      '@jest/types': 30.0.5
-      '@jridgewell/trace-mapping': 0.3.30
+      "@babel/core": 7.28.3
+      "@jest/types": 30.0.5
+      "@jridgewell/trace-mapping": 0.3.30
       babel-plugin-istanbul: 7.0.0
       chalk: 4.1.2
       convert-source-map: 2.0.0
@@ -4002,99 +6252,99 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@jest/types@30.0.5':
+  "@jest/types@30.0.5":
     dependencies:
-      '@jest/pattern': 30.0.1
-      '@jest/schemas': 30.0.5
-      '@types/istanbul-lib-coverage': 2.0.6
-      '@types/istanbul-reports': 3.0.4
-      '@types/node': 20.19.11
-      '@types/yargs': 17.0.33
+      "@jest/pattern": 30.0.1
+      "@jest/schemas": 30.0.5
+      "@types/istanbul-lib-coverage": 2.0.6
+      "@types/istanbul-reports": 3.0.4
+      "@types/node": 20.19.11
+      "@types/yargs": 17.0.33
       chalk: 4.1.2
 
-  '@jridgewell/gen-mapping@0.3.13':
+  "@jridgewell/gen-mapping@0.3.13":
     dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.5
-      '@jridgewell/trace-mapping': 0.3.30
+      "@jridgewell/sourcemap-codec": 1.5.5
+      "@jridgewell/trace-mapping": 0.3.30
 
-  '@jridgewell/remapping@2.3.5':
+  "@jridgewell/remapping@2.3.5":
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.13
-      '@jridgewell/trace-mapping': 0.3.30
+      "@jridgewell/gen-mapping": 0.3.13
+      "@jridgewell/trace-mapping": 0.3.30
 
-  '@jridgewell/resolve-uri@3.1.2': {}
+  "@jridgewell/resolve-uri@3.1.2": {}
 
-  '@jridgewell/sourcemap-codec@1.5.5': {}
+  "@jridgewell/sourcemap-codec@1.5.5": {}
 
-  '@jridgewell/trace-mapping@0.3.30':
+  "@jridgewell/trace-mapping@0.3.30":
     dependencies:
-      '@jridgewell/resolve-uri': 3.1.2
-      '@jridgewell/sourcemap-codec': 1.5.5
+      "@jridgewell/resolve-uri": 3.1.2
+      "@jridgewell/sourcemap-codec": 1.5.5
 
-  '@napi-rs/wasm-runtime@0.2.12':
+  "@napi-rs/wasm-runtime@0.2.12":
     dependencies:
-      '@emnapi/core': 1.4.5
-      '@emnapi/runtime': 1.4.5
-      '@tybys/wasm-util': 0.10.0
+      "@emnapi/core": 1.4.5
+      "@emnapi/runtime": 1.4.5
+      "@tybys/wasm-util": 0.10.0
     optional: true
 
-  '@next/env@15.5.0': {}
+  "@next/env@15.5.0": {}
 
-  '@next/eslint-plugin-next@15.5.0':
+  "@next/eslint-plugin-next@15.5.0":
     dependencies:
       fast-glob: 3.3.1
 
-  '@next/swc-darwin-arm64@15.5.0':
+  "@next/swc-darwin-arm64@15.5.0":
     optional: true
 
-  '@next/swc-darwin-x64@15.5.0':
+  "@next/swc-darwin-x64@15.5.0":
     optional: true
 
-  '@next/swc-linux-arm64-gnu@15.5.0':
+  "@next/swc-linux-arm64-gnu@15.5.0":
     optional: true
 
-  '@next/swc-linux-arm64-musl@15.5.0':
+  "@next/swc-linux-arm64-musl@15.5.0":
     optional: true
 
-  '@next/swc-linux-x64-gnu@15.5.0':
+  "@next/swc-linux-x64-gnu@15.5.0":
     optional: true
 
-  '@next/swc-linux-x64-musl@15.5.0':
+  "@next/swc-linux-x64-musl@15.5.0":
     optional: true
 
-  '@next/swc-win32-arm64-msvc@15.5.0':
+  "@next/swc-win32-arm64-msvc@15.5.0":
     optional: true
 
-  '@next/swc-win32-x64-msvc@15.5.0':
+  "@next/swc-win32-x64-msvc@15.5.0":
     optional: true
 
-  '@nodelib/fs.scandir@2.1.5':
+  "@nodelib/fs.scandir@2.1.5":
     dependencies:
-      '@nodelib/fs.stat': 2.0.5
+      "@nodelib/fs.stat": 2.0.5
       run-parallel: 1.2.0
 
-  '@nodelib/fs.stat@2.0.5': {}
+  "@nodelib/fs.stat@2.0.5": {}
 
-  '@nodelib/fs.walk@1.2.8':
+  "@nodelib/fs.walk@1.2.8":
     dependencies:
-      '@nodelib/fs.scandir': 2.1.5
+      "@nodelib/fs.scandir": 2.1.5
       fastq: 1.19.1
 
-  '@nolyfill/is-core-module@1.0.39': {}
+  "@nolyfill/is-core-module@1.0.39": {}
 
-  '@pkgjs/parseargs@0.11.0':
+  "@pkgjs/parseargs@0.11.0":
     optional: true
 
-  '@pkgr/core@0.2.9': {}
+  "@pkgr/core@0.2.9": {}
 
-  '@playwright/test@1.55.0':
+  "@playwright/test@1.55.0":
     dependencies:
       playwright: 1.55.0
 
-  '@reduxjs/toolkit@2.8.2(react-redux@9.2.0(@types/react@19.1.10)(react@19.1.0)(redux@5.0.1))(react@19.1.0)':
+  "@reduxjs/toolkit@2.8.2(react-redux@9.2.0(@types/react@19.1.10)(react@19.1.0)(redux@5.0.1))(react@19.1.0)":
     dependencies:
-      '@standard-schema/spec': 1.0.0
-      '@standard-schema/utils': 0.3.0
+      "@standard-schema/spec": 1.0.0
+      "@standard-schema/utils": 0.3.0
       immer: 10.1.1
       redux: 5.0.1
       redux-thunk: 3.1.0(redux@5.0.1)
@@ -4103,78 +6353,78 @@ snapshots:
       react: 19.1.0
       react-redux: 9.2.0(@types/react@19.1.10)(react@19.1.0)(redux@5.0.1)
 
-  '@rtsao/scc@1.1.0': {}
+  "@rtsao/scc@1.1.0": {}
 
-  '@rushstack/eslint-patch@1.12.0': {}
+  "@rushstack/eslint-patch@1.12.0": {}
 
-  '@sinclair/typebox@0.34.40': {}
+  "@sinclair/typebox@0.34.40": {}
 
-  '@sinonjs/commons@3.0.1':
+  "@sinonjs/commons@3.0.1":
     dependencies:
       type-detect: 4.0.8
 
-  '@sinonjs/fake-timers@13.0.5':
+  "@sinonjs/fake-timers@13.0.5":
     dependencies:
-      '@sinonjs/commons': 3.0.1
+      "@sinonjs/commons": 3.0.1
 
-  '@standard-schema/spec@1.0.0': {}
+  "@standard-schema/spec@1.0.0": {}
 
-  '@standard-schema/utils@0.3.0': {}
+  "@standard-schema/utils@0.3.0": {}
 
-  '@supabase/auth-js@2.71.1':
+  "@supabase/auth-js@2.71.1":
     dependencies:
-      '@supabase/node-fetch': 2.6.15
+      "@supabase/node-fetch": 2.6.15
 
-  '@supabase/functions-js@2.4.5':
+  "@supabase/functions-js@2.4.5":
     dependencies:
-      '@supabase/node-fetch': 2.6.15
+      "@supabase/node-fetch": 2.6.15
 
-  '@supabase/node-fetch@2.6.15':
+  "@supabase/node-fetch@2.6.15":
     dependencies:
       whatwg-url: 5.0.0
 
-  '@supabase/postgrest-js@1.21.3':
+  "@supabase/postgrest-js@1.21.3":
     dependencies:
-      '@supabase/node-fetch': 2.6.15
+      "@supabase/node-fetch": 2.6.15
 
-  '@supabase/realtime-js@2.15.1':
+  "@supabase/realtime-js@2.15.1":
     dependencies:
-      '@supabase/node-fetch': 2.6.15
-      '@types/phoenix': 1.6.6
-      '@types/ws': 8.18.1
+      "@supabase/node-fetch": 2.6.15
+      "@types/phoenix": 1.6.6
+      "@types/ws": 8.18.1
       ws: 8.18.3
     transitivePeerDependencies:
       - bufferutil
       - utf-8-validate
 
-  '@supabase/ssr@0.7.0(@supabase/supabase-js@2.56.0)':
+  "@supabase/ssr@0.7.0(@supabase/supabase-js@2.56.0)":
     dependencies:
-      '@supabase/supabase-js': 2.56.0
+      "@supabase/supabase-js": 2.56.0
       cookie: 1.0.2
 
-  '@supabase/storage-js@2.11.0':
+  "@supabase/storage-js@2.11.0":
     dependencies:
-      '@supabase/node-fetch': 2.6.15
+      "@supabase/node-fetch": 2.6.15
 
-  '@supabase/supabase-js@2.56.0':
+  "@supabase/supabase-js@2.56.0":
     dependencies:
-      '@supabase/auth-js': 2.71.1
-      '@supabase/functions-js': 2.4.5
-      '@supabase/node-fetch': 2.6.15
-      '@supabase/postgrest-js': 1.21.3
-      '@supabase/realtime-js': 2.15.1
-      '@supabase/storage-js': 2.11.0
+      "@supabase/auth-js": 2.71.1
+      "@supabase/functions-js": 2.4.5
+      "@supabase/node-fetch": 2.6.15
+      "@supabase/postgrest-js": 1.21.3
+      "@supabase/realtime-js": 2.15.1
+      "@supabase/storage-js": 2.11.0
     transitivePeerDependencies:
       - bufferutil
       - utf-8-validate
 
-  '@swc/helpers@0.5.15':
+  "@swc/helpers@0.5.15":
     dependencies:
       tslib: 2.8.1
 
-  '@tailwindcss/node@4.1.12':
+  "@tailwindcss/node@4.1.12":
     dependencies:
-      '@jridgewell/remapping': 2.3.5
+      "@jridgewell/remapping": 2.3.5
       enhanced-resolve: 5.18.3
       jiti: 2.5.1
       lightningcss: 1.30.1
@@ -4182,234 +6432,234 @@ snapshots:
       source-map-js: 1.2.1
       tailwindcss: 4.1.12
 
-  '@tailwindcss/oxide-android-arm64@4.1.12':
+  "@tailwindcss/oxide-android-arm64@4.1.12":
     optional: true
 
-  '@tailwindcss/oxide-darwin-arm64@4.1.12':
+  "@tailwindcss/oxide-darwin-arm64@4.1.12":
     optional: true
 
-  '@tailwindcss/oxide-darwin-x64@4.1.12':
+  "@tailwindcss/oxide-darwin-x64@4.1.12":
     optional: true
 
-  '@tailwindcss/oxide-freebsd-x64@4.1.12':
+  "@tailwindcss/oxide-freebsd-x64@4.1.12":
     optional: true
 
-  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.12':
+  "@tailwindcss/oxide-linux-arm-gnueabihf@4.1.12":
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-gnu@4.1.12':
+  "@tailwindcss/oxide-linux-arm64-gnu@4.1.12":
     optional: true
 
-  '@tailwindcss/oxide-linux-arm64-musl@4.1.12':
+  "@tailwindcss/oxide-linux-arm64-musl@4.1.12":
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-gnu@4.1.12':
+  "@tailwindcss/oxide-linux-x64-gnu@4.1.12":
     optional: true
 
-  '@tailwindcss/oxide-linux-x64-musl@4.1.12':
+  "@tailwindcss/oxide-linux-x64-musl@4.1.12":
     optional: true
 
-  '@tailwindcss/oxide-wasm32-wasi@4.1.12':
+  "@tailwindcss/oxide-wasm32-wasi@4.1.12":
     optional: true
 
-  '@tailwindcss/oxide-win32-arm64-msvc@4.1.12':
+  "@tailwindcss/oxide-win32-arm64-msvc@4.1.12":
     optional: true
 
-  '@tailwindcss/oxide-win32-x64-msvc@4.1.12':
+  "@tailwindcss/oxide-win32-x64-msvc@4.1.12":
     optional: true
 
-  '@tailwindcss/oxide@4.1.12':
+  "@tailwindcss/oxide@4.1.12":
     dependencies:
       detect-libc: 2.0.4
       tar: 7.4.3
     optionalDependencies:
-      '@tailwindcss/oxide-android-arm64': 4.1.12
-      '@tailwindcss/oxide-darwin-arm64': 4.1.12
-      '@tailwindcss/oxide-darwin-x64': 4.1.12
-      '@tailwindcss/oxide-freebsd-x64': 4.1.12
-      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.12
-      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.12
-      '@tailwindcss/oxide-linux-arm64-musl': 4.1.12
-      '@tailwindcss/oxide-linux-x64-gnu': 4.1.12
-      '@tailwindcss/oxide-linux-x64-musl': 4.1.12
-      '@tailwindcss/oxide-wasm32-wasi': 4.1.12
-      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.12
-      '@tailwindcss/oxide-win32-x64-msvc': 4.1.12
-
-  '@tailwindcss/postcss@4.1.12':
-    dependencies:
-      '@alloc/quick-lru': 5.2.0
-      '@tailwindcss/node': 4.1.12
-      '@tailwindcss/oxide': 4.1.12
+      "@tailwindcss/oxide-android-arm64": 4.1.12
+      "@tailwindcss/oxide-darwin-arm64": 4.1.12
+      "@tailwindcss/oxide-darwin-x64": 4.1.12
+      "@tailwindcss/oxide-freebsd-x64": 4.1.12
+      "@tailwindcss/oxide-linux-arm-gnueabihf": 4.1.12
+      "@tailwindcss/oxide-linux-arm64-gnu": 4.1.12
+      "@tailwindcss/oxide-linux-arm64-musl": 4.1.12
+      "@tailwindcss/oxide-linux-x64-gnu": 4.1.12
+      "@tailwindcss/oxide-linux-x64-musl": 4.1.12
+      "@tailwindcss/oxide-wasm32-wasi": 4.1.12
+      "@tailwindcss/oxide-win32-arm64-msvc": 4.1.12
+      "@tailwindcss/oxide-win32-x64-msvc": 4.1.12
+
+  "@tailwindcss/postcss@4.1.12":
+    dependencies:
+      "@alloc/quick-lru": 5.2.0
+      "@tailwindcss/node": 4.1.12
+      "@tailwindcss/oxide": 4.1.12
       postcss: 8.5.6
       tailwindcss: 4.1.12
 
-  '@tanstack/query-core@5.85.5': {}
+  "@tanstack/query-core@5.85.5": {}
 
-  '@tanstack/query-devtools@5.84.0': {}
+  "@tanstack/query-devtools@5.84.0": {}
 
-  '@tanstack/react-query-devtools@5.85.5(@tanstack/react-query@5.85.5(react@19.1.0))(react@19.1.0)':
+  "@tanstack/react-query-devtools@5.85.5(@tanstack/react-query@5.85.5(react@19.1.0))(react@19.1.0)":
     dependencies:
-      '@tanstack/query-devtools': 5.84.0
-      '@tanstack/react-query': 5.85.5(react@19.1.0)
+      "@tanstack/query-devtools": 5.84.0
+      "@tanstack/react-query": 5.85.5(react@19.1.0)
       react: 19.1.0
 
-  '@tanstack/react-query@5.85.5(react@19.1.0)':
+  "@tanstack/react-query@5.85.5(react@19.1.0)":
     dependencies:
-      '@tanstack/query-core': 5.85.5
+      "@tanstack/query-core": 5.85.5
       react: 19.1.0
 
-  '@testing-library/dom@10.4.1':
+  "@testing-library/dom@10.4.1":
     dependencies:
-      '@babel/code-frame': 7.27.1
-      '@babel/runtime': 7.28.3
-      '@types/aria-query': 5.0.4
+      "@babel/code-frame": 7.27.1
+      "@babel/runtime": 7.28.3
+      "@types/aria-query": 5.0.4
       aria-query: 5.3.0
       dom-accessibility-api: 0.5.16
       lz-string: 1.5.0
       picocolors: 1.1.1
       pretty-format: 27.5.1
 
-  '@testing-library/jest-dom@6.8.0':
+  "@testing-library/jest-dom@6.8.0":
     dependencies:
-      '@adobe/css-tools': 4.4.4
+      "@adobe/css-tools": 4.4.4
       aria-query: 5.3.2
       css.escape: 1.5.1
       dom-accessibility-api: 0.6.3
       picocolors: 1.1.1
       redent: 3.0.0
 
-  '@testing-library/react@16.3.0(@testing-library/dom@10.4.1)(@types/react-dom@19.1.7(@types/react@19.1.10))(@types/react@19.1.10)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+  "@testing-library/react@16.3.0(@testing-library/dom@10.4.1)(@types/react-dom@19.1.7(@types/react@19.1.10))(@types/react@19.1.10)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)":
     dependencies:
-      '@babel/runtime': 7.28.3
-      '@testing-library/dom': 10.4.1
+      "@babel/runtime": 7.28.3
+      "@testing-library/dom": 10.4.1
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.1.10
-      '@types/react-dom': 19.1.7(@types/react@19.1.10)
+      "@types/react": 19.1.10
+      "@types/react-dom": 19.1.7(@types/react@19.1.10)
 
-  '@testing-library/user-event@14.6.1(@testing-library/dom@10.4.1)':
+  "@testing-library/user-event@14.6.1(@testing-library/dom@10.4.1)":
     dependencies:
-      '@testing-library/dom': 10.4.1
+      "@testing-library/dom": 10.4.1
 
-  '@tybys/wasm-util@0.10.0':
+  "@tybys/wasm-util@0.10.0":
     dependencies:
       tslib: 2.8.1
     optional: true
 
-  '@types/aria-query@5.0.4': {}
+  "@types/aria-query@5.0.4": {}
 
-  '@types/babel__core@7.20.5':
+  "@types/babel__core@7.20.5":
     dependencies:
-      '@babel/parser': 7.28.3
-      '@babel/types': 7.28.2
-      '@types/babel__generator': 7.27.0
-      '@types/babel__template': 7.4.4
-      '@types/babel__traverse': 7.28.0
+      "@babel/parser": 7.28.3
+      "@babel/types": 7.28.2
+      "@types/babel__generator": 7.27.0
+      "@types/babel__template": 7.4.4
+      "@types/babel__traverse": 7.28.0
 
-  '@types/babel__generator@7.27.0':
+  "@types/babel__generator@7.27.0":
     dependencies:
-      '@babel/types': 7.28.2
+      "@babel/types": 7.28.2
 
-  '@types/babel__template@7.4.4':
+  "@types/babel__template@7.4.4":
     dependencies:
-      '@babel/parser': 7.28.3
-      '@babel/types': 7.28.2
+      "@babel/parser": 7.28.3
+      "@babel/types": 7.28.2
 
-  '@types/babel__traverse@7.28.0':
+  "@types/babel__traverse@7.28.0":
     dependencies:
-      '@babel/types': 7.28.2
+      "@babel/types": 7.28.2
 
-  '@types/d3-array@3.2.1': {}
+  "@types/d3-array@3.2.1": {}
 
-  '@types/d3-color@3.1.3': {}
+  "@types/d3-color@3.1.3": {}
 
-  '@types/d3-ease@3.0.2': {}
+  "@types/d3-ease@3.0.2": {}
 
-  '@types/d3-interpolate@3.0.4':
+  "@types/d3-interpolate@3.0.4":
     dependencies:
-      '@types/d3-color': 3.1.3
+      "@types/d3-color": 3.1.3
 
-  '@types/d3-path@3.1.1': {}
+  "@types/d3-path@3.1.1": {}
 
-  '@types/d3-scale@4.0.9':
+  "@types/d3-scale@4.0.9":
     dependencies:
-      '@types/d3-time': 3.0.4
+      "@types/d3-time": 3.0.4
 
-  '@types/d3-shape@3.1.7':
+  "@types/d3-shape@3.1.7":
     dependencies:
-      '@types/d3-path': 3.1.1
+      "@types/d3-path": 3.1.1
 
-  '@types/d3-time@3.0.4': {}
+  "@types/d3-time@3.0.4": {}
 
-  '@types/d3-timer@3.0.2': {}
+  "@types/d3-timer@3.0.2": {}
 
-  '@types/estree@1.0.8': {}
+  "@types/estree@1.0.8": {}
 
-  '@types/istanbul-lib-coverage@2.0.6': {}
+  "@types/istanbul-lib-coverage@2.0.6": {}
 
-  '@types/istanbul-lib-report@3.0.3':
+  "@types/istanbul-lib-report@3.0.3":
     dependencies:
-      '@types/istanbul-lib-coverage': 2.0.6
+      "@types/istanbul-lib-coverage": 2.0.6
 
-  '@types/istanbul-reports@3.0.4':
+  "@types/istanbul-reports@3.0.4":
     dependencies:
-      '@types/istanbul-lib-report': 3.0.3
+      "@types/istanbul-lib-report": 3.0.3
 
-  '@types/jest@30.0.0':
+  "@types/jest@30.0.0":
     dependencies:
       expect: 30.0.5
       pretty-format: 30.0.5
 
-  '@types/jsdom@21.1.7':
+  "@types/jsdom@21.1.7":
     dependencies:
-      '@types/node': 20.19.11
-      '@types/tough-cookie': 4.0.5
+      "@types/node": 20.19.11
+      "@types/tough-cookie": 4.0.5
       parse5: 7.3.0
 
-  '@types/json-schema@7.0.15': {}
+  "@types/json-schema@7.0.15": {}
 
-  '@types/json5@0.0.29': {}
+  "@types/json5@0.0.29": {}
 
-  '@types/node@20.19.11':
+  "@types/node@20.19.11":
     dependencies:
       undici-types: 6.21.0
 
-  '@types/phoenix@1.6.6': {}
+  "@types/phoenix@1.6.6": {}
 
-  '@types/react-dom@19.1.7(@types/react@19.1.10)':
+  "@types/react-dom@19.1.7(@types/react@19.1.10)":
     dependencies:
-      '@types/react': 19.1.10
+      "@types/react": 19.1.10
 
-  '@types/react@19.1.10':
+  "@types/react@19.1.10":
     dependencies:
       csstype: 3.1.3
 
-  '@types/stack-utils@2.0.3': {}
+  "@types/stack-utils@2.0.3": {}
 
-  '@types/tough-cookie@4.0.5': {}
+  "@types/tough-cookie@4.0.5": {}
 
-  '@types/use-sync-external-store@0.0.6': {}
+  "@types/use-sync-external-store@0.0.6": {}
 
-  '@types/ws@8.18.1':
+  "@types/ws@8.18.1":
     dependencies:
-      '@types/node': 20.19.11
+      "@types/node": 20.19.11
 
-  '@types/yargs-parser@21.0.3': {}
+  "@types/yargs-parser@21.0.3": {}
 
-  '@types/yargs@17.0.33':
+  "@types/yargs@17.0.33":
     dependencies:
-      '@types/yargs-parser': 21.0.3
+      "@types/yargs-parser": 21.0.3
 
-  '@typescript-eslint/eslint-plugin@8.40.0(@typescript-eslint/parser@8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2))(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)':
+  "@typescript-eslint/eslint-plugin@8.40.0(@typescript-eslint/parser@8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2))(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)":
     dependencies:
-      '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)
-      '@typescript-eslint/scope-manager': 8.40.0
-      '@typescript-eslint/type-utils': 8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)
-      '@typescript-eslint/utils': 8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)
-      '@typescript-eslint/visitor-keys': 8.40.0
+      "@eslint-community/regexpp": 4.12.1
+      "@typescript-eslint/parser": 8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)
+      "@typescript-eslint/scope-manager": 8.40.0
+      "@typescript-eslint/type-utils": 8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)
+      "@typescript-eslint/utils": 8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)
+      "@typescript-eslint/visitor-keys": 8.40.0
       eslint: 9.33.0(jiti@2.5.1)
       graphemer: 1.4.0
       ignore: 7.0.5
@@ -4419,41 +6669,41 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)':
+  "@typescript-eslint/parser@8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)":
     dependencies:
-      '@typescript-eslint/scope-manager': 8.40.0
-      '@typescript-eslint/types': 8.40.0
-      '@typescript-eslint/typescript-estree': 8.40.0(typescript@5.9.2)
-      '@typescript-eslint/visitor-keys': 8.40.0
+      "@typescript-eslint/scope-manager": 8.40.0
+      "@typescript-eslint/types": 8.40.0
+      "@typescript-eslint/typescript-estree": 8.40.0(typescript@5.9.2)
+      "@typescript-eslint/visitor-keys": 8.40.0
       debug: 4.4.1
       eslint: 9.33.0(jiti@2.5.1)
       typescript: 5.9.2
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/project-service@8.40.0(typescript@5.9.2)':
+  "@typescript-eslint/project-service@8.40.0(typescript@5.9.2)":
     dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.40.0(typescript@5.9.2)
-      '@typescript-eslint/types': 8.40.0
+      "@typescript-eslint/tsconfig-utils": 8.40.0(typescript@5.9.2)
+      "@typescript-eslint/types": 8.40.0
       debug: 4.4.1
       typescript: 5.9.2
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@8.40.0':
+  "@typescript-eslint/scope-manager@8.40.0":
     dependencies:
-      '@typescript-eslint/types': 8.40.0
-      '@typescript-eslint/visitor-keys': 8.40.0
+      "@typescript-eslint/types": 8.40.0
+      "@typescript-eslint/visitor-keys": 8.40.0
 
-  '@typescript-eslint/tsconfig-utils@8.40.0(typescript@5.9.2)':
+  "@typescript-eslint/tsconfig-utils@8.40.0(typescript@5.9.2)":
     dependencies:
       typescript: 5.9.2
 
-  '@typescript-eslint/type-utils@8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)':
+  "@typescript-eslint/type-utils@8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)":
     dependencies:
-      '@typescript-eslint/types': 8.40.0
-      '@typescript-eslint/typescript-estree': 8.40.0(typescript@5.9.2)
-      '@typescript-eslint/utils': 8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)
+      "@typescript-eslint/types": 8.40.0
+      "@typescript-eslint/typescript-estree": 8.40.0(typescript@5.9.2)
+      "@typescript-eslint/utils": 8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)
       debug: 4.4.1
       eslint: 9.33.0(jiti@2.5.1)
       ts-api-utils: 2.1.0(typescript@5.9.2)
@@ -4461,14 +6711,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/types@8.40.0': {}
+  "@typescript-eslint/types@8.40.0": {}
 
-  '@typescript-eslint/typescript-estree@8.40.0(typescript@5.9.2)':
+  "@typescript-eslint/typescript-estree@8.40.0(typescript@5.9.2)":
     dependencies:
-      '@typescript-eslint/project-service': 8.40.0(typescript@5.9.2)
-      '@typescript-eslint/tsconfig-utils': 8.40.0(typescript@5.9.2)
-      '@typescript-eslint/types': 8.40.0
-      '@typescript-eslint/visitor-keys': 8.40.0
+      "@typescript-eslint/project-service": 8.40.0(typescript@5.9.2)
+      "@typescript-eslint/tsconfig-utils": 8.40.0(typescript@5.9.2)
+      "@typescript-eslint/types": 8.40.0
+      "@typescript-eslint/visitor-keys": 8.40.0
       debug: 4.4.1
       fast-glob: 3.3.3
       is-glob: 4.0.3
@@ -4479,81 +6729,81 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)':
+  "@typescript-eslint/utils@8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)":
     dependencies:
-      '@eslint-community/eslint-utils': 4.7.0(eslint@9.33.0(jiti@2.5.1))
-      '@typescript-eslint/scope-manager': 8.40.0
-      '@typescript-eslint/types': 8.40.0
-      '@typescript-eslint/typescript-estree': 8.40.0(typescript@5.9.2)
+      "@eslint-community/eslint-utils": 4.7.0(eslint@9.33.0(jiti@2.5.1))
+      "@typescript-eslint/scope-manager": 8.40.0
+      "@typescript-eslint/types": 8.40.0
+      "@typescript-eslint/typescript-estree": 8.40.0(typescript@5.9.2)
       eslint: 9.33.0(jiti@2.5.1)
       typescript: 5.9.2
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/visitor-keys@8.40.0':
+  "@typescript-eslint/visitor-keys@8.40.0":
     dependencies:
-      '@typescript-eslint/types': 8.40.0
+      "@typescript-eslint/types": 8.40.0
       eslint-visitor-keys: 4.2.1
 
-  '@ungap/structured-clone@1.3.0': {}
+  "@ungap/structured-clone@1.3.0": {}
 
-  '@unrs/resolver-binding-android-arm-eabi@1.11.1':
+  "@unrs/resolver-binding-android-arm-eabi@1.11.1":
     optional: true
 
-  '@unrs/resolver-binding-android-arm64@1.11.1':
+  "@unrs/resolver-binding-android-arm64@1.11.1":
     optional: true
 
-  '@unrs/resolver-binding-darwin-arm64@1.11.1':
+  "@unrs/resolver-binding-darwin-arm64@1.11.1":
     optional: true
 
-  '@unrs/resolver-binding-darwin-x64@1.11.1':
+  "@unrs/resolver-binding-darwin-x64@1.11.1":
     optional: true
 
-  '@unrs/resolver-binding-freebsd-x64@1.11.1':
+  "@unrs/resolver-binding-freebsd-x64@1.11.1":
     optional: true
 
-  '@unrs/resolver-binding-linux-arm-gnueabihf@1.11.1':
+  "@unrs/resolver-binding-linux-arm-gnueabihf@1.11.1":
     optional: true
 
-  '@unrs/resolver-binding-linux-arm-musleabihf@1.11.1':
+  "@unrs/resolver-binding-linux-arm-musleabihf@1.11.1":
     optional: true
 
-  '@unrs/resolver-binding-linux-arm64-gnu@1.11.1':
+  "@unrs/resolver-binding-linux-arm64-gnu@1.11.1":
     optional: true
 
-  '@unrs/resolver-binding-linux-arm64-musl@1.11.1':
+  "@unrs/resolver-binding-linux-arm64-musl@1.11.1":
     optional: true
 
-  '@unrs/resolver-binding-linux-ppc64-gnu@1.11.1':
+  "@unrs/resolver-binding-linux-ppc64-gnu@1.11.1":
     optional: true
 
-  '@unrs/resolver-binding-linux-riscv64-gnu@1.11.1':
+  "@unrs/resolver-binding-linux-riscv64-gnu@1.11.1":
     optional: true
 
-  '@unrs/resolver-binding-linux-riscv64-musl@1.11.1':
+  "@unrs/resolver-binding-linux-riscv64-musl@1.11.1":
     optional: true
 
-  '@unrs/resolver-binding-linux-s390x-gnu@1.11.1':
+  "@unrs/resolver-binding-linux-s390x-gnu@1.11.1":
     optional: true
 
-  '@unrs/resolver-binding-linux-x64-gnu@1.11.1':
+  "@unrs/resolver-binding-linux-x64-gnu@1.11.1":
     optional: true
 
-  '@unrs/resolver-binding-linux-x64-musl@1.11.1':
+  "@unrs/resolver-binding-linux-x64-musl@1.11.1":
     optional: true
 
-  '@unrs/resolver-binding-wasm32-wasi@1.11.1':
+  "@unrs/resolver-binding-wasm32-wasi@1.11.1":
     dependencies:
-      '@napi-rs/wasm-runtime': 0.2.12
+      "@napi-rs/wasm-runtime": 0.2.12
     optional: true
 
-  '@unrs/resolver-binding-win32-arm64-msvc@1.11.1':
+  "@unrs/resolver-binding-win32-arm64-msvc@1.11.1":
     optional: true
 
-  '@unrs/resolver-binding-win32-ia32-msvc@1.11.1':
+  "@unrs/resolver-binding-win32-ia32-msvc@1.11.1":
     optional: true
 
-  '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
+  "@unrs/resolver-binding-win32-x64-msvc@1.11.1":
     optional: true
 
   acorn-jsx@5.3.2(acorn@8.15.0):
@@ -4685,9 +6935,9 @@ snapshots:
 
   babel-jest@30.0.5(@babel/core@7.28.3):
     dependencies:
-      '@babel/core': 7.28.3
-      '@jest/transform': 30.0.5
-      '@types/babel__core': 7.20.5
+      "@babel/core": 7.28.3
+      "@jest/transform": 30.0.5
+      "@types/babel__core": 7.20.5
       babel-plugin-istanbul: 7.0.0
       babel-preset-jest: 30.0.1(@babel/core@7.28.3)
       chalk: 4.1.2
@@ -4698,9 +6948,9 @@ snapshots:
 
   babel-plugin-istanbul@7.0.0:
     dependencies:
-      '@babel/helper-plugin-utils': 7.27.1
-      '@istanbuljs/load-nyc-config': 1.1.0
-      '@istanbuljs/schema': 0.1.3
+      "@babel/helper-plugin-utils": 7.27.1
+      "@istanbuljs/load-nyc-config": 1.1.0
+      "@istanbuljs/schema": 0.1.3
       istanbul-lib-instrument: 6.0.3
       test-exclude: 6.0.0
     transitivePeerDependencies:
@@ -4708,32 +6958,32 @@ snapshots:
 
   babel-plugin-jest-hoist@30.0.1:
     dependencies:
-      '@babel/template': 7.27.2
-      '@babel/types': 7.28.2
-      '@types/babel__core': 7.20.5
+      "@babel/template": 7.27.2
+      "@babel/types": 7.28.2
+      "@types/babel__core": 7.20.5
 
   babel-preset-current-node-syntax@1.2.0(@babel/core@7.28.3):
     dependencies:
-      '@babel/core': 7.28.3
-      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.28.3)
-      '@babel/plugin-syntax-bigint': 7.8.3(@babel/core@7.28.3)
-      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.28.3)
-      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.28.3)
-      '@babel/plugin-syntax-import-attributes': 7.27.1(@babel/core@7.28.3)
-      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.28.3)
-      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.28.3)
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.28.3)
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.28.3)
-      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.28.3)
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.28.3)
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.28.3)
-      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.28.3)
-      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.28.3)
-      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.28.3)
+      "@babel/core": 7.28.3
+      "@babel/plugin-syntax-async-generators": 7.8.4(@babel/core@7.28.3)
+      "@babel/plugin-syntax-bigint": 7.8.3(@babel/core@7.28.3)
+      "@babel/plugin-syntax-class-properties": 7.12.13(@babel/core@7.28.3)
+      "@babel/plugin-syntax-class-static-block": 7.14.5(@babel/core@7.28.3)
+      "@babel/plugin-syntax-import-attributes": 7.27.1(@babel/core@7.28.3)
+      "@babel/plugin-syntax-import-meta": 7.10.4(@babel/core@7.28.3)
+      "@babel/plugin-syntax-json-strings": 7.8.3(@babel/core@7.28.3)
+      "@babel/plugin-syntax-logical-assignment-operators": 7.10.4(@babel/core@7.28.3)
+      "@babel/plugin-syntax-nullish-coalescing-operator": 7.8.3(@babel/core@7.28.3)
+      "@babel/plugin-syntax-numeric-separator": 7.10.4(@babel/core@7.28.3)
+      "@babel/plugin-syntax-object-rest-spread": 7.8.3(@babel/core@7.28.3)
+      "@babel/plugin-syntax-optional-catch-binding": 7.8.3(@babel/core@7.28.3)
+      "@babel/plugin-syntax-optional-chaining": 7.8.3(@babel/core@7.28.3)
+      "@babel/plugin-syntax-private-property-in-object": 7.14.5(@babel/core@7.28.3)
+      "@babel/plugin-syntax-top-level-await": 7.14.5(@babel/core@7.28.3)
 
   babel-preset-jest@30.0.1(@babel/core@7.28.3):
     dependencies:
-      '@babel/core': 7.28.3
+      "@babel/core": 7.28.3
       babel-plugin-jest-hoist: 30.0.1
       babel-preset-current-node-syntax: 1.2.0(@babel/core@7.28.3)
 
@@ -4851,7 +7101,7 @@ snapshots:
 
   cssstyle@4.6.0:
     dependencies:
-      '@asamuzakjp/css-color': 3.2.0
+      "@asamuzakjp/css-color": 3.2.0
       rrweb-cssom: 0.8.0
 
   csstype@3.1.3: {}
@@ -5103,10 +7353,10 @@ snapshots:
 
   eslint-config-next@15.5.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2):
     dependencies:
-      '@next/eslint-plugin-next': 15.5.0
-      '@rushstack/eslint-patch': 1.12.0
-      '@typescript-eslint/eslint-plugin': 8.40.0(@typescript-eslint/parser@8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2))(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)
-      '@typescript-eslint/parser': 8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)
+      "@next/eslint-plugin-next": 15.5.0
+      "@rushstack/eslint-patch": 1.12.0
+      "@typescript-eslint/eslint-plugin": 8.40.0(@typescript-eslint/parser@8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2))(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)
+      "@typescript-eslint/parser": 8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)
       eslint: 9.33.0(jiti@2.5.1)
       eslint-import-resolver-node: 0.3.9
       eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.33.0(jiti@2.5.1))
@@ -5131,7 +7381,7 @@ snapshots:
 
   eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.33.0(jiti@2.5.1)):
     dependencies:
-      '@nolyfill/is-core-module': 1.0.39
+      "@nolyfill/is-core-module": 1.0.39
       debug: 4.4.1
       eslint: 9.33.0(jiti@2.5.1)
       get-tsconfig: 4.10.1
@@ -5148,7 +7398,7 @@ snapshots:
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      '@typescript-eslint/parser': 8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)
+      "@typescript-eslint/parser": 8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)
       eslint: 9.33.0(jiti@2.5.1)
       eslint-import-resolver-node: 0.3.9
       eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.33.0(jiti@2.5.1))
@@ -5157,7 +7407,7 @@ snapshots:
 
   eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2))(eslint-import-resolver-typescript@3.10.1)(eslint@9.33.0(jiti@2.5.1)):
     dependencies:
-      '@rtsao/scc': 1.1.0
+      "@rtsao/scc": 1.1.0
       array-includes: 3.1.9
       array.prototype.findlastindex: 1.2.6
       array.prototype.flat: 1.3.3
@@ -5178,7 +7428,7 @@ snapshots:
       string.prototype.trimend: 1.0.9
       tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)
+      "@typescript-eslint/parser": 8.40.0(eslint@9.33.0(jiti@2.5.1))(typescript@5.9.2)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
@@ -5240,19 +7490,19 @@ snapshots:
 
   eslint@9.33.0(jiti@2.5.1):
     dependencies:
-      '@eslint-community/eslint-utils': 4.7.0(eslint@9.33.0(jiti@2.5.1))
-      '@eslint-community/regexpp': 4.12.1
-      '@eslint/config-array': 0.21.0
-      '@eslint/config-helpers': 0.3.1
-      '@eslint/core': 0.15.2
-      '@eslint/eslintrc': 3.3.1
-      '@eslint/js': 9.33.0
-      '@eslint/plugin-kit': 0.3.5
-      '@humanfs/node': 0.16.6
-      '@humanwhocodes/module-importer': 1.0.1
-      '@humanwhocodes/retry': 0.4.3
-      '@types/estree': 1.0.8
-      '@types/json-schema': 7.0.15
+      "@eslint-community/eslint-utils": 4.7.0(eslint@9.33.0(jiti@2.5.1))
+      "@eslint-community/regexpp": 4.12.1
+      "@eslint/config-array": 0.21.0
+      "@eslint/config-helpers": 0.3.1
+      "@eslint/core": 0.15.2
+      "@eslint/eslintrc": 3.3.1
+      "@eslint/js": 9.33.0
+      "@eslint/plugin-kit": 0.3.5
+      "@humanfs/node": 0.16.6
+      "@humanwhocodes/module-importer": 1.0.1
+      "@humanwhocodes/retry": 0.4.3
+      "@types/estree": 1.0.8
+      "@types/json-schema": 7.0.15
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.6
@@ -5318,8 +7568,8 @@ snapshots:
 
   expect@30.0.5:
     dependencies:
-      '@jest/expect-utils': 30.0.5
-      '@jest/get-type': 30.0.1
+      "@jest/expect-utils": 30.0.5
+      "@jest/get-type": 30.0.1
       jest-matcher-utils: 30.0.5
       jest-message-util: 30.0.5
       jest-mock: 30.0.5
@@ -5329,16 +7579,16 @@ snapshots:
 
   fast-glob@3.3.1:
     dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      '@nodelib/fs.walk': 1.2.8
+      "@nodelib/fs.stat": 2.0.5
+      "@nodelib/fs.walk": 1.2.8
       glob-parent: 5.1.2
       merge2: 1.4.1
       micromatch: 4.0.8
 
   fast-glob@3.3.3:
     dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      '@nodelib/fs.walk': 1.2.8
+      "@nodelib/fs.stat": 2.0.5
+      "@nodelib/fs.walk": 1.2.8
       glob-parent: 5.1.2
       merge2: 1.4.1
       micromatch: 4.0.8
@@ -5704,9 +7954,9 @@ snapshots:
 
   istanbul-lib-instrument@6.0.3:
     dependencies:
-      '@babel/core': 7.28.3
-      '@babel/parser': 7.28.3
-      '@istanbuljs/schema': 0.1.3
+      "@babel/core": 7.28.3
+      "@babel/parser": 7.28.3
+      "@istanbuljs/schema": 0.1.3
       istanbul-lib-coverage: 3.2.2
       semver: 7.7.2
     transitivePeerDependencies:
@@ -5720,7 +7970,7 @@ snapshots:
 
   istanbul-lib-source-maps@5.0.6:
     dependencies:
-      '@jridgewell/trace-mapping': 0.3.30
+      "@jridgewell/trace-mapping": 0.3.30
       debug: 4.4.1
       istanbul-lib-coverage: 3.2.2
     transitivePeerDependencies:
@@ -5742,9 +7992,9 @@ snapshots:
 
   jackspeak@3.4.3:
     dependencies:
-      '@isaacs/cliui': 8.0.2
+      "@isaacs/cliui": 8.0.2
     optionalDependencies:
-      '@pkgjs/parseargs': 0.11.0
+      "@pkgjs/parseargs": 0.11.0
 
   jest-changed-files@30.0.5:
     dependencies:
@@ -5754,11 +8004,11 @@ snapshots:
 
   jest-circus@30.0.5:
     dependencies:
-      '@jest/environment': 30.0.5
-      '@jest/expect': 30.0.5
-      '@jest/test-result': 30.0.5
-      '@jest/types': 30.0.5
-      '@types/node': 20.19.11
+      "@jest/environment": 30.0.5
+      "@jest/expect": 30.0.5
+      "@jest/test-result": 30.0.5
+      "@jest/types": 30.0.5
+      "@types/node": 20.19.11
       chalk: 4.1.2
       co: 4.6.0
       dedent: 1.6.0
@@ -5780,9 +8030,9 @@ snapshots:
 
   jest-cli@30.0.5(@types/node@20.19.11):
     dependencies:
-      '@jest/core': 30.0.5
-      '@jest/test-result': 30.0.5
-      '@jest/types': 30.0.5
+      "@jest/core": 30.0.5
+      "@jest/test-result": 30.0.5
+      "@jest/types": 30.0.5
       chalk: 4.1.2
       exit-x: 0.2.2
       import-local: 3.2.0
@@ -5791,7 +8041,7 @@ snapshots:
       jest-validate: 30.0.5
       yargs: 17.7.2
     transitivePeerDependencies:
-      - '@types/node'
+      - "@types/node"
       - babel-plugin-macros
       - esbuild-register
       - supports-color
@@ -5799,11 +8049,11 @@ snapshots:
 
   jest-config@30.0.5(@types/node@20.19.11):
     dependencies:
-      '@babel/core': 7.28.3
-      '@jest/get-type': 30.0.1
-      '@jest/pattern': 30.0.1
-      '@jest/test-sequencer': 30.0.5
-      '@jest/types': 30.0.5
+      "@babel/core": 7.28.3
+      "@jest/get-type": 30.0.1
+      "@jest/pattern": 30.0.1
+      "@jest/test-sequencer": 30.0.5
+      "@jest/types": 30.0.5
       babel-jest: 30.0.5(@babel/core@7.28.3)
       chalk: 4.1.2
       ci-info: 4.3.0
@@ -5824,15 +8074,15 @@ snapshots:
       slash: 3.0.0
       strip-json-comments: 3.1.1
     optionalDependencies:
-      '@types/node': 20.19.11
+      "@types/node": 20.19.11
     transitivePeerDependencies:
       - babel-plugin-macros
       - supports-color
 
   jest-diff@30.0.5:
     dependencies:
-      '@jest/diff-sequences': 30.0.1
-      '@jest/get-type': 30.0.1
+      "@jest/diff-sequences": 30.0.1
+      "@jest/get-type": 30.0.1
       chalk: 4.1.2
       pretty-format: 30.0.5
 
@@ -5842,18 +8092,18 @@ snapshots:
 
   jest-each@30.0.5:
     dependencies:
-      '@jest/get-type': 30.0.1
-      '@jest/types': 30.0.5
+      "@jest/get-type": 30.0.1
+      "@jest/types": 30.0.5
       chalk: 4.1.2
       jest-util: 30.0.5
       pretty-format: 30.0.5
 
   jest-environment-jsdom@30.0.5:
     dependencies:
-      '@jest/environment': 30.0.5
-      '@jest/environment-jsdom-abstract': 30.0.5(jsdom@26.1.0)
-      '@types/jsdom': 21.1.7
-      '@types/node': 20.19.11
+      "@jest/environment": 30.0.5
+      "@jest/environment-jsdom-abstract": 30.0.5(jsdom@26.1.0)
+      "@types/jsdom": 21.1.7
+      "@types/node": 20.19.11
       jsdom: 26.1.0
     transitivePeerDependencies:
       - bufferutil
@@ -5862,18 +8112,18 @@ snapshots:
 
   jest-environment-node@30.0.5:
     dependencies:
-      '@jest/environment': 30.0.5
-      '@jest/fake-timers': 30.0.5
-      '@jest/types': 30.0.5
-      '@types/node': 20.19.11
+      "@jest/environment": 30.0.5
+      "@jest/fake-timers": 30.0.5
+      "@jest/types": 30.0.5
+      "@types/node": 20.19.11
       jest-mock: 30.0.5
       jest-util: 30.0.5
       jest-validate: 30.0.5
 
   jest-haste-map@30.0.5:
     dependencies:
-      '@jest/types': 30.0.5
-      '@types/node': 20.19.11
+      "@jest/types": 30.0.5
+      "@types/node": 20.19.11
       anymatch: 3.1.3
       fb-watchman: 2.0.2
       graceful-fs: 4.2.11
@@ -5887,21 +8137,21 @@ snapshots:
 
   jest-leak-detector@30.0.5:
     dependencies:
-      '@jest/get-type': 30.0.1
+      "@jest/get-type": 30.0.1
       pretty-format: 30.0.5
 
   jest-matcher-utils@30.0.5:
     dependencies:
-      '@jest/get-type': 30.0.1
+      "@jest/get-type": 30.0.1
       chalk: 4.1.2
       jest-diff: 30.0.5
       pretty-format: 30.0.5
 
   jest-message-util@30.0.5:
     dependencies:
-      '@babel/code-frame': 7.27.1
-      '@jest/types': 30.0.5
-      '@types/stack-utils': 2.0.3
+      "@babel/code-frame": 7.27.1
+      "@jest/types": 30.0.5
+      "@types/stack-utils": 2.0.3
       chalk: 4.1.2
       graceful-fs: 4.2.11
       micromatch: 4.0.8
@@ -5911,8 +8161,8 @@ snapshots:
 
   jest-mock@30.0.5:
     dependencies:
-      '@jest/types': 30.0.5
-      '@types/node': 20.19.11
+      "@jest/types": 30.0.5
+      "@types/node": 20.19.11
       jest-util: 30.0.5
 
   jest-pnp-resolver@1.2.3(jest-resolve@30.0.5):
@@ -5941,12 +8191,12 @@ snapshots:
 
   jest-runner@30.0.5:
     dependencies:
-      '@jest/console': 30.0.5
-      '@jest/environment': 30.0.5
-      '@jest/test-result': 30.0.5
-      '@jest/transform': 30.0.5
-      '@jest/types': 30.0.5
-      '@types/node': 20.19.11
+      "@jest/console": 30.0.5
+      "@jest/environment": 30.0.5
+      "@jest/test-result": 30.0.5
+      "@jest/transform": 30.0.5
+      "@jest/types": 30.0.5
+      "@types/node": 20.19.11
       chalk: 4.1.2
       emittery: 0.13.1
       exit-x: 0.2.2
@@ -5968,14 +8218,14 @@ snapshots:
 
   jest-runtime@30.0.5:
     dependencies:
-      '@jest/environment': 30.0.5
-      '@jest/fake-timers': 30.0.5
-      '@jest/globals': 30.0.5
-      '@jest/source-map': 30.0.1
-      '@jest/test-result': 30.0.5
-      '@jest/transform': 30.0.5
-      '@jest/types': 30.0.5
-      '@types/node': 20.19.11
+      "@jest/environment": 30.0.5
+      "@jest/fake-timers": 30.0.5
+      "@jest/globals": 30.0.5
+      "@jest/source-map": 30.0.1
+      "@jest/test-result": 30.0.5
+      "@jest/transform": 30.0.5
+      "@jest/types": 30.0.5
+      "@types/node": 20.19.11
       chalk: 4.1.2
       cjs-module-lexer: 2.1.0
       collect-v8-coverage: 1.0.2
@@ -5995,16 +8245,16 @@ snapshots:
 
   jest-snapshot@30.0.5:
     dependencies:
-      '@babel/core': 7.28.3
-      '@babel/generator': 7.28.3
-      '@babel/plugin-syntax-jsx': 7.27.1(@babel/core@7.28.3)
-      '@babel/plugin-syntax-typescript': 7.27.1(@babel/core@7.28.3)
-      '@babel/types': 7.28.2
-      '@jest/expect-utils': 30.0.5
-      '@jest/get-type': 30.0.1
-      '@jest/snapshot-utils': 30.0.5
-      '@jest/transform': 30.0.5
-      '@jest/types': 30.0.5
+      "@babel/core": 7.28.3
+      "@babel/generator": 7.28.3
+      "@babel/plugin-syntax-jsx": 7.27.1(@babel/core@7.28.3)
+      "@babel/plugin-syntax-typescript": 7.27.1(@babel/core@7.28.3)
+      "@babel/types": 7.28.2
+      "@jest/expect-utils": 30.0.5
+      "@jest/get-type": 30.0.1
+      "@jest/snapshot-utils": 30.0.5
+      "@jest/transform": 30.0.5
+      "@jest/types": 30.0.5
       babel-preset-current-node-syntax: 1.2.0(@babel/core@7.28.3)
       chalk: 4.1.2
       expect: 30.0.5
@@ -6021,8 +8271,8 @@ snapshots:
 
   jest-util@30.0.5:
     dependencies:
-      '@jest/types': 30.0.5
-      '@types/node': 20.19.11
+      "@jest/types": 30.0.5
+      "@types/node": 20.19.11
       chalk: 4.1.2
       ci-info: 4.3.0
       graceful-fs: 4.2.11
@@ -6030,8 +8280,8 @@ snapshots:
 
   jest-validate@30.0.5:
     dependencies:
-      '@jest/get-type': 30.0.1
-      '@jest/types': 30.0.5
+      "@jest/get-type": 30.0.1
+      "@jest/types": 30.0.5
       camelcase: 6.3.0
       chalk: 4.1.2
       leven: 3.1.0
@@ -6039,9 +8289,9 @@ snapshots:
 
   jest-watcher@30.0.5:
     dependencies:
-      '@jest/test-result': 30.0.5
-      '@jest/types': 30.0.5
-      '@types/node': 20.19.11
+      "@jest/test-result": 30.0.5
+      "@jest/types": 30.0.5
+      "@types/node": 20.19.11
       ansi-escapes: 4.3.2
       chalk: 4.1.2
       emittery: 0.13.1
@@ -6050,20 +8300,20 @@ snapshots:
 
   jest-worker@30.0.5:
     dependencies:
-      '@types/node': 20.19.11
-      '@ungap/structured-clone': 1.3.0
+      "@types/node": 20.19.11
+      "@ungap/structured-clone": 1.3.0
       jest-util: 30.0.5
       merge-stream: 2.0.0
       supports-color: 8.1.1
 
   jest@30.0.5(@types/node@20.19.11):
     dependencies:
-      '@jest/core': 30.0.5
-      '@jest/types': 30.0.5
+      "@jest/core": 30.0.5
+      "@jest/types": 30.0.5
       import-local: 3.2.0
       jest-cli: 30.0.5(@types/node@20.19.11)
     transitivePeerDependencies:
-      - '@types/node'
+      - "@types/node"
       - babel-plugin-macros
       - esbuild-register
       - supports-color
@@ -6073,9 +8323,9 @@ snapshots:
 
   jotai@2.13.1(@babel/core@7.28.3)(@babel/template@7.27.2)(@types/react@19.1.10)(react@19.1.0):
     optionalDependencies:
-      '@babel/core': 7.28.3
-      '@babel/template': 7.27.2
-      '@types/react': 19.1.10
+      "@babel/core": 7.28.3
+      "@babel/template": 7.27.2
+      "@types/react": 19.1.10
       react: 19.1.0
 
   js-tokens@4.0.0: {}
@@ -6231,7 +8481,7 @@ snapshots:
 
   magic-string@0.30.18:
     dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.5
+      "@jridgewell/sourcemap-codec": 1.5.5
 
   make-dir@4.0.0:
     dependencies:
@@ -6284,26 +8534,26 @@ snapshots:
 
   next@15.5.0(@babel/core@7.28.3)(@playwright/test@1.55.0)(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
     dependencies:
-      '@next/env': 15.5.0
-      '@swc/helpers': 0.5.15
+      "@next/env": 15.5.0
+      "@swc/helpers": 0.5.15
       caniuse-lite: 1.0.30001736
       postcss: 8.4.31
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
       styled-jsx: 5.1.6(@babel/core@7.28.3)(react@19.1.0)
     optionalDependencies:
-      '@next/swc-darwin-arm64': 15.5.0
-      '@next/swc-darwin-x64': 15.5.0
-      '@next/swc-linux-arm64-gnu': 15.5.0
-      '@next/swc-linux-arm64-musl': 15.5.0
-      '@next/swc-linux-x64-gnu': 15.5.0
-      '@next/swc-linux-x64-musl': 15.5.0
-      '@next/swc-win32-arm64-msvc': 15.5.0
-      '@next/swc-win32-x64-msvc': 15.5.0
-      '@playwright/test': 1.55.0
+      "@next/swc-darwin-arm64": 15.5.0
+      "@next/swc-darwin-x64": 15.5.0
+      "@next/swc-linux-arm64-gnu": 15.5.0
+      "@next/swc-linux-arm64-musl": 15.5.0
+      "@next/swc-linux-x64-gnu": 15.5.0
+      "@next/swc-linux-x64-musl": 15.5.0
+      "@next/swc-win32-arm64-msvc": 15.5.0
+      "@next/swc-win32-x64-msvc": 15.5.0
+      "@playwright/test": 1.55.0
       sharp: 0.34.3
     transitivePeerDependencies:
-      - '@babel/core'
+      - "@babel/core"
       - babel-plugin-macros
 
   node-int64@0.4.0: {}
@@ -6409,7 +8659,7 @@ snapshots:
 
   parse-json@5.2.0:
     dependencies:
-      '@babel/code-frame': 7.27.1
+      "@babel/code-frame": 7.27.1
       error-ex: 1.3.2
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
@@ -6481,7 +8731,7 @@ snapshots:
 
   pretty-format@30.0.5:
     dependencies:
-      '@jest/schemas': 30.0.5
+      "@jest/schemas": 30.0.5
       ansi-styles: 5.2.0
       react-is: 18.3.1
 
@@ -6514,18 +8764,18 @@ snapshots:
 
   react-redux@9.2.0(@types/react@19.1.10)(react@19.1.0)(redux@5.0.1):
     dependencies:
-      '@types/use-sync-external-store': 0.0.6
+      "@types/use-sync-external-store": 0.0.6
       react: 19.1.0
       use-sync-external-store: 1.5.0(react@19.1.0)
     optionalDependencies:
-      '@types/react': 19.1.10
+      "@types/react": 19.1.10
       redux: 5.0.1
 
   react@19.1.0: {}
 
   recharts@3.1.2(@types/react@19.1.10)(react-dom@19.1.0(react@19.1.0))(react-is@18.3.1)(react@19.1.0)(redux@5.0.1):
     dependencies:
-      '@reduxjs/toolkit': 2.8.2(react-redux@9.2.0(@types/react@19.1.10)(react@19.1.0)(redux@5.0.1))(react@19.1.0)
+      "@reduxjs/toolkit": 2.8.2(react-redux@9.2.0(@types/react@19.1.10)(react@19.1.0)(redux@5.0.1))(react@19.1.0)
       clsx: 2.1.1
       decimal.js-light: 2.5.1
       es-toolkit: 1.39.10
@@ -6540,7 +8790,7 @@ snapshots:
       use-sync-external-store: 1.5.0(react@19.1.0)
       victory-vendor: 37.3.6
     transitivePeerDependencies:
-      - '@types/react'
+      - "@types/react"
       - redux
 
   redent@3.0.0:
@@ -6667,28 +8917,28 @@ snapshots:
       detect-libc: 2.0.4
       semver: 7.7.2
     optionalDependencies:
-      '@img/sharp-darwin-arm64': 0.34.3
-      '@img/sharp-darwin-x64': 0.34.3
-      '@img/sharp-libvips-darwin-arm64': 1.2.0
-      '@img/sharp-libvips-darwin-x64': 1.2.0
-      '@img/sharp-libvips-linux-arm': 1.2.0
-      '@img/sharp-libvips-linux-arm64': 1.2.0
-      '@img/sharp-libvips-linux-ppc64': 1.2.0
-      '@img/sharp-libvips-linux-s390x': 1.2.0
-      '@img/sharp-libvips-linux-x64': 1.2.0
-      '@img/sharp-libvips-linuxmusl-arm64': 1.2.0
-      '@img/sharp-libvips-linuxmusl-x64': 1.2.0
-      '@img/sharp-linux-arm': 0.34.3
-      '@img/sharp-linux-arm64': 0.34.3
-      '@img/sharp-linux-ppc64': 0.34.3
-      '@img/sharp-linux-s390x': 0.34.3
-      '@img/sharp-linux-x64': 0.34.3
-      '@img/sharp-linuxmusl-arm64': 0.34.3
-      '@img/sharp-linuxmusl-x64': 0.34.3
-      '@img/sharp-wasm32': 0.34.3
-      '@img/sharp-win32-arm64': 0.34.3
-      '@img/sharp-win32-ia32': 0.34.3
-      '@img/sharp-win32-x64': 0.34.3
+      "@img/sharp-darwin-arm64": 0.34.3
+      "@img/sharp-darwin-x64": 0.34.3
+      "@img/sharp-libvips-darwin-arm64": 1.2.0
+      "@img/sharp-libvips-darwin-x64": 1.2.0
+      "@img/sharp-libvips-linux-arm": 1.2.0
+      "@img/sharp-libvips-linux-arm64": 1.2.0
+      "@img/sharp-libvips-linux-ppc64": 1.2.0
+      "@img/sharp-libvips-linux-s390x": 1.2.0
+      "@img/sharp-libvips-linux-x64": 1.2.0
+      "@img/sharp-libvips-linuxmusl-arm64": 1.2.0
+      "@img/sharp-libvips-linuxmusl-x64": 1.2.0
+      "@img/sharp-linux-arm": 0.34.3
+      "@img/sharp-linux-arm64": 0.34.3
+      "@img/sharp-linux-ppc64": 0.34.3
+      "@img/sharp-linux-s390x": 0.34.3
+      "@img/sharp-linux-x64": 0.34.3
+      "@img/sharp-linuxmusl-arm64": 0.34.3
+      "@img/sharp-linuxmusl-x64": 0.34.3
+      "@img/sharp-wasm32": 0.34.3
+      "@img/sharp-win32-arm64": 0.34.3
+      "@img/sharp-win32-ia32": 0.34.3
+      "@img/sharp-win32-x64": 0.34.3
     optional: true
 
   shebang-command@2.0.0:
@@ -6850,7 +9100,7 @@ snapshots:
       client-only: 0.0.1
       react: 19.1.0
     optionalDependencies:
-      '@babel/core': 7.28.3
+      "@babel/core": 7.28.3
 
   supports-color@7.2.0:
     dependencies:
@@ -6866,7 +9116,7 @@ snapshots:
 
   synckit@0.11.11:
     dependencies:
-      '@pkgr/core': 0.2.9
+      "@pkgr/core": 0.2.9
 
   tailwindcss@4.1.12: {}
 
@@ -6874,7 +9124,7 @@ snapshots:
 
   tar@7.4.3:
     dependencies:
-      '@isaacs/fs-minipass': 4.0.1
+      "@isaacs/fs-minipass": 4.0.1
       chownr: 3.0.0
       minipass: 7.1.2
       minizlib: 3.0.2
@@ -6883,7 +9133,7 @@ snapshots:
 
   test-exclude@6.0.0:
     dependencies:
-      '@istanbuljs/schema': 0.1.3
+      "@istanbuljs/schema": 0.1.3
       glob: 7.2.3
       minimatch: 3.1.2
 
@@ -6922,7 +9172,7 @@ snapshots:
 
   tsconfig-paths@3.15.0:
     dependencies:
-      '@types/json5': 0.0.29
+      "@types/json5": 0.0.29
       json5: 1.0.2
       minimist: 1.2.8
       strip-bom: 3.0.0
@@ -6985,25 +9235,25 @@ snapshots:
     dependencies:
       napi-postinstall: 0.3.3
     optionalDependencies:
-      '@unrs/resolver-binding-android-arm-eabi': 1.11.1
-      '@unrs/resolver-binding-android-arm64': 1.11.1
-      '@unrs/resolver-binding-darwin-arm64': 1.11.1
-      '@unrs/resolver-binding-darwin-x64': 1.11.1
-      '@unrs/resolver-binding-freebsd-x64': 1.11.1
-      '@unrs/resolver-binding-linux-arm-gnueabihf': 1.11.1
-      '@unrs/resolver-binding-linux-arm-musleabihf': 1.11.1
-      '@unrs/resolver-binding-linux-arm64-gnu': 1.11.1
-      '@unrs/resolver-binding-linux-arm64-musl': 1.11.1
-      '@unrs/resolver-binding-linux-ppc64-gnu': 1.11.1
-      '@unrs/resolver-binding-linux-riscv64-gnu': 1.11.1
-      '@unrs/resolver-binding-linux-riscv64-musl': 1.11.1
-      '@unrs/resolver-binding-linux-s390x-gnu': 1.11.1
-      '@unrs/resolver-binding-linux-x64-gnu': 1.11.1
-      '@unrs/resolver-binding-linux-x64-musl': 1.11.1
-      '@unrs/resolver-binding-wasm32-wasi': 1.11.1
-      '@unrs/resolver-binding-win32-arm64-msvc': 1.11.1
-      '@unrs/resolver-binding-win32-ia32-msvc': 1.11.1
-      '@unrs/resolver-binding-win32-x64-msvc': 1.11.1
+      "@unrs/resolver-binding-android-arm-eabi": 1.11.1
+      "@unrs/resolver-binding-android-arm64": 1.11.1
+      "@unrs/resolver-binding-darwin-arm64": 1.11.1
+      "@unrs/resolver-binding-darwin-x64": 1.11.1
+      "@unrs/resolver-binding-freebsd-x64": 1.11.1
+      "@unrs/resolver-binding-linux-arm-gnueabihf": 1.11.1
+      "@unrs/resolver-binding-linux-arm-musleabihf": 1.11.1
+      "@unrs/resolver-binding-linux-arm64-gnu": 1.11.1
+      "@unrs/resolver-binding-linux-arm64-musl": 1.11.1
+      "@unrs/resolver-binding-linux-ppc64-gnu": 1.11.1
+      "@unrs/resolver-binding-linux-riscv64-gnu": 1.11.1
+      "@unrs/resolver-binding-linux-riscv64-musl": 1.11.1
+      "@unrs/resolver-binding-linux-s390x-gnu": 1.11.1
+      "@unrs/resolver-binding-linux-x64-gnu": 1.11.1
+      "@unrs/resolver-binding-linux-x64-musl": 1.11.1
+      "@unrs/resolver-binding-wasm32-wasi": 1.11.1
+      "@unrs/resolver-binding-win32-arm64-msvc": 1.11.1
+      "@unrs/resolver-binding-win32-ia32-msvc": 1.11.1
+      "@unrs/resolver-binding-win32-x64-msvc": 1.11.1
 
   update-browserslist-db@1.1.3(browserslist@4.25.3):
     dependencies:
@@ -7021,19 +9271,19 @@ snapshots:
 
   v8-to-istanbul@9.3.0:
     dependencies:
-      '@jridgewell/trace-mapping': 0.3.30
-      '@types/istanbul-lib-coverage': 2.0.6
+      "@jridgewell/trace-mapping": 0.3.30
+      "@types/istanbul-lib-coverage": 2.0.6
       convert-source-map: 2.0.0
 
   victory-vendor@37.3.6:
     dependencies:
-      '@types/d3-array': 3.2.1
-      '@types/d3-ease': 3.0.2
-      '@types/d3-interpolate': 3.0.4
-      '@types/d3-scale': 4.0.9
-      '@types/d3-shape': 3.1.7
-      '@types/d3-time': 3.0.4
-      '@types/d3-timer': 3.0.2
+      "@types/d3-array": 3.2.1
+      "@types/d3-ease": 3.0.2
+      "@types/d3-interpolate": 3.0.4
+      "@types/d3-scale": 4.0.9
+      "@types/d3-shape": 3.1.7
+      "@types/d3-time": 3.0.4
+      "@types/d3-timer": 3.0.2
       d3-array: 3.2.4
       d3-ease: 3.0.1
       d3-interpolate: 3.0.1
diff --git a/postcss.config.mjs b/postcss.config.mjs
index ba720fe..c7bcb4b 100644
--- a/postcss.config.mjs
+++ b/postcss.config.mjs
@@ -1,5 +1,5 @@
 const config = {
-  plugins: ['@tailwindcss/postcss'],
+  plugins: ["@tailwindcss/postcss"],
 };
 
 export default config;
diff --git a/src/app/auth/confirm/page.tsx b/src/app/auth/confirm/page.tsx
index f75b955..3762e67 100644
--- a/src/app/auth/confirm/page.tsx
+++ b/src/app/auth/confirm/page.tsx
@@ -1,49 +1,49 @@
-'use client';
+"use client";
 
-import { supabase } from '@/lib/supabase';
-import Link from 'next/link';
-import { useRouter } from 'next/navigation';
-import { useEffect, useState } from 'react';
+import { supabase } from "@/lib/supabase";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { useEffect, useState } from "react";
 
-type ConfirmationStatus = 'loading' | 'success' | 'error' | 'already_confirmed';
+type ConfirmationStatus = "loading" | "success" | "error" | "already_confirmed";
 
 export default function EmailConfirmPage() {
   const router = useRouter();
-  const [status, setStatus] = useState<ConfirmationStatus>('loading');
-  const [error, setError] = useState<string>('');
+  const [status, setStatus] = useState<ConfirmationStatus>("loading");
+  const [error, setError] = useState<string>("");
 
   useEffect(() => {
     const handleMagicLink = async () => {
       try {
-        console.log('Magic Link 처리 시작');
-        console.log('현재 URL:', window.location.href);
-        console.log('URL hash:', window.location.hash);
+        console.log("Magic Link 처리 시작");
+        console.log("현재 URL:", window.location.href);
+        console.log("URL hash:", window.location.hash);
 
         // Magic Link는 URL hash에 정보를 담을 수 있음
         const hashParams = new URLSearchParams(
-          window.location.hash.substring(1)
+          window.location.hash.substring(1),
         );
         const urlParams = new URLSearchParams(window.location.search);
 
-        console.log('Hash 파라미터:', Object.fromEntries(hashParams.entries()));
-        console.log('URL 파라미터:', Object.fromEntries(urlParams.entries()));
+        console.log("Hash 파라미터:", Object.fromEntries(hashParams.entries()));
+        console.log("URL 파라미터:", Object.fromEntries(urlParams.entries()));
 
         // Supabase Auth state change 리스너 등록
         const { data: authListener } = supabase.auth.onAuthStateChange(
           async (event, session) => {
-            console.log('Auth state change:', event, session);
+            console.log("Auth state change:", event, session);
 
-            if (event === 'SIGNED_IN' && session) {
-              console.log('Magic Link 로그인 성공!');
-              setStatus('success');
+            if (event === "SIGNED_IN" && session) {
+              console.log("Magic Link 로그인 성공!");
+              setStatus("success");
 
               setTimeout(() => {
-                router.push('/dashboard');
+                router.push("/dashboard");
               }, 3000);
-            } else if (event === 'TOKEN_REFRESHED') {
-              console.log('토큰 갱신됨');
+            } else if (event === "TOKEN_REFRESHED") {
+              console.log("토큰 갱신됨");
             }
-          }
+          },
         );
 
         // 현재 세션 확인
@@ -52,14 +52,14 @@ export default function EmailConfirmPage() {
           error: sessionError,
         } = await supabase.auth.getSession();
 
-        console.log('현재 세션:', session);
-        console.log('세션 에러:', sessionError);
+        console.log("현재 세션:", session);
+        console.log("세션 에러:", sessionError);
 
         if (session) {
-          console.log('이미 로그인된 상태');
-          setStatus('success');
+          console.log("이미 로그인된 상태");
+          setStatus("success");
           setTimeout(() => {
-            router.push('/dashboard');
+            router.push("/dashboard");
           }, 1000);
         } else {
           // 세션이 없으면 잠시 더 기다려봄 (Magic Link 처리 시간)
@@ -69,15 +69,15 @@ export default function EmailConfirmPage() {
             } = await supabase.auth.getSession();
 
             if (retrySession) {
-              console.log('재시도 후 세션 확인됨');
-              setStatus('success');
+              console.log("재시도 후 세션 확인됨");
+              setStatus("success");
               setTimeout(() => {
-                router.push('/dashboard');
+                router.push("/dashboard");
               }, 2000);
             } else {
-              console.log('세션 생성 실패');
-              setStatus('error');
-              setError('이메일 인증 처리 중 문제가 발생했습니다.');
+              console.log("세션 생성 실패");
+              setStatus("error");
+              setError("이메일 인증 처리 중 문제가 발생했습니다.");
             }
           }, 2000);
         }
@@ -87,9 +87,9 @@ export default function EmailConfirmPage() {
           authListener.subscription.unsubscribe();
         };
       } catch (err) {
-        console.error('Magic Link 처리 중 에러:', err);
-        setStatus('error');
-        setError('예상치 못한 에러가 발생했습니다.');
+        console.error("Magic Link 처리 중 에러:", err);
+        setStatus("error");
+        setError("예상치 못한 에러가 발생했습니다.");
       }
     };
 
@@ -98,7 +98,7 @@ export default function EmailConfirmPage() {
 
   const renderContent = () => {
     switch (status) {
-      case 'loading':
+      case "loading":
         return (
           <div className="text-center space-y-6">
             <div className="animate-spin rounded-full h-16 w-16 border-b-2 border-accent-500 mx-auto"></div>
@@ -109,7 +109,7 @@ export default function EmailConfirmPage() {
           </div>
         );
 
-      case 'success':
+      case "success":
         return (
           <div className="text-center space-y-6">
             <div className="text-6xl">✅</div>
@@ -130,7 +130,7 @@ export default function EmailConfirmPage() {
           </div>
         );
 
-      case 'already_confirmed':
+      case "already_confirmed":
         return (
           <div className="text-center space-y-6">
             <div className="text-6xl">ℹ️</div>
@@ -150,7 +150,7 @@ export default function EmailConfirmPage() {
           </div>
         );
 
-      case 'error':
+      case "error":
         return (
           <div className="text-center space-y-6">
             <div className="text-6xl">❌</div>
diff --git a/src/app/auth/login/page.tsx b/src/app/auth/login/page.tsx
index 23456d0..28bff16 100644
--- a/src/app/auth/login/page.tsx
+++ b/src/app/auth/login/page.tsx
@@ -1,5 +1,5 @@
-import LoginPageContent from '@/components/auth/LoginPageContent';
-import { Suspense } from 'react';
+import LoginPageContent from "@/components/auth/LoginPageContent";
+import { Suspense } from "react";
 
 export default function LoginPage() {
   return (
diff --git a/src/app/auth/signup/page.tsx b/src/app/auth/signup/page.tsx
index 8655d3f..b8c4a4a 100644
--- a/src/app/auth/signup/page.tsx
+++ b/src/app/auth/signup/page.tsx
@@ -1,12 +1,12 @@
-'use client';
+"use client";
 
-import AuthGuard from '@/components/auth/AuthGuard';
-import { useAuth } from '@/hooks/auth';
-import { SignupFormValues, signupSchema } from '@/lib/validations/auth';
-import { zodResolver } from '@hookform/resolvers/zod';
-import Link from 'next/link';
-import { useEffect, useState } from 'react';
-import { useForm } from 'react-hook-form';
+import AuthGuard from "@/components/auth/AuthGuard";
+import { useAuth } from "@/hooks/auth";
+import { SignupFormValues, signupSchema } from "@/lib/validations/auth";
+import { zodResolver } from "@hookform/resolvers/zod";
+import Link from "next/link";
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
 
 export default function SignupPage() {
   const {
@@ -21,7 +21,7 @@ export default function SignupPage() {
     emailCheckResult,
   } = useAuth();
   const [isSuccess, setIsSuccess] = useState(false);
-  const [userEmail, setUserEmail] = useState('');
+  const [userEmail, setUserEmail] = useState("");
 
   const {
     register,
@@ -30,13 +30,13 @@ export default function SignupPage() {
     formState: { errors, isValid },
   } = useForm<SignupFormValues>({
     resolver: zodResolver(signupSchema),
-    mode: 'onChange', // 실시간 검증
+    mode: "onChange", // 실시간 검증
   });
 
   // 닉네임 입력값이 변경되면 중복 체크 결과 초기화
   useEffect(() => {
     const subscription = watch(({ name }) => {
-      if (name === 'nickname') {
+      if (name === "nickname") {
         resetNicknameCheck();
       }
     });
@@ -53,7 +53,7 @@ export default function SignupPage() {
       setUserEmail(data.email);
       setIsSuccess(true);
     } catch (error) {
-      console.error('회원가입 상세 에러:', error);
+      console.error("회원가입 상세 에러:", error);
     }
   };
 
@@ -100,7 +100,7 @@ export default function SignupPage() {
                 <button
                   onClick={() => {
                     setIsSuccess(false);
-                    setUserEmail('');
+                    setUserEmail("");
                   }}
                   className="text-sm text-gray-500 hover:text-gray-700 transition-colors"
                 >
@@ -136,7 +136,7 @@ export default function SignupPage() {
               <div className="bg-red-50 border border-red-200 rounded-lg p-4">
                 <p className="text-sm text-red-600">
                   {signupError.message ||
-                    '회원가입에 실패했습니다. 다시 시도해주세요.'}
+                    "회원가입에 실패했습니다. 다시 시도해주세요."}
                 </p>
               </div>
             )}
@@ -153,9 +153,9 @@ export default function SignupPage() {
                   id="email"
                   type="email"
                   autoComplete="email"
-                  {...register('email')}
+                  {...register("email")}
                   onBlur={() => {
-                    const email = watch('email');
+                    const email = watch("email");
                     if (email?.trim() && !errors.email) {
                       checkEmail(email.trim());
                     }
@@ -163,8 +163,8 @@ export default function SignupPage() {
                   className={`mt-1 block w-full px-3 py-2 border-2 rounded-lg hover:border-accent-400 text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-accent-500 transition-colors ${
                     errors.email ||
                     (emailCheckResult && !emailCheckResult.available)
-                      ? 'border-red-300 focus:border-red-500'
-                      : 'border-gray-300 focus:border-accent-500'
+                      ? "border-red-300 focus:border-red-500"
+                      : "border-gray-300 focus:border-accent-500"
                   }`}
                   placeholder="example@email.com"
                 />
@@ -178,18 +178,18 @@ export default function SignupPage() {
 
                 {/* 이메일 중복 체크 결과 */}
                 {emailCheckResult &&
-                  watch('email')?.trim() &&
+                  watch("email")?.trim() &&
                   !errors.email && (
                     <p
                       className={`mt-1 text-sm ${
                         emailCheckResult.available
-                          ? 'text-green-600'
-                          : 'text-red-600'
+                          ? "text-green-600"
+                          : "text-red-600"
                       }`}
                     >
                       {emailCheckResult.available
-                        ? '사용 가능한 이메일입니다.'
-                        : '이미 가입된 이메일입니다.'}
+                        ? "사용 가능한 이메일입니다."
+                        : "이미 가입된 이메일입니다."}
                     </p>
                   )}
               </div>
@@ -205,11 +205,11 @@ export default function SignupPage() {
                   id="password"
                   type="password"
                   autoComplete="new-password"
-                  {...register('password')}
+                  {...register("password")}
                   className={`mt-1 block w-full px-3 py-2 border-2 rounded-lg hover:border-accent-400 text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-1 focus:ring-accent-500 transition-colors ${
                     errors.password
-                      ? 'border-red-300 focus:border-red-500'
-                      : 'border-gray-300 focus:border-accent-500'
+                      ? "border-red-300 focus:border-red-500"
+                      : "border-gray-300 focus:border-accent-500"
                   }`}
                   placeholder="6자 이상 입력"
                 />
@@ -231,11 +231,11 @@ export default function SignupPage() {
                   id="name"
                   type="text"
                   autoComplete="name"
-                  {...register('name')}
+                  {...register("name")}
                   className={`mt-1 block w-full px-3 py-2 border-2 rounded-lg hover:border-accent-400 text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-1 focus:ring-accent-500 transition-colors ${
                     errors.name
-                      ? 'border-red-300 focus:border-red-500'
-                      : 'border-gray-300 focus:border-accent-500'
+                      ? "border-red-300 focus:border-red-500"
+                      : "border-gray-300 focus:border-accent-500"
                   }`}
                   placeholder="홍길동"
                 />
@@ -257,41 +257,41 @@ export default function SignupPage() {
                   <input
                     id="nickname"
                     type="text"
-                    {...register('nickname')}
+                    {...register("nickname")}
                     className={`mt-1 block w-2/3 px-3 py-2 border-2 rounded-lg hover:border-accent-400 text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-1 focus:ring-accent-500 transition-colors ${
                       errors.nickname
-                        ? 'border-red-300 focus:border-red-500'
-                        : 'border-gray-300 focus:border-accent-500'
+                        ? "border-red-300 focus:border-red-500"
+                        : "border-gray-300 focus:border-accent-500"
                     }`}
                     placeholder="닉네임 입력"
                   />
                   <button
                     type="button"
                     onClick={() => {
-                      const nickname = watch('nickname');
+                      const nickname = watch("nickname");
                       if (nickname?.trim()) {
                         checkNickname(nickname.trim());
                       }
                     }}
-                    disabled={isCheckingNickname || !watch('nickname')?.trim()}
+                    disabled={isCheckingNickname || !watch("nickname")?.trim()}
                     className="mt-1 px-3 py-2 w-1/3 hover:cursor-pointer bg-accent-200 text-black hover:bg-accent-300 text-sm hover:font-bold rounded-lg disabled:opacity-50 transition-colors"
                   >
-                    {isCheckingNickname ? '확인중...' : '중복확인'}
+                    {isCheckingNickname ? "확인중..." : "중복확인"}
                   </button>
                 </div>
 
                 {/* 닉네임 체크 결과 표시 */}
-                {nicknameCheckResult && watch('nickname')?.trim() ? (
+                {nicknameCheckResult && watch("nickname")?.trim() ? (
                   <p
                     className={`mt-1 text-sm ${
                       nicknameCheckResult.available
-                        ? 'text-green-600'
-                        : 'text-red-600'
+                        ? "text-green-600"
+                        : "text-red-600"
                     }`}
                   >
                     {nicknameCheckResult.available
-                      ? '사용 가능한 닉네임입니다.'
-                      : '이미 사용 중인 닉네임입니다.'}
+                      ? "사용 가능한 닉네임입니다."
+                      : "이미 사용 중인 닉네임입니다."}
                   </p>
                 ) : (
                   <p className="mt-1 text-xs text-gray-500">
@@ -312,7 +312,7 @@ export default function SignupPage() {
                 }
                 className="hover:cursor-pointer w-full flex justify-center py-2 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-accent-600 hover:bg-accent-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-accent-500 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
               >
-                {isSigningUp ? '가입 중...' : '회원가입'}
+                {isSigningUp ? "가입 중..." : "회원가입"}
               </button>
             </div>
 
diff --git a/src/app/budget/[date]/page.tsx b/src/app/budget/[date]/page.tsx
index ac9ac40..c201b20 100644
--- a/src/app/budget/[date]/page.tsx
+++ b/src/app/budget/[date]/page.tsx
@@ -1,16 +1,16 @@
-'use client';
+"use client";
 
-import { useState, useMemo } from 'react';
-import { useParams, useRouter } from 'next/navigation';
-import { format, parseISO, isValid } from 'date-fns';
-import { ko } from 'date-fns/locale';
+import { useState, useMemo } from "react";
+import { useParams, useRouter } from "next/navigation";
+import { format, parseISO, isValid } from "date-fns";
+import { ko } from "date-fns/locale";
 
-import { Calendar } from 'lucide-react';
-import { useAuth } from '@/hooks/auth';
-import AuthGuard from '@/components/auth/AuthGuard';
-import { useBudget, useCategories } from '@/hooks/budget';
-import { CategoryType } from '@/types/budget';
-import { BudgetForm, BudgetList } from '@/components/budget';
+import { Calendar } from "lucide-react";
+import { useAuth } from "@/hooks/auth";
+import AuthGuard from "@/components/auth/AuthGuard";
+import { useBudget, useCategories } from "@/hooks/budget";
+import { CategoryType } from "@/types/budget";
+import { BudgetForm, BudgetList } from "@/components/budget";
 
 const BudgetDatePage = () => {
   const params = useParams();
@@ -30,12 +30,12 @@ const BudgetDatePage = () => {
 
   // 새 항목 추가를 위한 상태
   const [newItem, setNewItem] = useState({
-    name: '',
-    amount: '',
-    category: '',
-    type: 'expense' as 'income' | 'expense',
-    categoryType: 'variable' as 'fixed' | 'variable',
-    newCategoryName: '',
+    name: "",
+    amount: "",
+    category: "",
+    type: "expense" as "income" | "expense",
+    categoryType: "variable" as "fixed" | "variable",
+    newCategoryName: "",
     isCreatingCategory: false,
   });
 
@@ -66,18 +66,18 @@ const BudgetDatePage = () => {
 
   // 수입/지출별로 분리
   const incomeItems = useMemo(
-    () => selectedDateItems.filter((item) => item.type === 'income'),
-    [selectedDateItems]
+    () => selectedDateItems.filter((item) => item.type === "income"),
+    [selectedDateItems],
   );
 
   const expenseItems = useMemo(
-    () => selectedDateItems.filter((item) => item.type === 'expense'),
-    [selectedDateItems]
+    () => selectedDateItems.filter((item) => item.type === "expense"),
+    [selectedDateItems],
   );
 
   // 잘못된 날짜 URL인 경우 월별 페이지로 리디렉트
   if (!selectedDate) {
-    router.push('/budget');
+    router.push("/budget");
     return null;
   }
 
@@ -126,7 +126,7 @@ const BudgetDatePage = () => {
     // 카테고리 추가 후 상태 초기화
     setNewItem((prev) => ({
       ...prev,
-      newCategoryName: '',
+      newCategoryName: "",
       category: newItem.newCategoryName.trim(),
       isCreatingCategory: false,
     }));
@@ -143,7 +143,7 @@ const BudgetDatePage = () => {
 
     // 선택된 카테고리의 ID 찾기
     const selectedCategory = getCurrentCategories().find(
-      (cat) => cat.name === newItem.category
+      (cat) => cat.name === newItem.category,
     );
     if (!selectedCategory) return;
 
@@ -160,12 +160,12 @@ const BudgetDatePage = () => {
     // 항목명과 금액만 초기화 (카테고리와 타입은 유지)
     setNewItem((prev) => ({
       ...prev,
-      name: '',
-      amount: '',
+      name: "",
+      amount: "",
     }));
   };
 
-  const handleDeleteItem = (id: string, type: 'income' | 'expense') => {
+  const handleDeleteItem = (id: string, type: "income" | "expense") => {
     deleteTransaction({ id, type });
   };
 
@@ -202,7 +202,7 @@ const BudgetDatePage = () => {
           <div className="bg-white rounded-lg p-4 shadow-sm border">
             <BudgetList
               items={incomeItems}
-              onDeleteItem={(id) => handleDeleteItem(id, 'income')}
+              onDeleteItem={(id) => handleDeleteItem(id, "income")}
               title="수입 내역"
               type="income"
             />
@@ -214,7 +214,7 @@ const BudgetDatePage = () => {
           <div className="bg-white rounded-lg p-4 shadow-sm border">
             <BudgetList
               items={expenseItems}
-              onDeleteItem={(id) => handleDeleteItem(id, 'expense')}
+              onDeleteItem={(id) => handleDeleteItem(id, "expense")}
               title="지출 내역"
               type="expense"
             />
@@ -228,7 +228,7 @@ const BudgetDatePage = () => {
               <Calendar className="w-12 h-12 mx-auto" />
             </div>
             <h3 className="text-lg font-medium text-gray-600 mb-2">
-              {format(parseISO(selectedDate), 'M월 d일', { locale: ko })} 내역이
+              {format(parseISO(selectedDate), "M월 d일", { locale: ko })} 내역이
               없습니다.
             </h3>
           </div>
@@ -241,8 +241,8 @@ const BudgetDatePage = () => {
               <div className="animate-spin rounded-full h-6 w-6 border-b-2 border-accent-500"></div>
               <span className="text-gray-700">
                 {isAddingTransaction
-                  ? '항목을 추가하는 중...'
-                  : '카테고리를 추가하는 중...'}
+                  ? "항목을 추가하는 중..."
+                  : "카테고리를 추가하는 중..."}
               </span>
             </div>
           </div>
diff --git a/src/app/budget/page.tsx b/src/app/budget/page.tsx
index 56ff7bd..309419f 100644
--- a/src/app/budget/page.tsx
+++ b/src/app/budget/page.tsx
@@ -1,5 +1,5 @@
-import BudgetPageContent from '@/components/budget/BudgetPageContent';
-import { Suspense } from 'react';
+import BudgetPageContent from "@/components/budget/BudgetPageContent";
+import { Suspense } from "react";
 
 const BudgetPage = () => {
   return (
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 3692f80..49217e6 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -1,12 +1,12 @@
-'use client';
-
-import { useState, useMemo } from 'react';
-import { useAuth } from '@/hooks/auth';
-import { useGoals } from '@/hooks/goals/useGoals';
-import { useQuestions } from '@/hooks/questions/useQuestions';
-import { QuestionKeyword } from '@/types/questions';
-import { format } from 'date-fns';
-import { ko } from 'date-fns/locale';
+"use client";
+
+import { useState, useMemo } from "react";
+import { useAuth } from "@/hooks/auth";
+import { useGoals } from "@/hooks/goals/useGoals";
+import { useQuestions } from "@/hooks/questions/useQuestions";
+import { QuestionKeyword } from "@/types/questions";
+import { format } from "date-fns";
+import { ko } from "date-fns/locale";
 import {
   ArrowRight,
   BarChart3,
@@ -19,11 +19,11 @@ import {
   MessageSquare,
   Hash,
   Clock,
-} from 'lucide-react';
-import Link from 'next/link';
-import AuthGuard from '@/components/auth/AuthGuard';
-import DashboardReflectionWidget from '@/components/reflections/DashboardReflectionWidget';
-import DashboardBudgetWidget from '@/components/budget/DashboardBudgetWidget';
+} from "lucide-react";
+import Link from "next/link";
+import AuthGuard from "@/components/auth/AuthGuard";
+import DashboardReflectionWidget from "@/components/reflections/DashboardReflectionWidget";
+import DashboardBudgetWidget from "@/components/budget/DashboardBudgetWidget";
 
 const DashboardPage = () => {
   const { user, profile, isLoading: isAuthLoading } = useAuth();
@@ -67,7 +67,7 @@ const DashboardPage = () => {
 
     // 달성률이 80% 이상인 목표들
     const nearCompletionGoals = activeGoals.filter(
-      (goal) => goal.progress.overallProgress >= 80
+      (goal) => goal.progress.overallProgress >= 80,
     );
 
     return {
@@ -87,7 +87,7 @@ const DashboardPage = () => {
     oneWeekAgo.setDate(oneWeekAgo.getDate() - 7);
 
     const recentQuestions = questions.filter(
-      (q) => new Date(q.date) >= oneWeekAgo
+      (q) => new Date(q.date) >= oneWeekAgo,
     );
 
     const keywordMap = new Map<
@@ -115,14 +115,14 @@ const DashboardPage = () => {
       .slice(0, 3);
 
     // 카테고리별 최근 통계
-    const daily = recentQuestions.filter((q) => q.category?.name === 'daily');
-    const growth = recentQuestions.filter((q) => q.category?.name === 'growth');
-    const custom = recentQuestions.filter((q) => q.category?.name === 'custom');
+    const daily = recentQuestions.filter((q) => q.category?.name === "daily");
+    const growth = recentQuestions.filter((q) => q.category?.name === "growth");
+    const custom = recentQuestions.filter((q) => q.category?.name === "custom");
 
     const categoryStats = [
-      { name: '일상', count: daily.length, color: 'text-green-600' },
-      { name: '성장', count: growth.length, color: 'text-purple-600' },
-      { name: '나만의', count: custom.length, color: 'text-blue-600' },
+      { name: "일상", count: daily.length, color: "text-green-600" },
+      { name: "성장", count: growth.length, color: "text-purple-600" },
+      { name: "나만의", count: custom.length, color: "text-blue-600" },
     ];
 
     // 미답변 질문 수
@@ -172,10 +172,10 @@ const DashboardPage = () => {
         {/* 환영 메시지 */}
         <div className="bg-gradient-to-r flex flex-col gap-1 from-accent-600 to-accent-500 text-white rounded-xl p-6">
           <h1 className="text-2xl font-bold mb-2">
-            안녕하세요, {profile?.name || profile?.nickname || '사용자'}님!
+            안녕하세요, {profile?.name || profile?.nickname || "사용자"}님!
           </h1>
           <p className="text-accent-100 text-lg">
-            {format(currentDate, 'yyyy년 M월', { locale: ko })} 현황
+            {format(currentDate, "yyyy년 M월", { locale: ko })} 현황
           </p>
         </div>
 
@@ -356,12 +356,12 @@ const DashboardPage = () => {
                         <div className="flex items-center gap-2">
                           <div
                             className={`p-1 rounded ${
-                              goal.type === 'increase_income'
-                                ? 'bg-green-100 text-green-600'
-                                : 'bg-red-100 text-red-600'
+                              goal.type === "increase_income"
+                                ? "bg-green-100 text-green-600"
+                                : "bg-red-100 text-red-600"
                             }`}
                           >
-                            {goal.type === 'increase_income' ? (
+                            {goal.type === "increase_income" ? (
                               <TrendingUp className="w-3 h-3" />
                             ) : (
                               <TrendingDown className="w-3 h-3" />
@@ -382,8 +382,8 @@ const DashboardPage = () => {
                         <div
                           className={`h-2 rounded-full transition-all duration-300 ${
                             goal.progress.isComplete
-                              ? 'bg-green-500'
-                              : 'bg-green-500'
+                              ? "bg-green-500"
+                              : "bg-green-500"
                           }`}
                           style={{
                             width: `${Math.min(100, goal.progress.overallProgress)}%`,
diff --git a/src/app/globals.css b/src/app/globals.css
index 7b3dc48..20a751d 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,4 +1,4 @@
-@import 'tailwindcss';
+@import "tailwindcss";
 
 :root {
   --background: #ffffff;
diff --git a/src/app/goals/page.tsx b/src/app/goals/page.tsx
index de18a36..b4b32bf 100644
--- a/src/app/goals/page.tsx
+++ b/src/app/goals/page.tsx
@@ -1,9 +1,9 @@
-'use client';
+"use client";
 
-import AuthGuard from '@/components/auth/AuthGuard';
-import GoalCard from '@/components/goals/GoalCard';
-import { useAuth } from '@/hooks/auth';
-import { useGoals } from '@/hooks/goals/useGoals';
+import AuthGuard from "@/components/auth/AuthGuard";
+import GoalCard from "@/components/goals/GoalCard";
+import { useAuth } from "@/hooks/auth";
+import { useGoals } from "@/hooks/goals/useGoals";
 import {
   Calendar,
   Clock,
@@ -13,9 +13,9 @@ import {
   Target,
   TrendingUp,
   Trophy,
-} from 'lucide-react';
-import Link from 'next/link';
-import { useMemo, useState } from 'react';
+} from "lucide-react";
+import Link from "next/link";
+import { useMemo, useState } from "react";
 
 const GoalsPage = () => {
   const { user } = useAuth();
@@ -25,18 +25,18 @@ const GoalsPage = () => {
 
   // 필터 상태
   const [activeTab, setActiveTab] = useState<
-    'active' | 'completed' | 'paused' | 'cancelled' | 'all'
-  >('active');
-  const [searchTerm, setSearchTerm] = useState('');
-  const [typeFilter, setTypeFilter] = useState<'all' | 'income' | 'expense'>(
-    'all'
+    "active" | "completed" | "paused" | "cancelled" | "all"
+  >("active");
+  const [searchTerm, setSearchTerm] = useState("");
+  const [typeFilter, setTypeFilter] = useState<"all" | "income" | "expense">(
+    "all",
   );
 
   // 필터링된 목표들
   const filteredGoals = useMemo(() => {
     let filtered = goals;
 
-    if (activeTab !== 'all') {
+    if (activeTab !== "all") {
       filtered = goals.filter((goal) => goal.status === activeTab);
     }
 
@@ -44,15 +44,15 @@ const GoalsPage = () => {
       filtered = filtered.filter(
         (goal) =>
           goal.title.toLowerCase().includes(searchTerm.toLowerCase()) ||
-          goal.description?.toLowerCase().includes(searchTerm.toLowerCase())
+          goal.description?.toLowerCase().includes(searchTerm.toLowerCase()),
       );
     }
 
-    if (typeFilter !== 'all') {
+    if (typeFilter !== "all") {
       filtered = filtered.filter((goal) => {
-        return typeFilter === 'income'
-          ? goal.type === 'increase_income'
-          : goal.type === 'reduce_expense';
+        return typeFilter === "income"
+          ? goal.type === "increase_income"
+          : goal.type === "reduce_expense";
       });
     }
 
@@ -70,7 +70,7 @@ const GoalsPage = () => {
 
   // 핸들러들
   const handleTypeFilterChange = (value: string) => {
-    if (value === 'all' || value === 'income' || value === 'expense') {
+    if (value === "all" || value === "income" || value === "expense") {
       setTypeFilter(value);
     }
   };
@@ -194,51 +194,51 @@ const GoalsPage = () => {
             {/* 탭 */}
             <div className="flex bg-gray-100 rounded-lg p-1">
               <button
-                onClick={() => setActiveTab('active')}
+                onClick={() => setActiveTab("active")}
                 className={`flex-1 px-4 py-2 text-sm font-medium rounded-md transition-colors ${
-                  activeTab === 'active'
-                    ? 'bg-white text-gray-900 shadow-sm'
-                    : 'text-gray-600 hover:text-gray-900'
+                  activeTab === "active"
+                    ? "bg-white text-gray-900 shadow-sm"
+                    : "text-gray-600 hover:text-gray-900"
                 }`}
               >
                 진행 ({statistics.active})
               </button>
               <button
-                onClick={() => setActiveTab('completed')}
+                onClick={() => setActiveTab("completed")}
                 className={`flex-1 px-4 py-2 text-sm font-medium rounded-md transition-colors ${
-                  activeTab === 'completed'
-                    ? 'bg-white text-gray-900 shadow-sm'
-                    : 'text-gray-600 hover:text-gray-900'
+                  activeTab === "completed"
+                    ? "bg-white text-gray-900 shadow-sm"
+                    : "text-gray-600 hover:text-gray-900"
                 }`}
               >
                 완료 ({statistics.completed})
               </button>
               <button
-                onClick={() => setActiveTab('paused')}
+                onClick={() => setActiveTab("paused")}
                 className={`flex-1 px-4 py-2 text-sm font-medium rounded-md transition-colors ${
-                  activeTab === 'completed'
-                    ? 'bg-white text-gray-900 shadow-sm'
-                    : 'text-gray-600 hover:text-gray-900'
+                  activeTab === "completed"
+                    ? "bg-white text-gray-900 shadow-sm"
+                    : "text-gray-600 hover:text-gray-900"
                 }`}
               >
                 멈춤 ({statistics.completed})
               </button>
               <button
-                onClick={() => setActiveTab('cancelled')}
+                onClick={() => setActiveTab("cancelled")}
                 className={`flex-1 px-4 py-2 text-sm font-medium rounded-md transition-colors ${
-                  activeTab === 'completed'
-                    ? 'bg-white text-gray-900 shadow-sm'
-                    : 'text-gray-600 hover:text-gray-900'
+                  activeTab === "completed"
+                    ? "bg-white text-gray-900 shadow-sm"
+                    : "text-gray-600 hover:text-gray-900"
                 }`}
               >
                 취소 ({statistics.completed})
               </button>
               <button
-                onClick={() => setActiveTab('all')}
+                onClick={() => setActiveTab("all")}
                 className={`flex-1 px-4 py-2 text-sm font-medium rounded-md transition-colors ${
-                  activeTab === 'all'
-                    ? 'bg-white text-gray-900 shadow-sm'
-                    : 'text-gray-600 hover:text-gray-900'
+                  activeTab === "all"
+                    ? "bg-white text-gray-900 shadow-sm"
+                    : "text-gray-600 hover:text-gray-900"
                 }`}
               >
                 전체 ({statistics.total})
@@ -286,22 +286,22 @@ const GoalsPage = () => {
               <Target className="w-16 h-16 mx-auto" />
             </div>
             <h3 className="text-xl font-medium text-gray-600 mb-2">
-              {activeTab === 'active'
-                ? '진행 중인 목표가 없습니다.'
-                : activeTab === 'completed'
-                  ? '완료된 목표가 없습니다.'
+              {activeTab === "active"
+                ? "진행 중인 목표가 없습니다."
+                : activeTab === "completed"
+                  ? "완료된 목표가 없습니다."
                   : searchTerm
-                    ? '검색 결과가 없습니다.'
-                    : '아직 목표가 없습니다.'}
+                    ? "검색 결과가 없습니다."
+                    : "아직 목표가 없습니다."}
             </h3>
             <p className="text-gray-500 mb-6">
-              {activeTab === 'active'
-                ? '가계부에서 챌린지를 시작하거나 새로운 목표를 만들어보세요.'
-                : activeTab === 'completed'
-                  ? '목표를 달성하면 여기에 표시됩니다.'
+              {activeTab === "active"
+                ? "가계부에서 챌린지를 시작하거나 새로운 목표를 만들어보세요."
+                : activeTab === "completed"
+                  ? "목표를 달성하면 여기에 표시됩니다."
                   : searchTerm
-                    ? '다른 검색어로 시도해보세요.'
-                    : '첫 번째 목표를 만들어 성장을 시작해보세요.'}
+                    ? "다른 검색어로 시도해보세요."
+                    : "첫 번째 목표를 만들어 성장을 시작해보세요."}
             </p>
             {!searchTerm && (
               <div className="flex flex-col justify-center">
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 33fdb32..1dafc92 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,15 +1,15 @@
-import { Inter } from 'next/font/google';
-import './globals.css';
-import Providers from './providers';
-import Header from '@/components/layout/Header';
-import TransactionAlertProvider from '@/components/budget/TransactionAlertProvider';
-const inter = Inter({ subsets: ['latin'] });
+import { Inter } from "next/font/google";
+import "./globals.css";
+import Providers from "./providers";
+import Header from "@/components/layout/Header";
+import TransactionAlertProvider from "@/components/budget/TransactionAlertProvider";
+const inter = Inter({ subsets: ["latin"] });
 
 export const metadata = {
-  title: 'DaylyLog - 매일의 기록이 만드는 특별한 변화',
+  title: "DaylyLog - 매일의 기록이 만드는 특별한 변화",
   description:
-    '일상을 기록하고, 목표를 달성하며, 성장을 추적하는 스마트한 방법',
-  keywords: '가계부, 목표달성, 일상기록, 성찰, 자기계발',
+    "일상을 기록하고, 목표를 달성하며, 성장을 추적하는 스마트한 방법",
+  keywords: "가계부, 목표달성, 일상기록, 성찰, 자기계발",
 };
 
 export default function RootLayout({
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0182ebf..b4989eb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-import Link from 'next/link';
+import Link from "next/link";
 import {
   ArrowRight,
   BarChart3,
@@ -14,7 +14,7 @@ import {
   Hash,
   PlayCircle,
   Sparkles,
-} from 'lucide-react';
+} from "lucide-react";
 
 export default function Home() {
   return (
@@ -30,7 +30,7 @@ export default function Home() {
                 DaylyLog
               </h1>
               <p className="text-xl text-gray-700 max-w-4xl mx-auto leading-relaxed">
-                매일의 기록이 만드는{' '}
+                매일의 기록이 만드는{" "}
                 <span className="font-bold text-accent-600">특별한 변화</span>
                 <br />
                 <span className="text-wrap">
@@ -95,7 +95,7 @@ export default function Home() {
                     <div className="h-2 bg-gray-200 rounded-full">
                       <div
                         className="h-2 bg-green-500 rounded-full"
-                        style={{ width: '76%' }}
+                        style={{ width: "76%" }}
                       ></div>
                     </div>
                     <div className="text-center text-lg font-bold text-green-600">
@@ -126,7 +126,7 @@ export default function Home() {
                     <div className="h-2 bg-gray-200 rounded-full">
                       <div
                         className="h-2 bg-green-500 rounded-full"
-                        style={{ width: '85%' }}
+                        style={{ width: "85%" }}
                       ></div>
                     </div>
                     <div className="flex items-center gap-1 text-sm text-green-600">
@@ -156,7 +156,7 @@ export default function Home() {
                     <div className="h-2 bg-gray-200 rounded-full">
                       <div
                         className="h-2 bg-blue-500 rounded-full"
-                        style={{ width: '75%' }}
+                        style={{ width: "75%" }}
                       ></div>
                     </div>
                     <div className="flex items-center gap-2">
@@ -531,7 +531,7 @@ export default function Home() {
       <section className="py-20 bg-gradient-to-br from-accent-900 to-accent-800">
         <div className="max-w-4xl mx-auto text-center px-4">
           <h2 className="text-5xl font-bold text-white mb-6">
-            변화는{' '}
+            변화는{" "}
             <span className="text-transparent bg-clip-text bg-gradient-to-r from-accent-400 to-accent-300">
               오늘
             </span>
diff --git a/src/app/preview/page.tsx b/src/app/preview/page.tsx
index 02a1583..0539a2c 100644
--- a/src/app/preview/page.tsx
+++ b/src/app/preview/page.tsx
@@ -1,5 +1,5 @@
-import Link from 'next/link';
-import { useMemo } from 'react';
+import Link from "next/link";
+import { useMemo } from "react";
 import {
   BarChart3,
   Target,
@@ -16,7 +16,7 @@ import {
   Eye,
   Sparkles,
   ArrowLeft,
-} from 'lucide-react';
+} from "lucide-react";
 
 const DashboardPreview = () => {
   // 샘플 데이터
@@ -27,46 +27,46 @@ const DashboardPreview = () => {
       netAmount: 750000,
       savingsRate: 23.4,
       topCategories: [
-        { name: '식비', amount: 580000, percentage: 23.7 },
-        { name: '교통비', amount: 420000, percentage: 17.1 },
-        { name: '생활용품', amount: 380000, percentage: 15.5 },
+        { name: "식비", amount: 580000, percentage: 23.7 },
+        { name: "교통비", amount: 420000, percentage: 17.1 },
+        { name: "생활용품", amount: 380000, percentage: 15.5 },
       ],
       recentTransactions: [
         {
           id: 1,
-          type: 'expense',
+          type: "expense",
           amount: 25000,
-          category: '식비',
-          description: '점심 식사',
-          date: '2025-09-09',
+          category: "식비",
+          description: "점심 식사",
+          date: "2025-09-09",
         },
         {
           id: 2,
-          type: 'income',
+          type: "income",
           amount: 50000,
-          category: '용돈',
-          description: '부모님 용돈',
-          date: '2025-09-08',
+          category: "용돈",
+          description: "부모님 용돈",
+          date: "2025-09-08",
         },
         {
           id: 3,
-          type: 'expense',
+          type: "expense",
           amount: 15000,
-          category: '교통비',
-          description: '지하철 요금',
-          date: '2025-09-08',
+          category: "교통비",
+          description: "지하철 요금",
+          date: "2025-09-08",
         },
       ],
     }),
-    []
+    [],
   );
 
   const sampleGoals = useMemo(
     () => [
       {
         id: 1,
-        title: '카페 지출 줄이기',
-        type: 'reduce_expense',
+        title: "카페 지출 줄이기",
+        type: "reduce_expense",
         currentAmount: 85000,
         targetAmount: 100000,
         progress: 85,
@@ -75,8 +75,8 @@ const DashboardPreview = () => {
       },
       {
         id: 2,
-        title: '적금 늘리기',
-        type: 'increase_saving',
+        title: "적금 늘리기",
+        type: "increase_saving",
         currentAmount: 750000,
         targetAmount: 1000000,
         progress: 75,
@@ -85,8 +85,8 @@ const DashboardPreview = () => {
       },
       {
         id: 3,
-        title: '운동 주 3회 하기',
-        type: 'habit',
+        title: "운동 주 3회 하기",
+        type: "habit",
         currentCount: 10,
         targetCount: 12,
         progress: 83,
@@ -94,43 +94,43 @@ const DashboardPreview = () => {
         daysLeft: 5,
       },
     ],
-    []
+    [],
   );
 
   const sampleQuestions = useMemo(
     () => [
       {
         id: 1,
-        question: '오늘 가장 감사했던 순간은 무엇인가요?',
-        answer: '동료가 도움을 줬을 때 정말 감사했습니다.',
-        category: 'daily',
-        keywords: ['감사', '동료', '도움'],
-        date: '2025-09-09',
+        question: "오늘 가장 감사했던 순간은 무엇인가요?",
+        answer: "동료가 도움을 줬을 때 정말 감사했습니다.",
+        category: "daily",
+        keywords: ["감사", "동료", "도움"],
+        date: "2025-09-09",
       },
       {
         id: 2,
-        question: '이번 주 가장 성장한 부분은?',
-        answer: '새로운 기술을 배우며 한계를 극복했습니다.',
-        category: 'growth',
-        keywords: ['성장', '기술', '극복'],
-        date: '2025-09-07',
+        question: "이번 주 가장 성장한 부분은?",
+        answer: "새로운 기술을 배우며 한계를 극복했습니다.",
+        category: "growth",
+        keywords: ["성장", "기술", "극복"],
+        date: "2025-09-07",
       },
     ],
-    []
+    [],
   );
 
   const sampleReflections = useMemo(
     () => [
       {
         id: 1,
-        gratefulMoment: '가족과 함께한 저녁 시간',
-        memorableMoment: '프로젝트가 성공적으로 완료됨',
-        improvementPoint: '더 체계적인 시간 관리가 필요',
-        keywords: ['가족', '성공', '시간관리'],
-        date: '2025-09-09',
+        gratefulMoment: "가족과 함께한 저녁 시간",
+        memorableMoment: "프로젝트가 성공적으로 완료됨",
+        improvementPoint: "더 체계적인 시간 관리가 필요",
+        keywords: ["가족", "성공", "시간관리"],
+        date: "2025-09-09",
       },
     ],
-    []
+    [],
   );
 
   return (
@@ -375,16 +375,16 @@ const DashboardPreview = () => {
                     <div className="flex items-center gap-2">
                       <div
                         className={`p-1 rounded ${
-                          goal.type === 'increase_saving'
-                            ? 'bg-green-100 text-green-600'
-                            : goal.type === 'habit'
-                              ? 'bg-blue-100 text-blue-600'
-                              : 'bg-red-100 text-red-600'
+                          goal.type === "increase_saving"
+                            ? "bg-green-100 text-green-600"
+                            : goal.type === "habit"
+                              ? "bg-blue-100 text-blue-600"
+                              : "bg-red-100 text-red-600"
                         }`}
                       >
-                        {goal.type === 'increase_saving' ? (
+                        {goal.type === "increase_saving" ? (
                           <TrendingUp className="w-3 h-3" />
-                        ) : goal.type === 'habit' ? (
+                        ) : goal.type === "habit" ? (
                           <Calendar className="w-3 h-3" />
                         ) : (
                           <TrendingDown className="w-3 h-3" />
diff --git a/src/app/providers.tsx b/src/app/providers.tsx
index b013923..0163cb7 100644
--- a/src/app/providers.tsx
+++ b/src/app/providers.tsx
@@ -1,8 +1,8 @@
-'use client';
+"use client";
 
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
-import { useState } from 'react';
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+import { useState } from "react";
 
 export default function Providers({ children }: { children: React.ReactNode }) {
   const [queryClient] = useState(
@@ -14,7 +14,7 @@ export default function Providers({ children }: { children: React.ReactNode }) {
             refetchOnWindowFocus: false,
           },
         },
-      })
+      }),
   );
 
   return (
diff --git a/src/app/questions/[id]/page.tsx b/src/app/questions/[id]/page.tsx
index a80c01a..bad53b2 100644
--- a/src/app/questions/[id]/page.tsx
+++ b/src/app/questions/[id]/page.tsx
@@ -1,15 +1,15 @@
-'use client';
+"use client";
 
-import Modal from '@/components/common/Modal';
-import QuestionForm from '@/components/questions/QuestionForm';
-import { useAuth } from '@/hooks/auth';
-import { useQuestions } from '@/hooks/questions/useQuestions';
-import { QuestionFormData } from '@/types/questions';
+import Modal from "@/components/common/Modal";
+import QuestionForm from "@/components/questions/QuestionForm";
+import { useAuth } from "@/hooks/auth";
+import { useQuestions } from "@/hooks/questions/useQuestions";
+import { QuestionFormData } from "@/types/questions";
 import {
   getAnswerStatus,
   getAnswerStatusLabel,
-} from '@/utils/questions/helpers';
-import { format } from 'date-fns';
+} from "@/utils/questions/helpers";
+import { format } from "date-fns";
 import {
   ArrowLeft,
   Calendar,
@@ -18,10 +18,10 @@ import {
   Share2,
   Trash2,
   X,
-} from 'lucide-react';
-import Link from 'next/link';
-import { useRouter } from 'next/navigation';
-import { use, useMemo, useState } from 'react';
+} from "lucide-react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { use, useMemo, useState } from "react";
 
 interface QuestionDetailPageProps {
   params: Promise<{
@@ -50,7 +50,7 @@ const QuestionDetailPage = ({ params }: QuestionDetailPageProps) => {
   // 현재 질문 찾기
   const question = useMemo(
     () => questions.find((q) => q.id === id),
-    [questions, id]
+    [questions, id],
   );
 
   const isOwner = question?.user_id === user?.id;
@@ -62,13 +62,13 @@ const QuestionDetailPage = ({ params }: QuestionDetailPageProps) => {
   const handleDelete = async () => {
     if (!question) return;
 
-    if (confirm('정말 이 질문을 삭제하시겠습니까?')) {
+    if (confirm("정말 이 질문을 삭제하시겠습니까?")) {
       try {
         await deleteQuestion(question.id);
-        router.push('/questions');
+        router.push("/questions");
       } catch (error) {
-        console.error('질문 삭제 실패:', error);
-        alert('질문 삭제 중 오류가 발생했습니다.');
+        console.error("질문 삭제 실패:", error);
+        alert("질문 삭제 중 오류가 발생했습니다.");
       }
     }
   };
@@ -78,7 +78,7 @@ const QuestionDetailPage = ({ params }: QuestionDetailPageProps) => {
 
     const shareData = {
       title: question.title,
-      text: question.content || '질문을 확인해보세요.',
+      text: question.content || "질문을 확인해보세요.",
       url: window.location.href,
     };
 
@@ -87,10 +87,10 @@ const QuestionDetailPage = ({ params }: QuestionDetailPageProps) => {
         await navigator.share(shareData);
       } else {
         await navigator.clipboard.writeText(window.location.href);
-        alert('링크가 클립보드에 복사되었습니다.');
+        alert("링크가 클립보드에 복사되었습니다.");
       }
     } catch (error) {
-      console.error('공유 실패:', error);
+      console.error("공유 실패:", error);
     }
   };
 
@@ -104,8 +104,8 @@ const QuestionDetailPage = ({ params }: QuestionDetailPageProps) => {
       });
       setShowEditModal(false);
     } catch (error) {
-      console.error('질문 수정 실패:', error);
-      alert('질문 수정 중 오류가 발생했습니다.');
+      console.error("질문 수정 실패:", error);
+      alert("질문 수정 중 오류가 발생했습니다.");
     }
   };
 
@@ -180,7 +180,7 @@ const QuestionDetailPage = ({ params }: QuestionDetailPageProps) => {
                 {/* 날짜 */}
                 <div className="flex items-center gap-2 text-sm text-gray-500">
                   <Calendar className="w-4 h-4" />
-                  <span>{format(new Date(question.date), 'yyyy. M. d.')}</span>
+                  <span>{format(new Date(question.date), "yyyy. M. d.")}</span>
                 </div>
               </div>
 
@@ -216,7 +216,7 @@ const QuestionDetailPage = ({ params }: QuestionDetailPageProps) => {
             {/* 카테고리 배지 */}
             <div>
               <span className="px-3 py-1 bg-accent-200 text-gray-800 rounded-full font-medium">
-                {question.category?.display_name || '알 수 없음'}
+                {question.category?.display_name || "알 수 없음"}
               </span>
             </div>
           </div>
diff --git a/src/app/questions/analytics/page.tsx b/src/app/questions/analytics/page.tsx
index 6bb7cb0..b62a90b 100644
--- a/src/app/questions/analytics/page.tsx
+++ b/src/app/questions/analytics/page.tsx
@@ -1,11 +1,11 @@
-'use client';
-
-import Modal from '@/components/common/Modal';
-import QuestionCard from '@/components/questions/QuestionCard';
-import { useAuth } from '@/hooks/auth';
-import { useQuestionKeywords } from '@/hooks/questions/useQuestionKeywords';
-import { useQuestions } from '@/hooks/questions/useQuestions';
-import { QuestionKeyword, QuestionWithKeywords } from '@/types/questions';
+"use client";
+
+import Modal from "@/components/common/Modal";
+import QuestionCard from "@/components/questions/QuestionCard";
+import { useAuth } from "@/hooks/auth";
+import { useQuestionKeywords } from "@/hooks/questions/useQuestionKeywords";
+import { useQuestions } from "@/hooks/questions/useQuestions";
+import { QuestionKeyword, QuestionWithKeywords } from "@/types/questions";
 import {
   AlertTriangle,
   ArrowLeft,
@@ -17,65 +17,65 @@ import {
   Pencil,
   Target,
   X,
-} from 'lucide-react';
-import Link from 'next/link';
-import { useCallback, useMemo, useState } from 'react';
+} from "lucide-react";
+import Link from "next/link";
+import { useCallback, useMemo, useState } from "react";
 
 const QuestionsAnalyticsPage = () => {
   const { user } = useAuth();
   const [showDetailModal, setShowDetailModal] = useState(false);
   const [selectedItems, setSelectedItems] = useState<QuestionWithKeywords[]>(
-    []
+    [],
   );
-  const [modalTitle, setModalTitle] = useState('');
+  const [modalTitle, setModalTitle] = useState("");
   const [currentIndex, setCurrentIndex] = useState(0);
-  const [selectedPeriod, setSelectedPeriod] = useState('전체');
-  const [customStartDate, setCustomStartDate] = useState('');
-  const [customEndDate, setCustomEndDate] = useState('');
+  const [selectedPeriod, setSelectedPeriod] = useState("전체");
+  const [customStartDate, setCustomStartDate] = useState("");
+  const [customEndDate, setCustomEndDate] = useState("");
 
   // 기간 프리셋
   const periodPresets = useMemo(() => {
     const today = new Date();
-    const getDateString = (date: Date) => date.toISOString().split('T')[0];
+    const getDateString = (date: Date) => date.toISOString().split("T")[0];
 
     return [
-      { label: '전체', startDate: '', endDate: '' },
+      { label: "전체", startDate: "", endDate: "" },
       {
-        label: '최근 1주일',
+        label: "최근 1주일",
         startDate: getDateString(
-          new Date(today.getTime() - 7 * 24 * 60 * 60 * 1000)
+          new Date(today.getTime() - 7 * 24 * 60 * 60 * 1000),
         ),
         endDate: getDateString(today),
       },
       {
-        label: '최근 한 달',
+        label: "최근 한 달",
         startDate: getDateString(
-          new Date(today.getTime() - 30 * 24 * 60 * 60 * 1000)
+          new Date(today.getTime() - 30 * 24 * 60 * 60 * 1000),
         ),
         endDate: getDateString(today),
       },
       {
-        label: '최근 3개월',
+        label: "최근 3개월",
         startDate: getDateString(
-          new Date(today.getTime() - 90 * 24 * 60 * 60 * 1000)
+          new Date(today.getTime() - 90 * 24 * 60 * 60 * 1000),
         ),
         endDate: getDateString(today),
       },
       {
-        label: '최근 6개월',
+        label: "최근 6개월",
         startDate: getDateString(
-          new Date(today.getTime() - 180 * 24 * 60 * 60 * 1000)
+          new Date(today.getTime() - 180 * 24 * 60 * 60 * 1000),
         ),
         endDate: getDateString(today),
       },
       {
-        label: '최근 1년',
+        label: "최근 1년",
         startDate: getDateString(
-          new Date(today.getTime() - 365 * 24 * 60 * 60 * 1000)
+          new Date(today.getTime() - 365 * 24 * 60 * 60 * 1000),
         ),
         endDate: getDateString(today),
       },
-      { label: '임의 기간', startDate: '', endDate: '' },
+      { label: "임의 기간", startDate: "", endDate: "" },
     ];
   }, []);
 
@@ -87,16 +87,16 @@ const QuestionsAnalyticsPage = () => {
 
   // 날짜 에러 메시지
   const dateErrorMessage = useMemo(() => {
-    if (!customStartDate || !customEndDate) return '';
+    if (!customStartDate || !customEndDate) return "";
     if (!isValidDateRange) {
-      return '시작일이 종료일보다 늦을 수 없습니다.';
+      return "시작일이 종료일보다 늦을 수 없습니다.";
     }
-    return '';
+    return "";
   }, [customStartDate, customEndDate, isValidDateRange]);
 
   // 기간 필터 적용
   const filters = useMemo(() => {
-    if (selectedPeriod === '임의 기간') {
+    if (selectedPeriod === "임의 기간") {
       // 임의 기간이지만 날짜가 유효하지 않으면 필터 적용 x
       if (!isValidDateRange) {
         return {};
@@ -111,9 +111,9 @@ const QuestionsAnalyticsPage = () => {
     }
 
     const selectedPreset = periodPresets.find(
-      (p) => p.label === selectedPeriod
+      (p) => p.label === selectedPeriod,
     );
-    if (!selectedPreset || selectedPreset.label === '전체') {
+    if (!selectedPreset || selectedPreset.label === "전체") {
       return {};
     }
     return {
@@ -139,45 +139,45 @@ const QuestionsAnalyticsPage = () => {
 
   // 카테고리별 분석
   const categoryAnalysis = useMemo(() => {
-    const daily = questions.filter((q) => q.category?.name === 'daily');
-    const growth = questions.filter((q) => q.category?.name === 'growth');
-    const custom = questions.filter((q) => q.category?.name === 'custom');
+    const daily = questions.filter((q) => q.category?.name === "daily");
+    const growth = questions.filter((q) => q.category?.name === "growth");
+    const custom = questions.filter((q) => q.category?.name === "custom");
 
     return [
       {
-        name: '일상',
+        name: "일상",
         count: daily.length,
         percentage:
           questions.length > 0
             ? Math.round((daily.length / questions.length) * 100)
             : 0,
-        color: 'bg-green-500',
-        bgColor: 'bg-green-50',
-        textColor: 'text-green-700',
+        color: "bg-green-500",
+        bgColor: "bg-green-50",
+        textColor: "text-green-700",
         questions: daily,
       },
       {
-        name: '성장',
+        name: "성장",
         count: growth.length,
         percentage:
           questions.length > 0
             ? Math.round((growth.length / questions.length) * 100)
             : 0,
-        color: 'bg-purple-500',
-        bgColor: 'bg-purple-50',
-        textColor: 'text-purple-700',
+        color: "bg-purple-500",
+        bgColor: "bg-purple-50",
+        textColor: "text-purple-700",
         questions: growth,
       },
       {
-        name: '나만의 질문',
+        name: "나만의 질문",
         count: custom.length,
         percentage:
           questions.length > 0
             ? Math.round((custom.length / questions.length) * 100)
             : 0,
-        color: 'bg-blue-500',
-        bgColor: 'bg-blue-50',
-        textColor: 'text-blue-700',
+        color: "bg-blue-500",
+        bgColor: "bg-blue-50",
+        textColor: "text-blue-700",
         questions: custom,
       },
     ].sort((a, b) => b.count - a.count);
@@ -223,7 +223,7 @@ const QuestionsAnalyticsPage = () => {
 
     questions.forEach((question) => {
       const date = new Date(question.date);
-      const monthKey = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}`;
+      const monthKey = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}`;
       const monthLabel = `${date.getFullYear()}년 ${date.getMonth() + 1}월`;
 
       if (!monthMap.has(monthKey)) {
@@ -250,27 +250,27 @@ const QuestionsAnalyticsPage = () => {
 
     return [
       {
-        label: '답변 완료',
+        label: "답변 완료",
         count: answered.length,
         percentage:
           questions.length > 0
             ? Math.round((answered.length / questions.length) * 100)
             : 0,
-        color: 'bg-green-500',
-        bgColor: 'bg-green-50',
-        textColor: 'text-green-700',
+        color: "bg-green-500",
+        bgColor: "bg-green-50",
+        textColor: "text-green-700",
         questions: answered,
       },
       {
-        label: '답변 대기',
+        label: "답변 대기",
         count: unanswered.length,
         percentage:
           questions.length > 0
             ? Math.round((unanswered.length / questions.length) * 100)
             : 0,
-        color: 'bg-orange-500',
-        bgColor: 'bg-orange-50',
-        textColor: 'text-orange-700',
+        color: "bg-orange-500",
+        bgColor: "bg-orange-50",
+        textColor: "text-orange-700",
         questions: unanswered,
       },
     ];
@@ -279,17 +279,17 @@ const QuestionsAnalyticsPage = () => {
   // 기간 선택 핸들러
   const handlePeriodSelect = (periodLabel: string) => {
     if (selectedPeriod === periodLabel) {
-      setSelectedPeriod('전체');
+      setSelectedPeriod("전체");
       // 기간 해제 시 임의 기간 날짜도 초기화
-      setCustomStartDate('');
-      setCustomEndDate('');
+      setCustomStartDate("");
+      setCustomEndDate("");
     } else {
       setSelectedPeriod(periodLabel);
 
-      if (periodLabel === '임의 기간') {
+      if (periodLabel === "임의 기간") {
         // 임의 기간 선택 시 날짜 초기화 후 종료일을 오늘로 설정
-        setCustomStartDate('');
-        const today = new Date().toISOString().split('T')[0];
+        setCustomStartDate("");
+        const today = new Date().toISOString().split("T")[0];
         setCustomEndDate(today);
       } else {
         // 기존 프리셋 클릭 시 해당 날짜를 임의 기간 입력필드에 반영
@@ -299,8 +299,8 @@ const QuestionsAnalyticsPage = () => {
           setCustomEndDate(preset.endDate);
         } else {
           // 프리셋이 없거나 전체인 경우 날짜 초기화
-          setCustomStartDate('');
-          setCustomEndDate('');
+          setCustomStartDate("");
+          setCustomEndDate("");
         }
       }
     }
@@ -316,7 +316,7 @@ const QuestionsAnalyticsPage = () => {
         setCustomEndDate(value);
       }
     },
-    [customEndDate]
+    [customEndDate],
   );
 
   // 종료일 변경 핸들러 (시작일보다 빠르지 않도록 제한)
@@ -333,7 +333,7 @@ const QuestionsAnalyticsPage = () => {
         setCustomStartDate(value);
       }
     },
-    [customStartDate]
+    [customStartDate],
   );
 
   const handlePrevious = () => {
@@ -354,7 +354,7 @@ const QuestionsAnalyticsPage = () => {
   const handleCloseModal = () => {
     setShowDetailModal(false);
     setSelectedItems([]);
-    setModalTitle('');
+    setModalTitle("");
     setCurrentIndex(0);
   };
 
@@ -403,8 +403,8 @@ const QuestionsAnalyticsPage = () => {
                     onClick={() => handlePeriodSelect(preset.label)}
                     className={`px-3 py-2 rounded-lg text-sm font-medium transition-colors border hover:cursor-pointer ${
                       selectedPeriod === preset.label
-                        ? 'bg-accent-100 text-black-500 border-accent-300'
-                        : 'bg-gray-100 text-gray-600 hover:bg-gray-200 border-gray-300'
+                        ? "bg-accent-100 text-black-500 border-accent-300"
+                        : "bg-gray-100 text-gray-600 hover:bg-gray-200 border-gray-300"
                     }`}
                   >
                     {preset.label}
@@ -590,7 +590,7 @@ const QuestionsAnalyticsPage = () => {
                     onClick={() =>
                       handleShowDetail(
                         item.questions,
-                        `"${item.keyword.name}" 키워드`
+                        `"${item.keyword.name}" 키워드`,
                       )
                     }
                   >
diff --git a/src/app/questions/page.tsx b/src/app/questions/page.tsx
index bf69e71..a3fc551 100644
--- a/src/app/questions/page.tsx
+++ b/src/app/questions/page.tsx
@@ -1,22 +1,22 @@
-'use client';
-
-import Modal from '@/components/common/Modal';
-import QuestionFiltersComponent from '@/components/questions/QuestionFiltersComponent';
-import QuestionForm from '@/components/questions/QuestionForm';
-import QuestionList from '@/components/questions/QuestionList';
-import QuestionStatistics from '@/components/questions/QuestionStatistics';
-import { useAuth } from '@/hooks/auth';
-import { useQuestionKeywords } from '@/hooks/questions/useQuestionKeywords';
-import { useQuestions } from '@/hooks/questions/useQuestions';
+"use client";
+
+import Modal from "@/components/common/Modal";
+import QuestionFiltersComponent from "@/components/questions/QuestionFiltersComponent";
+import QuestionForm from "@/components/questions/QuestionForm";
+import QuestionList from "@/components/questions/QuestionList";
+import QuestionStatistics from "@/components/questions/QuestionStatistics";
+import { useAuth } from "@/hooks/auth";
+import { useQuestionKeywords } from "@/hooks/questions/useQuestionKeywords";
+import { useQuestions } from "@/hooks/questions/useQuestions";
 import {
   DateRangePeriod,
   QuestionFilters,
   QuestionFormData,
   QuestionWithKeywords,
-} from '@/types/questions';
-import { Plus, TrendingUp, X } from 'lucide-react';
-import Link from 'next/link';
-import { useMemo, useState } from 'react';
+} from "@/types/questions";
+import { Plus, TrendingUp, X } from "lucide-react";
+import Link from "next/link";
+import { useMemo, useState } from "react";
 
 const QuestionsPage = () => {
   const { user } = useAuth();
@@ -25,40 +25,40 @@ const QuestionsPage = () => {
   const [showEditModal, setShowEditModal] = useState(false);
   const [editingQuestion, setEditingQuestion] =
     useState<QuestionWithKeywords | null>(null);
-  const [selectedPeriod, setSelectedPeriod] = useState('전체');
+  const [selectedPeriod, setSelectedPeriod] = useState("전체");
 
   // 기간 프리셋
   const periodPresets: DateRangePeriod[] = useMemo(() => {
     const today = new Date();
-    const getDateString = (date: Date) => date.toISOString().split('T')[0];
+    const getDateString = (date: Date) => date.toISOString().split("T")[0];
 
     return [
-      { label: '전체', startDate: '', endDate: '' },
+      { label: "전체", startDate: "", endDate: "" },
       {
-        label: '최근 1주',
+        label: "최근 1주",
         startDate: getDateString(
-          new Date(today.getTime() - 7 * 24 * 60 * 60 * 1000)
+          new Date(today.getTime() - 7 * 24 * 60 * 60 * 1000),
         ),
         endDate: getDateString(today),
       },
       {
-        label: '최근 1개월',
+        label: "최근 1개월",
         startDate: getDateString(
-          new Date(today.getTime() - 30 * 24 * 60 * 60 * 1000)
+          new Date(today.getTime() - 30 * 24 * 60 * 60 * 1000),
         ),
         endDate: getDateString(today),
       },
       {
-        label: '최근 3개월',
+        label: "최근 3개월",
         startDate: getDateString(
-          new Date(today.getTime() - 90 * 24 * 60 * 60 * 1000)
+          new Date(today.getTime() - 90 * 24 * 60 * 60 * 1000),
         ),
         endDate: getDateString(today),
       },
       {
-        label: '최근 6개월',
+        label: "최근 6개월",
         startDate: getDateString(
-          new Date(today.getTime() - 180 * 24 * 60 * 60 * 1000)
+          new Date(today.getTime() - 180 * 24 * 60 * 60 * 1000),
         ),
         endDate: getDateString(today),
       },
@@ -105,7 +105,7 @@ const QuestionsPage = () => {
     const period = periodPresets.find((p) => p.label === periodLabel);
 
     if (period) {
-      if (period.label === '전체') {
+      if (period.label === "전체") {
         handleFiltersChange({ dateFrom: undefined, dateTo: undefined });
       } else {
         handleFiltersChange({
@@ -135,12 +135,12 @@ const QuestionsPage = () => {
 
   // 질문 삭제 핸들러
   const handleDeleteQuestion = async (questionId: string) => {
-    if (confirm('정말로 이 질문을 삭제하시겠습니까?')) {
+    if (confirm("정말로 이 질문을 삭제하시겠습니까?")) {
       try {
         await deleteQuestion(questionId);
       } catch (error) {
-        console.error('질문 삭제 실패:', error);
-        alert('질문 삭제 중 오류가 발생했습니다.');
+        console.error("질문 삭제 실패:", error);
+        alert("질문 삭제 중 오류가 발생했습니다.");
       }
     }
   };
@@ -157,8 +157,8 @@ const QuestionsPage = () => {
       setShowEditModal(false);
       setEditingQuestion(null);
     } catch (error) {
-      console.error('질문 수정 실패:', error);
-      alert('질문 수정 중 오류가 발생했습니다.');
+      console.error("질문 수정 실패:", error);
+      alert("질문 수정 중 오류가 발생했습니다.");
     }
   };
 
diff --git a/src/app/reflections/[id]/edit/page.tsx b/src/app/reflections/[id]/edit/page.tsx
index 47695a0..09f9e88 100644
--- a/src/app/reflections/[id]/edit/page.tsx
+++ b/src/app/reflections/[id]/edit/page.tsx
@@ -1,14 +1,14 @@
-'use client';
-
-import AuthGuard from '@/components/auth/AuthGuard';
-import ReflectionForm from '@/components/reflections/ReflectionForm';
-import { useAuth } from '@/hooks/auth';
-import { useReflections } from '@/hooks/reflections/useReflections';
-import { ReflectionFormData } from '@/types/reflections';
-import { ArrowLeft, Loader2 } from 'lucide-react';
-import Link from 'next/link';
-import { useParams, useRouter } from 'next/navigation';
-import { useMemo, useState } from 'react';
+"use client";
+
+import AuthGuard from "@/components/auth/AuthGuard";
+import ReflectionForm from "@/components/reflections/ReflectionForm";
+import { useAuth } from "@/hooks/auth";
+import { useReflections } from "@/hooks/reflections/useReflections";
+import { ReflectionFormData } from "@/types/reflections";
+import { ArrowLeft, Loader2 } from "lucide-react";
+import Link from "next/link";
+import { useParams, useRouter } from "next/navigation";
+import { useMemo, useState } from "react";
 
 const ReflectionEditPage = () => {
   const router = useRouter();
@@ -39,7 +39,7 @@ const ReflectionEditPage = () => {
     if (!reflection) return undefined;
 
     return {
-      title: reflection.title || '',
+      title: reflection.title || "",
       content: reflection.content,
       category_id: reflection.category_id,
       date: reflection.date,
@@ -69,10 +69,10 @@ const ReflectionEditPage = () => {
       });
 
       // 성공 시 회고 목록으로 이동
-      router.push('/reflections');
+      router.push("/reflections");
     } catch (err) {
-      setError('회고 수정 중 오류가 발생했습니다. 다시 시도해주세요.');
-      console.error('Failed to update reflection:', err);
+      setError("회고 수정 중 오류가 발생했습니다. 다시 시도해주세요.");
+      console.error("Failed to update reflection:", err);
     } finally {
       setIsSubmitting(false);
     }
@@ -80,7 +80,7 @@ const ReflectionEditPage = () => {
 
   // 취소 처리
   const handleCancel = () => {
-    router.push('/reflections');
+    router.push("/reflections");
   };
 
   // 로딩 상태
diff --git a/src/app/reflections/[id]/page.tsx b/src/app/reflections/[id]/page.tsx
index cdd0d60..7c05530 100644
--- a/src/app/reflections/[id]/page.tsx
+++ b/src/app/reflections/[id]/page.tsx
@@ -1,11 +1,11 @@
-'use client';
+"use client";
 
-import AuthGuard from '@/components/auth/AuthGuard';
-import { useAuth } from '@/hooks/auth';
-import { useReflections } from '@/hooks/reflections/useReflections';
-import { supabase } from '@/lib/supabase';
-import { ReflectionWithKeywords } from '@/types/reflections';
-import { format } from 'date-fns';
+import AuthGuard from "@/components/auth/AuthGuard";
+import { useAuth } from "@/hooks/auth";
+import { useReflections } from "@/hooks/reflections/useReflections";
+import { supabase } from "@/lib/supabase";
+import { ReflectionWithKeywords } from "@/types/reflections";
+import { format } from "date-fns";
 import {
   ArrowLeft,
   Calendar,
@@ -17,10 +17,10 @@ import {
   Share2,
   Trash2,
   User,
-} from 'lucide-react';
-import Link from 'next/link';
-import { useParams, useRouter } from 'next/navigation';
-import { useEffect, useState } from 'react';
+} from "lucide-react";
+import Link from "next/link";
+import { useParams, useRouter } from "next/navigation";
+import { useEffect, useState } from "react";
 
 export interface KeywordRelation {
   keyword: {
@@ -43,7 +43,7 @@ const ReflectionDetailPage = () => {
   });
 
   const [reflection, setReflection] = useState<ReflectionWithKeywords | null>(
-    null
+    null,
   );
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
@@ -56,7 +56,7 @@ const ReflectionDetailPage = () => {
       try {
         setIsLoading(true);
         const { data, error } = await supabase
-          .from('reflections')
+          .from("reflections")
           .select(
             `
             *,
@@ -64,15 +64,15 @@ const ReflectionDetailPage = () => {
             keywords:reflection_keyword_relations(
               keyword:reflection_keywords(*)
             )
-          `
+          `,
           )
-          .eq('id', id)
+          .eq("id", id)
           .single();
 
         if (error) throw error;
 
         if (!data) {
-          setError('회고를 찾을 수 없습니다.');
+          setError("회고를 찾을 수 없습니다.");
           return;
         }
 
@@ -81,19 +81,19 @@ const ReflectionDetailPage = () => {
         const isPublic = data.is_public && data.is_neighbor_visible;
 
         if (!isOwn && !isPublic) {
-          setError('이 회고에 접근할 권한이 없습니다.');
+          setError("이 회고에 접근할 권한이 없습니다.");
           return;
         }
 
         // 데이터 변환
         const keywords =
           data.keywords?.map((rk: KeywordRelation) => rk.keyword) || [];
-        const effective_visibility: 'public' | 'neighbors' | 'private' =
+        const effective_visibility: "public" | "neighbors" | "private" =
           data.is_public && data.is_neighbor_visible
-            ? 'public'
+            ? "public"
             : data.is_public && !data.is_neighbor_visible
-              ? 'neighbors'
-              : 'private';
+              ? "neighbors"
+              : "private";
 
         setReflection({
           ...data,
@@ -102,8 +102,8 @@ const ReflectionDetailPage = () => {
           is_own: isOwn,
         });
       } catch (err) {
-        console.error('회고 조회 실패:', err);
-        setError('회고를 불러오는 중 오류가 발생했습니다.');
+        console.error("회고 조회 실패:", err);
+        setError("회고를 불러오는 중 오류가 발생했습니다.");
       } finally {
         setIsLoading(false);
       }
@@ -115,57 +115,57 @@ const ReflectionDetailPage = () => {
   const handleDelete = () => {
     if (!reflection) return;
 
-    if (confirm('정말 삭제하시겠습니까? 삭제된 회고는 복구할 수 없습니다.')) {
+    if (confirm("정말 삭제하시겠습니까? 삭제된 회고는 복구할 수 없습니다.")) {
       deleteReflection(reflection.id);
-      router.push('./reflections');
+      router.push("./reflections");
     }
   };
 
   const handleShare = async () => {
     if (!reflection) return;
 
-    if (reflection.effective_visibility === 'private') {
-      alert('비공개 회고는 공유할 수 없습니다.');
+    if (reflection.effective_visibility === "private") {
+      alert("비공개 회고는 공유할 수 없습니다.");
       return;
     }
 
     try {
       await navigator.share({
-        title: reflection.title || '회고',
-        text: reflection.content.slice(1, 100) + '...',
+        title: reflection.title || "회고",
+        text: reflection.content.slice(1, 100) + "...",
         url: window.location.href,
       });
     } catch {
       // Web Share API를 지원하지 않는 경우 URL 복사
       await navigator.clipboard.writeText(window.location.href);
-      alert('링크가 클립보드에 복사되었습니다.');
+      alert("링크가 클립보드에 복사되었습니다.");
     }
   };
 
   const getVisibilityInfo = (
-    visibility: 'public' | 'neighbors' | 'private'
+    visibility: "public" | "neighbors" | "private",
   ) => {
     switch (visibility) {
-      case 'public':
+      case "public":
         return {
           icon: Eye,
-          label: '전체 공개',
-          color: 'text-green-600',
-          bgColor: 'bg-green-100',
+          label: "전체 공개",
+          color: "text-green-600",
+          bgColor: "bg-green-100",
         };
-      case 'neighbors':
+      case "neighbors":
         return {
           icon: User,
-          label: '이웃 공개',
-          color: 'text-blue-600',
-          bgColor: 'bg-blue-100',
+          label: "이웃 공개",
+          color: "text-blue-600",
+          bgColor: "bg-blue-100",
         };
-      case 'private':
+      case "private":
         return {
           icon: Lock,
-          label: '비공개',
-          color: 'text-gray-600',
-          bgColor: 'bg-gray-100',
+          label: "비공개",
+          color: "text-gray-600",
+          bgColor: "bg-gray-100",
         };
     }
   };
@@ -214,7 +214,7 @@ const ReflectionDetailPage = () => {
         <div className="max-w-4xl mx-auto p-4 text-center py-8">
           <div className="bg-white rounded-lg p-8 shadow-sm border">
             <h3 className="text-lg font-medium text-gray-600 mb-2">
-              {error || '회고를 찾을 수 없습니다'}
+              {error || "회고를 찾을 수 없습니다"}
             </h3>
             <Link
               href="/reflections"
@@ -229,7 +229,7 @@ const ReflectionDetailPage = () => {
     );
   }
 
-  const isGratitude = reflection.category?.name === 'gratitude';
+  const isGratitude = reflection.category?.name === "gratitude";
   const TypeIcon = isGratitude ? Heart : Lightbulb;
   const visibilityInfo = getVisibilityInfo(reflection.effective_visibility);
   const VisibilityIcon = visibilityInfo.icon;
@@ -291,19 +291,19 @@ const ReflectionDetailPage = () => {
           <div className="flex flex-col pb-2 border-b">
             <div className="flex gap-2 items-center">
               <div
-                className={`p-3 rounded-lg ${isGratitude ? 'bg-orange-100' : 'bg-blue-100'}`}
+                className={`p-3 rounded-lg ${isGratitude ? "bg-orange-100" : "bg-blue-100"}`}
               >
                 <TypeIcon
-                  className={`w-6 h-6 ${isGratitude ? 'text-orange-600' : 'text-blue-600'}`}
+                  className={`w-6 h-6 ${isGratitude ? "text-orange-600" : "text-blue-600"}`}
                 />
               </div>
               <div className="flex flex-col items-start">
                 <div className="flex items-center gap-1 text-sm text-gray-500">
                   <Calendar className="w-4 h-4" />
-                  {format(new Date(reflection.created_at), 'yyyy. M. d. HH:mm')}
+                  {format(new Date(reflection.created_at), "yyyy. M. d. HH:mm")}
                 </div>
                 <span
-                  className={`text-sm font-medium ${isGratitude ? 'text-orange-600' : 'text-blue-600'}`}
+                  className={`text-sm font-medium ${isGratitude ? "text-orange-600" : "text-blue-600"}`}
                 >
                   {reflection.category?.display_name}
                 </span>
@@ -316,8 +316,8 @@ const ReflectionDetailPage = () => {
             <div className="flex justify-end text-sm text-gray-500">
               {reflection.updated_at !== reflection.created_at && (
                 <span>
-                  수정일:{' '}
-                  {format(new Date(reflection.updated_at), 'yyyy. M. d. HH:mm')}
+                  수정일:{" "}
+                  {format(new Date(reflection.updated_at), "yyyy. M. d. HH:mm")}
                 </span>
               )}
             </div>
diff --git a/src/app/reflections/analytics/page.tsx b/src/app/reflections/analytics/page.tsx
index 0f31bee..97e64f7 100644
--- a/src/app/reflections/analytics/page.tsx
+++ b/src/app/reflections/analytics/page.tsx
@@ -1,14 +1,14 @@
-'use client';
-
-import AuthGuard from '@/components/auth/AuthGuard';
-import KeywordManagementModal from '@/components/reflections/KeywordManagementModal';
-import KeywordReflectionsModal from '@/components/reflections/KeywordReflectionsModal';
-import { useAuth } from '@/hooks/auth';
-import { useKeywords } from '@/hooks/reflections/useKeywords';
-import { useReflectionCategories } from '@/hooks/reflections/useReflectionCategories';
-import { useReflections } from '@/hooks/reflections/useReflections';
-import { format, subMonths, subWeeks, subYears } from 'date-fns';
-import { ko } from 'date-fns/locale';
+"use client";
+
+import AuthGuard from "@/components/auth/AuthGuard";
+import KeywordManagementModal from "@/components/reflections/KeywordManagementModal";
+import KeywordReflectionsModal from "@/components/reflections/KeywordReflectionsModal";
+import { useAuth } from "@/hooks/auth";
+import { useKeywords } from "@/hooks/reflections/useKeywords";
+import { useReflectionCategories } from "@/hooks/reflections/useReflectionCategories";
+import { useReflections } from "@/hooks/reflections/useReflections";
+import { format, subMonths, subWeeks, subYears } from "date-fns";
+import { ko } from "date-fns/locale";
 import {
   BarChart3,
   Filter,
@@ -16,20 +16,20 @@ import {
   Heart,
   Lightbulb,
   RefreshCw,
-} from 'lucide-react';
-import { useMemo, useState } from 'react';
+} from "lucide-react";
+import { useMemo, useState } from "react";
 
 const AnalyticsPage = () => {
   const { user } = useAuth();
   const [selectedPeriod, setSelectedPeriod] = useState<
-    'all' | '1week' | '1month' | '3months' | '6months' | '1year'
-  >('3months');
+    "all" | "1week" | "1month" | "3months" | "6months" | "1year"
+  >("3months");
   const [selectedCategory, setSelectedCategory] = useState<
-    'all' | 'gratitude' | 'reflection'
-  >('all');
+    "all" | "gratitude" | "reflection"
+  >("all");
   const [showCustomPeriod, setShowCustomPeriod] = useState(false);
-  const [customStartDate, setCustomStartDate] = useState('');
-  const [customEndDate, setCustomEndDate] = useState('');
+  const [customStartDate, setCustomStartDate] = useState("");
+  const [customEndDate, setCustomEndDate] = useState("");
   const [selectedKeyword, setSelectedKeyword] = useState<string | null>(null);
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [isKeywordManagementOpen, setIsKeywordManagementOpen] = useState(false);
@@ -43,40 +43,40 @@ const AnalyticsPage = () => {
     const today = new Date();
     return [
       {
-        label: '전체',
-        value: 'all',
-        startDate: '',
-        endDate: '',
+        label: "전체",
+        value: "all",
+        startDate: "",
+        endDate: "",
       },
       {
-        label: '최근 1주일',
-        value: '1week',
-        startDate: format(subWeeks(today, 1), 'yyyy-MM-dd'),
-        endDate: format(today, 'yyyy-MM-dd'),
+        label: "최근 1주일",
+        value: "1week",
+        startDate: format(subWeeks(today, 1), "yyyy-MM-dd"),
+        endDate: format(today, "yyyy-MM-dd"),
       },
       {
-        label: '최근 1개월',
-        value: '1month',
-        startDate: format(subMonths(today, 1), 'yyyy-MM-dd'),
-        endDate: format(today, 'yyyy-MM-dd'),
+        label: "최근 1개월",
+        value: "1month",
+        startDate: format(subMonths(today, 1), "yyyy-MM-dd"),
+        endDate: format(today, "yyyy-MM-dd"),
       },
       {
-        label: '최근 3개월',
-        value: '3months',
-        startDate: format(subMonths(today, 3), 'yyyy-MM-dd'),
-        endDate: format(today, 'yyyy-MM-dd'),
+        label: "최근 3개월",
+        value: "3months",
+        startDate: format(subMonths(today, 3), "yyyy-MM-dd"),
+        endDate: format(today, "yyyy-MM-dd"),
       },
       {
-        label: '최근 6개월',
-        value: '6months',
-        startDate: format(subMonths(today, 6), 'yyyy-MM-dd'),
-        endDate: format(today, 'yyyy-MM-dd'),
+        label: "최근 6개월",
+        value: "6months",
+        startDate: format(subMonths(today, 6), "yyyy-MM-dd"),
+        endDate: format(today, "yyyy-MM-dd"),
       },
       {
-        label: '최근 1년',
-        value: '1year',
-        startDate: format(subYears(today, 1), 'yyyy-MM-dd'),
-        endDate: format(today, 'yyyy-MM-dd'),
+        label: "최근 1년",
+        value: "1year",
+        startDate: format(subYears(today, 1), "yyyy-MM-dd"),
+        endDate: format(today, "yyyy-MM-dd"),
       },
     ];
   }, []);
@@ -88,7 +88,7 @@ const AnalyticsPage = () => {
     if (customStartDate && customEndDate) {
       // 임의기간이 설정된 경우
       cutoffDate = new Date(customStartDate);
-    } else if (selectedPeriod !== 'all') {
+    } else if (selectedPeriod !== "all") {
       // 프리셋 기간이 선택된 경우
       const preset = periodPresets.find((p) => p.value === selectedPeriod);
       if (preset && preset.startDate) {
@@ -108,10 +108,10 @@ const AnalyticsPage = () => {
         }
 
         // 카테고리 필터
-        if (selectedCategory === 'gratitude' && gratitudeCategory) {
+        if (selectedCategory === "gratitude" && gratitudeCategory) {
           return stat.keyword.category_id === gratitudeCategory.id;
         }
-        if (selectedCategory === 'reflection' && reflectionCategory) {
+        if (selectedCategory === "reflection" && reflectionCategory) {
           return stat.keyword.category_id === reflectionCategory.id;
         }
 
@@ -137,7 +137,7 @@ const AnalyticsPage = () => {
     if (customStartDate && customEndDate) {
       cutoffDate = new Date(customStartDate);
       endDate = new Date(customEndDate);
-    } else if (selectedPeriod !== 'all') {
+    } else if (selectedPeriod !== "all") {
       const preset = periodPresets.find((p) => p.value === selectedPeriod);
       if (preset && preset.startDate) {
         cutoffDate = new Date(preset.startDate);
@@ -156,10 +156,10 @@ const AnalyticsPage = () => {
     }
 
     const gratitudeCount = filteredReflections.filter(
-      (r) => r.category?.name === 'gratitude'
+      (r) => r.category?.name === "gratitude",
     ).length;
     const reflectionCount = filteredReflections.filter(
-      (r) => r.category?.name === 'reflection'
+      (r) => r.category?.name === "reflection",
     ).length;
 
     return {
@@ -177,11 +177,11 @@ const AnalyticsPage = () => {
 
   // 필터 핸들러
   const handlePeriodChange = (period: string) => {
-    if (period === 'custom') {
+    if (period === "custom") {
       if (showCustomPeriod || customStartDate) {
         setShowCustomPeriod(false);
-        setCustomStartDate('');
-        setCustomEndDate('');
+        setCustomStartDate("");
+        setCustomEndDate("");
       } else {
         setShowCustomPeriod(true);
       }
@@ -190,19 +190,19 @@ const AnalyticsPage = () => {
 
     // 같은 기간을 다시 클릭하면 전체로 변경
     if (selectedPeriod === period) {
-      setSelectedPeriod('all');
+      setSelectedPeriod("all");
     } else {
       setSelectedPeriod(period as typeof selectedPeriod);
     }
 
     // 임의기간 관련 상태 초기화
     setShowCustomPeriod(false);
-    setCustomStartDate('');
-    setCustomEndDate('');
+    setCustomStartDate("");
+    setCustomEndDate("");
   };
 
   const handleCategoryChange = (category: typeof selectedCategory) => {
-    setSelectedCategory(category === selectedCategory ? 'all' : category);
+    setSelectedCategory(category === selectedCategory ? "all" : category);
   };
 
   const handleCustomPeriodApply = () => {
@@ -212,16 +212,16 @@ const AnalyticsPage = () => {
   };
 
   const clearFilters = () => {
-    setSelectedPeriod('all');
-    setSelectedCategory('all');
+    setSelectedPeriod("all");
+    setSelectedCategory("all");
     setShowCustomPeriod(false);
-    setCustomStartDate('');
-    setCustomEndDate('');
+    setCustomStartDate("");
+    setCustomEndDate("");
   };
 
   const hasActiveFilters =
-    selectedPeriod !== 'all' ||
-    selectedCategory !== 'all' ||
+    selectedPeriod !== "all" ||
+    selectedCategory !== "all" ||
     customStartDate ||
     customEndDate;
 
@@ -304,19 +304,19 @@ const AnalyticsPage = () => {
                     selectedPeriod === preset.value &&
                     !customStartDate &&
                     !showCustomPeriod
-                      ? 'bg-accent-600 text-white'
-                      : 'bg-gray-100 text-gray-700 hover:bg-gray-200'
+                      ? "bg-accent-600 text-white"
+                      : "bg-gray-100 text-gray-700 hover:bg-gray-200"
                   }`}
                 >
                   {preset.label}
                 </button>
               ))}
               <button
-                onClick={() => handlePeriodChange('custom')}
+                onClick={() => handlePeriodChange("custom")}
                 className={`px-3 py-1 rounded-lg text-sm font-medium transition-colors ${
                   showCustomPeriod || customStartDate
-                    ? 'bg-accent-600 text-white'
-                    : 'bg-gray-100 text-gray-700 hover:bg-gray-200'
+                    ? "bg-accent-600 text-white"
+                    : "bg-gray-100 text-gray-700 hover:bg-gray-200"
                 }`}
               >
                 임의기간
@@ -376,17 +376,17 @@ const AnalyticsPage = () => {
             </label>
             <div className="flex gap-2">
               {[
-                { value: 'all' as const, label: '전체' },
-                { value: 'gratitude' as const, label: '감사' },
-                { value: 'reflection' as const, label: '성찰' },
+                { value: "all" as const, label: "전체" },
+                { value: "gratitude" as const, label: "감사" },
+                { value: "reflection" as const, label: "성찰" },
               ].map((category) => (
                 <button
                   key={category.value}
                   onClick={() => handleCategoryChange(category.value)}
                   className={`px-3 py-1 rounded-lg text-sm font-medium transition-colors ${
                     selectedCategory === category.value
-                      ? 'bg-accent-600 text-white'
-                      : 'bg-gray-100 text-gray-700 hover:bg-gray-200'
+                      ? "bg-accent-600 text-white"
+                      : "bg-gray-100 text-gray-700 hover:bg-gray-200"
                   }`}
                 >
                   {category.label}
@@ -433,7 +433,7 @@ const AnalyticsPage = () => {
             <h3 className="font-medium text-gray-900 mb-3">💡 인사이트</h3>
             <div className="space-y-2 text-sm text-gray-700">
               <p>
-                • 가장 많이 사용한 키워드:{' '}
+                • 가장 많이 사용한 키워드:{" "}
                 <strong
                   style={{ color: filteredStats[0]?.keyword.color }}
                   className="cursor-pointer hover:underline"
@@ -442,7 +442,7 @@ const AnalyticsPage = () => {
                   }
                 >
                   {filteredStats[0]?.keyword.name}
-                </strong>{' '}
+                </strong>{" "}
                 ({filteredStats[0]?.usageCount}회)
               </p>
 
@@ -479,7 +479,7 @@ const AnalyticsPage = () => {
                 >
                   <td className="py-3 px-2">
                     <span
-                      className={`text-sm font-bold ${index < 3 ? 'text-accent-600' : 'text-gray-500'}`}
+                      className={`text-sm font-bold ${index < 3 ? "text-accent-600" : "text-gray-500"}`}
                     >
                       {index + 1}
                     </span>
@@ -500,7 +500,7 @@ const AnalyticsPage = () => {
 
                   <td className="py-3 px-4">
                     <span className="text-sm text-gray-500">
-                      {format(new Date(stat.lastUsedDate), 'MM/dd', {
+                      {format(new Date(stat.lastUsedDate), "MM/dd", {
                         locale: ko,
                       })}
                     </span>
diff --git a/src/app/reflections/new/page.tsx b/src/app/reflections/new/page.tsx
index d70d6f0..bee00d8 100644
--- a/src/app/reflections/new/page.tsx
+++ b/src/app/reflections/new/page.tsx
@@ -1,14 +1,14 @@
-'use client';
+"use client";
 
-import AuthGuard from '@/components/auth/AuthGuard';
-import ReflectionForm from '@/components/reflections/ReflectionForm';
-import { useAuth } from '@/hooks/auth';
-import { useReflections } from '@/hooks/reflections/useReflections';
-import { ReflectionFormData } from '@/types/reflections';
-import { ArrowLeft, BookOpen } from 'lucide-react';
-import Link from 'next/link';
-import { useRouter } from 'next/navigation';
-import { useState } from 'react';
+import AuthGuard from "@/components/auth/AuthGuard";
+import ReflectionForm from "@/components/reflections/ReflectionForm";
+import { useAuth } from "@/hooks/auth";
+import { useReflections } from "@/hooks/reflections/useReflections";
+import { ReflectionFormData } from "@/types/reflections";
+import { ArrowLeft, BookOpen } from "lucide-react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
 
 const NewReflectionPage = () => {
   const router = useRouter();
@@ -27,18 +27,18 @@ const NewReflectionPage = () => {
       { ...formData, user_id: user.id },
       {
         onSuccess: () => {
-          router.push('/reflections');
+          router.push("/reflections");
         },
         onError: (error) => {
-          console.error('회고 작성 실패:', error);
-          setError('회고 작성 중 오류가 발생했습니다. 다시 시도해주세요.');
+          console.error("회고 작성 실패:", error);
+          setError("회고 작성 중 오류가 발생했습니다. 다시 시도해주세요.");
         },
-      }
+      },
     );
   };
 
   const handleCancel = () => {
-    if (confirm('작성을 취소하시겠습니까? 작성된 내용이 사라집니다.')) {
+    if (confirm("작성을 취소하시겠습니까? 작성된 내용이 사라집니다.")) {
       router.back();
     }
   };
diff --git a/src/app/reflections/page.tsx b/src/app/reflections/page.tsx
index 6aa645e..b5db8da 100644
--- a/src/app/reflections/page.tsx
+++ b/src/app/reflections/page.tsx
@@ -1,12 +1,12 @@
-'use client';
-
-import AuthGuard from '@/components/auth/AuthGuard';
-import ReflectionCard from '@/components/reflections/ReflectionCard';
-import { useAuth } from '@/hooks/auth';
-import { useKeywords } from '@/hooks/reflections/useKeywords';
-import { useReflections } from '@/hooks/reflections/useReflections';
-import { DateRangePeriod, ReflectionFilters } from '@/types/reflections';
-import { format, subMonths, subWeeks, subYears } from 'date-fns';
+"use client";
+
+import AuthGuard from "@/components/auth/AuthGuard";
+import ReflectionCard from "@/components/reflections/ReflectionCard";
+import { useAuth } from "@/hooks/auth";
+import { useKeywords } from "@/hooks/reflections/useKeywords";
+import { useReflections } from "@/hooks/reflections/useReflections";
+import { DateRangePeriod, ReflectionFilters } from "@/types/reflections";
+import { format, subMonths, subWeeks, subYears } from "date-fns";
 import {
   BarChart3,
   BookOpen,
@@ -16,10 +16,10 @@ import {
   Plus,
   RefreshCw,
   Search,
-} from 'lucide-react';
-import Link from 'next/link';
-import { useRouter } from 'next/navigation';
-import { useMemo, useState } from 'react';
+} from "lucide-react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { useMemo, useState } from "react";
 
 const ReflectionsPage = () => {
   const router = useRouter();
@@ -27,16 +27,16 @@ const ReflectionsPage = () => {
 
   // 기본 필터 상태
   const [filters, setFilters] = useState<ReflectionFilters>({
-    type: 'all',
+    type: "all",
     keywords: [],
-    searchTerm: '',
-    visibility: 'all',
+    searchTerm: "",
+    visibility: "all",
   });
 
   // 임의 기간 설정 상태
   const [showCustomPeriod, setShowCustomPeriod] = useState(false);
-  const [customStartDate, setCustomStartDate] = useState('');
-  const [customEndDate, setCustomEndDate] = useState('');
+  const [customStartDate, setCustomStartDate] = useState("");
+  const [customEndDate, setCustomEndDate] = useState("");
 
   // 전체 통계용 (필터 없음)
   const { statistics: totalStats } = useReflections({
@@ -57,34 +57,34 @@ const ReflectionsPage = () => {
     const today = new Date();
     return [
       {
-        label: '전체',
-        value: 'all',
-        startDate: '',
-        endDate: '',
+        label: "전체",
+        value: "all",
+        startDate: "",
+        endDate: "",
       },
       {
-        label: '최근 1주일',
-        value: '1week',
-        startDate: format(subWeeks(today, 1), 'yyyy-MM-dd'),
-        endDate: format(today, 'yyyy-MM-dd'),
+        label: "최근 1주일",
+        value: "1week",
+        startDate: format(subWeeks(today, 1), "yyyy-MM-dd"),
+        endDate: format(today, "yyyy-MM-dd"),
       },
       {
-        label: '최근 1개월',
-        value: '1month',
-        startDate: format(subMonths(today, 1), 'yyyy-MM-dd'),
-        endDate: format(today, 'yyyy-MM-dd'),
+        label: "최근 1개월",
+        value: "1month",
+        startDate: format(subMonths(today, 1), "yyyy-MM-dd"),
+        endDate: format(today, "yyyy-MM-dd"),
       },
       {
-        label: '최근 3개월',
-        value: '3months',
-        startDate: format(subMonths(today, 3), 'yyyy-MM-dd'),
-        endDate: format(today, 'yyyy-MM-dd'),
+        label: "최근 3개월",
+        value: "3months",
+        startDate: format(subMonths(today, 3), "yyyy-MM-dd"),
+        endDate: format(today, "yyyy-MM-dd"),
       },
       {
-        label: '최근 1년',
-        value: '1year',
-        startDate: format(subYears(today, 1), 'yyyy-MM-dd'),
-        endDate: format(today, 'yyyy-MM-dd'),
+        label: "최근 1년",
+        value: "1year",
+        startDate: format(subYears(today, 1), "yyyy-MM-dd"),
+        endDate: format(today, "yyyy-MM-dd"),
       },
     ];
   }, []);
@@ -106,7 +106,7 @@ const ReflectionsPage = () => {
   };
 
   const handlePeriodChange = (period: string) => {
-    if (period === 'custom') {
+    if (period === "custom") {
       // 임의기간 클릭 시
       if (showCustomPeriod || isCustomPeriod()) {
         // 이미 임의기간이 활성화되어 있으면 해제
@@ -130,7 +130,7 @@ const ReflectionsPage = () => {
     setShowCustomPeriod(false);
 
     const preset = periodPresets.find((p) => p.value === period);
-    if (preset && preset.value !== 'all') {
+    if (preset && preset.value !== "all") {
       // 같은 기간을 다시 클릭하면 해제
       if (filters.startDate === preset.startDate) {
         handleFiltersChange({
@@ -158,10 +158,10 @@ const ReflectionsPage = () => {
     }
   };
 
-  const handleTypeChange = (type: 'all' | 'gratitude' | 'reflection') => {
+  const handleTypeChange = (type: "all" | "gratitude" | "reflection") => {
     // 같은 타입을 다시 클릭하면 전체로 변경
-    if (filters.type === type && type !== 'all') {
-      handleFiltersChange({ type: 'all' });
+    if (filters.type === type && type !== "all") {
+      handleFiltersChange({ type: "all" });
     } else {
       handleFiltersChange({ type });
     }
@@ -187,21 +187,21 @@ const ReflectionsPage = () => {
 
   const clearFilters = () => {
     setFilters({
-      type: 'all',
+      type: "all",
       keywords: [],
-      searchTerm: '',
-      visibility: 'all',
+      searchTerm: "",
+      visibility: "all",
     });
     setShowCustomPeriod(false);
-    setCustomStartDate('');
-    setCustomEndDate('');
+    setCustomStartDate("");
+    setCustomEndDate("");
   };
 
   const hasActiveFilters =
-    filters.type !== 'all' ||
+    filters.type !== "all" ||
     (filters.keywords?.length ?? 0) > 0 ||
     filters.searchTerm ||
-    filters.visibility !== 'all' ||
+    filters.visibility !== "all" ||
     filters.startDate ||
     filters.endDate;
 
@@ -210,17 +210,17 @@ const ReflectionsPage = () => {
   };
 
   const handleDelete = (id: string) => {
-    if (confirm('정말 삭제하시겠습니까?')) {
+    if (confirm("정말 삭제하시겠습니까?")) {
       deleteReflection(id);
     }
   };
 
   // 현재 선택된 기간 표시
   const getCurrentPeriodLabel = () => {
-    if (!filters.startDate) return '전체';
+    if (!filters.startDate) return "전체";
     const preset = periodPresets.find((p) => p.startDate === filters.startDate);
     if (preset) return preset.label;
-    return '임의기간';
+    return "임의기간";
   };
 
   if (!user?.id) {
@@ -312,7 +312,7 @@ const ReflectionsPage = () => {
             <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400" />
             <input
               type="text"
-              value={filters.searchTerm || ''}
+              value={filters.searchTerm || ""}
               onChange={(e) =>
                 handleFiltersChange({ searchTerm: e.target.value })
               }
@@ -348,23 +348,23 @@ const ReflectionsPage = () => {
                   key={preset.value}
                   onClick={() => handlePeriodChange(preset.value)}
                   className={`px-3 py-1 rounded-lg text-sm font-medium transition-colors ${
-                    (preset.value === 'all' &&
+                    (preset.value === "all" &&
                       !filters.startDate &&
                       !showCustomPeriod) ||
                     preset.startDate === filters.startDate
-                      ? 'bg-accent-600 text-white'
-                      : 'bg-gray-100 text-gray-700 hover:bg-gray-200'
+                      ? "bg-accent-600 text-white"
+                      : "bg-gray-100 text-gray-700 hover:bg-gray-200"
                   }`}
                 >
                   {preset.label}
                 </button>
               ))}
               <button
-                onClick={() => handlePeriodChange('custom')}
+                onClick={() => handlePeriodChange("custom")}
                 className={`px-3 py-1 rounded-lg text-sm font-medium transition-colors ${
                   showCustomPeriod || isCustomPeriod()
-                    ? 'bg-accent-600 text-white'
-                    : 'bg-gray-100 text-gray-700 hover:bg-gray-200'
+                    ? "bg-accent-600 text-white"
+                    : "bg-gray-100 text-gray-700 hover:bg-gray-200"
                 }`}
               >
                 임의기간
@@ -424,17 +424,17 @@ const ReflectionsPage = () => {
             </label>
             <div className="flex gap-2">
               {[
-                { value: 'all' as const, label: '전체' },
-                { value: 'gratitude' as const, label: '감사' },
-                { value: 'reflection' as const, label: '성찰' },
+                { value: "all" as const, label: "전체" },
+                { value: "gratitude" as const, label: "감사" },
+                { value: "reflection" as const, label: "성찰" },
               ].map((type) => (
                 <button
                   key={type.value}
                   onClick={() => handleTypeChange(type.value)}
                   className={`px-3 py-1 rounded-lg text-sm font-medium transition-colors ${
                     filters.type === type.value
-                      ? 'bg-accent-600 text-white'
-                      : 'bg-gray-100 text-gray-700 hover:bg-gray-200'
+                      ? "bg-accent-600 text-white"
+                      : "bg-gray-100 text-gray-700 hover:bg-gray-200"
                   }`}
                 >
                   {type.label}
@@ -456,15 +456,15 @@ const ReflectionsPage = () => {
                     onClick={() => handleKeywordToggle(keyword.name)}
                     className={`px-2 py-1 rounded-md text-xs font-medium transition-colors ${
                       filters.keywords?.includes(keyword.name)
-                        ? 'text-white'
-                        : 'hover:opacity-80'
+                        ? "text-white"
+                        : "hover:opacity-80"
                     }`}
                     style={{
                       backgroundColor: filters.keywords?.includes(keyword.name)
                         ? keyword.color
                         : `${keyword.color}20`,
                       color: filters.keywords?.includes(keyword.name)
-                        ? 'white'
+                        ? "white"
                         : keyword.color,
                     }}
                   >
@@ -482,7 +482,7 @@ const ReflectionsPage = () => {
             <div className="flex items-center gap-2">
               <Search className="w-5 h-5 text-accent-600" />
               <h2 className="text-lg font-semibold text-gray-900">
-                {hasActiveFilters ? '검색 결과' : '전체'}
+                {hasActiveFilters ? "검색 결과" : "전체"}
               </h2>
             </div>
             {hasActiveFilters && (
@@ -501,11 +501,11 @@ const ReflectionsPage = () => {
                     <span>{getCurrentPeriodLabel()}</span>
                   </>
                 )}
-                {filters.type !== 'all' && (
+                {filters.type !== "all" && (
                   <>
                     <span>•</span>
                     <span>
-                      {filters.type === 'gratitude' ? '감사' : '성찰'}
+                      {filters.type === "gratitude" ? "감사" : "성찰"}
                     </span>
                   </>
                 )}
@@ -580,13 +580,13 @@ const ReflectionsPage = () => {
               </div>
               <h3 className="text-xl font-medium text-gray-600 mb-2">
                 {hasActiveFilters
-                  ? '필터 조건에 맞는 회고가 없습니다.'
-                  : '아직 작성한 회고가 없습니다.'}
+                  ? "필터 조건에 맞는 회고가 없습니다."
+                  : "아직 작성한 회고가 없습니다."}
               </h3>
               <p className="text-gray-500 mb-6">
                 {hasActiveFilters
-                  ? '다른 필터 조건으로 시도해보세요.'
-                  : '첫 번째 회고를 작성해서 성장의 여정을 시작해보세요.'}
+                  ? "다른 필터 조건으로 시도해보세요."
+                  : "첫 번째 회고를 작성해서 성장의 여정을 시작해보세요."}
               </p>
 
               {hasActiveFilters ? (
diff --git a/src/components/auth/AuthGuard.tsx b/src/components/auth/AuthGuard.tsx
index 089c326..c1cb994 100644
--- a/src/components/auth/AuthGuard.tsx
+++ b/src/components/auth/AuthGuard.tsx
@@ -1,8 +1,8 @@
-'use client';
+"use client";
 
-import { useAuth } from '@/hooks/auth';
-import { usePathname, useRouter } from 'next/navigation';
-import { useEffect } from 'react';
+import { useAuth } from "@/hooks/auth";
+import { usePathname, useRouter } from "next/navigation";
+import { useEffect } from "react";
 
 interface AuthGuardProps {
   children: React.ReactNode;
@@ -24,11 +24,11 @@ export default function AuthGuard({
       if (requireAuth && !isAuthenticated) {
         // 인증이 필요한데 로그인하지 않은 경우
         router.push(
-          redirectTo || `/auth/login?redirect=${encodeURIComponent(pathname)}`
+          redirectTo || `/auth/login?redirect=${encodeURIComponent(pathname)}`,
         );
       } else if (!requireAuth && isAuthenticated) {
         // 인증이 불필요한데 로그인한 경우 (로그인/회원가입 페이지)
-        router.push(redirectTo || '/dashboard');
+        router.push(redirectTo || "/dashboard");
       }
     }
   }, [isAuthenticated, isLoading, requireAuth, redirectTo, router, pathname]);
diff --git a/src/components/auth/AuthProvider.tsx b/src/components/auth/AuthProvider.tsx
index 2d63010..96ce9a7 100644
--- a/src/components/auth/AuthProvider.tsx
+++ b/src/components/auth/AuthProvider.tsx
@@ -1,9 +1,9 @@
-'use client';
+"use client";
 
-import { useAuth } from '@/hooks/auth';
-import { UserProfile } from '@/types/auth';
-import { User } from '@supabase/supabase-js';
-import { createContext, useContext } from 'react';
+import { useAuth } from "@/hooks/auth";
+import { UserProfile } from "@/types/auth";
+import { User } from "@supabase/supabase-js";
+import { createContext, useContext } from "react";
 
 interface AuthContextType {
   user: User | null;
@@ -17,7 +17,7 @@ const AuthContext = createContext<AuthContextType | undefined>(undefined);
 export const useAuthContext = () => {
   const context = useContext(AuthContext);
   if (context === undefined) {
-    throw new Error('useAuthContext must be used within an AuthProvider');
+    throw new Error("useAuthContext must be used within an AuthProvider");
   }
   return context;
 };
diff --git a/src/components/auth/LoginPageContent.tsx b/src/components/auth/LoginPageContent.tsx
index 1154b50..988549f 100644
--- a/src/components/auth/LoginPageContent.tsx
+++ b/src/components/auth/LoginPageContent.tsx
@@ -1,17 +1,17 @@
-'use client';
+"use client";
 
-import AuthGuard from '@/components/auth/AuthGuard';
-import { useAuth } from '@/hooks/auth';
-import { LoginFormValues, loginSchema } from '@/lib/validations/auth';
-import { zodResolver } from '@hookform/resolvers/zod';
-import Link from 'next/link';
-import { useRouter, useSearchParams } from 'next/navigation';
-import { useForm } from 'react-hook-form';
+import AuthGuard from "@/components/auth/AuthGuard";
+import { useAuth } from "@/hooks/auth";
+import { LoginFormValues, loginSchema } from "@/lib/validations/auth";
+import { zodResolver } from "@hookform/resolvers/zod";
+import Link from "next/link";
+import { useRouter, useSearchParams } from "next/navigation";
+import { useForm } from "react-hook-form";
 
 export default function LoginPageContent() {
   const router = useRouter();
   const searchParams = useSearchParams();
-  const redirectUrl = searchParams.get('redirect') || '/dashboard';
+  const redirectUrl = searchParams.get("redirect") || "/dashboard";
 
   const { login, isLoggingIn, loginError } = useAuth();
 
@@ -21,7 +21,7 @@ export default function LoginPageContent() {
     formState: { errors, isValid },
   } = useForm<LoginFormValues>({
     resolver: zodResolver(loginSchema),
-    mode: 'onChange', // 실시간 검증
+    mode: "onChange", // 실시간 검증
   });
 
   const onSubmit = async (data: LoginFormValues) => {
@@ -30,7 +30,7 @@ export default function LoginPageContent() {
       router.push(redirectUrl);
     } catch (error) {
       // 에러는 useAuth에서 처리됨
-      console.error('로그인 실패:', error);
+      console.error("로그인 실패:", error);
     }
   };
 
@@ -57,7 +57,7 @@ export default function LoginPageContent() {
               <div className="bg-red-50 border border-red-200 rounded-lg p-4">
                 <p className="text-sm text-red-600">
                   {loginError.message ||
-                    '로그인에 실패했습니다. 다시 시도해주세요.'}
+                    "로그인에 실패했습니다. 다시 시도해주세요."}
                 </p>
               </div>
             )}
@@ -74,11 +74,11 @@ export default function LoginPageContent() {
                   id="email"
                   type="email"
                   autoComplete="email"
-                  {...register('email')}
+                  {...register("email")}
                   className={`mt-1 block w-full px-3 py-2 border rounded-lg text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-accent-500 transition-colors ${
                     errors.email
-                      ? 'border-red-300 focus:border-red-500'
-                      : 'border-gray-300 focus:border-accent-500'
+                      ? "border-red-300 focus:border-red-500"
+                      : "border-gray-300 focus:border-accent-500"
                   }`}
                   placeholder="example@email.com"
                 />
@@ -100,11 +100,11 @@ export default function LoginPageContent() {
                   id="password"
                   type="password"
                   autoComplete="current-password"
-                  {...register('password')}
+                  {...register("password")}
                   className={`mt-1 block w-full px-3 py-2 border rounded-lg text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-accent-500 transition-colors ${
                     errors.password
-                      ? 'border-red-300 focus:border-red-500'
-                      : 'border-gray-300 focus:border-accent-500'
+                      ? "border-red-300 focus:border-red-500"
+                      : "border-gray-300 focus:border-accent-500"
                   }`}
                   placeholder="••••••••"
                 />
@@ -122,7 +122,7 @@ export default function LoginPageContent() {
                 disabled={isLoggingIn || !isValid}
                 className="w-full flex justify-center py-2 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-accent-600 hover:bg-accent-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-accent-500 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
               >
-                {isLoggingIn ? '로그인 중...' : '로그인'}
+                {isLoggingIn ? "로그인 중..." : "로그인"}
               </button>
             </div>
 
diff --git a/src/components/budget/BudgetCalendar.tsx b/src/components/budget/BudgetCalendar.tsx
index 3b0af74..5114720 100644
--- a/src/components/budget/BudgetCalendar.tsx
+++ b/src/components/budget/BudgetCalendar.tsx
@@ -1,14 +1,14 @@
-'use client';
+"use client";
 
-import { BudgetCalendarProps } from '@/types/budget';
-import { format, isSameMonth, isToday } from 'date-fns';
-import { ko } from 'date-fns/locale';
+import { BudgetCalendarProps } from "@/types/budget";
+import { format, isSameMonth, isToday } from "date-fns";
+import { ko } from "date-fns/locale";
 import {
   ChevronLeft,
   ChevronRight,
   TrendingDown,
   TrendingUp,
-} from 'lucide-react';
+} from "lucide-react";
 
 export default function BudgetCalendar({
   currentDate,
@@ -22,17 +22,17 @@ export default function BudgetCalendar({
     <div className="bg-white rounded-lg p-4 shadow-sm border">
       <div className="flex items-center justify-between mb-3 ">
         <h2 className="text-base font-semibold">
-          {format(currentDate, 'yyyy년 M월', { locale: ko })}
+          {format(currentDate, "yyyy년 M월", { locale: ko })}
         </h2>
         <div className="flex gap-1 ">
           <button
-            onClick={() => onMonthChange('prev')}
+            onClick={() => onMonthChange("prev")}
             className="p-1 hover:bg-gray-100 rounded-lg transition-colors"
           >
             <ChevronLeft className="w-4 h-4" />
           </button>
           <button
-            onClick={() => onMonthChange('next')}
+            onClick={() => onMonthChange("next")}
             className="p-1 hover:bg-gray-100 rounded-lg transition-colors"
           >
             <ChevronRight className="w-4 h-4" />
@@ -42,7 +42,7 @@ export default function BudgetCalendar({
 
       {/* 요일 헤더 */}
       <div className="grid grid-cols-7 gap-1 mb-2">
-        {['일', '월', '화', '수', '목', '금', '토'].map((day) => (
+        {["일", "월", "화", "수", "목", "금", "토"].map((day) => (
           <div
             key={day}
             className="text-center text-xs font-medium text-gray-500 py-1 "
@@ -72,12 +72,12 @@ export default function BudgetCalendar({
               onClick={() => onDateSelect(day)}
               className={`
                 flex flex-col h-16 p-1 text-left border rounded-lg transition-all hover:bg-accent-50
-                ${isCurrentMonth ? 'bg-white border-gray-200' : 'bg-gray-50 border-gray-100 text-gray-400'}
-                ${isTodayDate ? 'ring-1  ring-accent-500' : ''}
-                ${hasData ? 'bg-accent-50 border-accent-200' : ''}
+                ${isCurrentMonth ? "bg-white border-gray-200" : "bg-gray-50 border-gray-100 text-gray-400"}
+                ${isTodayDate ? "ring-1  ring-accent-500" : ""}
+                ${hasData ? "bg-accent-50 border-accent-200" : ""}
               `}
             >
-              <div className="text-xs font-medium mb-1">{format(day, 'd')}</div>
+              <div className="text-xs font-medium mb-1">{format(day, "d")}</div>
 
               {hasData && (
                 <div className="hidden tablet:block">
diff --git a/src/components/budget/BudgetChart.tsx b/src/components/budget/BudgetChart.tsx
index f08a7fe..da57225 100644
--- a/src/components/budget/BudgetChart.tsx
+++ b/src/components/budget/BudgetChart.tsx
@@ -1,6 +1,6 @@
-import { BudgetChartProps } from '@/types/budget';
-import { Target, TrendingUp, TrendingDown } from 'lucide-react';
-import { useMemo } from 'react';
+import { BudgetChartProps } from "@/types/budget";
+import { Target, TrendingUp, TrendingDown } from "lucide-react";
+import { useMemo } from "react";
 import {
   Cell,
   Legend,
@@ -8,21 +8,21 @@ import {
   PieChart,
   ResponsiveContainer,
   Tooltip,
-} from 'recharts';
+} from "recharts";
 
 const INCOME_COLORS = [
-  '#22c55e',
-  '#16a34a',
-  '#15803d',
-  '#166534',
-  '#14532d',
+  "#22c55e",
+  "#16a34a",
+  "#15803d",
+  "#166534",
+  "#14532d",
 ] as const;
 const EXPENSE_COLORS = [
-  '#ef4444',
-  '#dc2626',
-  '#b91c1c',
-  '#991b1b',
-  '#7f1d1d',
+  "#ef4444",
+  "#dc2626",
+  "#b91c1c",
+  "#991b1b",
+  "#7f1d1d",
 ] as const;
 
 export default function BudgetChart({
@@ -50,7 +50,7 @@ export default function BudgetChart({
 
     // 실제 transactions를 순회하면서 건수 계산
     transactions.forEach((transaction) => {
-      const categoryName = transaction.category?.name || 'Unknown';
+      const categoryName = transaction.category?.name || "Unknown";
       const existing = categoryMap.get(categoryName) || {
         name: categoryName,
         incomeAmount: 0,
@@ -59,7 +59,7 @@ export default function BudgetChart({
         expenseCount: 0,
       };
 
-      if (transaction.type === 'income') {
+      if (transaction.type === "income") {
         existing.incomeAmount += transaction.amount;
         existing.incomeCount += 1;
       } else {
@@ -71,7 +71,7 @@ export default function BudgetChart({
     });
 
     return Array.from(categoryMap.values()).filter(
-      (category) => category.incomeAmount > 0 || category.expenseAmount > 0
+      (category) => category.incomeAmount > 0 || category.expenseAmount > 0,
     );
   }, [transactions]);
 
@@ -79,7 +79,7 @@ export default function BudgetChart({
     categoryName: string,
     amount: number,
     count: number,
-    type: 'income' | 'expense'
+    type: "income" | "expense",
   ) => {
     if (onChallengeClick) {
       onChallengeClick(categoryName, amount, count, type);
@@ -101,12 +101,12 @@ export default function BudgetChart({
             />
             <div
               className={`w-10 h-5 rounded-full transition-colors ${
-                isFixedEnabled ? 'bg-accent-500' : 'bg-gray-300'
+                isFixedEnabled ? "bg-accent-500" : "bg-gray-300"
               }`}
             >
               <div
                 className={`w-4 h-4 bg-white rounded-full shadow transform transition-transform mt-0.5 ${
-                  isFixedEnabled ? 'translate-x-5  ml-0.5' : 'translate-x-0.5'
+                  isFixedEnabled ? "translate-x-5  ml-0.5" : "translate-x-0.5"
                 }`}
               />
             </div>
@@ -118,9 +118,9 @@ export default function BudgetChart({
         <div className="flex items-center gap-2 px-4 py-2 bg-gray-50 rounded-lg">
           <span className="text-sm font-medium text-gray-700">합계:</span>
           <span
-            className={`font-bold ${totals.net >= 0 ? 'text-green-600' : 'text-red-600'}`}
+            className={`font-bold ${totals.net >= 0 ? "text-green-600" : "text-red-600"}`}
           >
-            {totals.net >= 0 ? '+' : ''}
+            {totals.net >= 0 ? "+" : ""}
             {totals.net.toLocaleString()}원
           </span>
         </div>
@@ -159,7 +159,7 @@ export default function BudgetChart({
                   <Tooltip
                     formatter={(value: number) => [
                       `${value.toLocaleString()}원`,
-                      '금액',
+                      "금액",
                     ]}
                   />
                   <Legend />
@@ -207,7 +207,7 @@ export default function BudgetChart({
                   <Tooltip
                     formatter={(value: number) => [
                       `${value.toLocaleString()}원`,
-                      '금액',
+                      "금액",
                     ]}
                   />
                   <Legend />
@@ -266,7 +266,7 @@ export default function BudgetChart({
                               category.name,
                               category.incomeAmount,
                               category.incomeCount,
-                              'income'
+                              "income",
                             )
                           }
                           className="p-1 text-green-600 hover:text-green-700 hover:bg-green-100 rounded-md transition-colors group"
@@ -319,7 +319,7 @@ export default function BudgetChart({
                               category.name,
                               category.expenseAmount,
                               category.expenseCount,
-                              'expense'
+                              "expense",
                             )
                           }
                           className="p-1 text-red-600 hover:text-red-700 hover:bg-red-100 rounded-md transition-colors group"
diff --git a/src/components/budget/BudgetForm.tsx b/src/components/budget/BudgetForm.tsx
index 66871c7..22b56c2 100644
--- a/src/components/budget/BudgetForm.tsx
+++ b/src/components/budget/BudgetForm.tsx
@@ -1,11 +1,11 @@
-'use client';
-
-import { useAuth } from '@/hooks/auth';
-import { supabase } from '@/lib/supabase';
-import { BudgetFormProps, Category } from '@/types/budget';
-import { useQueryClient } from '@tanstack/react-query';
-import { format, parseISO } from 'date-fns';
-import { ko } from 'date-fns/locale';
+"use client";
+
+import { useAuth } from "@/hooks/auth";
+import { supabase } from "@/lib/supabase";
+import { BudgetFormProps, Category } from "@/types/budget";
+import { useQueryClient } from "@tanstack/react-query";
+import { format, parseISO } from "date-fns";
+import { ko } from "date-fns/locale";
 import {
   ArrowLeft,
   ChevronDown,
@@ -17,9 +17,9 @@ import {
   TrendingDown,
   TrendingUp,
   X,
-} from 'lucide-react';
-import { useRouter } from 'next/navigation';
-import { useState } from 'react';
+} from "lucide-react";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
 
 export default function BudgetForm({
   selectedDate,
@@ -36,7 +36,7 @@ export default function BudgetForm({
 
   const deletedCategories = allCategories.filter(
     (cat) =>
-      cat.type === `${newItem.type}_${newItem.categoryType}` && cat.is_deleted
+      cat.type === `${newItem.type}_${newItem.categoryType}` && cat.is_deleted,
   );
 
   // 삭제된 카테고리 관리
@@ -53,7 +53,7 @@ export default function BudgetForm({
     e.preventDefault();
 
     if (!newItem.newCategoryName.trim()) {
-      console.error('카테고리 이름이 비어있습니다');
+      console.error("카테고리 이름이 비어있습니다");
       return;
     }
 
@@ -63,18 +63,18 @@ export default function BudgetForm({
       (cat) =>
         cat.name === newItem.newCategoryName.trim() &&
         cat.type === categoryType &&
-        cat.is_deleted
+        cat.is_deleted,
     );
 
     if (existingCategory) {
       const shouldRestore = confirm(
-        `'${newItem.newCategoryName.trim()}' 카테고리를 복원하시겠습니까?`
+        `'${newItem.newCategoryName.trim()}' 카테고리를 복원하시겠습니까?`,
       );
 
       if (shouldRestore) {
         await handleRestoreCategory(existingCategory.id);
         onNewItemChange({
-          newCategoryName: '',
+          newCategoryName: "",
           category: existingCategory.name,
           isCreatingCategory: false,
         });
@@ -86,17 +86,17 @@ export default function BudgetForm({
   };
 
   // 날짜 네비게이션 핸들러 추가
-  const handleDateChange = (direction: 'prev' | 'next') => {
+  const handleDateChange = (direction: "prev" | "next") => {
     const currentDateObj = parseISO(selectedDate);
     const newDate = new Date(currentDateObj);
 
-    if (direction === 'prev') {
+    if (direction === "prev") {
       newDate.setDate(newDate.getDate() - 1);
     } else {
       newDate.setDate(newDate.getDate() + 1);
     }
 
-    const newDateString = format(newDate, 'yyyy-MM-dd');
+    const newDateString = format(newDate, "yyyy-MM-dd");
     router.push(`/budget/${newDateString}`);
   };
 
@@ -112,28 +112,28 @@ export default function BudgetForm({
     // 선택된 카테고리 해제
     const deletedCategory = allCategories.find((cat) => cat.id === categoryId);
     if (newItem.category === deletedCategory?.name) {
-      onNewItemChange({ category: '' });
+      onNewItemChange({ category: "" });
     }
 
     // 올바른 queryClient 인스턴스 사용
     queryClient.setQueryData(
-      ['categories', user?.id],
+      ["categories", user?.id],
       (oldData: Category[] = []) =>
         oldData.map((cat) =>
-          cat.id === categoryId ? { ...cat, is_deleted: true } : cat
-        )
+          cat.id === categoryId ? { ...cat, is_deleted: true } : cat,
+        ),
     );
 
     try {
       const { error } = await supabase
-        .from('categories')
+        .from("categories")
         .update({ is_deleted: true })
-        .eq('id', categoryId);
+        .eq("id", categoryId);
 
       if (error) throw error;
     } catch (error) {
-      console.error('카테고리 삭제 실패:', error);
-      queryClient.invalidateQueries({ queryKey: ['categories', user?.id] });
+      console.error("카테고리 삭제 실패:", error);
+      queryClient.invalidateQueries({ queryKey: ["categories", user?.id] });
     }
   };
 
@@ -141,24 +141,24 @@ export default function BudgetForm({
   const handleRestoreCategory = async (categoryId: string) => {
     // 낙관적 업데이트
     queryClient.setQueryData(
-      ['categories', user?.id],
+      ["categories", user?.id],
       (oldData: Category[] = []) =>
         oldData.map((cat) =>
-          cat.id === categoryId ? { ...cat, is_deleted: false } : cat
-        )
+          cat.id === categoryId ? { ...cat, is_deleted: false } : cat,
+        ),
     );
 
     try {
       const { error } = await supabase
-        .from('categories')
+        .from("categories")
         .update({ is_deleted: false })
-        .eq('id', categoryId);
+        .eq("id", categoryId);
 
       if (error) throw error;
     } catch (error) {
-      console.error('카테고리 복구 실패:', error);
+      console.error("카테고리 복구 실패:", error);
       // 실패 시 롤백
-      queryClient.invalidateQueries({ queryKey: ['categories', user?.id] });
+      queryClient.invalidateQueries({ queryKey: ["categories", user?.id] });
     }
   };
 
@@ -167,18 +167,18 @@ export default function BudgetForm({
       <div className="flex justify-between">
         <div className="flex items-center">
           <button
-            onClick={() => handleDateChange('prev')}
+            onClick={() => handleDateChange("prev")}
             className="p-2 hover:bg-gray-100 rounded-lg transition-colors"
           >
             <ChevronLeft className="w-6 h-6" />
           </button>
 
           <h2 className="text-xl font-semibold">
-            {format(parseISO(selectedDate), 'M월 d일', { locale: ko })}
+            {format(parseISO(selectedDate), "M월 d일", { locale: ko })}
           </h2>
 
           <button
-            onClick={() => handleDateChange('next')}
+            onClick={() => handleDateChange("next")}
             className="p-2 hover:bg-gray-100 rounded-lg transition-colors"
           >
             <ChevronRight className="w-6 h-6" />
@@ -217,15 +217,15 @@ export default function BudgetForm({
             type="button"
             onClick={() =>
               onNewItemChange({
-                type: 'income',
-                categoryType: 'fixed',
-                category: '',
+                type: "income",
+                categoryType: "fixed",
+                category: "",
               })
             }
             className={`flex-1 px-3 py-2 rounded-l-lg border text-sm transition-colors flex items-center justify-center gap-2 ${
-              newItem.type === 'income'
-                ? 'bg-green-500 text-white border-green-500'
-                : 'bg-gray-100 text-gray-700 border-gray-300 hover:bg-gray-200'
+              newItem.type === "income"
+                ? "bg-green-500 text-white border-green-500"
+                : "bg-gray-100 text-gray-700 border-gray-300 hover:bg-gray-200"
             }`}
           >
             <TrendingUp className="w-4 h-4" />
@@ -235,15 +235,15 @@ export default function BudgetForm({
             type="button"
             onClick={() =>
               onNewItemChange({
-                type: 'expense',
-                categoryType: 'variable',
-                category: '',
+                type: "expense",
+                categoryType: "variable",
+                category: "",
               })
             }
             className={`flex-1 px-3 py-2 rounded-r-lg border text-sm transition-colors flex items-center justify-center gap-2 ${
-              newItem.type === 'expense'
-                ? 'bg-red-500 text-white border-red-500'
-                : 'bg-gray-100 text-gray-700 border-gray-300 hover:bg-gray-200'
+              newItem.type === "expense"
+                ? "bg-red-500 text-white border-red-500"
+                : "bg-gray-100 text-gray-700 border-gray-300 hover:bg-gray-200"
             }`}
           >
             <TrendingDown className="w-4 h-4" />
@@ -256,12 +256,12 @@ export default function BudgetForm({
           <button
             type="button"
             onClick={() =>
-              onNewItemChange({ categoryType: 'fixed', category: '' })
+              onNewItemChange({ categoryType: "fixed", category: "" })
             }
             className={`flex-1 px-3  py-2 rounded-l-lg border text-sm transition-colors ${
-              newItem.categoryType === 'fixed'
-                ? 'bg-accent-500 text-white border-accent-500'
-                : 'bg-gray-100 text-gray-700 border-gray-300 hover:bg-gray-200'
+              newItem.categoryType === "fixed"
+                ? "bg-accent-500 text-white border-accent-500"
+                : "bg-gray-100 text-gray-700 border-gray-300 hover:bg-gray-200"
             }`}
           >
             고정
@@ -269,12 +269,12 @@ export default function BudgetForm({
           <button
             type="button"
             onClick={() =>
-              onNewItemChange({ categoryType: 'variable', category: '' })
+              onNewItemChange({ categoryType: "variable", category: "" })
             }
             className={`flex-1 px-3  py-2 rounded-r-lg border text-sm  transition-colors ${
-              newItem.categoryType === 'variable'
-                ? 'bg-accent-500 text-white border-accent-500'
-                : 'bg-gray-100 text-gray-700 border-gray-300 hover:bg-gray-200'
+              newItem.categoryType === "variable"
+                ? "bg-accent-500 text-white border-accent-500"
+                : "bg-gray-100 text-gray-700 border-gray-300 hover:bg-gray-200"
             }`}
           >
             변동
@@ -313,7 +313,7 @@ export default function BudgetForm({
                       onClick={() =>
                         onNewItemChange({
                           isCreatingCategory: false,
-                          newCategoryName: '',
+                          newCategoryName: "",
                         })
                       }
                       className="bg-gray-500 text-white px-4 py-2 rounded-lg hover:bg-gray-600 text-sm transition-colors"
@@ -331,17 +331,17 @@ export default function BudgetForm({
                         (cat) =>
                           cat.type ===
                             `${newItem.type}_${newItem.categoryType}` &&
-                          !cat.is_deleted
+                          !cat.is_deleted,
                       )
                       .map((category) => (
                         <div
                           key={category.id}
                           className={`flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium transition-all ${
                             newItem.category === category.name
-                              ? newItem.type === 'income'
-                                ? 'bg-green-500 text-white'
-                                : 'bg-red-500 text-white'
-                              : 'bg-gray-100 text-gray-700 hover:bg-gray-200'
+                              ? newItem.type === "income"
+                                ? "bg-green-500 text-white"
+                                : "bg-red-500 text-white"
+                              : "bg-gray-100 text-gray-700 hover:bg-gray-200"
                           }`}
                         >
                           <button
@@ -358,8 +358,8 @@ export default function BudgetForm({
                             onClick={() => handleDeleteCategory(category.id)}
                             className={`ml-1 w-4 h-4 flex items-center justify-center hover:opacity-70 ${
                               newItem.category === category.name
-                                ? 'text-white'
-                                : 'text-gray-500 hover:text-red-500'
+                                ? "text-white"
+                                : "text-gray-500 hover:text-red-500"
                             }`}
                             title="카테고리 삭제"
                           >
@@ -466,9 +466,9 @@ export default function BudgetForm({
               <button
                 type="submit"
                 className={`w-full rounded-lg px-3 py-1.5 disabled:bg-gray-300 disabled:cursor-not-allowed flex items-center justify-center gap-2 text-sm transition-colors ${
-                  newItem.type === 'income'
-                    ? 'bg-green-500 text-white hover:bg-green-600'
-                    : 'bg-red-500 text-white hover:bg-red-600'
+                  newItem.type === "income"
+                    ? "bg-green-500 text-white hover:bg-green-600"
+                    : "bg-red-500 text-white hover:bg-red-600"
                 }`}
                 disabled={
                   !newItem.name.trim() || !newItem.amount || !newItem.category
diff --git a/src/components/budget/BudgetList.tsx b/src/components/budget/BudgetList.tsx
index 4efeabd..799bebf 100644
--- a/src/components/budget/BudgetList.tsx
+++ b/src/components/budget/BudgetList.tsx
@@ -1,7 +1,7 @@
-'use client';
+"use client";
 
-import { BudgetListProps } from '@/types/budget';
-import { Trash2, TrendingDown, TrendingUp } from 'lucide-react';
+import { BudgetListProps } from "@/types/budget";
+import { Trash2, TrendingDown, TrendingUp } from "lucide-react";
 
 export default function BudgetList({
   items,
@@ -11,14 +11,14 @@ export default function BudgetList({
 }: BudgetListProps) {
   // 타입에 따라 필터링
   const filteredItems = items.filter((item) => {
-    if (type === 'all') return true;
+    if (type === "all") return true;
     return item.type === type;
   });
 
   if (filteredItems.length === 0) return null;
 
   // 카테고리가 고정인지 확인하는 함수
-  const isFixedCategory = (categoryType: string) => categoryType === 'fixed';
+  const isFixedCategory = (categoryType: string) => categoryType === "fixed";
 
   // 타입별 총합 계산
   const totalAmount = filteredItems.reduce((sum, item) => sum + item.amount, 0);
@@ -27,24 +27,24 @@ export default function BudgetList({
     <div className="flex flex-col">
       <div className="flex items-center justify-between mb-2 border-b pb-2">
         <h3 className="font-medium text-gray-700 text-sm flex items-center gap-2">
-          {type === 'income' && (
+          {type === "income" && (
             <TrendingUp className="w-4 h-4 text-green-600" />
           )}
-          {type === 'expense' && (
+          {type === "expense" && (
             <TrendingDown className="w-4 h-4 text-red-600" />
           )}
           {title} ({filteredItems.length}건)
         </h3>
         <div
           className={`text-sm font-semibold ${
-            type === 'income'
-              ? 'text-green-600'
-              : type === 'expense'
-                ? 'text-red-600'
-                : 'text-gray-700'
+            type === "income"
+              ? "text-green-600"
+              : type === "expense"
+                ? "text-red-600"
+                : "text-gray-700"
           }`}
         >
-          {type === 'income' ? '+' : type === 'expense' ? '-' : ''}
+          {type === "income" ? "+" : type === "expense" ? "-" : ""}
           {totalAmount.toLocaleString()}원
         </div>
       </div>
@@ -52,7 +52,7 @@ export default function BudgetList({
       <div className="space-y-2">
         {filteredItems
           .sort(
-            (a, b) => new Date(b.date).getTime() - new Date(a.date).getTime()
+            (a, b) => new Date(b.date).getTime() - new Date(a.date).getTime(),
           )
           .map((item) => (
             <div
@@ -65,12 +65,12 @@ export default function BudgetList({
                   <span
                     className={`inline-block px-2 py-1 rounded-full text-xs font-medium flex-shrink-0 ${
                       isFixedCategory(item.categoryType)
-                        ? item.type === 'income'
-                          ? 'bg-green-100 text-green-700'
-                          : 'bg-red-100 text-red-700'
-                        : item.type === 'income'
-                          ? 'bg-green-50 text-green-600'
-                          : 'bg-red-50 text-red-600'
+                        ? item.type === "income"
+                          ? "bg-green-100 text-green-700"
+                          : "bg-red-100 text-red-700"
+                        : item.type === "income"
+                          ? "bg-green-50 text-green-600"
+                          : "bg-red-50 text-red-600"
                     }`}
                   >
                     {item.category}
@@ -85,10 +85,10 @@ export default function BudgetList({
                 {/* 금액 */}
                 <span
                   className={`font-semibold text-sm flex-shrink-0 ${
-                    item.type === 'income' ? 'text-green-600' : 'text-red-600'
+                    item.type === "income" ? "text-green-600" : "text-red-600"
                   }`}
                 >
-                  {item.type === 'income' ? '+' : '-'}
+                  {item.type === "income" ? "+" : "-"}
                   {item.amount.toLocaleString()}원
                 </span>
               </div>
diff --git a/src/components/budget/BudgetPageContent.tsx b/src/components/budget/BudgetPageContent.tsx
index 63e0882..537eea4 100644
--- a/src/components/budget/BudgetPageContent.tsx
+++ b/src/components/budget/BudgetPageContent.tsx
@@ -1,21 +1,21 @@
-'use client';
+"use client";
 
-import { useState, useMemo } from 'react';
-import { useRouter, useSearchParams } from 'next/navigation';
-import { format, startOfMonth, endOfMonth, eachDayOfInterval } from 'date-fns';
-import { ko } from 'date-fns/locale';
+import { useState, useMemo } from "react";
+import { useRouter, useSearchParams } from "next/navigation";
+import { format, startOfMonth, endOfMonth, eachDayOfInterval } from "date-fns";
+import { ko } from "date-fns/locale";
 import {
   Calendar,
   ChevronDown,
   ChevronLeft,
   ChevronRight,
   ChevronUp,
-} from 'lucide-react';
-import { useAuth } from '@/hooks/auth';
-import { useChallenge } from '@/hooks/budget/useChallenge';
-import ChallengeModal from '@/components/budget/ChallengeModal';
-import { useBudget, useCategories } from '@/hooks/budget';
-import { BudgetCalendar, BudgetChart } from '@/components/budget';
+} from "lucide-react";
+import { useAuth } from "@/hooks/auth";
+import { useChallenge } from "@/hooks/budget/useChallenge";
+import ChallengeModal from "@/components/budget/ChallengeModal";
+import { useBudget, useCategories } from "@/hooks/budget";
+import { BudgetCalendar, BudgetChart } from "@/components/budget";
 
 interface ChallengeFormData {
   title: string;
@@ -34,7 +34,7 @@ interface ExpenseForChallenge {
   amount: number;
   category: string;
   count?: number;
-  type: 'income' | 'expense';
+  type: "income" | "expense";
 }
 
 const BudgetPageContent = () => {
@@ -44,12 +44,12 @@ const BudgetPageContent = () => {
   const searchParams = useSearchParams();
 
   // URL에서 month 파라미터 읽기
-  const monthParam = searchParams.get('month');
+  const monthParam = searchParams.get("month");
 
   // 날짜 상태
   const [currentDate, setCurrentDate] = useState(() => {
     if (monthParam) {
-      const [year, month] = monthParam.split('-');
+      const [year, month] = monthParam.split("-");
       return new Date(parseInt(year), parseInt(month) - 1, 1);
     }
     return new Date();
@@ -65,7 +65,7 @@ const BudgetPageContent = () => {
   const [isTransactionListOpen, setIsTransactionListOpen] = useState(false);
 
   // 현재 월 문자열 생성
-  const currentMonth = format(currentDate, 'yyyy-MM');
+  const currentMonth = format(currentDate, "yyyy-MM");
 
   // 데이터 hooks - 사용자 인증 확인
   const shouldFetchData = !!user?.id;
@@ -83,11 +83,11 @@ const BudgetPageContent = () => {
   });
 
   const { categories, isLoading: isLoadingCategories } = useCategories(
-    shouldFetchData ? user?.id : undefined
+    shouldFetchData ? user?.id : undefined,
   );
 
   // 날짜 포맷 함수
-  const formatDateString = (date: Date) => format(date, 'yyyy-MM-dd');
+  const formatDateString = (date: Date) => format(date, "yyyy-MM-dd");
 
   // 캘린더 날짜 생성
   const calendarDays = useMemo(() => {
@@ -103,15 +103,15 @@ const BudgetPageContent = () => {
 
   // 카테고리별 분류
   const categorizedData = useMemo(() => {
-    const incomeFixed = categories.filter((cat) => cat.type === 'income_fixed');
+    const incomeFixed = categories.filter((cat) => cat.type === "income_fixed");
     const incomeVariable = categories.filter(
-      (cat) => cat.type === 'income_variable'
+      (cat) => cat.type === "income_variable",
     );
     const expenseFixed = categories.filter(
-      (cat) => cat.type === 'expense_fixed'
+      (cat) => cat.type === "expense_fixed",
     );
     const expenseVariable = categories.filter(
-      (cat) => cat.type === 'expense_variable'
+      (cat) => cat.type === "expense_variable",
     );
 
     return {
@@ -157,7 +157,7 @@ const BudgetPageContent = () => {
       },
       net: statistics.net,
     }),
-    [statistics, isFixedEnabled]
+    [statistics, isFixedEnabled],
   );
 
   // 핸들러들
@@ -165,10 +165,10 @@ const BudgetPageContent = () => {
     setIsFixedEnabled(enabled);
   };
 
-  const handleMonthChange = (direction: 'prev' | 'next') => {
+  const handleMonthChange = (direction: "prev" | "next") => {
     setCurrentDate((prev) => {
       const newDate = new Date(prev);
-      if (direction === 'prev') {
+      if (direction === "prev") {
         newDate.setMonth(newDate.getMonth() - 1);
       } else {
         newDate.setMonth(newDate.getMonth() + 1);
@@ -187,7 +187,7 @@ const BudgetPageContent = () => {
     categoryName: string,
     amount: number,
     count: number,
-    type: 'income' | 'expense'
+    type: "income" | "expense",
   ) => {
     if (!user?.id) return;
 
@@ -207,8 +207,8 @@ const BudgetPageContent = () => {
   const handleChallengeSubmit = (
     data: ChallengeFormData & {
       category: string;
-      categoryType: 'income' | 'expense';
-    }
+      categoryType: "income" | "expense";
+    },
   ) => {
     if (!user?.id) return;
 
@@ -274,17 +274,17 @@ const BudgetPageContent = () => {
         <div className="bg-white rounded-lg p-4 shadow-sm border">
           <div className="flex items-center justify-between">
             <h1 className="text-xl font-bold text-gray-900">
-              {format(currentDate, 'yyyy년 M월', { locale: ko })}
+              {format(currentDate, "yyyy년 M월", { locale: ko })}
             </h1>
             <div className="flex gap-1">
               <button
-                onClick={() => handleMonthChange('prev')}
+                onClick={() => handleMonthChange("prev")}
                 className="p-2 hover:bg-gray-100 rounded-lg transition-colors"
               >
                 <ChevronLeft className="w-5 h-5" />
               </button>
               <button
-                onClick={() => handleMonthChange('next')}
+                onClick={() => handleMonthChange("next")}
                 className="p-2 hover:bg-gray-100 rounded-lg transition-colors"
               >
                 <ChevronRight className="w-5 h-5" />
@@ -327,7 +327,7 @@ const BudgetPageContent = () => {
               <div className="flex items-center gap-2">
                 <h2 className="text-base font-semibold">가계내역</h2>
                 <div className="text-xs text-gray-500">
-                  총 {budgetItems.length}건 • 합계: {totals.net >= 0 ? '+' : ''}
+                  총 {budgetItems.length}건 • 합계: {totals.net >= 0 ? "+" : ""}
                   {totals.net.toLocaleString()}원
                 </div>
               </div>
@@ -348,17 +348,17 @@ const BudgetPageContent = () => {
                   >
                     <div className="flex items-center gap-2 flex-1 min-w-0">
                       <span className="text-xs text-gray-500 flex-shrink-0">
-                        {format(new Date(item.date), 'M/d', { locale: ko })}
+                        {format(new Date(item.date), "M/d", { locale: ko })}
                       </span>
                       <span
                         className={`inline-block px-2 py-1 rounded-full text-xs font-medium flex-shrink-0 ${
-                          item.type === 'income'
-                            ? item.categoryType === 'fixed'
-                              ? 'bg-green-100 text-green-700'
-                              : 'bg-green-50 text-green-600'
-                            : item.categoryType === 'fixed'
-                              ? 'bg-red-100 text-red-700'
-                              : 'bg-red-50 text-red-600'
+                          item.type === "income"
+                            ? item.categoryType === "fixed"
+                              ? "bg-green-100 text-green-700"
+                              : "bg-green-50 text-green-600"
+                            : item.categoryType === "fixed"
+                              ? "bg-red-100 text-red-700"
+                              : "bg-red-50 text-red-600"
                         }`}
                       >
                         {item.category}
@@ -369,12 +369,12 @@ const BudgetPageContent = () => {
                     </div>
                     <span
                       className={`font-semibold text-sm flex-shrink-0 ${
-                        item.type === 'income'
-                          ? 'text-green-600'
-                          : 'text-red-600'
+                        item.type === "income"
+                          ? "text-green-600"
+                          : "text-red-600"
                       }`}
                     >
-                      {item.type === 'income' ? '+' : '-'}
+                      {item.type === "income" ? "+" : "-"}
                       {item.amount.toLocaleString()}원
                     </span>
                   </div>
@@ -391,7 +391,7 @@ const BudgetPageContent = () => {
               <Calendar className="w-12 h-12 mx-auto" />
             </div>
             <h3 className="text-lg font-medium text-gray-600 mb-2">
-              {format(currentDate, 'M월', { locale: ko })}에는 아직 거래가
+              {format(currentDate, "M월", { locale: ko })}에는 아직 거래가
               없습니다
             </h3>
             <p className="text-gray-500">
diff --git a/src/components/budget/ChallengeModal.tsx b/src/components/budget/ChallengeModal.tsx
index 9539d46..d1db13a 100644
--- a/src/components/budget/ChallengeModal.tsx
+++ b/src/components/budget/ChallengeModal.tsx
@@ -1,10 +1,10 @@
-'use client';
+"use client";
 
-import { addDays, addMonths, format } from 'date-fns';
-import { useState } from 'react';
-import Modal from '../common/Modal';
-import { Calendar, Target, TrendingDown, TrendingUp } from 'lucide-react';
-import { ko } from 'date-fns/locale';
+import { addDays, addMonths, format } from "date-fns";
+import { useState } from "react";
+import Modal from "../common/Modal";
+import { Calendar, Target, TrendingDown, TrendingUp } from "lucide-react";
+import { ko } from "date-fns/locale";
 
 interface ChallengeFormData {
   title: string;
@@ -24,27 +24,27 @@ interface ChallengeModalProps {
   onSubmit: (
     data: ChallengeFormData & {
       category: string;
-      categoryType: 'income' | 'expense';
-    }
+      categoryType: "income" | "expense";
+    },
   ) => void;
   challengeData: {
     name: string;
     amount: number;
     category: string;
     count?: number;
-    type: 'income' | 'expense';
+    type: "income" | "expense";
   };
   isSubmitting?: boolean;
 }
 
 // 미리 정의된 기간 옵션
 const DURATION_PRESETS = [
-  { label: '1주일', value: '1week', days: 7 },
-  { label: '2주일', value: '2weeks', days: 14 },
-  { label: '1개월', value: '1month', days: 30 },
-  { label: '3개월', value: '3months', days: 90 },
-  { label: '6개월', value: '6months', days: 180 },
-  { label: '직접 입력', value: 'custom', days: 0 },
+  { label: "1주일", value: "1week", days: 7 },
+  { label: "2주일", value: "2weeks", days: 14 },
+  { label: "1개월", value: "1month", days: 30 },
+  { label: "3개월", value: "3months", days: 90 },
+  { label: "6개월", value: "6months", days: 180 },
+  { label: "직접 입력", value: "custom", days: 0 },
 ] as const;
 
 const ChallengeModal = ({
@@ -54,29 +54,29 @@ const ChallengeModal = ({
   challengeData,
   isSubmitting = false,
 }: ChallengeModalProps) => {
-  const isIncome = challengeData.type === 'income';
+  const isIncome = challengeData.type === "income";
 
   const [formData, setFormData] = useState<ChallengeFormData>({
-    title: '',
-    description: '',
-    reason: '',
+    title: "",
+    description: "",
+    reason: "",
     enableAmountGoal: true,
     enableCountGoal: isIncome
       ? (challengeData.count || 0) >= 1
       : (challengeData.count || 0) > 1,
     targetAmount: Math.max(
       1,
-      Math.floor(challengeData.amount * 0.1)
+      Math.floor(challengeData.amount * 0.1),
     ).toString(),
     targetCount: isIncome
       ? challengeData.count
         ? Math.max(challengeData.count + 1, 2).toString()
-        : '2'
+        : "2"
       : challengeData.count
         ? Math.max(1, challengeData.count - 1).toString()
-        : '1',
-    duration: '1month',
-    targetDate: format(addMonths(new Date(), 1), 'yyyy-MM-dd'),
+        : "1",
+    duration: "1month",
+    targetDate: format(addMonths(new Date(), 1), "yyyy-MM-dd"),
   });
 
   const [isCustomDuration, setIsCustomDuration] = useState(false);
@@ -84,21 +84,21 @@ const ChallengeModal = ({
   // 폼 데이터 업데이트 핸들러
   const handleFormDataChange = <K extends keyof ChallengeFormData>(
     field: K,
-    value: ChallengeFormData[K]
+    value: ChallengeFormData[K],
   ) => {
     setFormData((prev) => ({ ...prev, [field]: value }));
   };
 
   // 체크박스 핸들러
   const handleCheckboxChange =
-    (field: 'enableAmountGoal' | 'enableCountGoal') =>
+    (field: "enableAmountGoal" | "enableCountGoal") =>
     (e: React.ChangeEvent<HTMLInputElement>) => {
       handleFormDataChange(field, e.target.checked);
     };
 
   // 기간 선택 핸들러
   const handleDurationChange = (duration: string) => {
-    const isCustom = duration === 'custom';
+    const isCustom = duration === "custom";
     setIsCustomDuration(isCustom);
 
     if (!isCustom) {
@@ -108,7 +108,7 @@ const ChallengeModal = ({
         setFormData((prev) => ({
           ...prev,
           duration,
-          targetDate: format(targetDate, 'yyyy-MM-dd'),
+          targetDate: format(targetDate, "yyyy-MM-dd"),
         }));
       }
     } else {
@@ -158,26 +158,26 @@ const ChallengeModal = ({
   // 모달이 닫힐 때 폼 초기화
   const handleClose = () => {
     setFormData({
-      title: '',
-      description: '',
-      reason: '',
+      title: "",
+      description: "",
+      reason: "",
       enableAmountGoal: true,
       enableCountGoal: isIncome
         ? (challengeData.count || 0) >= 1
         : (challengeData.count || 0) > 1,
       targetAmount: Math.max(
         1,
-        Math.floor(challengeData.amount * 0.1)
+        Math.floor(challengeData.amount * 0.1),
       ).toString(),
       targetCount: isIncome
         ? challengeData.count
           ? Math.max(challengeData.count + 1, 2).toString()
-          : '2'
+          : "2"
         : challengeData.count
           ? Math.max(1, challengeData.count - 1).toString()
-          : '1',
-      duration: '1month',
-      targetDate: format(addMonths(new Date(), 1), 'yyyy-MM-dd'),
+          : "1",
+      duration: "1month",
+      targetDate: format(addMonths(new Date(), 1), "yyyy-MM-dd"),
     });
     setIsCustomDuration(false);
     onClose();
@@ -211,7 +211,7 @@ const ChallengeModal = ({
             <input
               type="text"
               value={formData.title}
-              onChange={(e) => handleFormDataChange('title', e.target.value)}
+              onChange={(e) => handleFormDataChange("title", e.target.value)}
               placeholder="예: 카페 지출 줄이기 챌린지"
               className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500 text-sm"
               required
@@ -242,9 +242,9 @@ const ChallengeModal = ({
               </div>
 
               <span
-                className={`font-semibold ${isIncome ? 'text-green-600' : 'text-red-600'}`}
+                className={`font-semibold ${isIncome ? "text-green-600" : "text-red-600"}`}
               >
-                {isIncome ? '+' : '-'}
+                {isIncome ? "+" : "-"}
                 {challengeData.amount.toLocaleString()}원
               </span>
             </div>
@@ -255,7 +255,7 @@ const ChallengeModal = ({
                 <input
                   type="checkbox"
                   checked={formData.enableAmountGoal}
-                  onChange={handleCheckboxChange('enableAmountGoal')}
+                  onChange={handleCheckboxChange("enableAmountGoal")}
                   className="mt-1 w-4 h-4 text-accent-600 bg-gray-100 border-gray-300 rounded focus:ring-accent-500"
                 />
                 <div className="flex-1">
@@ -268,7 +268,7 @@ const ChallengeModal = ({
                           type="number"
                           value={formData.targetAmount}
                           onChange={(e) =>
-                            handleFormDataChange('targetAmount', e.target.value)
+                            handleFormDataChange("targetAmount", e.target.value)
                           }
                           placeholder="목표금액"
                           min="1"
@@ -284,21 +284,21 @@ const ChallengeModal = ({
                       <div
                         className={`text-xs ${
                           Number(formData.targetAmount) >= challengeData.amount
-                            ? 'text-red-500'
-                            : 'text-gray-400'
+                            ? "text-red-500"
+                            : "text-gray-400"
                         }`}
                       >
                         {isIncome ? (
                           // 수입
                           <>
-                            현재보다{' '}
+                            현재보다{" "}
                             {Math.round(
                               (Number(formData.targetAmount) /
                                 challengeData.amount) *
-                                100
+                                100,
                             )}
                             % 늘리기 ({challengeData.amount.toLocaleString()}원
-                            →{' '}
+                            →{" "}
                             {(
                               challengeData.amount +
                               Number(formData.targetAmount)
@@ -315,14 +315,14 @@ const ChallengeModal = ({
                           </>
                         ) : (
                           <>
-                            현재 지출의{' '}
+                            현재 지출의{" "}
                             {Math.round(
                               (Number(formData.targetAmount) /
                                 challengeData.amount) *
-                                100
+                                100,
                             )}
                             % 절약 목표 ({challengeData.amount.toLocaleString()}
-                            원 →{' '}
+                            원 →{" "}
                             {(
                               challengeData.amount -
                               Number(formData.targetAmount)
@@ -343,7 +343,7 @@ const ChallengeModal = ({
                 <input
                   type="checkbox"
                   checked={formData.enableCountGoal}
-                  onChange={handleCheckboxChange('enableCountGoal')}
+                  onChange={handleCheckboxChange("enableCountGoal")}
                   disabled={
                     isIncome
                       ? !challengeData.count || challengeData.count < 1
@@ -355,8 +355,8 @@ const ChallengeModal = ({
                         ? !challengeData.count || challengeData.count < 1
                         : !challengeData.count || challengeData.count <= 1
                     )
-                      ? 'opacity-50 cursor-not-allowed'
-                      : ''
+                      ? "opacity-50 cursor-not-allowed"
+                      : ""
                   }`}
                 />
                 <div className="flex-1">
@@ -376,7 +376,7 @@ const ChallengeModal = ({
                           type="number"
                           value={formData.targetCount}
                           onChange={(e) =>
-                            handleFormDataChange('targetCount', e.target.value)
+                            handleFormDataChange("targetCount", e.target.value)
                           }
                           placeholder="목표 횟수"
                           min={
@@ -405,7 +405,7 @@ const ChallengeModal = ({
                           ? isIncome
                             ? `현재 월 ${challengeData.count}회에서 ${formData.targetCount}회로 늘리기 (${Math.round(((Number(formData.targetCount) - challengeData.count) / challengeData.count) * 100)}% 증가)`
                             : `현재 월 ${challengeData.count}회에서 ${formData.targetCount}회로 줄이기 (${Math.round(((challengeData.count - Number(formData.targetCount)) / challengeData.count) * 100)}% 감소)`
-                          : ''}
+                          : ""}
                       </div>
                     </div>
                   )}
@@ -430,8 +430,8 @@ const ChallengeModal = ({
                     px-3 py-2 text-xs font-medium rounded-lg border transition-all duration-200
                     ${
                       formData.duration === preset.value
-                        ? 'bg-accent-100 border-accent-300 text-accent-700'
-                        : 'bg-white border-gray-300 text-gray-700 hover:bg-gray-50'
+                        ? "bg-accent-100 border-accent-300 text-accent-700"
+                        : "bg-white border-gray-300 text-gray-700 hover:bg-gray-50"
                     }
                   `}
                 >
@@ -449,9 +449,9 @@ const ChallengeModal = ({
                   type="date"
                   value={formData.targetDate}
                   onChange={(e) =>
-                    handleFormDataChange('targetDate', e.target.value)
+                    handleFormDataChange("targetDate", e.target.value)
                   }
-                  min={format(new Date(), 'yyyy-MM-dd')}
+                  min={format(new Date(), "yyyy-MM-dd")}
                   className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500 text-sm"
                 />
               </div>
@@ -460,12 +460,12 @@ const ChallengeModal = ({
             <div className="text-sm text-gray-600 bg-blue-50 rounded-lg p-3 flex items-center gap-2">
               <Calendar className="w-4 h-4 text-blue-600" />
               <span>
-                종료일:{' '}
+                종료일:{" "}
                 <strong>
                   {format(
                     new Date(formData.targetDate),
-                    'yyyy년 M월 d일 (EEEE)',
-                    { locale: ko }
+                    "yyyy년 M월 d일 (EEEE)",
+                    { locale: ko },
                   )}
                 </strong>
               </span>
@@ -479,7 +479,7 @@ const ChallengeModal = ({
             </label>
             <textarea
               value={formData.reason}
-              onChange={(e) => handleFormDataChange('reason', e.target.value)}
+              onChange={(e) => handleFormDataChange("reason", e.target.value)}
               placeholder="예: 매월 카페 지출이 너무 많아서 가계에 부담이 되고 있어요. 건강한 소비 습관을 만들고 싶습니다."
               rows={3}
               className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500 text-sm resize-none"
@@ -495,7 +495,7 @@ const ChallengeModal = ({
             <textarea
               value={formData.description}
               onChange={(e) =>
-                handleFormDataChange('description', e.target.value)
+                handleFormDataChange("description", e.target.value)
               }
               placeholder="예: 주 3회 이상 카페를 이용하지 않기, 집에서 커피 내려먹기 등 구체적인 실행 방법을 적어보세요."
               rows={2}
diff --git a/src/components/budget/DashboardBudgetWidget.tsx b/src/components/budget/DashboardBudgetWidget.tsx
index fc99941..625d37b 100644
--- a/src/components/budget/DashboardBudgetWidget.tsx
+++ b/src/components/budget/DashboardBudgetWidget.tsx
@@ -1,10 +1,10 @@
-'use client';
+"use client";
 
-import { useMemo } from 'react';
-import { useAuth } from '@/hooks/auth';
-import { useBudget } from '@/hooks/budget';
-import { format, subMonths } from 'date-fns';
-import { ko } from 'date-fns/locale';
+import { useMemo } from "react";
+import { useAuth } from "@/hooks/auth";
+import { useBudget } from "@/hooks/budget";
+import { format, subMonths } from "date-fns";
+import { ko } from "date-fns/locale";
 import {
   ArrowRight,
   Plus,
@@ -12,16 +12,16 @@ import {
   TrendingUp,
   Wallet,
   Calendar,
-} from 'lucide-react';
-import Link from 'next/link';
+} from "lucide-react";
+import Link from "next/link";
 
 const DashboardBudgetWidget = () => {
   const { user } = useAuth();
   const currentDate = new Date();
 
   // 현재 월과 이전 월 데이터
-  const currentMonth = format(currentDate, 'yyyy-MM');
-  const previousMonth = format(subMonths(currentDate, 1), 'yyyy-MM');
+  const currentMonth = format(currentDate, "yyyy-MM");
+  const previousMonth = format(subMonths(currentDate, 1), "yyyy-MM");
 
   // 현재 월 데이터
   const {
@@ -59,7 +59,7 @@ const DashboardBudgetWidget = () => {
     const sevenDaysAgo = new Date();
     sevenDaysAgo.setDate(sevenDaysAgo.getDate() - 7);
     const recentItems = currentItems.filter(
-      (item) => new Date(item.date) >= sevenDaysAgo
+      (item) => new Date(item.date) >= sevenDaysAgo,
     );
 
     const netAmount = currentIncome - currentExpense;
@@ -67,14 +67,14 @@ const DashboardBudgetWidget = () => {
 
     // 상위 지출 카테고리 (상위 3개)
     const categoryTotals = currentItems
-      .filter((item) => item.type === 'expense')
+      .filter((item) => item.type === "expense")
       .reduce(
         (acc, item) => {
           const categoryName = item.category;
           acc[categoryName] = (acc[categoryName] || 0) + item.amount;
           return acc;
         },
-        {} as Record<string, number>
+        {} as Record<string, number>,
       );
 
     const topExpenseCategories = Object.entries(categoryTotals)
@@ -148,8 +148,8 @@ const DashboardBudgetWidget = () => {
               <span
                 className={`text-xs font-medium ${
                   budgetStats.incomeChange > 0
-                    ? 'text-green-500'
-                    : 'text-red-500'
+                    ? "text-green-500"
+                    : "text-red-500"
                 }`}
               >
                 {Math.abs(budgetStats.incomeChange).toFixed(1)}%
@@ -172,8 +172,8 @@ const DashboardBudgetWidget = () => {
               <span
                 className={`text-xs font-medium ${
                   budgetStats.expenseChange > 0
-                    ? 'text-red-500'
-                    : 'text-green-500'
+                    ? "text-red-500"
+                    : "text-green-500"
                 }`}
               >
                 {Math.abs(budgetStats.expenseChange).toFixed(1)}%
@@ -195,19 +195,19 @@ const DashboardBudgetWidget = () => {
         </div>
         <div
           className={`text-center p-3 rounded-lg ${
-            budgetStats.netAmount >= 0 ? 'bg-green-50' : 'bg-red-50'
+            budgetStats.netAmount >= 0 ? "bg-green-50" : "bg-red-50"
           }`}
         >
           <div
             className={`text-xl font-bold ${
-              budgetStats.netAmount >= 0 ? 'text-green-600' : 'text-red-600'
+              budgetStats.netAmount >= 0 ? "text-green-600" : "text-red-600"
             }`}
           >
-            {budgetStats.netAmount >= 0 ? '+' : ''}
+            {budgetStats.netAmount >= 0 ? "+" : ""}
             {budgetStats.netAmount.toLocaleString()}원
           </div>
           <div className="text-xs text-gray-600">
-            {budgetStats.netAmount >= 0 ? '흑자' : '적자'}
+            {budgetStats.netAmount >= 0 ? "흑자" : "적자"}
           </div>
         </div>
       </div>
@@ -228,15 +228,15 @@ const DashboardBudgetWidget = () => {
                   <div className="flex items-center gap-2">
                     <span
                       className={`inline-block px-2 py-1 rounded text-xs font-medium ${
-                        transaction.type === 'income'
-                          ? 'bg-green-100 text-green-700'
-                          : 'bg-red-100 text-red-700'
+                        transaction.type === "income"
+                          ? "bg-green-100 text-green-700"
+                          : "bg-red-100 text-red-700"
                       }`}
                     >
                       {transaction.category}
                     </span>
                     <span className="text-xs text-gray-500">
-                      {format(new Date(transaction.date), 'M/d', {
+                      {format(new Date(transaction.date), "M/d", {
                         locale: ko,
                       })}
                     </span>
@@ -247,12 +247,12 @@ const DashboardBudgetWidget = () => {
                 </div>
                 <span
                   className={`text-sm font-semibold ${
-                    transaction.type === 'income'
-                      ? 'text-green-600'
-                      : 'text-red-600'
+                    transaction.type === "income"
+                      ? "text-green-600"
+                      : "text-red-600"
                   }`}
                 >
-                  {transaction.type === 'income' ? '+' : '-'}
+                  {transaction.type === "income" ? "+" : "-"}
                   {transaction.amount.toLocaleString()}
                 </span>
               </div>
diff --git a/src/components/budget/TransactionAlertProvider.tsx b/src/components/budget/TransactionAlertProvider.tsx
index 6af0cee..8d2e8a9 100644
--- a/src/components/budget/TransactionAlertProvider.tsx
+++ b/src/components/budget/TransactionAlertProvider.tsx
@@ -1,11 +1,11 @@
-'use client';
+"use client";
 
-import { createContext, ReactNode, useContext } from 'react';
-import GoalUpdateNotification from '../goals/GoalUpdateNotification';
-import { useTransactionAlert } from '@/hooks/budget/useTransactionAlert';
+import { createContext, ReactNode, useContext } from "react";
+import GoalUpdateNotification from "../goals/GoalUpdateNotification";
+import { useTransactionAlert } from "@/hooks/budget/useTransactionAlert";
 
 interface TransactionAlertContextType {
-  showAlert: (categoryName: string, type: 'income' | 'expense') => void;
+  showAlert: (categoryName: string, type: "income" | "expense") => void;
   hideAlert: (categoryName: string) => void;
   clearAllAlerts: () => void;
 }
@@ -17,7 +17,7 @@ export const useTransactionAlertContext = () => {
   const context = useContext(TransactionAlertContext);
   if (!context) {
     throw new Error(
-      'useTransactionAlertContext must be used within a TransactionAlertProvider'
+      "useTransactionAlertContext must be used within a TransactionAlertProvider",
     );
   }
   return context;
diff --git a/src/components/budget/index.ts b/src/components/budget/index.ts
index 7b901b2..b2148e0 100644
--- a/src/components/budget/index.ts
+++ b/src/components/budget/index.ts
@@ -1,4 +1,4 @@
-export { default as BudgetCalendar } from './BudgetCalendar';
-export { default as BudgetChart } from './BudgetChart';
-export { default as BudgetForm } from './BudgetForm';
-export { default as BudgetList } from './BudgetList';
\ No newline at end of file
+export { default as BudgetCalendar } from "./BudgetCalendar";
+export { default as BudgetChart } from "./BudgetChart";
+export { default as BudgetForm } from "./BudgetForm";
+export { default as BudgetList } from "./BudgetList";
diff --git a/src/components/common/Modal/ModalBody.tsx b/src/components/common/Modal/ModalBody.tsx
index 9bd40cf..a137e24 100644
--- a/src/components/common/Modal/ModalBody.tsx
+++ b/src/components/common/Modal/ModalBody.tsx
@@ -1,13 +1,13 @@
-'use client';
+"use client";
 
-import { ReactNode } from 'react';
+import { ReactNode } from "react";
 
 interface ModalBodyProps {
   children: ReactNode;
   className?: string;
 }
 
-const ModalBody = ({ children, className = '' }: ModalBodyProps) => (
+const ModalBody = ({ children, className = "" }: ModalBodyProps) => (
   <div className={`p-4 overflow-y-auto flex-1 min-h-0 ${className}`}>
     {children}
   </div>
diff --git a/src/components/common/Modal/ModalButton.tsx b/src/components/common/Modal/ModalButton.tsx
index 1da773c..1a23b80 100644
--- a/src/components/common/Modal/ModalButton.tsx
+++ b/src/components/common/Modal/ModalButton.tsx
@@ -1,44 +1,44 @@
-'use client';
+"use client";
 
-import { ButtonHTMLAttributes, ReactNode } from 'react';
-import { useModalContext } from './ModalContext';
+import { ButtonHTMLAttributes, ReactNode } from "react";
+import { useModalContext } from "./ModalContext";
 
 interface ModalButtonProps
-  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'children'> {
+  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "children"> {
   children: ReactNode;
-  variant?: 'primary' | 'secondary' | 'danger' | 'ghost';
-  size?: 'sm' | 'md' | 'lg';
+  variant?: "primary" | "secondary" | "danger" | "ghost";
+  size?: "sm" | "md" | "lg";
   loading?: boolean;
-  type?: 'button' | 'submit' | 'reset';
+  type?: "button" | "submit" | "reset";
 }
 
 const ModalButton = ({
   children,
   onClick,
-  variant = 'primary',
-  size = 'md',
+  variant = "primary",
+  size = "md",
   disabled = false,
   loading = false,
-  className = '',
-  type = 'button',
+  className = "",
+  type = "button",
   ...rest
 }: ModalButtonProps) => {
   const baseClasses =
-    'inline-flex items-center justify-center font-medium rounded-lg transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed';
+    "inline-flex items-center justify-center font-medium rounded-lg transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed";
 
   const variantClasses = {
     primary:
-      'bg-accent-600 text-white hover:bg-accent-700 focus:ring-accent-500',
+      "bg-accent-600 text-white hover:bg-accent-700 focus:ring-accent-500",
     secondary:
-      'bg-gray-200 text-gray-900 hover:bg-gray-300 focus:ring-gray-500',
-    danger: 'bg-red-600 text-white hover:bg-red-700 focus:ring-red-500',
-    ghost: 'bg-transparent text-gray-600 hover:bg-gray-100 focus:ring-gray-500',
+      "bg-gray-200 text-gray-900 hover:bg-gray-300 focus:ring-gray-500",
+    danger: "bg-red-600 text-white hover:bg-red-700 focus:ring-red-500",
+    ghost: "bg-transparent text-gray-600 hover:bg-gray-100 focus:ring-gray-500",
   };
 
   const sizeClasses = {
-    sm: 'px-3 py-1.5 text-sm',
-    md: 'px-4 py-2 text-sm',
-    lg: 'px-6 py-3 text-base',
+    sm: "px-3 py-1.5 text-sm",
+    md: "px-4 py-2 text-sm",
+    lg: "px-6 py-3 text-base",
   };
 
   return (
@@ -69,15 +69,15 @@ const ModalButton = ({
 // Close Button Component
 type ModalCloseButtonProps = {
   children: ReactNode;
-  variant?: Exclude<ModalButtonProps['variant'], undefined>;
-  size?: ModalButtonProps['size'];
+  variant?: Exclude<ModalButtonProps["variant"], undefined>;
+  size?: ModalButtonProps["size"];
   loading?: boolean;
   disabled?: boolean;
   className?: string;
-  type?: ModalButtonProps['type'];
+  type?: ModalButtonProps["type"];
 } & Omit<
   ButtonHTMLAttributes<HTMLButtonElement>,
-  'onClick' | 'type' | 'children'
+  "onClick" | "type" | "children"
 >;
 
 export const ModalCloseButton = ({
diff --git a/src/components/common/Modal/ModalContext.tsx b/src/components/common/Modal/ModalContext.tsx
index 51be8f4..940b070 100644
--- a/src/components/common/Modal/ModalContext.tsx
+++ b/src/components/common/Modal/ModalContext.tsx
@@ -1,10 +1,10 @@
-'use client';
+"use client";
 
-import { createContext, useContext } from 'react';
+import { createContext, useContext } from "react";
 
 export interface ModalContextType {
   onClose: () => void;
-  size?: 'sm' | 'md' | 'lg' | 'xl';
+  size?: "sm" | "md" | "lg" | "xl";
 }
 
 export const ModalContext = createContext<ModalContextType | null>(null);
@@ -12,7 +12,7 @@ export const ModalContext = createContext<ModalContextType | null>(null);
 export const useModalContext = () => {
   const context = useContext(ModalContext);
   if (!context) {
-    throw new Error('Modal compound components must be used within a Modal');
+    throw new Error("Modal compound components must be used within a Modal");
   }
   return context;
 };
diff --git a/src/components/common/Modal/ModalDescription.tsx b/src/components/common/Modal/ModalDescription.tsx
index 8416ea0..10a2cba 100644
--- a/src/components/common/Modal/ModalDescription.tsx
+++ b/src/components/common/Modal/ModalDescription.tsx
@@ -1,6 +1,6 @@
-'use client';
+"use client";
 
-import { ReactNode } from 'react';
+import { ReactNode } from "react";
 
 interface ModalDescriptionProps {
   children: ReactNode;
@@ -9,7 +9,7 @@ interface ModalDescriptionProps {
 
 const ModalDescription = ({
   children,
-  className = '',
+  className = "",
 }: ModalDescriptionProps) => (
   <div className={`text-sm text-gray-600 mt-1 ${className}`}>{children}</div>
 );
diff --git a/src/components/common/Modal/ModalFooter.tsx b/src/components/common/Modal/ModalFooter.tsx
index 6d5027b..3c33adc 100644
--- a/src/components/common/Modal/ModalFooter.tsx
+++ b/src/components/common/Modal/ModalFooter.tsx
@@ -1,13 +1,13 @@
-'use client';
+"use client";
 
-import { ReactNode } from 'react';
+import { ReactNode } from "react";
 
 interface ModalFooterProps {
   children: ReactNode;
   className?: string;
 }
 
-const ModalFooter = ({ children, className = '' }: ModalFooterProps) => (
+const ModalFooter = ({ children, className = "" }: ModalFooterProps) => (
   <div
     className={`flex justify-end gap-3 p-4 border-t border-gray-200 bg-gray-50 flex-shrink-0 ${className}`}
   >
diff --git a/src/components/common/Modal/ModalHeader.tsx b/src/components/common/Modal/ModalHeader.tsx
index 11db6b7..dac62f3 100644
--- a/src/components/common/Modal/ModalHeader.tsx
+++ b/src/components/common/Modal/ModalHeader.tsx
@@ -1,8 +1,8 @@
-'use client';
+"use client";
 
-import { ReactNode } from 'react';
-import { useModalContext } from './ModalContext';
-import { X } from 'lucide-react';
+import { ReactNode } from "react";
+import { useModalContext } from "./ModalContext";
+import { X } from "lucide-react";
 
 interface ModalHeaderProps {
   children: ReactNode;
@@ -13,7 +13,7 @@ interface ModalHeaderProps {
 const ModalHeader = ({
   children,
   showCloseButton,
-  className = '',
+  className = "",
 }: ModalHeaderProps) => {
   const { onClose } = useModalContext();
 
diff --git a/src/components/common/Modal/ModalRoot.tsx b/src/components/common/Modal/ModalRoot.tsx
index 9d4707e..398dee5 100644
--- a/src/components/common/Modal/ModalRoot.tsx
+++ b/src/components/common/Modal/ModalRoot.tsx
@@ -1,13 +1,13 @@
-'use client';
+"use client";
 
-import { ReactNode, useEffect } from 'react';
-import { ModalContext, ModalContextType } from './ModalContext';
+import { ReactNode, useEffect } from "react";
+import { ModalContext, ModalContextType } from "./ModalContext";
 
 interface ModalRootProps {
   children: ReactNode;
   isOpen: boolean;
   onClose: () => void;
-  size?: 'sm' | 'md' | 'lg' | 'xl';
+  size?: "sm" | "md" | "lg" | "xl";
   className?: string;
 }
 
@@ -15,12 +15,12 @@ const ModalRoot = ({
   children,
   isOpen,
   onClose,
-  size = 'md',
-  className = '',
+  size = "md",
+  className = "",
 }: ModalRootProps) => {
   // 컨테이너 클릭 (이벤트 버블링 방지)
   const handleContainerClick = (
-    event: React.MouseEvent<HTMLDivElement>
+    event: React.MouseEvent<HTMLDivElement>,
   ): void => {
     event.stopPropagation();
   };
@@ -37,7 +37,7 @@ const ModalRoot = ({
     const scrollBarWidth =
       window.innerWidth - document.documentElement.clientWidth;
 
-    document.body.style.overflow = 'hidden';
+    document.body.style.overflow = "hidden";
     document.body.style.paddingRight = `${scrollBarWidth}px`;
 
     return () => {
@@ -50,10 +50,10 @@ const ModalRoot = ({
 
   // 사이즈별 스타일 정의
   const sizeClasses = {
-    sm: 'max-w-md',
-    md: 'max-w-lg',
-    lg: 'max-w-2xl',
-    xl: 'max-w-4xl',
+    sm: "max-w-md",
+    md: "max-w-lg",
+    lg: "max-w-2xl",
+    xl: "max-w-4xl",
   } as const;
 
   const contextValue: ModalContextType = {
diff --git a/src/components/common/Modal/ModalTitle.tsx b/src/components/common/Modal/ModalTitle.tsx
index 6a07d65..4c0065f 100644
--- a/src/components/common/Modal/ModalTitle.tsx
+++ b/src/components/common/Modal/ModalTitle.tsx
@@ -1,17 +1,17 @@
-'use client';
+"use client";
 
-import { HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from "react";
 
 interface ModalTitleProps
-  extends Omit<HTMLAttributes<HTMLHeadingElement>, 'children'> {
+  extends Omit<HTMLAttributes<HTMLHeadingElement>, "children"> {
   children: ReactNode;
   id?: string;
 }
 
 const ModalTitle = ({
   children,
-  className = '',
-  id = 'modal-title',
+  className = "",
+  id = "modal-title",
   ...rest
 }: ModalTitleProps) => (
   <h2
diff --git a/src/components/common/Modal/index.tsx b/src/components/common/Modal/index.tsx
index c3a12a3..5f84645 100644
--- a/src/components/common/Modal/index.tsx
+++ b/src/components/common/Modal/index.tsx
@@ -1,10 +1,10 @@
-import ModalBody from './ModalBody';
-import ModalButton, { ModalCloseButton } from './ModalButton';
-import ModalDescription from './ModalDescription';
-import ModalFooter from './ModalFooter';
-import ModalHeader from './ModalHeader';
-import ModalRoot from './ModalRoot';
-import ModalTitle from './ModalTitle';
+import ModalBody from "./ModalBody";
+import ModalButton, { ModalCloseButton } from "./ModalButton";
+import ModalDescription from "./ModalDescription";
+import ModalFooter from "./ModalFooter";
+import ModalHeader from "./ModalHeader";
+import ModalRoot from "./ModalRoot";
+import ModalTitle from "./ModalTitle";
 
 // 컴파운드 패턴을 위한 타입 정의
 type ModalRootComponent = typeof ModalRoot;
@@ -55,4 +55,4 @@ export {
 };
 
 // Context도 export
-export { useModalContext } from './ModalContext';
+export { useModalContext } from "./ModalContext";
diff --git a/src/components/goals/GoalCard.tsx b/src/components/goals/GoalCard.tsx
index 171a3b1..1225bab 100644
--- a/src/components/goals/GoalCard.tsx
+++ b/src/components/goals/GoalCard.tsx
@@ -1,7 +1,7 @@
-import { Goal, GoalProgressInfo } from '@/types/goals';
-import { format } from 'date-fns';
-import { ko } from 'date-fns/locale';
-import { CheckCircle, TrendingDown, TrendingUp } from 'lucide-react';
+import { Goal, GoalProgressInfo } from "@/types/goals";
+import { format } from "date-fns";
+import { ko } from "date-fns/locale";
+import { CheckCircle, TrendingDown, TrendingUp } from "lucide-react";
 
 interface GoalCardProps {
   goal: Goal & { progress: GoalProgressInfo };
@@ -14,20 +14,20 @@ const GoalCard = ({ goal }: GoalCardProps) => {
     <div
       className={`bg-white rounded-lg p-6 shadow-sm border transition-all hover:shadow-md ${
         progress.isComplete
-          ? 'border-green-200 bg-green-50/30'
-          : 'border-gray-200'
+          ? "border-green-200 bg-green-50/30"
+          : "border-gray-200"
       }`}
     >
       <div className="flex items-start justify-between mb-4">
         <div className="flex items-center gap-3">
           <div
             className={`p-2 rounded-lg ${
-              goal.type === 'increase_income'
-                ? 'bg-green-100 text-green-600'
-                : 'bg-red-100 text-red-600'
+              goal.type === "increase_income"
+                ? "bg-green-100 text-green-600"
+                : "bg-red-100 text-red-600"
             }`}
           >
-            {goal.type === 'increase_income' ? (
+            {goal.type === "increase_income" ? (
               <TrendingUp className="w-5 h-5" />
             ) : (
               <TrendingDown className="w-5 h-5" />
@@ -53,7 +53,7 @@ const GoalCard = ({ goal }: GoalCardProps) => {
         <div className="w-full bg-gray-200 rounded-full h-2">
           <div
             className={`h-2 rounded-full transition-all duration-300 ${
-              progress.isComplete ? 'bg-green-500' : 'bg-accent-500'
+              progress.isComplete ? "bg-green-500" : "bg-accent-500"
             }`}
             style={{ width: `${Math.min(100, progress.overallProgress)}%` }}
           />
@@ -66,7 +66,7 @@ const GoalCard = ({ goal }: GoalCardProps) => {
           <div className="flex justify-between">
             <span className="text-gray-600">금액 목표:</span>
             <span className="font-medium">
-              {goal.current_amount.toLocaleString()} /{' '}
+              {goal.current_amount.toLocaleString()} /{" "}
               {goal.target_amount.toLocaleString()}원
             </span>
           </div>
@@ -85,7 +85,7 @@ const GoalCard = ({ goal }: GoalCardProps) => {
           <div className="flex justify-between">
             <span className="text-gray-600">마감일:</span>
             <span className="font-medium">
-              {format(new Date(goal.target_date), 'yyyy년 M월 d일', {
+              {format(new Date(goal.target_date), "yyyy년 M월 d일", {
                 locale: ko,
               })}
             </span>
diff --git a/src/components/goals/GoalCompletionNotification.tsx b/src/components/goals/GoalCompletionNotification.tsx
index 0fc920d..56e5756 100644
--- a/src/components/goals/GoalCompletionNotification.tsx
+++ b/src/components/goals/GoalCompletionNotification.tsx
@@ -1,7 +1,7 @@
-'use client';
+"use client";
 
-import { CheckCircle, Trophy, X } from 'lucide-react';
-import { useEffect, useState } from 'react';
+import { CheckCircle, Trophy, X } from "lucide-react";
+import { useEffect, useState } from "react";
 
 interface GoalCompletionNotificationProps {
   goalTitle: string;
diff --git a/src/components/goals/GoalCompletionProvider.tsx b/src/components/goals/GoalCompletionProvider.tsx
index f4891d2..83c38b4 100644
--- a/src/components/goals/GoalCompletionProvider.tsx
+++ b/src/components/goals/GoalCompletionProvider.tsx
@@ -1,8 +1,8 @@
-'use client';
+"use client";
 
-import { useGoalCompletionAlert } from '@/hooks/goals/useFoalCompletionAlert';
-import { ReactNode } from 'react';
-import GoalCompletionNotification from './GoalCompletionNotification';
+import { useGoalCompletionAlert } from "@/hooks/goals/useFoalCompletionAlert";
+import { ReactNode } from "react";
+import GoalCompletionNotification from "./GoalCompletionNotification";
 
 interface GoalCompletionProviderProps {
   children: ReactNode;
diff --git a/src/components/goals/GoalEditModal.tsx b/src/components/goals/GoalEditModal.tsx
index ee9cc83..6fec423 100644
--- a/src/components/goals/GoalEditModal.tsx
+++ b/src/components/goals/GoalEditModal.tsx
@@ -1,11 +1,11 @@
-'use client';
+"use client";
 
-import { useGoals } from '@/hooks/goals/useGoals';
-import { Goal } from '@/types/goals';
-import { useState } from 'react';
-import Modal from '../common/Modal';
-import { Target, TrendingDown, TrendingUp } from 'lucide-react';
-import { format } from 'date-fns';
+import { useGoals } from "@/hooks/goals/useGoals";
+import { Goal } from "@/types/goals";
+import { useState } from "react";
+import Modal from "../common/Modal";
+import { Target, TrendingDown, TrendingUp } from "lucide-react";
+import { format } from "date-fns";
 
 interface GoalEditModalProps {
   isOpen: boolean;
@@ -28,9 +28,9 @@ const GoalEditModal = ({
   const { goal, currentAmount, currentCount } = currentGoalData;
 
   const [formData, setFormData] = useState({
-    target_amount: goal.target_amount?.toString() || '',
-    target_count: goal.target_count?.toString() || '',
-    target_date: goal.target_date?.toString() || '',
+    target_amount: goal.target_amount?.toString() || "",
+    target_count: goal.target_count?.toString() || "",
+    target_date: goal.target_date?.toString() || "",
   });
 
   const handleSubmit = (e: React.FormEvent) => {
@@ -52,16 +52,16 @@ const GoalEditModal = ({
       // 다음 목표의 데이터로 폼 초기화
       const nextGoal = goals[currentIndex + 1].goal;
       setFormData({
-        target_amount: nextGoal.target_amount?.toString() || '',
-        target_count: nextGoal.target_count?.toString() || '',
-        target_date: nextGoal.target_date?.toString() || '',
+        target_amount: nextGoal.target_amount?.toString() || "",
+        target_count: nextGoal.target_count?.toString() || "",
+        target_date: nextGoal.target_date?.toString() || "",
       });
     }
 
     onClose(); // 부모 컴포넌트에서 다음 목표 처리
   };
 
-  const isIncome = goal.type === 'increase_income';
+  const isIncome = goal.type === "increase_income";
 
   return (
     <Modal isOpen={isOpen} onClose={onClose} size="md">
@@ -180,7 +180,7 @@ const GoalEditModal = ({
                     target_date: e.target.value,
                   }))
                 }
-                min={format(new Date(), 'yyyy-MM-dd')}
+                min={format(new Date(), "yyyy-MM-dd")}
                 className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500"
               />
             </div>
diff --git a/src/components/goals/GoalUpdateNotification.tsx b/src/components/goals/GoalUpdateNotification.tsx
index de5cc69..36b46bf 100644
--- a/src/components/goals/GoalUpdateNotification.tsx
+++ b/src/components/goals/GoalUpdateNotification.tsx
@@ -1,10 +1,10 @@
-'use client';
+"use client";
 
-import { useAuth } from '@/hooks/auth';
-import { useGoalChecker } from '@/hooks/goals/useGoalChecker';
-import { AlertTriangle, Edit3, X } from 'lucide-react';
-import { useState } from 'react';
-import GoalEditModal from './GoalEditModal';
+import { useAuth } from "@/hooks/auth";
+import { useGoalChecker } from "@/hooks/goals/useGoalChecker";
+import { AlertTriangle, Edit3, X } from "lucide-react";
+import { useState } from "react";
+import GoalEditModal from "./GoalEditModal";
 
 interface GoalUpdateNotificationProps {
   categoryName: string;
@@ -18,7 +18,7 @@ const GoalUpdateNotification = ({
   const { user } = useAuth();
   const { affectedGoals, hasAffectedGoals } = useGoalChecker(
     user?.id,
-    categoryName
+    categoryName,
   );
   const [currentEditIndex, setCurrentEditIndex] = useState(-1);
 
diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index 91010a5..9be400f 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -1,7 +1,7 @@
-'use client';
+"use client";
 
-import Link from 'next/link';
-import { usePathname } from 'next/navigation';
+import Link from "next/link";
+import { usePathname } from "next/navigation";
 import {
   BarChart3,
   Target,
@@ -12,9 +12,9 @@ import {
   User,
   Settings,
   LogOut,
-} from 'lucide-react';
-import { useEffect, useRef, useState } from 'react';
-import { useAuth } from '@/hooks/auth';
+} from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+import { useAuth } from "@/hooks/auth";
 
 export default function Header() {
   const pathname = usePathname();
@@ -34,46 +34,46 @@ export default function Header() {
       }
     };
 
-    document.addEventListener('mousedown', handleClickOutside);
-    return () => document.removeEventListener('mousedown', handleClickOutside);
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
 
   // preview 페이지에서는 헤더를 렌더링하지 않음
-  if (pathname === '/preview' || pathname?.startsWith('/auth/')) {
+  if (pathname === "/preview" || pathname?.startsWith("/auth/")) {
     return null;
   }
 
   // 네비게이션 메뉴 항목
   const navigationItems = [
     {
-      name: '가계부',
-      href: '/budget',
+      name: "가계부",
+      href: "/budget",
       icon: BarChart3,
-      description: '지출 관리',
+      description: "지출 관리",
     },
     {
-      name: '목표',
-      href: '/goals',
+      name: "목표",
+      href: "/goals",
       icon: Target,
-      description: '목표 설정',
+      description: "목표 설정",
     },
     {
-      name: '질문',
-      href: '/questions',
+      name: "질문",
+      href: "/questions",
       icon: MessageSquare,
-      description: '성찰 질문',
+      description: "성찰 질문",
     },
     {
-      name: '회고',
-      href: '/reflections',
+      name: "회고",
+      href: "/reflections",
       icon: BookOpen,
-      description: '일상 회고',
+      description: "일상 회고",
     },
   ];
 
   // 현재 경로가 활성 상태인지 확인
   const isActiveRoute = (href: string) => {
-    return pathname === href || pathname?.startsWith(href + '/');
+    return pathname === href || pathname?.startsWith(href + "/");
   };
 
   // 로그아웃 처리
@@ -82,15 +82,15 @@ export default function Header() {
       logout();
       setIsUserMenuOpen(false);
       // 로그아웃 후 즉시 메인화면으로 이동
-      window.location.href = '/';
+      window.location.href = "/";
     } catch (error) {
-      console.error('로그아웃 실패:', error);
+      console.error("로그아웃 실패:", error);
     }
   };
 
   // 사용자 이름 표시
   const getUserDisplayName = () => {
-    if (!user) return '사용자';
+    if (!user) return "사용자";
 
     // 프로필에서 우선 조회
     if (profile?.nickname) return profile.nickname;
@@ -101,7 +101,7 @@ export default function Header() {
     const name = user.user_metadata?.name;
     const email = user.email;
 
-    return nickname || name || email?.split('@')[0] || '사용자';
+    return nickname || name || email?.split("@")[0] || "사용자";
   };
 
   return (
@@ -111,7 +111,7 @@ export default function Header() {
           {/* 로고 */}
           <div className="flex items-center">
             <Link
-              href={isAuthenticated ? '/dashboard' : '/'}
+              href={isAuthenticated ? "/dashboard" : "/"}
               className="text-xl mobile:text-2xl font-bold text-accent-700 hover:text-accent-800 transition-colors"
             >
               DaylyLog
@@ -133,8 +133,8 @@ export default function Header() {
                       flex items-center gap-2 px-3 py-2 rounded-lg transition-all duration-200 text-sm laptop:text-base
                       ${
                         isActive
-                          ? 'bg-accent-100 text-accent-700 font-semibold'
-                          : 'text-accent-600 hover:text-accent-800 hover:bg-accent-50'
+                          ? "bg-accent-100 text-accent-700 font-semibold"
+                          : "text-accent-600 hover:text-accent-800 hover:bg-accent-50"
                       }
                     `}
                   >
@@ -239,8 +239,8 @@ export default function Header() {
                       flex items-center gap-3 px-3 py-3 rounded-lg transition-all duration-200
                       ${
                         isActive
-                          ? 'bg-accent-100 text-accent-700 font-semibold'
-                          : 'text-accent-600 hover:text-accent-800 hover:bg-accent-50'
+                          ? "bg-accent-100 text-accent-700 font-semibold"
+                          : "text-accent-600 hover:text-accent-800 hover:bg-accent-50"
                       }
                     `}
                   >
diff --git a/src/components/questions/AnswerEditor.tsx b/src/components/questions/AnswerEditor.tsx
index ad18067..49bcbd9 100644
--- a/src/components/questions/AnswerEditor.tsx
+++ b/src/components/questions/AnswerEditor.tsx
@@ -1,7 +1,7 @@
-'use client';
+"use client";
 
-import { Save, X } from 'lucide-react';
-import { useState } from 'react';
+import { Save, X } from "lucide-react";
+import { useState } from "react";
 
 interface AnswerEditorProps {
   initialAnswer?: string;
@@ -11,7 +11,7 @@ interface AnswerEditorProps {
 }
 
 const AnswerEditor = ({
-  initialAnswer = '',
+  initialAnswer = "",
   onSave,
   onCancel,
   isLoading = false,
@@ -25,7 +25,7 @@ const AnswerEditor = ({
   };
 
   const handleKeyDown = (e: React.KeyboardEvent) => {
-    if (e.ctrlKey && e.key === 'Enter') {
+    if (e.ctrlKey && e.key === "Enter") {
       e.preventDefault();
       handleSave();
     }
@@ -58,7 +58,7 @@ const AnswerEditor = ({
           className="flex items-center gap-2 px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
         >
           <Save className="w-4 h-4" />
-          {isLoading ? '저장 중...' : '저장'}
+          {isLoading ? "저장 중..." : "저장"}
         </button>
 
         <button
diff --git a/src/components/questions/DashboardQuestionWidget.tsx b/src/components/questions/DashboardQuestionWidget.tsx
index 318ba62..5da2149 100644
--- a/src/components/questions/DashboardQuestionWidget.tsx
+++ b/src/components/questions/DashboardQuestionWidget.tsx
@@ -1,8 +1,8 @@
-'use client';
+"use client";
 
-import { useAuth } from '@/hooks/auth';
-import { useQuestions } from '@/hooks/questions/useQuestions';
-import { QuestionKeyword } from '@/types/questions';
+import { useAuth } from "@/hooks/auth";
+import { useQuestions } from "@/hooks/questions/useQuestions";
+import { QuestionKeyword } from "@/types/questions";
 import {
   MessageSquare,
   Hash,
@@ -10,9 +10,9 @@ import {
   ArrowRight,
   CheckCircle,
   Clock,
-} from 'lucide-react';
-import Link from 'next/link';
-import { useMemo } from 'react';
+} from "lucide-react";
+import Link from "next/link";
+import { useMemo } from "react";
 
 const DashboardQuestionWidget = () => {
   const { user } = useAuth();
@@ -28,7 +28,7 @@ const DashboardQuestionWidget = () => {
     oneWeekAgo.setDate(oneWeekAgo.getDate() - 7);
 
     const recentQuestions = questions.filter(
-      (q) => new Date(q.date) >= oneWeekAgo
+      (q) => new Date(q.date) >= oneWeekAgo,
     );
 
     const keywordMap = new Map<
@@ -62,17 +62,17 @@ const DashboardQuestionWidget = () => {
     oneWeekAgo.setDate(oneWeekAgo.getDate() - 7);
 
     const recentQuestions = questions.filter(
-      (q) => new Date(q.date) >= oneWeekAgo
+      (q) => new Date(q.date) >= oneWeekAgo,
     );
 
-    const daily = recentQuestions.filter((q) => q.category?.name === 'daily');
-    const growth = recentQuestions.filter((q) => q.category?.name === 'growth');
-    const custom = recentQuestions.filter((q) => q.category?.name === 'custom');
+    const daily = recentQuestions.filter((q) => q.category?.name === "daily");
+    const growth = recentQuestions.filter((q) => q.category?.name === "growth");
+    const custom = recentQuestions.filter((q) => q.category?.name === "custom");
 
     return [
-      { name: '일상', count: daily.length, color: 'text-green-600' },
-      { name: '성장', count: growth.length, color: 'text-purple-600' },
-      { name: '나만의', count: custom.length, color: 'text-blue-600' },
+      { name: "일상", count: daily.length, color: "text-green-600" },
+      { name: "성장", count: growth.length, color: "text-purple-600" },
+      { name: "나만의", count: custom.length, color: "text-blue-600" },
     ];
   }, [questions]);
 
diff --git a/src/components/questions/QuestionAnswerCard.tsx b/src/components/questions/QuestionAnswerCard.tsx
index 48f6f36..ff1d077 100644
--- a/src/components/questions/QuestionAnswerCard.tsx
+++ b/src/components/questions/QuestionAnswerCard.tsx
@@ -1,12 +1,12 @@
-'use client';
+"use client";
 
-import { QuestionWithKeywords } from '@/types/questions';
+import { QuestionWithKeywords } from "@/types/questions";
 import {
   getAnswerStatus,
   getAnswerStatusLabel,
-} from '@/utils/questions/helpers';
-import { format } from 'date-fns';
-import { Edit3, MessageCircle } from 'lucide-react';
+} from "@/utils/questions/helpers";
+import { format } from "date-fns";
+import { Edit3, MessageCircle } from "lucide-react";
 
 interface QuestionAnswerCardProps {
   question: QuestionWithKeywords;
@@ -31,7 +31,7 @@ const QuestionAnswerCard = ({
             {getAnswerStatus(question.is_answered)}
           </span>
           <span className="text-xs text-gray-500">
-            {format(new Date(question.date), 'M월 d일')}
+            {format(new Date(question.date), "M월 d일")}
           </span>
         </div>
 
@@ -65,7 +65,7 @@ const QuestionAnswerCard = ({
               {question.answer}
             </p>
             <div className="mt-2 text-xs text-blue-600">
-              {format(new Date(question.updated_at), 'M월 d일 HH:mm')}에 작성
+              {format(new Date(question.updated_at), "M월 d일 HH:mm")}에 작성
             </div>
           </div>
         ) : (
diff --git a/src/components/questions/QuestionCard.tsx b/src/components/questions/QuestionCard.tsx
index 6d0b7d7..9a312aa 100644
--- a/src/components/questions/QuestionCard.tsx
+++ b/src/components/questions/QuestionCard.tsx
@@ -1,13 +1,13 @@
-'use client';
+"use client";
 
-import { QuestionWithKeywords } from '@/types/questions';
+import { QuestionWithKeywords } from "@/types/questions";
 import {
   getAnswerStatus,
   getAnswerStatusLabel,
-} from '@/utils/questions/helpers';
-import { format } from 'date-fns';
-import { Calendar, Edit, Trash2 } from 'lucide-react';
-import Link from 'next/link';
+} from "@/utils/questions/helpers";
+import { format } from "date-fns";
+import { Calendar, Edit, Trash2 } from "lucide-react";
+import Link from "next/link";
 
 interface QuestionCardProps {
   question: QuestionWithKeywords;
@@ -53,7 +53,7 @@ const QuestionCard = ({
             <div className="flex items-center gap-1 text-sm text-gray-500 min-w-0">
               <Calendar className="w-4 h-4 flex-shrink-0" />
               <span className="truncate">
-                {format(new Date(question.date), 'yyyy. M. d.')}
+                {format(new Date(question.date), "yyyy. M. d.")}
               </span>
             </div>
           </div>
@@ -63,10 +63,10 @@ const QuestionCard = ({
             className={`py-1 px-3 rounded-full text-xs font-medium ${
               question.category
                 ? `bg-accent-200 text-black`
-                : 'text-gray-500 bg-gray-100'
+                : "text-gray-500 bg-gray-100"
             }`}
           >
-            {question.category?.display_name || '알 수 없음'}
+            {question.category?.display_name || "알 수 없음"}
           </span>
         </div>
 
diff --git a/src/components/questions/QuestionDetail.tsx b/src/components/questions/QuestionDetail.tsx
index 84fe1a0..d815851 100644
--- a/src/components/questions/QuestionDetail.tsx
+++ b/src/components/questions/QuestionDetail.tsx
@@ -1,14 +1,14 @@
-'use client';
+"use client";
 
-import { QuestionWithKeywords } from '@/types/questions';
+import { QuestionWithKeywords } from "@/types/questions";
 import {
   getAnswerStatus,
   getAnswerStatusLabel,
   getQuestionTypeColor,
   getQuestionVisibilityLabel,
   getQuestionVisibilityStatus,
-} from '@/utils/questions/helpers';
-import { format } from 'date-fns';
+} from "@/utils/questions/helpers";
+import { format } from "date-fns";
 import {
   ArrowLeft,
   Calendar,
@@ -16,10 +16,10 @@ import {
   MessageCircle,
   Share2,
   Trash2,
-} from 'lucide-react';
-import Link from 'next/link';
-import { useState } from 'react';
-import AnswerEditor from './AnswerEditor';
+} from "lucide-react";
+import Link from "next/link";
+import { useState } from "react";
+import AnswerEditor from "./AnswerEditor";
 
 interface QuestionDetailProps {
   question: QuestionWithKeywords;
@@ -55,7 +55,7 @@ const QuestionDetail = ({
     } catch {
       // 공유 API를 지원하지 않는 경우 클립보드에 복사
       await navigator.clipboard.writeText(window.location.href);
-      alert('링크가 클립보드에 복사되었습니다.');
+      alert("링크가 클립보드에 복사되었습니다.");
     }
   };
 
@@ -83,10 +83,10 @@ const QuestionDetail = ({
                 className={`inline-flex items-center px-3 py-1 rounded-full text-sm font-medium ${
                   question.category
                     ? `${getQuestionTypeColor(question.category.name)} bg-gray-100`
-                    : 'text-gray-500 bg-gray-100'
+                    : "text-gray-500 bg-gray-100"
                 }`}
               >
-                {question.category?.display_name || '알 수 없음'}
+                {question.category?.display_name || "알 수 없음"}
               </span>
 
               {/* 답변 상태 */}
@@ -101,13 +101,13 @@ const QuestionDetail = ({
               <span
                 title={getQuestionVisibilityLabel(
                   question.is_public,
-                  question.is_neighbor_visible
+                  question.is_neighbor_visible,
                 )}
                 className="text-lg"
               >
                 {getQuestionVisibilityStatus(
                   question.is_public,
-                  question.is_neighbor_visible
+                  question.is_neighbor_visible,
                 )}
               </span>
             </div>
@@ -152,7 +152,7 @@ const QuestionDetail = ({
           <div className="flex items-center gap-4 text-sm text-gray-500">
             <div className="flex items-center gap-1">
               <Calendar className="w-4 h-4" />
-              <span>{format(new Date(question.date), 'yyyy년 M월 d일')}</span>
+              <span>{format(new Date(question.date), "yyyy년 M월 d일")}</span>
             </div>
 
             {!isOwner && question.author_name && (
@@ -217,14 +217,14 @@ const QuestionDetail = ({
                 onClick={() => setIsEditing(true)}
                 className="px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition-colors"
               >
-                {question.answer ? '답변 수정' : '답변 작성'}
+                {question.answer ? "답변 수정" : "답변 작성"}
               </button>
             )}
           </div>
 
           {isEditing ? (
             <AnswerEditor
-              initialAnswer={question.answer || ''}
+              initialAnswer={question.answer || ""}
               onSave={handleAnswerSave}
               onCancel={() => setIsEditing(false)}
               isLoading={isUpdatingAnswer}
@@ -239,7 +239,7 @@ const QuestionDetail = ({
               <div className="mt-3 text-xs text-blue-600">
                 {format(
                   new Date(question.updated_at),
-                  'yyyy년 M월 d일 HH:mm에 작성'
+                  "yyyy년 M월 d일 HH:mm에 작성",
                 )}
               </div>
             </div>
diff --git a/src/components/questions/QuestionFiltersComponent.tsx b/src/components/questions/QuestionFiltersComponent.tsx
index 852243f..99ed5d9 100644
--- a/src/components/questions/QuestionFiltersComponent.tsx
+++ b/src/components/questions/QuestionFiltersComponent.tsx
@@ -1,13 +1,13 @@
-'use client';
+"use client";
 
-import { useQuestionsCategories } from '@/hooks/questions/useQuestionCategories';
+import { useQuestionsCategories } from "@/hooks/questions/useQuestionCategories";
 import {
   DateRangePeriod,
   QuestionFilters,
   QuestionKeyword,
-} from '@/types/questions';
-import { Filter, RefreshCcw, Search } from 'lucide-react';
-import { useMemo, useState } from 'react';
+} from "@/types/questions";
+import { Filter, RefreshCcw, Search } from "lucide-react";
+import { useMemo, useState } from "react";
 
 interface QuestionFiltersComponentProps {
   filters: QuestionFilters;
@@ -26,19 +26,19 @@ const QuestionFiltersComponent = ({
 }: QuestionFiltersComponentProps) => {
   const { dailyCategory, growthCategory, customCategory } =
     useQuestionsCategories();
-  const [selectedPeriod, setSelectedPeriod] = useState<string>('전체');
+  const [selectedPeriod, setSelectedPeriod] = useState<string>("전체");
   const [showCustomDateRange, setShowCustomDateRange] = useState(false);
 
   // 카테고리별 키워드 분류
   const { dailyKeywords, growthKeywords, customKeywords } = useMemo(() => {
     const daily = keywords.filter(
-      (k) => dailyCategory && k.category_id === dailyCategory.id
+      (k) => dailyCategory && k.category_id === dailyCategory.id,
     );
     const growth = keywords.filter(
-      (k) => growthCategory && k.category_id === growthCategory.id
+      (k) => growthCategory && k.category_id === growthCategory.id,
     );
     const custom = keywords.filter(
-      (k) => customCategory && k.category_id === customCategory.id
+      (k) => customCategory && k.category_id === customCategory.id,
     );
 
     return {
@@ -57,7 +57,7 @@ const QuestionFiltersComponent = ({
     onFiltersChange({ keywords: newKeywords });
   };
 
-  const handleCategoryToggle = (category: 'daily' | 'growth' | 'custom') => {
+  const handleCategoryToggle = (category: "daily" | "growth" | "custom") => {
     const currentCategories = filters.categories || [];
     const isSelected = currentCategories.includes(category);
 
@@ -71,7 +71,7 @@ const QuestionFiltersComponent = ({
   };
 
   const handleVisibilityToggle = (
-    visibility: 'public' | 'neighbors' | 'private'
+    visibility: "public" | "neighbors" | "private",
   ) => {
     const currentVisibility = filters.visibility || [];
     const newVisibility = currentVisibility.includes(visibility)
@@ -84,18 +84,18 @@ const QuestionFiltersComponent = ({
   const handlePeriodToggle = (periodLabel: string) => {
     if (selectedPeriod === periodLabel) {
       // 같은 기간 클릭 시 '전체'로 변경
-      setSelectedPeriod('전체');
+      setSelectedPeriod("전체");
       setShowCustomDateRange(false);
       onFiltersChange({ dateFrom: undefined, dateTo: undefined });
     } else {
       // 다른 기간 선택
       setSelectedPeriod(periodLabel);
-      if (periodLabel === '임의 기간') {
+      if (periodLabel === "임의 기간") {
         setShowCustomDateRange(true);
         // 임의 기간 선택 시 날짜 리셋 (시작일: undefined, 종료일: 오늘)
-        const today = new Date().toISOString().split('T')[0];
+        const today = new Date().toISOString().split("T")[0];
         onFiltersChange({ dateFrom: undefined, dateTo: today });
-      } else if (periodLabel === '전체') {
+      } else if (periodLabel === "전체") {
         setShowCustomDateRange(false);
         onFiltersChange({ dateFrom: undefined, dateTo: undefined });
       } else {
@@ -106,7 +106,7 @@ const QuestionFiltersComponent = ({
   };
 
   const clearFilters = () => {
-    setSelectedPeriod('전체');
+    setSelectedPeriod("전체");
     setShowCustomDateRange(false);
     onFiltersChange({
       categories: [],
@@ -135,7 +135,7 @@ const QuestionFiltersComponent = ({
         <input
           type="text"
           placeholder="질문 제목, 내용, 답변 검색..."
-          value={filters.searchQuery || ''}
+          value={filters.searchQuery || ""}
           onChange={(e) =>
             onFiltersChange({ searchQuery: e.target.value || undefined })
           }
@@ -168,9 +168,9 @@ const QuestionFiltersComponent = ({
             <h4 className="text-sm font-medium text-gray-700 mb-2">카테고리</h4>
             <div className="flex flex-wrap gap-2">
               {[
-                { key: 'daily' as const, label: '일상', color: 'green' },
-                { key: 'growth' as const, label: '성장', color: 'purple' },
-                { key: 'custom' as const, label: '나만의 질문', color: 'blue' },
+                { key: "daily" as const, label: "일상", color: "green" },
+                { key: "growth" as const, label: "성장", color: "purple" },
+                { key: "custom" as const, label: "나만의 질문", color: "blue" },
               ].map((category) => (
                 <button
                   key={category.key}
@@ -201,8 +201,8 @@ const QuestionFiltersComponent = ({
                 }
                 className={`px-3 py-1 rounded-full text-sm font-medium transition-colors hover:cursor-pointer ${
                   filters.isAnswered === true
-                    ? 'bg-green-100 text-green-700 border-green-300'
-                    : 'bg-gray-100 text-gray-600 hover:bg-accent-100 border-gray-300'
+                    ? "bg-green-100 text-green-700 border-green-300"
+                    : "bg-gray-100 text-gray-600 hover:bg-accent-100 border-gray-300"
                 } border`}
               >
                 완료
@@ -216,8 +216,8 @@ const QuestionFiltersComponent = ({
                 }
                 className={`px-3 py-1 rounded-full text-sm font-medium transition-colors hover:cursor-pointer ${
                   filters.isAnswered === false
-                    ? 'bg-orange-100 text-orange-700 border-orange-300'
-                    : 'bg-gray-100 text-gray-600 hover:bg-orange-100 border-gray-300'
+                    ? "bg-orange-100 text-orange-700 border-orange-300"
+                    : "bg-gray-100 text-gray-600 hover:bg-orange-100 border-gray-300"
                 } border`}
               >
                 대기
@@ -232,17 +232,17 @@ const QuestionFiltersComponent = ({
             </h4>
             <div className="flex flex-wrap gap-2">
               {[
-                { key: 'public' as const, label: '전체', icon: '🌍' },
-                { key: 'neighbors' as const, label: '이웃', icon: '👤' },
-                { key: 'private' as const, label: '비공개', icon: '🔒' },
+                { key: "public" as const, label: "전체", icon: "🌍" },
+                { key: "neighbors" as const, label: "이웃", icon: "👤" },
+                { key: "private" as const, label: "비공개", icon: "🔒" },
               ].map((visibility) => (
                 <button
                   key={visibility.key}
                   onClick={() => handleVisibilityToggle(visibility.key)}
                   className={`px-3 py-1 rounded-full text-sm font-medium transition-colors hover:cursor-pointer ${
                     filters.visibility?.includes(visibility.key)
-                      ? 'bg-accent-100 text-gray-700 border-accent-300'
-                      : 'bg-gray-100 text-gray-600 hover:bg-gray-200 border-gray-300'
+                      ? "bg-accent-100 text-gray-700 border-accent-300"
+                      : "bg-gray-100 text-gray-600 hover:bg-gray-200 border-gray-300"
                   } border`}
                 >
                   {visibility.icon} {visibility.label}
@@ -256,36 +256,36 @@ const QuestionFiltersComponent = ({
             <h4 className="text-sm font-medium text-gray-700 mb-2">기간</h4>
             <div className="flex flex-wrap gap-2 mb-3">
               <button
-                onClick={() => handlePeriodToggle('전체')}
+                onClick={() => handlePeriodToggle("전체")}
                 className={`px-3 py-1 rounded-full text-sm font-medium transition-colors hover:cursor-pointer ${
-                  selectedPeriod === '전체'
-                    ? 'bg-accent-100 text-gray-700 border-accent-300'
-                    : 'bg-gray-100 text-gray-600 hover:bg-gray-200 border-gray-300'
+                  selectedPeriod === "전체"
+                    ? "bg-accent-100 text-gray-700 border-accent-300"
+                    : "bg-gray-100 text-gray-600 hover:bg-gray-200 border-gray-300"
                 } border`}
               >
                 전체
               </button>
               {periodPresets
-                .filter((p) => p.label !== '전체')
+                .filter((p) => p.label !== "전체")
                 .map((preset) => (
                   <button
                     key={preset.label}
                     onClick={() => handlePeriodToggle(preset.label)}
                     className={`px-3 py-1 rounded-full text-sm font-medium transition-colors hover:cursor-pointer ${
                       selectedPeriod === preset.label
-                        ? 'bg-accent-100 text-gray-700 border-accent-300'
-                        : 'bg-gray-100 text-gray-600 hover:bg-gray-200 border-gray-300'
+                        ? "bg-accent-100 text-gray-700 border-accent-300"
+                        : "bg-gray-100 text-gray-600 hover:bg-gray-200 border-gray-300"
                     } border`}
                   >
                     {preset.label}
                   </button>
                 ))}
               <button
-                onClick={() => handlePeriodToggle('임의 기간')}
+                onClick={() => handlePeriodToggle("임의 기간")}
                 className={`px-3 py-1 rounded-full text-sm font-medium transition-colors hover:cursor-pointer ${
-                  selectedPeriod === '임의 기간'
-                    ? 'bg-accent-100 text-gray-700 border-accent-300'
-                    : 'bg-gray-100 text-gray-600 hover:bg-gray-200 border-gray-300'
+                  selectedPeriod === "임의 기간"
+                    ? "bg-accent-100 text-gray-700 border-accent-300"
+                    : "bg-gray-100 text-gray-600 hover:bg-gray-200 border-gray-300"
                 } border`}
               >
                 임의 기간
@@ -302,7 +302,7 @@ const QuestionFiltersComponent = ({
             </label>
             <input
               type="date"
-              value={filters.dateFrom || ''}
+              value={filters.dateFrom || ""}
               onChange={(e) =>
                 onFiltersChange({ dateFrom: e.target.value || undefined })
               }
@@ -315,7 +315,7 @@ const QuestionFiltersComponent = ({
             </label>
             <input
               type="date"
-              value={filters.dateTo || ''}
+              value={filters.dateTo || ""}
               onChange={(e) =>
                 onFiltersChange({ dateTo: e.target.value || undefined })
               }
@@ -343,8 +343,8 @@ const QuestionFiltersComponent = ({
                       onClick={() => handleKeywordToggle(keyword.name)}
                       className={`px-3 py-1 rounded-full text-xs font-medium transition-colors hover:cursor-pointer hover:border-accent-100 ${
                         filters.keywords?.includes(keyword.name)
-                          ? 'bg-green-100 text-green-700 border-green-300'
-                          : 'bg-gray-100 text-gray-600 hover:bg-green-50 border-gray-300'
+                          ? "bg-green-100 text-green-700 border-green-300"
+                          : "bg-gray-100 text-gray-600 hover:bg-green-50 border-gray-300"
                       } border`}
                     >
                       {keyword.name}
@@ -373,8 +373,8 @@ const QuestionFiltersComponent = ({
                       onClick={() => handleKeywordToggle(keyword.name)}
                       className={`px-3 py-1 rounded-full text-xs font-medium transition-colors hover:cursor-pointer hover:border-accent-100 ${
                         filters.keywords?.includes(keyword.name)
-                          ? 'bg-purple-100 text-purple-700 border-purple-300'
-                          : 'bg-gray-100 text-gray-600 hover:bg-purple-50 border-gray-300'
+                          ? "bg-purple-100 text-purple-700 border-purple-300"
+                          : "bg-gray-100 text-gray-600 hover:bg-purple-50 border-gray-300"
                       } border`}
                     >
                       {keyword.name}
@@ -403,8 +403,8 @@ const QuestionFiltersComponent = ({
                       onClick={() => handleKeywordToggle(keyword.name)}
                       className={`px-3 py-1 rounded-full text-xs font-medium transition-colors hover:cursor-pointer hover:border-accent-100 ${
                         filters.keywords?.includes(keyword.name)
-                          ? 'bg-blue-100 text-blue-700 border-blue-300'
-                          : 'bg-gray-100 text-gray-600 hover:bg-blue-50 border-gray-300'
+                          ? "bg-blue-100 text-blue-700 border-blue-300"
+                          : "bg-gray-100 text-gray-600 hover:bg-blue-50 border-gray-300"
                       } border`}
                     >
                       {keyword.name}
diff --git a/src/components/questions/QuestionForm.tsx b/src/components/questions/QuestionForm.tsx
index 0af9db1..5d2ec93 100644
--- a/src/components/questions/QuestionForm.tsx
+++ b/src/components/questions/QuestionForm.tsx
@@ -1,11 +1,11 @@
-'use client';
+"use client";
 
-import { useAuth } from '@/hooks/auth';
-import { useQuestionsCategories } from '@/hooks/questions/useQuestionCategories';
-import { useQuestionKeywords } from '@/hooks/questions/useQuestionKeywords';
-import { QuestionFormData } from '@/types/questions';
-import { X } from 'lucide-react';
-import { useState } from 'react';
+import { useAuth } from "@/hooks/auth";
+import { useQuestionsCategories } from "@/hooks/questions/useQuestionCategories";
+import { useQuestionKeywords } from "@/hooks/questions/useQuestionKeywords";
+import { QuestionFormData } from "@/types/questions";
+import { X } from "lucide-react";
+import { useState } from "react";
 
 interface QuestionFormProps {
   initialData?: Partial<QuestionFormData>;
@@ -23,11 +23,11 @@ const QuestionForm = ({
   const { user } = useAuth();
   const { categories } = useQuestionsCategories();
   const [formData, setFormData] = useState<QuestionFormData>({
-    title: initialData?.title || '',
-    content: initialData?.content || '',
-    answer: initialData?.answer || '',
-    category_id: initialData?.category_id || categories[0]?.id || '',
-    date: initialData?.date || new Date().toISOString().split('T')[0],
+    title: initialData?.title || "",
+    content: initialData?.content || "",
+    answer: initialData?.answer || "",
+    category_id: initialData?.category_id || categories[0]?.id || "",
+    date: initialData?.date || new Date().toISOString().split("T")[0],
     is_public: initialData?.is_public ?? true,
     is_neighbor_visible: initialData?.is_neighbor_visible ?? true,
     is_answered: initialData?.is_answered ?? false,
@@ -39,9 +39,9 @@ const QuestionForm = ({
     categoryId: formData.category_id,
   });
 
-  const [newKeyword, setNewKeyword] = useState('');
+  const [newKeyword, setNewKeyword] = useState("");
   const [selectedKeywords, setSelectedKeywords] = useState<string[]>(
-    initialData?.keywords || []
+    initialData?.keywords || [],
   );
 
   const handleSubmit = (e: React.FormEvent) => {
@@ -55,7 +55,7 @@ const QuestionForm = ({
   const handleAddKeyword = () => {
     if (newKeyword.trim() && !selectedKeywords.includes(newKeyword.trim())) {
       setSelectedKeywords((prev) => [...prev, newKeyword.trim()]);
-      setNewKeyword('');
+      setNewKeyword("");
     }
   };
 
@@ -90,8 +90,8 @@ const QuestionForm = ({
               onClick={() => handleCategorySelect(category.id)}
               className={`px-3 py-2 rounded-lg text-sm font-medium transition-colors border hover:cursor-pointer ${
                 formData.category_id === category.id
-                  ? 'bg-accent-100 text-black-700 border-accent-500'
-                  : 'bg-gray-100 text-gray-600 hover:bg-gray-200 border-gray-300'
+                  ? "bg-accent-100 text-black-700 border-accent-500"
+                  : "bg-gray-100 text-gray-600 hover:bg-gray-200 border-gray-300"
               }`}
             >
               {category.display_name}
@@ -123,7 +123,7 @@ const QuestionForm = ({
           설명 (선택)
         </label>
         <textarea
-          value={formData.content || ''}
+          value={formData.content || ""}
           onChange={(e) =>
             setFormData((prev) => ({ ...prev, content: e.target.value }))
           }
@@ -139,7 +139,7 @@ const QuestionForm = ({
           답변
         </label>
         <textarea
-          value={formData.answer || ''}
+          value={formData.answer || ""}
           onChange={(e) => {
             const answer = e.target.value;
             setFormData((prev) => ({
@@ -183,7 +183,7 @@ const QuestionForm = ({
             value={newKeyword}
             onChange={(e) => setNewKeyword(e.target.value)}
             onKeyPress={(e) =>
-              e.key === 'Enter' && (e.preventDefault(), handleAddKeyword())
+              e.key === "Enter" && (e.preventDefault(), handleAddKeyword())
             }
             className="flex-1 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-accent-500"
             placeholder="새 키워드 추가"
@@ -209,8 +209,8 @@ const QuestionForm = ({
                   onClick={() => handleKeywordClick(keyword.name)}
                   className={`px-3 py-1 rounded-full text-sm cursor-pointer ${
                     selectedKeywords.includes(keyword.name)
-                      ? 'bg-accent-200 text-black-800'
-                      : 'bg-gray-100 text-gray-700 hover:bg-gray-200'
+                      ? "bg-accent-200 text-black-800"
+                      : "bg-gray-100 text-gray-700 hover:bg-gray-200"
                   }`}
                 >
                   {keyword.name}
@@ -312,7 +312,7 @@ const QuestionForm = ({
           disabled={isLoading}
           className="flex-1 bg-accent-500 text-white py-2 px-4 rounded-md hover:bg-accent-600 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer"
         >
-          {isLoading ? '저장 중...' : '저장'}
+          {isLoading ? "저장 중..." : "저장"}
         </button>
 
         {onCancel && (
diff --git a/src/components/questions/QuestionList.tsx b/src/components/questions/QuestionList.tsx
index fb1b15a..a129198 100644
--- a/src/components/questions/QuestionList.tsx
+++ b/src/components/questions/QuestionList.tsx
@@ -3,10 +3,10 @@ import {
   QuestionFilters,
   QuestionKeyword,
   QuestionWithKeywords,
-} from '@/types/questions';
-import QuestionCard from './QuestionCard';
-import { Loader2, Search } from 'lucide-react';
-import { useMemo } from 'react';
+} from "@/types/questions";
+import QuestionCard from "./QuestionCard";
+import { Loader2, Search } from "lucide-react";
+import { useMemo } from "react";
 
 interface QuestionListProps {
   questions: QuestionWithKeywords[];
@@ -44,7 +44,7 @@ const QuestionList = ({
       const matchingPreset = periodPresets.find(
         (preset) =>
           preset.startDate === filters.dateFrom &&
-          preset.endDate === filters.dateTo
+          preset.endDate === filters.dateTo,
       );
 
       if (matchingPreset) {
@@ -52,9 +52,9 @@ const QuestionList = ({
       }
 
       // 매치하는 프리셋이 없으면 날짜 범위 표시
-      return '임의기간';
+      return "임의기간";
     }
-    return '';
+    return "";
   };
 
   // 필터링된 키워드 통계
@@ -65,14 +65,14 @@ const QuestionList = ({
       .map((keywordName) => {
         const keyword = keywords.find((k) => k.name === keywordName);
         const usageCount = questions.filter((q) =>
-          q.keywords?.some((k) => k.name === keywordName)
+          q.keywords?.some((k) => k.name === keywordName),
         ).length;
 
         return {
           keyword: keyword || {
             id: keywordName,
             name: keywordName,
-            color: '#3b82f6',
+            color: "#3b82f6",
           },
           usageCount,
         };
@@ -95,13 +95,13 @@ const QuestionList = ({
         <div className="text-gray-400 text-lg mb-2">🤔</div>
         <p className="text-gray-600 mb-4">
           {hasActiveFilters
-            ? '검색 조건에 맞는 질문이 없습니다.'
-            : '아직 질문이 없습니다.'}
+            ? "검색 조건에 맞는 질문이 없습니다."
+            : "아직 질문이 없습니다."}
         </p>
         <p className="text-sm text-gray-500">
           {hasActiveFilters
-            ? '다른 조건으로 검색해보세요.'
-            : '새로운 질문을 작성해보세요!'}
+            ? "다른 조건으로 검색해보세요."
+            : "새로운 질문을 작성해보세요!"}
         </p>
       </div>
     );
@@ -115,7 +115,7 @@ const QuestionList = ({
           <div className="flex items-center gap-2">
             <Search className="w-5 h-5 text-accent-600" />
             <h2 className="text-lg font-semibold text-gray-900">
-              {hasActiveFilters ? '검색 결과' : '전체'}
+              {hasActiveFilters ? "검색 결과" : "전체"}
             </h2>
           </div>
           {hasActiveFilters && (
@@ -140,20 +140,20 @@ const QuestionList = ({
                   <span>
                     {filters.categories
                       .map((cat) =>
-                        cat === 'daily'
-                          ? '일상'
-                          : cat === 'growth'
-                            ? '성장'
-                            : '나만의 질문'
+                        cat === "daily"
+                          ? "일상"
+                          : cat === "growth"
+                            ? "성장"
+                            : "나만의 질문",
                       )
-                      .join(', ')}
+                      .join(", ")}
                   </span>
                 </>
               )}
               {filters.isAnswered !== undefined && (
                 <>
                   <span>•</span>
-                  <span>{filters.isAnswered ? '완료' : '대기'}</span>
+                  <span>{filters.isAnswered ? "완료" : "대기"}</span>
                 </>
               )}
             </div>
diff --git a/src/components/questions/QuestionStatistics.tsx b/src/components/questions/QuestionStatistics.tsx
index 7a48c64..7d99bf9 100644
--- a/src/components/questions/QuestionStatistics.tsx
+++ b/src/components/questions/QuestionStatistics.tsx
@@ -1,6 +1,6 @@
-import { QuestionWithKeywords } from '@/types/questions';
-import { CheckCircle, Clock, MessageCircle, TrendingUp } from 'lucide-react';
-import { useMemo } from 'react';
+import { QuestionWithKeywords } from "@/types/questions";
+import { CheckCircle, Clock, MessageCircle, TrendingUp } from "lucide-react";
+import { useMemo } from "react";
 
 interface QuestionStatisticsProps {
   questions: QuestionWithKeywords[];
@@ -15,20 +15,20 @@ const QuestionStatistics = ({ questions }: QuestionStatisticsProps) => {
 
     // 카테고리별 통계
     const dailyCount = questions.filter(
-      (q) => q.category?.name === 'daily'
+      (q) => q.category?.name === "daily",
     ).length;
     const growthCount = questions.filter(
-      (q) => q.category?.name === 'growth'
+      (q) => q.category?.name === "growth",
     ).length;
     const customCount = questions.filter(
-      (q) => q.category?.name === 'custom'
+      (q) => q.category?.name === "custom",
     ).length;
 
     // 최근 7일 활동
     const oneWeekAgo = new Date();
     oneWeekAgo.setDate(oneWeekAgo.getDate() - 7);
     const recentQuestions = questions.filter(
-      (q) => new Date(q.date) >= oneWeekAgo
+      (q) => new Date(q.date) >= oneWeekAgo,
     ).length;
 
     // 가장 많이 사용된 키워드 (상위 3개)
@@ -39,7 +39,7 @@ const QuestionStatistics = ({ questions }: QuestionStatisticsProps) => {
           acc[keyword.name] = (acc[keyword.name] || 0) + 1;
           return acc;
         },
-        {} as Record<string, number>
+        {} as Record<string, number>,
       );
 
     const topKeywords = Object.entries(keywordCounts)
@@ -115,7 +115,7 @@ const QuestionStatistics = ({ questions }: QuestionStatisticsProps) => {
                     width:
                       statistics.total > 0
                         ? `${(statistics.dailyCount / statistics.total) * 100}%`
-                        : '0%',
+                        : "0%",
                   }}
                 />
               </div>
@@ -135,7 +135,7 @@ const QuestionStatistics = ({ questions }: QuestionStatisticsProps) => {
                     width:
                       statistics.total > 0
                         ? `${(statistics.growthCount / statistics.total) * 100}%`
-                        : '0%',
+                        : "0%",
                   }}
                 />
               </div>
@@ -155,7 +155,7 @@ const QuestionStatistics = ({ questions }: QuestionStatisticsProps) => {
                     width:
                       statistics.total > 0
                         ? `${(statistics.customCount / statistics.total) * 100}%`
-                        : '0%',
+                        : "0%",
                   }}
                 />
               </div>
diff --git a/src/components/reflections/DashboardReflectionWidget.tsx b/src/components/reflections/DashboardReflectionWidget.tsx
index 247da3b..1f0faf6 100644
--- a/src/components/reflections/DashboardReflectionWidget.tsx
+++ b/src/components/reflections/DashboardReflectionWidget.tsx
@@ -1,8 +1,8 @@
-import { useAuth } from '@/hooks/auth';
-import { useKeywords } from '@/hooks/reflections/useKeywords';
-import { useReflections } from '@/hooks/reflections/useReflections';
-import { format } from 'date-fns';
-import { ko } from 'date-fns/locale';
+import { useAuth } from "@/hooks/auth";
+import { useKeywords } from "@/hooks/reflections/useKeywords";
+import { useReflections } from "@/hooks/reflections/useReflections";
+import { format } from "date-fns";
+import { ko } from "date-fns/locale";
 import {
   ArrowRight,
   BookOpen,
@@ -11,9 +11,9 @@ import {
   Lightbulb,
   PencilIcon,
   Plus,
-} from 'lucide-react';
-import Link from 'next/link';
-import { useMemo } from 'react';
+} from "lucide-react";
+import Link from "next/link";
+import { useMemo } from "react";
 
 const DashboardReflectionWidget = () => {
   const { user } = useAuth();
@@ -122,7 +122,7 @@ const DashboardReflectionWidget = () => {
                 >
                   <div className="flex items-start justify-between mb-2">
                     <div className="flex items-center gap-2">
-                      {reflection.category?.name === 'gratitude' ? (
+                      {reflection.category?.name === "gratitude" ? (
                         <Heart className="w-4 h-4 text-orange-600" />
                       ) : (
                         <Lightbulb className="w-4 h-4 text-blue-600" />
@@ -132,7 +132,7 @@ const DashboardReflectionWidget = () => {
                       </span>
                     </div>
                     <span className="text-xs text-gray-500">
-                      {format(new Date(reflection.date), 'MM/dd', {
+                      {format(new Date(reflection.date), "MM/dd", {
                         locale: ko,
                       })}
                     </span>
diff --git a/src/components/reflections/KeywordInput.tsx b/src/components/reflections/KeywordInput.tsx
index 2bc79ad..498fd53 100644
--- a/src/components/reflections/KeywordInput.tsx
+++ b/src/components/reflections/KeywordInput.tsx
@@ -1,7 +1,7 @@
-'use client';
+"use client";
 
-import { X } from 'lucide-react';
-import { useRef, useState } from 'react';
+import { X } from "lucide-react";
+import { useRef, useState } from "react";
 
 interface KeywordInputProps {
   keywords: string[];
@@ -13,20 +13,20 @@ interface KeywordInputProps {
 const KeywordInput = ({
   keywords,
   onChange,
-  placeholder = '키워드를 입력하고 Enter를 누르세요.',
+  placeholder = "키워드를 입력하고 Enter를 누르세요.",
   maxKeywords = 10,
 }: KeywordInputProps) => {
-  const [inputValue, setInputValue] = useState('');
+  const [inputValue, setInputValue] = useState("");
   const [isFocused, setIsFocused] = useState(false);
   const inputRef = useRef<HTMLInputElement>(null);
 
   const handleKeyDown = (e: React.KeyboardEvent) => {
-    if (e.key === 'Enter' || e.key === ',') {
+    if (e.key === "Enter" || e.key === ",") {
       e.preventDefault();
       addKeyword();
     } else if (
-      e.key === 'Backspace' &&
-      inputValue === '' &&
+      e.key === "Backspace" &&
+      inputValue === "" &&
       keywords.length > 0
     ) {
       // 빈 입력에서 백스페이스 시 마지막 키워드 제거
@@ -42,7 +42,7 @@ const KeywordInput = ({
       keywords.length < maxKeywords
     ) {
       onChange([...keywords, trimmed]);
-      setInputValue('');
+      setInputValue("");
     }
   };
 
@@ -63,8 +63,8 @@ const KeywordInput = ({
       <div
         className={`min-h-[42px] px-3 py-2 border rounded-lg cursor-text transition-colors ${
           isFocused
-            ? 'border-accent-500 ring-2 ring-accent-200'
-            : 'border-gray-300 hover:border-gray-400'
+            ? "border-accent-500 ring-2 ring-accent-200"
+            : "border-gray-300 hover:border-gray-400"
         }`}
         onClick={handleContainerClick}
       >
diff --git a/src/components/reflections/KeywordManagementModal.tsx b/src/components/reflections/KeywordManagementModal.tsx
index 153a001..4bf1748 100644
--- a/src/components/reflections/KeywordManagementModal.tsx
+++ b/src/components/reflections/KeywordManagementModal.tsx
@@ -1,11 +1,11 @@
-'use client';
+"use client";
 
-import { useKeywords } from '@/hooks/reflections/useKeywords';
-import { useReflectionCategories } from '@/hooks/reflections/useReflectionCategories';
-import { Keyword } from '@/types/reflections';
-import { useMemo, useState } from 'react';
-import Modal from '../common/Modal';
-import { Hash, Trash2, X } from 'lucide-react';
+import { useKeywords } from "@/hooks/reflections/useKeywords";
+import { useReflectionCategories } from "@/hooks/reflections/useReflectionCategories";
+import { Keyword } from "@/types/reflections";
+import { useMemo, useState } from "react";
+import Modal from "../common/Modal";
+import { Hash, Trash2, X } from "lucide-react";
 
 interface KeywordManagementModalProps {
   isOpen: boolean;
@@ -21,12 +21,12 @@ const KeywordManagementModal = ({
   const { keywords, keywordStats, deleteKeyword, isLoading } =
     useKeywords(userId);
   const { gratitudeCategory, reflectionCategory } = useReflectionCategories();
-  const [selectedCategory] = useState<'all'>('all');
+  const [selectedCategory] = useState<"all">("all");
 
   // 카테고리별 크워드 분ㅇ류 및 사용되지 않는 키워드 필터링
   const { unusedKeywords } = useMemo(() => {
     const statsMap = new Map(
-      keywordStats.map((stat) => [stat.keyword.id, stat.usageCount])
+      keywordStats.map((stat) => [stat.keyword.id, stat.usageCount]),
     );
 
     const unused = keywords.filter((keyword) => {
@@ -36,10 +36,10 @@ const KeywordManagementModal = ({
 
     const categorized = {
       gratitude: unused.filter(
-        (k) => gratitudeCategory && k.category_id === gratitudeCategory.id
+        (k) => gratitudeCategory && k.category_id === gratitudeCategory.id,
       ),
       reflection: unused.filter(
-        (k) => reflectionCategory && k.category_id === reflectionCategory.id
+        (k) => reflectionCategory && k.category_id === reflectionCategory.id,
       ),
     };
 
@@ -56,7 +56,7 @@ const KeywordManagementModal = ({
       try {
         await deleteKeyword(keyword.id);
       } catch {
-        alert('키워드 삭제 중 오류가 발생했습니다.');
+        alert("키워드 삭제 중 오류가 발생했습니다.");
       }
     }
   };
@@ -121,8 +121,8 @@ const KeywordManagementModal = ({
                     <span className="text-xs text-gray-500 bg-gray-200 px-2 py-1 rounded ">
                       {gratitudeCategory &&
                       keyword.category_id === gratitudeCategory.id
-                        ? '감사'
-                        : '성찰'}
+                        ? "감사"
+                        : "성찰"}
                     </span>
                   </div>
                   <button
@@ -142,9 +142,9 @@ const KeywordManagementModal = ({
                 삭제할 수 있는 키워드가 없습니다.
               </h3>
               <p className="text-gray-500">
-                {selectedCategory === 'all'
-                  ? '모든 키워드가 사용 중입니다.'
-                  : `${selectedCategory === 'gratitude' ? '감사' : '성찰'} 카테고리에 사용되지 않은 키워드가 없습니다.`}
+                {selectedCategory === "all"
+                  ? "모든 키워드가 사용 중입니다."
+                  : `${selectedCategory === "gratitude" ? "감사" : "성찰"} 카테고리에 사용되지 않은 키워드가 없습니다.`}
               </p>
             </div>
           )}
diff --git a/src/components/reflections/KeywordReflectionsModal.tsx b/src/components/reflections/KeywordReflectionsModal.tsx
index d7dbdb5..acb1a85 100644
--- a/src/components/reflections/KeywordReflectionsModal.tsx
+++ b/src/components/reflections/KeywordReflectionsModal.tsx
@@ -1,8 +1,8 @@
-'use client';
+"use client";
 
-import { useReflections } from '@/hooks/reflections/useReflections';
-import { useEffect, useMemo, useState } from 'react';
-import Modal from '../common/Modal';
+import { useReflections } from "@/hooks/reflections/useReflections";
+import { useEffect, useMemo, useState } from "react";
+import Modal from "../common/Modal";
 import {
   ChevronLeft,
   ChevronRight,
@@ -10,9 +10,9 @@ import {
   Heart,
   Lightbulb,
   X,
-} from 'lucide-react';
-import { format } from 'date-fns';
-import { ko } from 'date-fns/locale';
+} from "lucide-react";
+import { format } from "date-fns";
+import { ko } from "date-fns/locale";
 
 interface KeywordReflectionsModalProps {
   isOpen: boolean;
@@ -41,14 +41,14 @@ const KeywordReflectionsModal = ({
   const { keywordReflections, gratitudeReflections, reflectionReflections } =
     useMemo(() => {
       const filtered = reflections.filter((reflection) =>
-        reflection.keywords?.some((keyword) => keyword.name === keywordName)
+        reflection.keywords?.some((keyword) => keyword.name === keywordName),
       );
 
       const gratitude = filtered.filter(
-        (r) => r.category?.name === 'gratitude'
+        (r) => r.category?.name === "gratitude",
       );
       const reflection = filtered.filter(
-        (r) => r.category?.name === 'reflection'
+        (r) => r.category?.name === "reflection",
       );
 
       return {
@@ -64,13 +64,13 @@ const KeywordReflectionsModal = ({
   // 네비게이션 핸들러
   const handlePrevious = () => {
     setCurrentIndex((prev) =>
-      prev === 0 ? keywordReflections.length - 1 : prev - 1
+      prev === 0 ? keywordReflections.length - 1 : prev - 1,
     );
   };
 
   const handleNext = () => {
     setCurrentIndex((prev) =>
-      prev === keywordReflections.length - 1 ? 0 : prev + 1
+      prev === keywordReflections.length - 1 ? 0 : prev + 1,
     );
   };
 
@@ -84,20 +84,20 @@ const KeywordReflectionsModal = ({
     const handleKeyDown = (e: KeyboardEvent) => {
       if (!isOpen) return;
 
-      if (e.key === 'ArrowLeft') {
+      if (e.key === "ArrowLeft") {
         e.preventDefault();
         handlePrevious();
-      } else if (e.key === 'ArrowRight') {
+      } else if (e.key === "ArrowRight") {
         e.preventDefault();
         handleNext();
-      } else if (e.key === 'Escape') {
+      } else if (e.key === "Escape") {
         e.preventDefault();
         handleClose();
       }
     };
 
-    window.addEventListener('keydown', handleKeyDown);
-    return () => window.removeEventListener('keydown', handleKeyDown);
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
   }, [isOpen]);
 
   // 모달이 열릴 때 인덱스 초기화
@@ -182,7 +182,7 @@ const KeywordReflectionsModal = ({
             {/* 회고 타입과 날짜 */}
             <div className="flex items-center justify-between mb-4">
               <div className="flex items-center gap-2">
-                {currentReflection.category?.name === 'gratitude' ? (
+                {currentReflection.category?.name === "gratitude" ? (
                   <>
                     <Heart className="w-5 h-5 text-orange-600" />
                     <span className="text-orange-600 font-medium">감사</span>
@@ -195,7 +195,7 @@ const KeywordReflectionsModal = ({
                 )}
               </div>
               <span className="text-sm text-gray-500">
-                {format(new Date(currentReflection.date), 'yyyy. MM. dd.', {
+                {format(new Date(currentReflection.date), "yyyy. MM. dd.", {
                   locale: ko,
                 })}
               </span>
@@ -225,8 +225,8 @@ const KeywordReflectionsModal = ({
                         key={keyword.id}
                         className={`inline-flex items-center px-3 py-1 rounded-full text-sm font-medium ${
                           keyword.name === keywordName
-                            ? 'ring-2 ring-accent-500'
-                            : ''
+                            ? "ring-2 ring-accent-500"
+                            : ""
                         }`}
                         style={{
                           backgroundColor: `${keyword.color}20`,
@@ -262,8 +262,8 @@ const KeywordReflectionsModal = ({
                       onClick={() => setCurrentIndex(index)}
                       className={`w-2 h-2 rounded-full transition-colors ${
                         index === currentIndex
-                          ? 'bg-accent-600'
-                          : 'bg-gray-300 hover:bg-gray-400'
+                          ? "bg-accent-600"
+                          : "bg-gray-300 hover:bg-gray-400"
                       }`}
                     />
                   ))}
diff --git a/src/components/reflections/ReflectionCard.tsx b/src/components/reflections/ReflectionCard.tsx
index 0341c55..bf6adf8 100644
--- a/src/components/reflections/ReflectionCard.tsx
+++ b/src/components/reflections/ReflectionCard.tsx
@@ -1,17 +1,17 @@
-'use client';
+"use client";
 
-import { ReflectionWithKeywords } from '@/types/reflections/ui';
+import { ReflectionWithKeywords } from "@/types/reflections/ui";
 import {
   getReflectionTypeBgColor,
   getReflectionTypeColor,
   getReflectionTypeLabel,
   getVisibilityLabel,
   getVisibilityStatus,
-} from '@/utils/reflections/helpers';
-import { format } from 'date-fns';
-import { ko } from 'date-fns/locale';
-import { Calendar, Edit, Heart, Lightbulb, Trash2 } from 'lucide-react';
-import Link from 'next/link';
+} from "@/utils/reflections/helpers";
+import { format } from "date-fns";
+import { ko } from "date-fns/locale";
+import { Calendar, Edit, Heart, Lightbulb, Trash2 } from "lucide-react";
+import Link from "next/link";
 
 interface ReflectionCardProps {
   reflection: ReflectionWithKeywords;
@@ -24,7 +24,7 @@ const ReflectionCard = ({
   onEdit,
   onDelete,
 }: ReflectionCardProps) => {
-  const isGratitude = reflection.category?.name === 'gratitude';
+  const isGratitude = reflection.category?.name === "gratitude";
   const TypeIcon = isGratitude ? Heart : Lightbulb;
 
   const handleEdit = (e: React.MouseEvent) => {
@@ -48,12 +48,12 @@ const ReflectionCard = ({
           <span
             title={getVisibilityLabel(
               reflection.is_public,
-              reflection.is_neighbor_visible
+              reflection.is_neighbor_visible,
             )}
           >
             {getVisibilityStatus(
               reflection.is_public,
-              reflection.is_neighbor_visible
+              reflection.is_neighbor_visible,
             )}
           </span>
           {reflection.is_own && (
@@ -77,24 +77,24 @@ const ReflectionCard = ({
         </div>
         <div className="flex items-center gap-2">
           <div
-            className={`p-2 rounded-lg ${getReflectionTypeBgColor(reflection.category?.name || 'gratitude')}`}
+            className={`p-2 rounded-lg ${getReflectionTypeBgColor(reflection.category?.name || "gratitude")}`}
           >
             <TypeIcon
-              className={`w-4 h-4 ${getReflectionTypeColor(reflection.category?.name || 'gratitude')}`}
+              className={`w-4 h-4 ${getReflectionTypeColor(reflection.category?.name || "gratitude")}`}
             />
           </div>
           <div>
             <span
-              className={`text-sm font-medium ${getReflectionTypeColor(reflection.category?.name || 'gratitude')}`}
+              className={`text-sm font-medium ${getReflectionTypeColor(reflection.category?.name || "gratitude")}`}
             >
               {reflection.category?.display_name ||
                 getReflectionTypeLabel(
-                  reflection.category?.name || 'gratitude'
+                  reflection.category?.name || "gratitude",
                 )}
             </span>
             <div className="flex items-center gap-2 text-xs text-gray-500">
               <Calendar className="w-3 h-3" />
-              {format(new Date(reflection.date), 'yyyy. M. d.', {
+              {format(new Date(reflection.date), "yyyy. M. d.", {
                 locale: ko,
               })}
             </div>
diff --git a/src/components/reflections/ReflectionFilters.tsx b/src/components/reflections/ReflectionFilters.tsx
index fc16a79..9d61b31 100644
--- a/src/components/reflections/ReflectionFilters.tsx
+++ b/src/components/reflections/ReflectionFilters.tsx
@@ -1,8 +1,8 @@
-import { useReflectionCategories } from '@/hooks/reflections/useReflectionCategories';
-import { DateRangePeriod, Keyword } from '@/types/reflections';
-import { ReflectionFilters } from '@/types/reflections/ui';
-import { Filter, X } from 'lucide-react';
-import { useMemo } from 'react';
+import { useReflectionCategories } from "@/hooks/reflections/useReflectionCategories";
+import { DateRangePeriod, Keyword } from "@/types/reflections";
+import { ReflectionFilters } from "@/types/reflections/ui";
+import { Filter, X } from "lucide-react";
+import { useMemo } from "react";
 
 interface ReflectionFiltersComponentProps {
   filters: ReflectionFilters;
@@ -24,10 +24,10 @@ const ReflectionFiltersComponent = ({
   // 카테고리별 키워드 분류
   const { gratitudeKeywords, reflectionKeywords } = useMemo(() => {
     const gratitude = keywords.filter(
-      (k) => gratitudeCategory && k.category_id === gratitudeCategory.id
+      (k) => gratitudeCategory && k.category_id === gratitudeCategory.id,
     );
     const reflection = keywords.filter(
-      (k) => reflectionCategory && k.category_id === reflectionCategory.id
+      (k) => reflectionCategory && k.category_id === reflectionCategory.id,
     );
 
     return { gratitudeKeywords: gratitude, reflectionKeywords: reflection };
@@ -44,22 +44,22 @@ const ReflectionFiltersComponent = ({
 
   const clearFilters = () => {
     onFiltersChange({
-      type: 'all',
+      type: "all",
       keywords: [],
       startDate: undefined,
       endDate: undefined,
-      searchTerm: '',
-      visibility: 'all',
+      searchTerm: "",
+      visibility: "all",
     });
   };
 
   const hasActiveFilters =
-    filters.type !== 'all' ||
+    filters.type !== "all" ||
     (filters.keywords && filters.keywords.length > 0) ||
     filters.startDate ||
     filters.endDate ||
     filters.searchTerm ||
-    filters.visibility !== 'all';
+    filters.visibility !== "all";
 
   return (
     <div className="bg-white rounded-lg border p-4 space-y-4">
@@ -84,10 +84,10 @@ const ReflectionFiltersComponent = ({
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
         {/* 타입 필터 */}
         <select
-          value={filters.type || 'all'}
+          value={filters.type || "all"}
           onChange={(e) =>
             onFiltersChange({
-              type: e.target.value as ReflectionFilters['type'],
+              type: e.target.value as ReflectionFilters["type"],
             })
           }
           className="px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500 text-sm"
@@ -99,10 +99,10 @@ const ReflectionFiltersComponent = ({
 
         {/* 가시성 필터 */}
         <select
-          value={filters.visibility || 'all'}
+          value={filters.visibility || "all"}
           onChange={(e) =>
             onFiltersChange({
-              visibility: e.target.value as ReflectionFilters['visibility'],
+              visibility: e.target.value as ReflectionFilters["visibility"],
             })
           }
           className="px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500 text-sm"
@@ -130,7 +130,7 @@ const ReflectionFiltersComponent = ({
         <input
           type="text"
           placeholder="제목, 내용, 키워드 검색..."
-          value={filters.searchTerm || ''}
+          value={filters.searchTerm || ""}
           onChange={(e) => onFiltersChange({ searchTerm: e.target.value })}
           className="px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500 text-sm"
         />
@@ -144,7 +144,7 @@ const ReflectionFiltersComponent = ({
           </label>
           <input
             type="date"
-            value={filters.startDate || ''}
+            value={filters.startDate || ""}
             onChange={(e) => onFiltersChange({ startDate: e.target.value })}
             className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500 text-sm"
           />
@@ -155,7 +155,7 @@ const ReflectionFiltersComponent = ({
           </label>
           <input
             type="date"
-            value={filters.endDate || ''}
+            value={filters.endDate || ""}
             onChange={(e) => onFiltersChange({ endDate: e.target.value })}
             className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500 text-sm"
           />
@@ -181,8 +181,8 @@ const ReflectionFiltersComponent = ({
                     onClick={() => handleKeywordToggle(keyword.name)}
                     className={`px-3 py-1 rounded-full text-xs font-medium transition-colors ${
                       filters.keywords?.includes(keyword.name)
-                        ? 'bg-orange-100 text-orange-700 border-orange-300'
-                        : 'bg-gray-100 text-gray-600 hover:bg-orange-50 border-gray-300'
+                        ? "bg-orange-100 text-orange-700 border-orange-300"
+                        : "bg-gray-100 text-gray-600 hover:bg-orange-50 border-gray-300"
                     } border`}
                   >
                     {keyword.name}
@@ -211,8 +211,8 @@ const ReflectionFiltersComponent = ({
                     onClick={() => handleKeywordToggle(keyword.name)}
                     className={`px-3 py-1 rounded-full text-xs font-medium transition-colors ${
                       filters.keywords?.includes(keyword.name)
-                        ? 'bg-blue-100 text-blue-700 border-blue-300'
-                        : 'bg-gray-100 text-gray-600 hover:bg-blue-50 border-gray-300'
+                        ? "bg-blue-100 text-blue-700 border-blue-300"
+                        : "bg-gray-100 text-gray-600 hover:bg-blue-50 border-gray-300"
                     } border`}
                   >
                     {keyword.name}
@@ -233,11 +233,11 @@ const ReflectionFiltersComponent = ({
       {hasActiveFilters && (
         <div className="pt-3 border-t">
           <div className="flex flex-wrap gap-2">
-            {filters.type !== 'all' && (
+            {filters.type !== "all" && (
               <span className="inline-flex items-center gap-1 px-2 py-1 bg-blue-100 text-blue-700 rounded text-xs">
-                타입: {filters.type === 'gratitude' ? '감사' : '성찰'}
+                타입: {filters.type === "gratitude" ? "감사" : "성찰"}
                 <button
-                  onClick={() => onFiltersChange({ type: 'all' })}
+                  onClick={() => onFiltersChange({ type: "all" })}
                   className="hover:bg-blue-200 rounded-full"
                 >
                   <X className="w-3 h-3" />
diff --git a/src/components/reflections/ReflectionForm.tsx b/src/components/reflections/ReflectionForm.tsx
index e167cab..98c7aa7 100644
--- a/src/components/reflections/ReflectionForm.tsx
+++ b/src/components/reflections/ReflectionForm.tsx
@@ -1,18 +1,18 @@
-'use client';
+"use client";
 
-import { ReflectionFormData } from '@/types/reflections';
-import { format } from 'date-fns';
-import { Heart, Lightbulb, Save, X } from 'lucide-react';
-import { useState } from 'react';
-import KeywordInput from './KeywordInput';
-import { useReflectionCategories } from '@/hooks/reflections/useReflectionCategories';
+import { ReflectionFormData } from "@/types/reflections";
+import { format } from "date-fns";
+import { Heart, Lightbulb, Save, X } from "lucide-react";
+import { useState } from "react";
+import KeywordInput from "./KeywordInput";
+import { useReflectionCategories } from "@/hooks/reflections/useReflectionCategories";
 
 interface ReflectionFormProps {
   onSubmit: (data: ReflectionFormData) => void;
   onCancel: () => void;
   initialData?: Partial<ReflectionFormData>;
   isSubmitting?: boolean;
-  mode?: 'create' | 'edit';
+  mode?: "create" | "edit";
 }
 
 const ReflectionForm = ({
@@ -20,16 +20,16 @@ const ReflectionForm = ({
   onCancel,
   initialData,
   isSubmitting = false,
-  mode = 'create',
+  mode = "create",
 }: ReflectionFormProps) => {
   const { categories, gratitudeCategory, reflectionCategory, isLoading } =
     useReflectionCategories();
 
   const [formData, setFormData] = useState<ReflectionFormData>({
-    title: initialData?.title || '',
-    content: initialData?.content || '',
-    category_id: initialData?.category_id || gratitudeCategory?.id || '',
-    date: initialData?.date || format(new Date(), 'yyyy-MM-dd'),
+    title: initialData?.title || "",
+    content: initialData?.content || "",
+    category_id: initialData?.category_id || gratitudeCategory?.id || "",
+    date: initialData?.date || format(new Date(), "yyyy-MM-dd"),
     is_public: initialData?.is_public ?? true,
     is_neighbor_visible: initialData?.is_neighbor_visible ?? true,
     keywords: initialData?.keywords || [],
@@ -47,7 +47,7 @@ const ReflectionForm = ({
 
   const updateField = <K extends keyof ReflectionFormData>(
     field: K,
-    value: ReflectionFormData[K]
+    value: ReflectionFormData[K],
   ) => {
     setFormData((prev) => ({ ...prev, [field]: value }));
   };
@@ -56,7 +56,7 @@ const ReflectionForm = ({
     formData.content.trim().length >= 10 && formData.category_id;
 
   const selectedCategory = categories.find(
-    (c) => c.id === formData.category_id
+    (c) => c.id === formData.category_id,
   );
 
   if (isLoading) {
@@ -77,7 +77,7 @@ const ReflectionForm = ({
         {/* 헤더 */}
         <div className="flex items-center justify-between">
           <h2 className="text-xl font-bold text-gray-900">
-            {mode === 'create' ? '회고 작성' : '회고 수정'}
+            {mode === "create" ? "회고 작성" : "회고 수정"}
           </h2>
           <button
             type="button"
@@ -89,7 +89,7 @@ const ReflectionForm = ({
         </div>
 
         {/* 도움말 */}
-        {mode === 'create' && (
+        {mode === "create" && (
           <div className="bg-blue-50 border border-blue-200 rounded-lg p-2">
             <h3 className="font-medium text-accent-400 mb-2">Tip</h3>
             <ul className="text-sm text-accent-500 space-y-1">
@@ -109,7 +109,7 @@ const ReflectionForm = ({
         )}
 
         {/* 주의사항 */}
-        {mode === 'edit' && (
+        {mode === "edit" && (
           <div className="bg-yellow-50 border border-yellow-200 rounded-lg p-4">
             <h3 className="text-sm font-medium text-yellow-800 mb-2">
               ⚠️ 주의사항
@@ -138,8 +138,8 @@ const ReflectionForm = ({
                 onClick={() => handleCategoryChange(gratitudeCategory.id)}
                 className={`p-4 rounded-lg border-2 transition-all ${
                   formData.category_id === gratitudeCategory.id
-                    ? 'border-orange-300 bg-orange-50'
-                    : 'border-gray-200 hover:border-gray-300'
+                    ? "border-orange-300 bg-orange-50"
+                    : "border-gray-200 hover:border-gray-300"
                 }`}
               >
                 <div className="flex items-center gap-3">
@@ -164,8 +164,8 @@ const ReflectionForm = ({
                 onClick={() => handleCategoryChange(reflectionCategory.id)}
                 className={`p-4 rounded-lg border-2 transition-all ${
                   formData.category_id === reflectionCategory.id
-                    ? 'border-blue-300 bg-blue-50'
-                    : 'border-gray-200 hover:border-gray-300'
+                    ? "border-blue-300 bg-blue-50"
+                    : "border-gray-200 hover:border-gray-300"
                 }`}
               >
                 <div className="flex items-center gap-3">
@@ -194,8 +194,8 @@ const ReflectionForm = ({
           <input
             type="date"
             value={formData.date}
-            onChange={(e) => updateField('date', e.target.value)}
-            max={format(new Date(), 'yyyy-MM-dd')}
+            onChange={(e) => updateField("date", e.target.value)}
+            max={format(new Date(), "yyyy-MM-dd")}
             className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500"
             required
           />
@@ -208,9 +208,9 @@ const ReflectionForm = ({
           </label>
           <input
             type="text"
-            value={formData.title || ''}
-            onChange={(e) => updateField('title', e.target.value || null)}
-            placeholder={`오늘의 ${selectedCategory?.display_name || '회고'}...`}
+            value={formData.title || ""}
+            onChange={(e) => updateField("title", e.target.value || null)}
+            placeholder={`오늘의 ${selectedCategory?.display_name || "회고"}...`}
             className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500"
           />
         </div>
@@ -222,11 +222,11 @@ const ReflectionForm = ({
           </label>
           <textarea
             value={formData.content}
-            onChange={(e) => updateField('content', e.target.value)}
+            onChange={(e) => updateField("content", e.target.value)}
             placeholder={
-              selectedCategory?.name === 'gratitude'
-                ? '오늘 감사했던 일들을 자유롭게 적어보세요...'
-                : '오늘 느낀 것, 배운 것, 깨달은 것을 정리해보세요...'
+              selectedCategory?.name === "gratitude"
+                ? "오늘 감사했던 일들을 자유롭게 적어보세요..."
+                : "오늘 느낀 것, 배운 것, 깨달은 것을 정리해보세요..."
             }
             rows={6}
             className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500 resize-none"
@@ -235,7 +235,7 @@ const ReflectionForm = ({
           <div className="flex justify-between text-xs text-gray-500">
             <span>{formData.content.length}자</span>
             <span
-              className={formData.content.length < 10 ? 'text-red-500' : ''}
+              className={formData.content.length < 10 ? "text-red-500" : ""}
             >
               최소 10자 이상 작성해주세요.
             </span>
@@ -250,7 +250,7 @@ const ReflectionForm = ({
           </div>
           <KeywordInput
             keywords={formData.keywords}
-            onChange={(keywords) => updateField('keywords', keywords)}
+            onChange={(keywords) => updateField("keywords", keywords)}
             placeholder="키워드를 입력하고 Enter를 누르세요."
             maxKeywords={10}
           />
@@ -268,8 +268,8 @@ const ReflectionForm = ({
                 name="visibility"
                 checked={formData.is_public && formData.is_neighbor_visible}
                 onChange={() => {
-                  updateField('is_public', true);
-                  updateField('is_neighbor_visible', true);
+                  updateField("is_public", true);
+                  updateField("is_neighbor_visible", true);
                 }}
                 className="w-4 h-4 text-accent-600 bg-gray-100 border-gray-300 focus:ring-accent-500"
               />
@@ -282,8 +282,8 @@ const ReflectionForm = ({
                 name="visibility"
                 checked={!formData.is_public && formData.is_neighbor_visible}
                 onChange={() => {
-                  updateField('is_public', false);
-                  updateField('is_neighbor_visible', true);
+                  updateField("is_public", false);
+                  updateField("is_neighbor_visible", true);
                 }}
                 className="w-4 h-4 text-accent-600 bg-gray-100 border-gray-300 focus:ring-accent-500"
               />
@@ -296,8 +296,8 @@ const ReflectionForm = ({
                 name="visibility"
                 checked={!formData.is_public && !formData.is_neighbor_visible}
                 onChange={() => {
-                  updateField('is_public', false);
-                  updateField('is_neighbor_visible', false);
+                  updateField("is_public", false);
+                  updateField("is_neighbor_visible", false);
                 }}
                 className="w-4 h-4 text-accent-600 bg-gray-100 border-gray-300 focus:ring-accent-500"
               />
@@ -325,7 +325,7 @@ const ReflectionForm = ({
             ) : (
               <Save className="w-4 h-4" />
             )}
-            {mode === 'create' ? '작성' : '수정'}
+            {mode === "create" ? "작성" : "수정"}
           </button>
         </div>
       </form>
diff --git a/src/hooks/auth/index.ts b/src/hooks/auth/index.ts
index a6faa44..d8185f6 100644
--- a/src/hooks/auth/index.ts
+++ b/src/hooks/auth/index.ts
@@ -1 +1 @@
-export { useAuth } from './useAuth';
\ No newline at end of file
+export { useAuth } from "./useAuth";
diff --git a/src/hooks/auth/useAuth.ts b/src/hooks/auth/useAuth.ts
index 028a7fa..15d5256 100644
--- a/src/hooks/auth/useAuth.ts
+++ b/src/hooks/auth/useAuth.ts
@@ -1,8 +1,12 @@
-import { LoginFormData, ProfileUpdateData, SignupFormData } from './../../types/auth/forms';
-import { supabase } from '@/lib/supabase';
-import { UserProfile } from '@/types/auth';
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
-import { useEffect, useState } from 'react';
+import {
+  LoginFormData,
+  ProfileUpdateData,
+  SignupFormData,
+} from "./../../types/auth/forms";
+import { supabase } from "@/lib/supabase";
+import { UserProfile } from "@/types/auth";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useEffect, useState } from "react";
 
 export const useAuth = () => {
   const queryClient = useQueryClient();
@@ -10,9 +14,12 @@ export const useAuth = () => {
 
   // 현재 세션 조회
   const { data: session, isLoading: isSessionLoading } = useQuery({
-    queryKey: ['auth', 'session'],
+    queryKey: ["auth", "session"],
     queryFn: async () => {
-      const { data: { session }, error } = await supabase.auth.getSession();
+      const {
+        data: { session },
+        error,
+      } = await supabase.auth.getSession();
       if (error) throw error;
       setIsInitialized(true);
       return session;
@@ -24,18 +31,18 @@ export const useAuth = () => {
 
   // 사용자 프로필 조회
   const { data: profile, isLoading: isProfileLoading } = useQuery({
-    queryKey: ['auth', 'profile', session?.user?.id],
+    queryKey: ["auth", "profile", session?.user?.id],
     queryFn: async (): Promise<UserProfile | null> => {
       if (!session?.user?.id) return null;
 
       const { data, error } = await supabase
-        .from('profiles')
-        .select('*')
-        .eq('id', session.user.id)
+        .from("profiles")
+        .select("*")
+        .eq("id", session.user.id)
         .maybeSingle();
 
       if (error) {
-        console.error('프로필 조회 에러:', error);
+        console.error("프로필 조회 에러:", error);
         throw error;
       }
 
@@ -61,50 +68,54 @@ export const useAuth = () => {
 
       if (error) {
         // 로그인 실패 에러 메시지
-        if (error.message.includes('Invalid login credentials') ||
-            error.message.includes('Email not confirmed') ||
-            error.message.includes('Invalid email or password')) {
-          throw new Error('이메일 또는 비밀번호가 올바르지 않습니다.');
-          }
+        if (
+          error.message.includes("Invalid login credentials") ||
+          error.message.includes("Email not confirmed") ||
+          error.message.includes("Invalid email or password")
+        ) {
+          throw new Error("이메일 또는 비밀번호가 올바르지 않습니다.");
+        }
         throw error;
-      } 
+      }
       return data;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['auth'] });
+      queryClient.invalidateQueries({ queryKey: ["auth"] });
     },
   });
 
   // 회원가입
   const signupMutation = useMutation({
-  mutationFn: async ({ email, password, name, nickname }: SignupFormData) => {
-    // 회원가입만 진행 (Supabase가 이메일 중복을 처리함)
-    const { data, error } = await supabase.auth.signUp({
-      email,
-      password,
-      options: {
-        data: { name, nickname: nickname?.trim() || null },
-        emailRedirectTo: `${window.location.origin}/auth/confirm`,
-      }
-    });
-    
-    if (error) {
-      if (error.message.includes('User already registered') || 
-          error.message.includes('already been registered')) {
-        throw new Error('이미 가입된 이메일입니다.');
+    mutationFn: async ({ email, password, name, nickname }: SignupFormData) => {
+      // 회원가입만 진행 (Supabase가 이메일 중복을 처리함)
+      const { data, error } = await supabase.auth.signUp({
+        email,
+        password,
+        options: {
+          data: { name, nickname: nickname?.trim() || null },
+          emailRedirectTo: `${window.location.origin}/auth/confirm`,
+        },
+      });
+
+      if (error) {
+        if (
+          error.message.includes("User already registered") ||
+          error.message.includes("already been registered")
+        ) {
+          throw new Error("이미 가입된 이메일입니다.");
+        }
+        throw error;
       }
-      throw error;
-    }
-    return data;
-  },
-  onSuccess: () => {
-    queryClient.invalidateQueries({ queryKey: ['auth'] });
-  },
-});
+      return data;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["auth"] });
+    },
+  });
 
   // 로그아웃
   const logoutMutation = useMutation({
-    mutationFn: async() => {
+    mutationFn: async () => {
       const { error } = await supabase.auth.signOut();
       if (error) throw error;
     },
@@ -116,12 +127,12 @@ export const useAuth = () => {
   // 프로필 업데이트
   const updateProfileMutation = useMutation({
     mutationFn: async (updates: ProfileUpdateData) => {
-      if (!session?.user?.id) throw new Error('인증이 필요합니다.');
+      if (!session?.user?.id) throw new Error("인증이 필요합니다.");
 
-      const { data, error} = await supabase
-        .from('profiles')
+      const { data, error } = await supabase
+        .from("profiles")
         .update(updates)
-        .eq('id', session.user.id)
+        .eq("id", session.user.id)
         .select()
         .single();
 
@@ -129,7 +140,7 @@ export const useAuth = () => {
       return data;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['auth', 'profile'] });
+      queryClient.invalidateQueries({ queryKey: ["auth", "profile"] });
     },
   });
 
@@ -138,9 +149,9 @@ export const useAuth = () => {
       if (!email?.trim()) return { available: true };
 
       const { data } = await supabase
-        .from('profiles')
-        .select('email')
-        .eq('email', email.trim())
+        .from("profiles")
+        .select("email")
+        .eq("email", email.trim())
         .single();
 
       // 데이터가 있으면 중복, 없으면 사용 가능
@@ -153,9 +164,9 @@ export const useAuth = () => {
       if (!nickname?.trim()) return { available: true };
 
       const { data } = await supabase
-        .from('profiles')
-        .select('nickname')
-        .eq('nickname', nickname.trim())
+        .from("profiles")
+        .select("nickname")
+        .eq("nickname", nickname.trim())
         .single();
 
       // 데이터가 있으면 중복, 없으면 사용 가능
@@ -165,22 +176,22 @@ export const useAuth = () => {
 
   // 닉네임 체크 결과 초기화 함수
   const resetNicknameCheck = () => {
-    queryClient.setQueryData(['nickname-check'], null);
+    queryClient.setQueryData(["nickname-check"], null);
     checkNicknameMutation.reset();
   };
 
   // 세션 변경 감지
   useEffect(() => {
-    const { data: { subscription } } = supabase.auth.onAuthStateChange(
-      async (event) => {
-        if (event === 'SIGNED_IN') {
-          // 로그인 시 프로필 쿼리만 갱신
-          queryClient.invalidateQueries({ queryKey: ['auth', 'profile'] });
-        } else if (event === 'SIGNED_OUT') {
-          queryClient.clear();
-        }
+    const {
+      data: { subscription },
+    } = supabase.auth.onAuthStateChange(async (event) => {
+      if (event === "SIGNED_IN") {
+        // 로그인 시 프로필 쿼리만 갱신
+        queryClient.invalidateQueries({ queryKey: ["auth", "profile"] });
+      } else if (event === "SIGNED_OUT") {
+        queryClient.clear();
       }
-    );
+    });
 
     return () => subscription.unsubscribe();
   }, [queryClient]);
@@ -195,7 +206,7 @@ export const useAuth = () => {
     emailCheckResult: checkEmailMutation.data,
     nicknameCheckResult: checkNicknameMutation.data,
     resetNicknameCheck,
-    
+
     // 액션
     login: loginMutation.mutate,
     signup: signupMutation.mutate,
@@ -203,7 +214,7 @@ export const useAuth = () => {
     updateProfile: updateProfileMutation.mutate,
     checkEmail: checkEmailMutation.mutate,
     checkNickname: checkNicknameMutation.mutate,
-    
+
     // 로딩 상태
     isLoggingIn: loginMutation.isPending,
     isSigningUp: signupMutation.isPending,
@@ -220,4 +231,4 @@ export const useAuth = () => {
     emailCheckError: checkEmailMutation.error,
     nicknameCheckError: checkNicknameMutation.error,
   };
-};
\ No newline at end of file
+};
diff --git a/src/hooks/budget/index.ts b/src/hooks/budget/index.ts
index ae534f1..ad11b7e 100644
--- a/src/hooks/budget/index.ts
+++ b/src/hooks/budget/index.ts
@@ -1,2 +1,2 @@
-export { useBudget } from './useBudget';
-export { useCategories } from './useCategories';
\ No newline at end of file
+export { useBudget } from "./useBudget";
+export { useCategories } from "./useCategories";
diff --git a/src/hooks/budget/useBudget.ts b/src/hooks/budget/useBudget.ts
index 1548514..403657a 100644
--- a/src/hooks/budget/useBudget.ts
+++ b/src/hooks/budget/useBudget.ts
@@ -1,10 +1,16 @@
-import { useTransactionAlertContext } from '@/components/budget/TransactionAlertProvider';
-import { supabase } from '@/lib/supabase';
-import { BudgetFormData, BudgetStatistics, BudgetTransaction, CategoryTotal, TransactionType } from '@/types/budget';
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { endOfMonth, format, parseISO, startOfMonth } from 'date-fns';
-import { useMemo } from 'react';
-import { useGoalStatusUpdater } from '../goals/useGoalStatusUpdater';
+import { useTransactionAlertContext } from "@/components/budget/TransactionAlertProvider";
+import { supabase } from "@/lib/supabase";
+import {
+  BudgetFormData,
+  BudgetStatistics,
+  BudgetTransaction,
+  CategoryTotal,
+  TransactionType,
+} from "@/types/budget";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { endOfMonth, format, parseISO, startOfMonth } from "date-fns";
+import { useMemo } from "react";
+import { useGoalStatusUpdater } from "../goals/useGoalStatusUpdater";
 
 interface UseBudgetProps {
   userId?: string;
@@ -18,67 +24,84 @@ export const useBudget = ({ userId, date, month }: UseBudgetProps = {}) => {
   const { checkGoalsByCategory } = useGoalStatusUpdater();
 
   // 통합 데이터 조회 (수입 + 지출)
-  const { data: transactions = [], isLoading, error } = useQuery({
-    queryKey: ['budget', userId, date, month],
+  const {
+    data: transactions = [],
+    isLoading,
+    error,
+  } = useQuery({
+    queryKey: ["budget", userId, date, month],
     queryFn: async (): Promise<BudgetTransaction[]> => {
       if (!userId) return [];
 
       // 수입 데이터 조회
       let incomeQuery = supabase
-        .from('incomes')
-        .select(`
+        .from("incomes")
+        .select(
+          `
           *,
           category:categories(*)
-        `)
-        .eq('user_id', userId)
-        .order('date', { ascending: false });
+        `,
+        )
+        .eq("user_id", userId)
+        .order("date", { ascending: false });
 
       // 지출 데이터 조회
       let expenseQuery = supabase
-        .from('expenses')
-        .select(`
+        .from("expenses")
+        .select(
+          `
           *,
           category:categories(*)
-        `)
-        .eq('user_id', userId)
-        .order('date', { ascending: false });
+        `,
+        )
+        .eq("user_id", userId)
+        .order("date", { ascending: false });
 
       // 날짜 필터링
       if (date) {
-        incomeQuery = incomeQuery.eq('date', date);
-        expenseQuery = expenseQuery.eq('date', date);
+        incomeQuery = incomeQuery.eq("date", date);
+        expenseQuery = expenseQuery.eq("date", date);
       } else if (month) {
         const startDate = startOfMonth(parseISO(`${month}-01`));
         const endDate = endOfMonth(parseISO(`${month}-01`));
 
-        const startOfMonthStr = format(startDate, 'yyyy-MM-dd');
-        const endOfMonthStr = format(endDate, 'yyyy-MM-dd');
+        const startOfMonthStr = format(startDate, "yyyy-MM-dd");
+        const endOfMonthStr = format(endDate, "yyyy-MM-dd");
 
-        incomeQuery = incomeQuery.gte('date', startOfMonthStr).lte('date', endOfMonthStr);
-        expenseQuery = expenseQuery.gte('date', startOfMonthStr).lte('date', endOfMonthStr);
+        incomeQuery = incomeQuery
+          .gte("date", startOfMonthStr)
+          .lte("date", endOfMonthStr);
+        expenseQuery = expenseQuery
+          .gte("date", startOfMonthStr)
+          .lte("date", endOfMonthStr);
       }
 
       const [incomeResult, expenseResult] = await Promise.all([
         incomeQuery,
-        expenseQuery
+        expenseQuery,
       ]);
 
       if (incomeResult.error) throw incomeResult.error;
       if (expenseResult.error) throw expenseResult.error;
 
       // 데이터 통합 및 타입 표시
-      const incomeTransactions: BudgetTransaction[] = (incomeResult.data || []).map(item => ({
+      const incomeTransactions: BudgetTransaction[] = (
+        incomeResult.data || []
+      ).map((item) => ({
         ...item,
-        type: 'income' as const
+        type: "income" as const,
       }));
 
-      const expenseTransactions: BudgetTransaction[] = (expenseResult.data || []).map(item => ({
+      const expenseTransactions: BudgetTransaction[] = (
+        expenseResult.data || []
+      ).map((item) => ({
         ...item,
-        type: 'expense' as const
+        type: "expense" as const,
       }));
 
-      return [...incomeTransactions, ...expenseTransactions]
-        .sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime());
+      return [...incomeTransactions, ...expenseTransactions].sort(
+        (a, b) => new Date(b.date).getTime() - new Date(a.date).getTime(),
+      );
     },
     enabled: !!userId,
   });
@@ -93,17 +116,17 @@ export const useBudget = ({ userId, date, month }: UseBudgetProps = {}) => {
     let expenseVariable = 0;
     let expenseCount = 0;
 
-    transactions.forEach(transaction => {
-      if (transaction.type === 'income') {
+    transactions.forEach((transaction) => {
+      if (transaction.type === "income") {
         incomeCount++;
-        if (transaction.category?.type === 'income_fixed') {
+        if (transaction.category?.type === "income_fixed") {
           incomeFixed += transaction.amount;
         } else {
           incomeVariable += transaction.amount;
         }
       } else {
         expenseCount++;
-        if (transaction.category?.type === 'expense_fixed') {
+        if (transaction.category?.type === "expense_fixed") {
           expenseFixed += transaction.amount;
         } else {
           expenseVariable += transaction.amount;
@@ -134,25 +157,28 @@ export const useBudget = ({ userId, date, month }: UseBudgetProps = {}) => {
 
   // 카테고리별 집계 (statistics 이후에 계산)
   const categoryTotals: CategoryTotal[] = useMemo(() => {
-    const totalsMap = transactions.reduce((acc, transaction) => {
-      const categoryName = transaction.category?.name || 'Unknown';
-      const categoryType = transaction.category?.type || 'expense_variable';
-      const existing = acc[categoryName];
-
-      acc[categoryName] = {
-        name: categoryName,
-        amount: (existing?.amount || 0) + transaction.amount,
-        type: categoryType,
-        count: (existing?.count || 0) + 1,
-        percentage: 0, // 나중에 계산
-      };
-
-      return acc;
-    }, {} as Record<string, CategoryTotal>);
+    const totalsMap = transactions.reduce(
+      (acc, transaction) => {
+        const categoryName = transaction.category?.name || "Unknown";
+        const categoryType = transaction.category?.type || "expense_variable";
+        const existing = acc[categoryName];
+
+        acc[categoryName] = {
+          name: categoryName,
+          amount: (existing?.amount || 0) + transaction.amount,
+          type: categoryType,
+          count: (existing?.count || 0) + 1,
+          percentage: 0, // 나중에 계산
+        };
+
+        return acc;
+      },
+      {} as Record<string, CategoryTotal>,
+    );
 
     const totalAmount = statistics.income.total + statistics.expense.total;
 
-    return Object.values(totalsMap).map(category => ({
+    return Object.values(totalsMap).map((category) => ({
       ...category,
       percentage: totalAmount > 0 ? (category.amount / totalAmount) * 100 : 0,
     }));
@@ -164,31 +190,44 @@ export const useBudget = ({ userId, date, month }: UseBudgetProps = {}) => {
     const incomeMap = new Map<string, number>();
     const expenseMap = new Map<string, number>();
 
-    transactions.forEach(transaction => {
-      const categoryName = transaction.category?.name || 'Unknown';
+    transactions.forEach((transaction) => {
+      const categoryName = transaction.category?.name || "Unknown";
       const amount = transaction.amount;
 
-      if (transaction.type === 'income') {
-        incomeMap.set(categoryName, (incomeMap.get(categoryName) || 0) + amount);
-      } else if (transaction.type === 'expense') {
-        expenseMap.set(categoryName, (expenseMap.get(categoryName) || 0) + amount);
+      if (transaction.type === "income") {
+        incomeMap.set(
+          categoryName,
+          (incomeMap.get(categoryName) || 0) + amount,
+        );
+      } else if (transaction.type === "expense") {
+        expenseMap.set(
+          categoryName,
+          (expenseMap.get(categoryName) || 0) + amount,
+        );
       }
     });
 
     const incomeData = Array.from(incomeMap.entries()).map(([name, value]) => ({
-      name, value
+      name,
+      value,
     }));
 
-    const expenseData = Array.from(expenseMap.entries()).map(([name, value]) => ({
-      name, value
-    }));
+    const expenseData = Array.from(expenseMap.entries()).map(
+      ([name, value]) => ({
+        name,
+        value,
+      }),
+    );
 
     return { incomeData, expenseData };
   }, [transactions]);
 
   // 일별 집계 계산 (캘린더용)
   const dailyTotals = useMemo(() => {
-    const totals: Record<string, { income: number; expense: number; net: number }> = {};
+    const totals: Record<
+      string,
+      { income: number; expense: number; net: number }
+    > = {};
 
     transactions.forEach((transaction) => {
       const dateKey = transaction.date;
@@ -196,7 +235,7 @@ export const useBudget = ({ userId, date, month }: UseBudgetProps = {}) => {
         totals[dateKey] = { income: 0, expense: 0, net: 0 };
       }
 
-      if (transaction.type === 'income') {
+      if (transaction.type === "income") {
         totals[dateKey].income += transaction.amount;
       } else {
         totals[dateKey].expense += transaction.amount;
@@ -210,45 +249,56 @@ export const useBudget = ({ userId, date, month }: UseBudgetProps = {}) => {
 
   // BudgetItem 형태로 변환 (컴포넌트용)
   const budgetItems = useMemo(() => {
-    return transactions.map(transaction => ({
+    return transactions.map((transaction) => ({
       id: transaction.id,
       name: transaction.name,
       amount: transaction.amount,
-      category: transaction.category?.name || 'Unknown',
+      category: transaction.category?.name || "Unknown",
       date: transaction.date,
       type: transaction.type,
-      categoryType: transaction.category?.type?.includes('fixed') ? 'fixed' as const : 'variable' as const,
+      categoryType: transaction.category?.type?.includes("fixed")
+        ? ("fixed" as const)
+        : ("variable" as const),
     }));
   }, [transactions]);
 
   // 항목 추가
   const addTransactionMutation = useMutation({
-    mutationFn: async (newTransaction: BudgetFormData & { user_id: string; category_id: string }) => {
-      const tableName = newTransaction.type === 'income' ? 'incomes' : 'expenses';
-      
+    mutationFn: async (
+      newTransaction: BudgetFormData & { user_id: string; category_id: string },
+    ) => {
+      const tableName =
+        newTransaction.type === "income" ? "incomes" : "expenses";
+
       const { type, ...transactionData } = newTransaction;
-      
+
       const { data, error } = await supabase
         .from(tableName)
         .insert([transactionData])
-        .select(`
+        .select(
+          `
           *,
           category:categories(*)
-        `)
+        `,
+        )
         .single();
 
       if (error) throw error;
       return { ...data, type };
     },
     onSuccess: async (newTransaction) => {
-      queryClient.invalidateQueries({ queryKey: ['budget'] });
-      queryClient.invalidateQueries({ queryKey: ['goals'] });
+      queryClient.invalidateQueries({ queryKey: ["budget"] });
+      queryClient.invalidateQueries({ queryKey: ["goals"] });
 
       // 알림 표시
       if (newTransaction.category?.name && userId) {
         // 목표 상태 확인 (알림보다 먼저 실행)
-        await checkGoalsByCategory(userId, newTransaction.category.name, newTransaction.type);
-        
+        await checkGoalsByCategory(
+          userId,
+          newTransaction.category.name,
+          newTransaction.type,
+        );
+
         // 지연을 두어 TanStack Query 업데이트 후 알림 표시
         setTimeout(() => {
           showAlert(newTransaction.category!.name, newTransaction.type);
@@ -260,30 +310,29 @@ export const useBudget = ({ userId, date, month }: UseBudgetProps = {}) => {
   // 항목 삭제
   const deleteTransactionMutation = useMutation({
     mutationFn: async ({ id, type }: { id: string; type: TransactionType }) => {
-      const tableName = type === 'income' ? 'incomes' : 'expenses';
+      const tableName = type === "income" ? "incomes" : "expenses";
 
       // 삭제 전에 거래 정보 조회 (알림용)
       const { data: transactionToDelete } = await supabase
         .from(tableName)
-        .select(`
+        .select(
+          `
           *,
           category:categories(*)
-        `)
-        .eq('id', id)
+        `,
+        )
+        .eq("id", id)
         .single();
 
-      const { error } = await supabase
-        .from(tableName)
-        .delete()
-        .eq('id', id);
+      const { error } = await supabase.from(tableName).delete().eq("id", id);
 
       if (error) throw error;
 
       return { deletedTransaction: transactionToDelete, type };
     },
     onSuccess: ({ deletedTransaction, type }) => {
-      queryClient.invalidateQueries({ queryKey: ['budget'] });
-      queryClient.invalidateQueries({ queryKey: ['goals']});
+      queryClient.invalidateQueries({ queryKey: ["budget"] });
+      queryClient.invalidateQueries({ queryKey: ["goals"] });
 
       // 알림 표시
       if (deletedTransaction?.category?.name && userId) {
@@ -299,29 +348,31 @@ export const useBudget = ({ userId, date, month }: UseBudgetProps = {}) => {
     mutationFn: async ({
       id,
       type,
-      updates
+      updates,
     }: {
       id: string;
       type: TransactionType;
-      updates: Partial<BudgetFormData>
+      updates: Partial<BudgetFormData>;
     }) => {
-      const tableName = type === 'income' ? 'incomes' : 'expenses';
+      const tableName = type === "income" ? "incomes" : "expenses";
 
       const { data, error } = await supabase
         .from(tableName)
         .update(updates)
-        .eq('id', id)
-        .select(`
+        .eq("id", id)
+        .select(
+          `
           *,
           category:categories(*)
-        `)
+        `,
+        )
         .single();
 
       if (error) throw error;
       return { ...data, type };
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['budget'] });
+      queryClient.invalidateQueries({ queryKey: ["budget"] });
     },
   });
 
@@ -341,4 +392,4 @@ export const useBudget = ({ userId, date, month }: UseBudgetProps = {}) => {
     isDeletingTransaction: deleteTransactionMutation.isPending,
     isUpdatingTransaction: updateTransactionMutation.isPending,
   };
-};
\ No newline at end of file
+};
diff --git a/src/hooks/budget/useCategories.ts b/src/hooks/budget/useCategories.ts
index dffbfbe..9228605 100644
--- a/src/hooks/budget/useCategories.ts
+++ b/src/hooks/budget/useCategories.ts
@@ -1,22 +1,26 @@
-import { supabase } from '@/lib/supabase';
-import { Category, CategoryFormData } from '@/types/budget';
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
-import { useMemo } from 'react';
+import { supabase } from "@/lib/supabase";
+import { Category, CategoryFormData } from "@/types/budget";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useMemo } from "react";
 
 export const useCategories = (userId?: string) => {
   const queryClient = useQueryClient();
 
   // 카테고리 조회
-  const { data: categories = [], isLoading, error } = useQuery({
-    queryKey: ['categories', userId],
+  const {
+    data: categories = [],
+    isLoading,
+    error,
+  } = useQuery({
+    queryKey: ["categories", userId],
     queryFn: async (): Promise<Category[]> => {
       const { data: categoriesData, error: categoriesError } = await supabase
-        .from('categories')
-        .select('*')
-        .eq('user_id', userId!)
-        .order('is_deleted', { ascending: true })
-        .order('is_default', { ascending: false })
-        .order('name');
+        .from("categories")
+        .select("*")
+        .eq("user_id", userId!)
+        .order("is_deleted", { ascending: true })
+        .order("is_default", { ascending: false })
+        .order("name");
 
       if (categoriesError) throw categoriesError;
 
@@ -25,13 +29,13 @@ export const useCategories = (userId?: string) => {
         (categoriesData || []).map(async (category) => {
           const [incomeResult, expenseResult] = await Promise.all([
             supabase
-              .from('incomes')
-              .select('id')
-              .eq('category_id', category.id),
+              .from("incomes")
+              .select("id")
+              .eq("category_id", category.id),
             supabase
-              .from('expenses')
-              .select('id')
-              .eq('category_id', category.id)
+              .from("expenses")
+              .select("id")
+              .eq("category_id", category.id),
           ]);
 
           const incomeCount = incomeResult.data?.length || 0;
@@ -40,9 +44,9 @@ export const useCategories = (userId?: string) => {
 
           return {
             ...category,
-            transactionCount: totalCount
+            transactionCount: totalCount,
           };
-        })
+        }),
       );
 
       return categoriesWithCount;
@@ -55,12 +59,12 @@ export const useCategories = (userId?: string) => {
     mutationFn: async (newCategory: CategoryFormData & { user_id: string }) => {
       const categoryData = {
         ...newCategory,
-        color: newCategory.color || '#14b8a6',
+        color: newCategory.color || "#14b8a6",
         is_default: false,
       };
 
       const { data, error } = await supabase
-        .from('categories')
+        .from("categories")
         .insert([categoryData])
         .select()
         .single();
@@ -69,7 +73,7 @@ export const useCategories = (userId?: string) => {
       return data;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['categories'] });
+      queryClient.invalidateQueries({ queryKey: ["categories"] });
     },
   });
 
@@ -77,22 +81,27 @@ export const useCategories = (userId?: string) => {
   const deleteCategoryMutation = useMutation({
     mutationFn: async (categoryId: string) => {
       const { error } = await supabase
-        .from('categories')
+        .from("categories")
         .delete()
-        .eq('id', categoryId);
+        .eq("id", categoryId);
 
       if (error) throw error;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['categories'] });
+      queryClient.invalidateQueries({ queryKey: ["categories"] });
     },
   });
 
   // 고정-변동 카테고리 분류
-  const { fixedCategories, variableCategories } = useMemo(() => ({
-    fixedCategories: categories.filter(cat => cat.type === 'expense_fixed'),
-    variableCategories: categories.filter(cat => cat.type === 'expense_variable'),
-  }), [categories]);
+  const { fixedCategories, variableCategories } = useMemo(
+    () => ({
+      fixedCategories: categories.filter((cat) => cat.type === "expense_fixed"),
+      variableCategories: categories.filter(
+        (cat) => cat.type === "expense_variable",
+      ),
+    }),
+    [categories],
+  );
 
   return {
     categories,
@@ -105,4 +114,4 @@ export const useCategories = (userId?: string) => {
     isAddingCategory: addCategoryMutation.isPending,
     isDeletingCategory: deleteCategoryMutation.isPending,
   };
-};
\ No newline at end of file
+};
diff --git a/src/hooks/budget/useChallenge.ts b/src/hooks/budget/useChallenge.ts
index 7dc813a..e96372a 100644
--- a/src/hooks/budget/useChallenge.ts
+++ b/src/hooks/budget/useChallenge.ts
@@ -1,6 +1,6 @@
-import { supabase } from '@/lib/supabase';
-import { GoalFormData } from '@/types/goals';
-import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { supabase } from "@/lib/supabase";
+import { GoalFormData } from "@/types/goals";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
 
 interface CreateChallengeData {
   title: string;
@@ -12,7 +12,7 @@ interface CreateChallengeData {
   targetCount: string;
   targetDate: string;
   category: string;
-  categoryType: 'income' | 'expense';
+  categoryType: "income" | "expense";
   userId: string;
 }
 
@@ -22,16 +22,17 @@ export const useChallenge = () => {
   const createChallengeMutation = useMutation({
     mutationFn: async (data: CreateChallengeData) => {
       // 챌린지 모드 결정
-      let challengeMode: 'amount' | 'count' | 'both' = 'amount';
+      let challengeMode: "amount" | "count" | "both" = "amount";
       if (data.enableAmountGoal && data.enableCountGoal) {
-        challengeMode = 'both';
+        challengeMode = "both";
       } else if (data.enableCountGoal) {
-        challengeMode = 'count';
+        challengeMode = "count";
       }
 
       // 목표 타입 결정
-      const goalType = data.categoryType === 'income' ? 'increase_income' : 'reduce_expense';
-      
+      const goalType =
+        data.categoryType === "income" ? "increase_income" : "reduce_expense";
+
       const goalData: GoalFormData & { user_id: string } = {
         user_id: data.userId,
         title: data.title,
@@ -46,18 +47,22 @@ export const useChallenge = () => {
       };
 
       const { data: result, error } = await supabase
-        .from('goals')
-        .insert([{
-          ...goalData,
-          current_amount: 0,
-          current_count: 0,
-          status: 'active',
-          created_from_date: new Date().toISOString().split('T')[0],
-        }])
-        .select(`
+        .from("goals")
+        .insert([
+          {
+            ...goalData,
+            current_amount: 0,
+            current_count: 0,
+            status: "active",
+            created_from_date: new Date().toISOString().split("T")[0],
+          },
+        ])
+        .select(
+          `
           *,
           category:categories(*)
-        `)
+        `,
+        )
         .single();
 
       if (error) throw error;
@@ -65,7 +70,7 @@ export const useChallenge = () => {
     },
     onSuccess: () => {
       // goals 관련 쿼리들 무효화
-      queryClient.invalidateQueries({ queryKey: ['goals'] });
+      queryClient.invalidateQueries({ queryKey: ["goals"] });
     },
   });
 
@@ -74,4 +79,4 @@ export const useChallenge = () => {
     isCreatingChallenge: createChallengeMutation.isPending,
     createChallengeError: createChallengeMutation.error,
   };
-};
\ No newline at end of file
+};
diff --git a/src/hooks/budget/useExpenses.ts b/src/hooks/budget/useExpenses.ts
index d9cff38..2e07db7 100644
--- a/src/hooks/budget/useExpenses.ts
+++ b/src/hooks/budget/useExpenses.ts
@@ -1,12 +1,12 @@
-import { supabase } from '@/lib/supabase';
-import { 
-  CategoryTotal, 
-  BudgetTransaction, 
-  BudgetFormData, 
-  BudgetStatistics 
-} from '@/types/budget';
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { useMemo } from 'react';
+import { supabase } from "@/lib/supabase";
+import {
+  CategoryTotal,
+  BudgetTransaction,
+  BudgetFormData,
+  BudgetStatistics,
+} from "@/types/budget";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useMemo } from "react";
 
 interface UseExpensesProps {
   userId?: string;
@@ -18,31 +18,39 @@ export const useExpenses = ({ userId, date, month }: UseExpensesProps = {}) => {
   const queryClient = useQueryClient();
 
   // 지출 데이터 조회
-  const { data: expenses = [], isLoading, error } = useQuery({
-    queryKey: ['expenses', userId, date, month],
+  const {
+    data: expenses = [],
+    isLoading,
+    error,
+  } = useQuery({
+    queryKey: ["expenses", userId, date, month],
     queryFn: async (): Promise<BudgetTransaction[]> => {
       let query = supabase
-        .from('expenses')
-        .select(`
+        .from("expenses")
+        .select(
+          `
           *,
           category:categories(*)
-        `)
-        .order('date', { ascending: false });
+        `,
+        )
+        .order("date", { ascending: false });
 
       if (userId) {
-        query = query.eq('user_id', userId);
+        query = query.eq("user_id", userId);
       }
 
       if (date) {
-        query = query.eq('date', date);
+        query = query.eq("date", date);
       } else if (month) {
         const startOfMonth = `${month}-01`;
         const endOfMonth = new Date(
           new Date(month).getFullYear(),
           new Date(month).getMonth() + 1,
-          0
-        ).toISOString().split('T')[0];
-        query = query.gte('date', startOfMonth).lte('date', endOfMonth);
+          0,
+        )
+          .toISOString()
+          .split("T")[0];
+        query = query.gte("date", startOfMonth).lte("date", endOfMonth);
       }
 
       const { data, error } = await query;
@@ -55,21 +63,25 @@ export const useExpenses = ({ userId, date, month }: UseExpensesProps = {}) => {
 
   // 지출 추가
   const addExpenseMutation = useMutation({
-    mutationFn: async (newExpense: BudgetFormData & { user_id: string; category_id: string }) => {
+    mutationFn: async (
+      newExpense: BudgetFormData & { user_id: string; category_id: string },
+    ) => {
       const { data, error } = await supabase
-        .from('expenses')
+        .from("expenses")
         .insert([newExpense])
-        .select(`
+        .select(
+          `
           *,
           category:categories(*)
-        `)
+        `,
+        )
         .single();
 
       if (error) throw error;
       return data;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['expenses'] });
+      queryClient.invalidateQueries({ queryKey: ["expenses"] });
     },
   });
 
@@ -77,35 +89,40 @@ export const useExpenses = ({ userId, date, month }: UseExpensesProps = {}) => {
   const deleteExpenseMutation = useMutation({
     mutationFn: async (expenseId: string) => {
       const { error } = await supabase
-        .from('expenses')
+        .from("expenses")
         .delete()
-        .eq('id', expenseId);
+        .eq("id", expenseId);
 
       if (error) throw error;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['expenses'] });
+      queryClient.invalidateQueries({ queryKey: ["expenses"] });
     },
   });
 
   // 지출 수정
   const updateExpenseMutation = useMutation({
-    mutationFn: async ({ id, ...updates }: Partial<BudgetFormData> & { id: string }) => {
+    mutationFn: async ({
+      id,
+      ...updates
+    }: Partial<BudgetFormData> & { id: string }) => {
       const { data, error } = await supabase
-        .from('expenses')
+        .from("expenses")
         .update(updates)
-        .eq('id', id)
-        .select(`
+        .eq("id", id)
+        .select(
+          `
           *,
           category:categories(*)
-        `)
+        `,
+        )
         .single();
 
       if (error) throw error;
       return data;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['expenses'] });
+      queryClient.invalidateQueries({ queryKey: ["expenses"] });
     },
   });
 
@@ -118,20 +135,20 @@ export const useExpenses = ({ userId, date, month }: UseExpensesProps = {}) => {
       totalTransactions: expenses.length,
     };
 
-    expenses.forEach(expense => {
+    expenses.forEach((expense) => {
       const amount = expense.amount;
       const categoryType = expense.category?.type;
 
-      if (expense.type === 'expense') {
+      if (expense.type === "expense") {
         stats.expense.count++;
-        if (categoryType === 'expense_fixed') {
+        if (categoryType === "expense_fixed") {
           stats.expense.fixed += amount;
         } else {
           stats.expense.variable += amount;
         }
-      } else if (expense.type === 'income') {
+      } else if (expense.type === "income") {
         stats.income.count++;
-        if (categoryType === 'income_fixed') {
+        if (categoryType === "income_fixed") {
           stats.income.fixed += amount;
         } else {
           stats.income.variable += amount;
@@ -150,9 +167,9 @@ export const useExpenses = ({ userId, date, month }: UseExpensesProps = {}) => {
   const categoryTotals: CategoryTotal[] = useMemo(() => {
     const totalsMap: Record<string, CategoryTotal> = {};
 
-    expenses.forEach(expense => {
-      const categoryName = expense.category?.name || 'Unknown';
-      const categoryType = expense.category?.type || 'expense_variable';
+    expenses.forEach((expense) => {
+      const categoryName = expense.category?.name || "Unknown";
+      const categoryType = expense.category?.type || "expense_variable";
       const amount = expense.amount;
 
       if (!totalsMap[categoryName]) {
@@ -170,8 +187,8 @@ export const useExpenses = ({ userId, date, month }: UseExpensesProps = {}) => {
     });
 
     const totalAmount = statistics.income.total + statistics.expense.total;
-    
-    return Object.values(totalsMap).map(category => ({
+
+    return Object.values(totalsMap).map((category) => ({
       ...category,
       percentage: totalAmount > 0 ? (category.amount / totalAmount) * 100 : 0,
     }));
@@ -190,4 +207,4 @@ export const useExpenses = ({ userId, date, month }: UseExpensesProps = {}) => {
     isDeletingExpense: deleteExpenseMutation.isPending,
     isUpdatingExpense: updateExpenseMutation.isPending,
   };
-};
\ No newline at end of file
+};
diff --git a/src/hooks/budget/useIncomes.ts b/src/hooks/budget/useIncomes.ts
index b288459..554f168 100644
--- a/src/hooks/budget/useIncomes.ts
+++ b/src/hooks/budget/useIncomes.ts
@@ -1,12 +1,12 @@
-import { supabase } from '@/lib/supabase';
-import { 
-  CategoryTotal, 
-  BudgetTransaction, 
-  BudgetFormData, 
-  BudgetStatistics 
-} from '@/types/budget';
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { useMemo } from 'react';
+import { supabase } from "@/lib/supabase";
+import {
+  CategoryTotal,
+  BudgetTransaction,
+  BudgetFormData,
+  BudgetStatistics,
+} from "@/types/budget";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useMemo } from "react";
 
 interface UseIncomesProps {
   userId?: string;
@@ -16,33 +16,41 @@ interface UseIncomesProps {
 
 export const useIncomes = ({ userId, date, month }: UseIncomesProps = {}) => {
   const queryClient = useQueryClient();
-  
+
   // 수입 데이터 조회
-  const { data: incomes = [], isLoading, error } = useQuery({
-    queryKey: ['incomes', userId, date, month],
+  const {
+    data: incomes = [],
+    isLoading,
+    error,
+  } = useQuery({
+    queryKey: ["incomes", userId, date, month],
     queryFn: async (): Promise<BudgetTransaction[]> => {
       let query = supabase
-        .from('incomes')
-        .select(`
+        .from("incomes")
+        .select(
+          `
           *,
           category:categories(*)
-        `)
-        .order('date', { ascending: false });
+        `,
+        )
+        .order("date", { ascending: false });
 
       if (userId) {
-        query = query.eq('user_id', userId);
+        query = query.eq("user_id", userId);
       }
 
       if (date) {
-        query = query.eq('date', date);
+        query = query.eq("date", date);
       } else if (month) {
         const startOfMonth = `${month}-01`;
         const endOfMonth = new Date(
           new Date(month).getFullYear(),
           new Date(month).getMonth() + 1,
-          0
-        ).toISOString().split('T')[0];
-        query = query.gte('date', startOfMonth).lte('date', endOfMonth);
+          0,
+        )
+          .toISOString()
+          .split("T")[0];
+        query = query.gte("date", startOfMonth).lte("date", endOfMonth);
       }
 
       const { data, error } = await query;
@@ -55,21 +63,25 @@ export const useIncomes = ({ userId, date, month }: UseIncomesProps = {}) => {
 
   // 수입 추가
   const addIncomeMutation = useMutation({
-    mutationFn: async (newIncome: BudgetFormData & { user_id: string; category_id: string }) => {
+    mutationFn: async (
+      newIncome: BudgetFormData & { user_id: string; category_id: string },
+    ) => {
       const { data, error } = await supabase
-        .from('incomes')
+        .from("incomes")
         .insert([newIncome])
-        .select(`
+        .select(
+          `
           *,
           category:categories(*)
-        `)
+        `,
+        )
         .single();
 
       if (error) throw error;
       return data;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['incomes'] });
+      queryClient.invalidateQueries({ queryKey: ["incomes"] });
     },
   });
 
@@ -77,35 +89,40 @@ export const useIncomes = ({ userId, date, month }: UseIncomesProps = {}) => {
   const deleteIncomeMutation = useMutation({
     mutationFn: async (incomeId: string) => {
       const { error } = await supabase
-        .from('incomes')
+        .from("incomes")
         .delete()
-        .eq('id', incomeId);
-      
+        .eq("id", incomeId);
+
       if (error) throw error;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['incomes'] });
+      queryClient.invalidateQueries({ queryKey: ["incomes"] });
     },
   });
 
   // 수입 수정
   const updateIncomeMutation = useMutation({
-    mutationFn: async ({ id, ...updates }: Partial<BudgetFormData> & { id: string }) => {
+    mutationFn: async ({
+      id,
+      ...updates
+    }: Partial<BudgetFormData> & { id: string }) => {
       const { data, error } = await supabase
-        .from('incomes')
+        .from("incomes")
         .update(updates)
-        .eq('id', id)
-        .select(`
+        .eq("id", id)
+        .select(
+          `
           *,
           category:categories(*)
-        `)
+        `,
+        )
         .single();
 
       if (error) throw error;
       return data;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['incomes'] });
+      queryClient.invalidateQueries({ queryKey: ["incomes"] });
     },
   });
 
@@ -118,13 +135,13 @@ export const useIncomes = ({ userId, date, month }: UseIncomesProps = {}) => {
       totalTransactions: incomes.length,
     };
 
-    incomes.forEach(income => {
+    incomes.forEach((income) => {
       const amount = income.amount;
       const categoryType = income.category?.type;
 
-      if (income.type === 'income') {
+      if (income.type === "income") {
         stats.income.count++;
-        if (categoryType === 'income_fixed') {
+        if (categoryType === "income_fixed") {
           stats.income.fixed += amount;
         } else {
           stats.income.variable += amount;
@@ -142,9 +159,9 @@ export const useIncomes = ({ userId, date, month }: UseIncomesProps = {}) => {
   const categoryTotals: CategoryTotal[] = useMemo(() => {
     const totalsMap: Record<string, CategoryTotal> = {};
 
-    incomes.forEach(income => {
-      const categoryName = income.category?.name || 'Unknown';
-      const categoryType = income.category?.type || 'income_variable';
+    incomes.forEach((income) => {
+      const categoryName = income.category?.name || "Unknown";
+      const categoryType = income.category?.type || "income_variable";
       const amount = income.amount;
 
       if (!totalsMap[categoryName]) {
@@ -162,8 +179,8 @@ export const useIncomes = ({ userId, date, month }: UseIncomesProps = {}) => {
     });
 
     const totalAmount = statistics.income.total;
-    
-    return Object.values(totalsMap).map(category => ({
+
+    return Object.values(totalsMap).map((category) => ({
       ...category,
       percentage: totalAmount > 0 ? (category.amount / totalAmount) * 100 : 0,
     }));
@@ -182,4 +199,4 @@ export const useIncomes = ({ userId, date, month }: UseIncomesProps = {}) => {
     isDeletingIncome: deleteIncomeMutation.isPending,
     isUpdatingIncome: updateIncomeMutation.isPending,
   };
-};
\ No newline at end of file
+};
diff --git a/src/hooks/budget/useTransactionAlert.ts b/src/hooks/budget/useTransactionAlert.ts
index 7d8822f..101f5b3 100644
--- a/src/hooks/budget/useTransactionAlert.ts
+++ b/src/hooks/budget/useTransactionAlert.ts
@@ -1,29 +1,34 @@
-import { useCallback, useState } from 'react';
+import { useCallback, useState } from "react";
 
 interface TransactionAlert {
   categoryName: string;
-  type: 'income' | 'expense';
+  type: "income" | "expense";
   isVisible: boolean;
 }
 
 export const useTransactionAlert = () => {
   const [alerts, setAlerts] = useState<TransactionAlert[]>([]);
 
-  const showAlert = useCallback((categoryName: string, type: 'income' | 'expense') => {
-    // 중복 알림 방지
-    setAlerts(prev => {
-      const exists = prev.some(alert =>
-        alert.categoryName === categoryName && alert.type === type
-      );
+  const showAlert = useCallback(
+    (categoryName: string, type: "income" | "expense") => {
+      // 중복 알림 방지
+      setAlerts((prev) => {
+        const exists = prev.some(
+          (alert) => alert.categoryName === categoryName && alert.type === type,
+        );
 
-      if (exists) return prev;
+        if (exists) return prev;
 
-      return [...prev, { categoryName, type, isVisible: true }];
-    });
-  }, []);
+        return [...prev, { categoryName, type, isVisible: true }];
+      });
+    },
+    [],
+  );
 
   const hideAlert = useCallback((categoryName: string) => {
-    setAlerts(prev => prev.filter(alert => alert.categoryName !== categoryName));
+    setAlerts((prev) =>
+      prev.filter((alert) => alert.categoryName !== categoryName),
+    );
   }, []);
 
   const clearAllAlerts = useCallback(() => {
@@ -36,4 +41,4 @@ export const useTransactionAlert = () => {
     hideAlert,
     clearAllAlerts,
   };
-};
\ No newline at end of file
+};
diff --git a/src/hooks/goals/useFoalCompletionAlert.ts b/src/hooks/goals/useFoalCompletionAlert.ts
index a5bf0a3..b44dd46 100644
--- a/src/hooks/goals/useFoalCompletionAlert.ts
+++ b/src/hooks/goals/useFoalCompletionAlert.ts
@@ -1,4 +1,4 @@
-import { useCallback, useState } from 'react';
+import { useCallback, useState } from "react";
 
 interface CompletedGoal {
   id: string;
@@ -7,11 +7,11 @@ interface CompletedGoal {
 
 export const useGoalCompletionAlert = () => {
   const [completedGoals, setCompletedGoals] = useState<CompletedGoal[]>([]);
-  
+
   const showCompletionAlert = useCallback((goal: CompletedGoal) => {
-    setCompletedGoals(prev => {
+    setCompletedGoals((prev) => {
       // 중복 방지
-      const exists = prev.some(g => g.id === goal.id);
+      const exists = prev.some((g) => g.id === goal.id);
       if (exists) return prev;
 
       return [...prev, goal];
@@ -19,7 +19,7 @@ export const useGoalCompletionAlert = () => {
   }, []);
 
   const hideCompletionAlert = useCallback((goalId: string) => {
-    setCompletedGoals(prev => prev.filter(g => g.id !== goalId));
+    setCompletedGoals((prev) => prev.filter((g) => g.id !== goalId));
   }, []);
 
   return {
@@ -27,4 +27,4 @@ export const useGoalCompletionAlert = () => {
     showCompletionAlert,
     hideCompletionAlert,
   };
-};
\ No newline at end of file
+};
diff --git a/src/hooks/goals/useGoalChecker.ts b/src/hooks/goals/useGoalChecker.ts
index 3a1cf7d..952ad7c 100644
--- a/src/hooks/goals/useGoalChecker.ts
+++ b/src/hooks/goals/useGoalChecker.ts
@@ -1,7 +1,7 @@
-import { supabase } from '@/lib/supabase';
-import { Goal } from '@/types/goals';
-import { useQuery } from '@tanstack/react-query';
-import { endOfMonth, format, startOfMonth } from 'date-fns';
+import { supabase } from "@/lib/supabase";
+import { Goal } from "@/types/goals";
+import { useQuery } from "@tanstack/react-query";
+import { endOfMonth, format, startOfMonth } from "date-fns";
 
 interface GoalWithCurrentData extends Goal {
   currentMonthAmount: number;
@@ -11,20 +11,20 @@ interface GoalWithCurrentData extends Goal {
 
 export const useGoalChecker = (userId?: string, categoryName?: string) => {
   const { data: affectedGoals = [] } = useQuery({
-    queryKey: ['affected-goals', userId, categoryName],
+    queryKey: ["affected-goals", userId, categoryName],
     queryFn: async (): Promise<GoalWithCurrentData[]> => {
       if (!userId || !categoryName) return [];
 
       // 현재 월의 시작일과 종료일
       const now = new Date();
-      const monthStart = format(startOfMonth(now), 'yyyy-MM-dd');
-      const monthEnd = format(endOfMonth(now), 'yyyy-MM-dd');
+      const monthStart = format(startOfMonth(now), "yyyy-MM-dd");
+      const monthEnd = format(endOfMonth(now), "yyyy-MM-dd");
       // 활성화된 목표들 조회
       const { data: goals, error: goalsError } = await supabase
-        .from('goals')
-        .select('*')
-        .eq('user_id', userId)
-        .eq('status', 'active')
+        .from("goals")
+        .select("*")
+        .eq("user_id", userId)
+        .eq("status", "active");
 
       if (goalsError) throw goalsError;
       if (!goals || goals.length === 0) return [];
@@ -32,22 +32,29 @@ export const useGoalChecker = (userId?: string, categoryName?: string) => {
       // 각 목표에 대해 현재 월 실제 데이터 계산
       const goalsWithCurrentData = await Promise.all(
         goals.map(async (goal) => {
-          const tableName = goal.type === 'increase_income' ? 'incomes' : 'expenses';
+          const tableName =
+            goal.type === "increase_income" ? "incomes" : "expenses";
 
           // 해당 목표와 연관될 수 있는 카테고리의 현재 월 데이터 조회
           const { data: transactions } = await supabase
             .from(tableName)
-            .select('amount, category:categories(name)')
-            .eq('user_id', userId)
-            .gte('date', monthStart)
-            .lte('date', monthEnd);
+            .select("amount, category:categories(name)")
+            .eq("user_id", userId)
+            .gte("date", monthStart)
+            .lte("date", monthEnd);
 
           // 해당 카테고리 이름과 관련된 데이터 집계
-          const relatedTransactions = (transactions || []).filter(t => 
-            t.category && 'name' in t.category && t.category.name === categoryName
+          const relatedTransactions = (transactions || []).filter(
+            (t) =>
+              t.category &&
+              "name" in t.category &&
+              t.category.name === categoryName,
           );
 
-          const currentMonthAmount = relatedTransactions.reduce((sum, t) => sum + t.amount, 0);
+          const currentMonthAmount = relatedTransactions.reduce(
+            (sum, t) => sum + t.amount,
+            0,
+          );
           const currentMonthCount = relatedTransactions.length;
 
           // 데이터 불일치 여부 확인
@@ -59,13 +66,13 @@ export const useGoalChecker = (userId?: string, categoryName?: string) => {
             ...goal,
             currentMonthAmount,
             currentMonthCount,
-            hasDataMismatch
+            hasDataMismatch,
           };
-        })
+        }),
       );
 
       // 불일치가 있는 목표들만 반환
-      return goalsWithCurrentData.filter(goal => goal.hasDataMismatch);
+      return goalsWithCurrentData.filter((goal) => goal.hasDataMismatch);
     },
     enabled: !!userId && !!categoryName,
   });
@@ -74,4 +81,4 @@ export const useGoalChecker = (userId?: string, categoryName?: string) => {
     affectedGoals,
     hasAffectedGoals: affectedGoals.length > 0,
   };
-};
\ No newline at end of file
+};
diff --git a/src/hooks/goals/useGoalStatusUpdater.ts b/src/hooks/goals/useGoalStatusUpdater.ts
index e459049..64a46cd 100644
--- a/src/hooks/goals/useGoalStatusUpdater.ts
+++ b/src/hooks/goals/useGoalStatusUpdater.ts
@@ -1,6 +1,6 @@
-import { supabase } from '@/lib/supabase';
-import { useQueryClient } from '@tanstack/react-query'
-import { useGoalCompletionAlert } from './useFoalCompletionAlert';
+import { supabase } from "@/lib/supabase";
+import { useQueryClient } from "@tanstack/react-query";
+import { useGoalCompletionAlert } from "./useFoalCompletionAlert";
 
 export const useGoalStatusUpdater = () => {
   const queryClient = useQueryClient();
@@ -10,33 +10,38 @@ export const useGoalStatusUpdater = () => {
     try {
       // 목표 정보 조회
       const { data: goal, error: goalError } = await supabase
-        .from('goals')
-        .select('*')
-        .eq('id', goalId)
-        .eq('user_id', userId)
+        .from("goals")
+        .select("*")
+        .eq("id", goalId)
+        .eq("user_id", userId)
         .single();
 
       if (goalError || !goal) {
-        console.error('목표 조회 실패:', goalError);
+        console.error("목표 조회 실패:", goalError);
         return;
       }
 
       // 이미 완료된 목표는 건너뛰기
-      if (goal.status === 'completed') return;
+      if (goal.status === "completed") return;
 
       // 현재 월의 실제 데이터 조회
       const now = new Date();
-      const monthStart = new Date(now.getFullYear(), now.getMonth(), 1).toISOString().split('T')[0];
-      const monthEnd = new Date(now.getFullYear(), now.getMonth() + 1, 0).toISOString().split('T')[0];
+      const monthStart = new Date(now.getFullYear(), now.getMonth(), 1)
+        .toISOString()
+        .split("T")[0];
+      const monthEnd = new Date(now.getFullYear(), now.getMonth() + 1, 0)
+        .toISOString()
+        .split("T")[0];
 
-      const tableName = goal.type === 'increase_income' ? 'incomes' : 'expenses';
+      const tableName =
+        goal.type === "increase_income" ? "incomes" : "expenses";
 
       const { data: transactions } = await supabase
         .from(tableName)
-        .select('amount')
-        .eq('user_id', userId)
-        .gte('date', monthStart)
-        .lte('date', monthEnd);
+        .select("amount")
+        .eq("user_id", userId)
+        .gte("date", monthStart)
+        .lte("date", monthEnd);
 
       if (!transactions) return;
 
@@ -47,32 +52,41 @@ export const useGoalStatusUpdater = () => {
       // 목표 달성 여부 확인
       let isCompleted = false;
 
-      if (goal.challenge_mode === 'amount') {
-        isCompleted = goal.target_amount ? actualAmount >= goal.target_amount : false;
-      } else if (goal.challenge_mode === 'count') {
-        isCompleted = goal.target_count ? actualCount >= goal.target_count : false;
-      } else { // 'both' - OR 조건
-        const amountComplete = goal.target_amount ? actualAmount >= goal.target_amount : true;
-        const countComplete = goal.target_count ? actualCount >= goal.target_count : true;
+      if (goal.challenge_mode === "amount") {
+        isCompleted = goal.target_amount
+          ? actualAmount >= goal.target_amount
+          : false;
+      } else if (goal.challenge_mode === "count") {
+        isCompleted = goal.target_count
+          ? actualCount >= goal.target_count
+          : false;
+      } else {
+        // 'both' - OR 조건
+        const amountComplete = goal.target_amount
+          ? actualAmount >= goal.target_amount
+          : true;
+        const countComplete = goal.target_count
+          ? actualCount >= goal.target_count
+          : true;
         isCompleted = amountComplete || countComplete;
       }
 
       // 목표 달성 시 상태 업데이트
       if (isCompleted) {
         const { error: updateError } = await supabase
-          .from('goals')
+          .from("goals")
           .update({
-            status: 'completed',
+            status: "completed",
             current_amount: actualAmount,
             current_count: actualCount,
           })
-          .eq('id', goalId);
+          .eq("id", goalId);
 
         if (updateError) {
-          console.error('목표 상태 업데이트 실패:', updateError);
+          console.error("목표 상태 업데이트 실패:", updateError);
         } else {
           // 캐시 무효화
-          queryClient.invalidateQueries({ queryKey: ['goals'] });
+          queryClient.invalidateQueries({ queryKey: ["goals"] });
 
           // 완료 알림 표시
           showCompletionAlert({
@@ -83,48 +97,51 @@ export const useGoalStatusUpdater = () => {
       } else {
         // 완료되지 않았지만 current 값은 업데이트
         const { error: updateError } = await supabase
-          .from('goals')
+          .from("goals")
           .update({
             current_amount: actualAmount,
             current_count: actualCount,
           })
-          .eq('id', goalId);
+          .eq("id", goalId);
 
         if (updateError) {
-          console.error('목표 진행률 업데이트 실패:', updateError);
+          console.error("목표 진행률 업데이트 실패:", updateError);
         }
       }
-
     } catch (error) {
-      console.error('목표 상태 확인 중 오류:', error);
+      console.error("목표 상태 확인 중 오류:", error);
     }
   };
 
   // 여러 목표를 배치로 확인
   const checkMultipleGoals = async (goalIds: string[], userId: string) => {
     await Promise.allSettled(
-      goalIds.map(goalId => checkAndUpdateGoalStatus(goalId, userId))
+      goalIds.map((goalId) => checkAndUpdateGoalStatus(goalId, userId)),
     );
   };
 
   // 특정 카테고리와 관련된 모든 목표 확인
-  const checkGoalsByCategory = async (userId: string, categoryName: string, type: 'income' | 'expense') => {
+  const checkGoalsByCategory = async (
+    userId: string,
+    categoryName: string,
+    type: "income" | "expense",
+  ) => {
     try {
-      const goalType = type === 'income' ? 'increase_income' : 'reduce_expense';
+      const goalType = type === "income" ? "increase_income" : "reduce_expense";
 
       const { data: goals } = await supabase
-        .from('goals')
-        .select('id')
-        .eq('user_id', userId)
-        .eq('type', goalType)
-        .eq('status', 'active')
+        .from("goals")
+        .select("id")
+        .eq("user_id", userId)
+        .eq("type", goalType)
+        .eq("status", "active");
 
       if (goals && goals.length > 0) {
-        const goalIds = goals.map(g => g.id);
+        const goalIds = goals.map((g) => g.id);
         await checkMultipleGoals(goalIds, userId);
       }
     } catch (error) {
-      console.error('카테고리별 목표 확인 실패:', error);
+      console.error("카테고리별 목표 확인 실패:", error);
     }
   };
 
@@ -133,4 +150,4 @@ export const useGoalStatusUpdater = () => {
     checkMultipleGoals,
     checkGoalsByCategory,
   };
-};
\ No newline at end of file
+};
diff --git a/src/hooks/goals/useGoals.ts b/src/hooks/goals/useGoals.ts
index 378b656..ceb35df 100644
--- a/src/hooks/goals/useGoals.ts
+++ b/src/hooks/goals/useGoals.ts
@@ -1,34 +1,40 @@
-import { supabase } from '@/lib/supabase';
-import { Goal, GoalFormData, GoalProgressInfo } from '@/types/goals';
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { useMemo } from 'react';
+import { supabase } from "@/lib/supabase";
+import { Goal, GoalFormData, GoalProgressInfo } from "@/types/goals";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useMemo } from "react";
 
 interface UseGoalsProps {
   userId?: string;
-  status?: Goal['status'];
+  status?: Goal["status"];
 }
 
 export const useGoals = ({ userId, status }: UseGoalsProps = {}) => {
   const queryClient = useQueryClient();
 
   // 목표 조회
-  const { data: goals = [], isLoading, error } = useQuery({
-    queryKey: ['goals', userId, status],
+  const {
+    data: goals = [],
+    isLoading,
+    error,
+  } = useQuery({
+    queryKey: ["goals", userId, status],
     queryFn: async (): Promise<Goal[]> => {
       let query = supabase
-        .from('goals')
-        .select(`
+        .from("goals")
+        .select(
+          `
           *,
           category:categories(*)
-        `)
-        .order('created_at', { ascending: false });
-      
+        `,
+        )
+        .order("created_at", { ascending: false });
+
       if (userId) {
-        query = query.eq('user_id', userId);
+        query = query.eq("user_id", userId);
       }
 
       if (status) {
-        query = query.eq('status', status);
+        query = query.eq("status", status);
       }
 
       const { data, error } = await query;
@@ -45,25 +51,27 @@ export const useGoals = ({ userId, status }: UseGoalsProps = {}) => {
         ...newGoal,
         current_amount: 0,
         current_count: 0,
-        status: 'active' as const,
-        created_from_date: new Date().toISOString().split('T')[0],
+        status: "active" as const,
+        created_from_date: new Date().toISOString().split("T")[0],
       };
 
       const { data, error } = await supabase
-        .from('goals')
+        .from("goals")
         .insert([goalData])
-        .select(`
+        .select(
+          `
           *,
           category:categories(*)
-        `)
+        `,
+        )
         .single();
 
       if (error) throw error;
       return data;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['goals'] });
-    }
+      queryClient.invalidateQueries({ queryKey: ["goals"] });
+    },
   });
 
   // 목표 수정
@@ -72,26 +80,28 @@ export const useGoals = ({ userId, status }: UseGoalsProps = {}) => {
       const { id, ...goalUpdates } = updates;
 
       const { data, error } = await supabase
-        .from('goals')
+        .from("goals")
         .update(goalUpdates)
-        .eq('id', id)
-        .select(`
+        .eq("id", id)
+        .select(
+          `
           *,
           category:categories(*)
-        `)
+        `,
+        )
         .single();
 
       if (error) throw error;
       return data;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['goals'] });
+      queryClient.invalidateQueries({ queryKey: ["goals"] });
     },
   });
 
   // 목표 진행률 계산
   const goalsWithProgress = useMemo(() => {
-    return goals.map(goal => {
+    return goals.map((goal) => {
       const progressInfo = calculateGoalProgress(goal);
       return {
         ...goal,
@@ -102,26 +112,26 @@ export const useGoals = ({ userId, status }: UseGoalsProps = {}) => {
 
   // 활성 목표만 필터링
   const activeGoals = useMemo(() => {
-    return goalsWithProgress.filter(goal => goal.status === 'active');
+    return goalsWithProgress.filter((goal) => goal.status === "active");
   }, [goalsWithProgress]);
 
   // 완료된 목표만 필터링
   const completedGoals = useMemo(() => {
-    return goalsWithProgress.filter(goal => goal.status === 'completed');
+    return goalsWithProgress.filter((goal) => goal.status === "completed");
   }, [goalsWithProgress]);
 
   return {
-  goals: goalsWithProgress,
-  activeGoals,
-  completedGoals,
-  isLoading,
-  error,
-  createGoal: createGoalMutation.mutate,
-  isCreatingGoal: createGoalMutation.isPending,
-  updateGoal: updateGoalMutation.mutate,
-  isUpdatingGoal: updateGoalMutation.isPending,
+    goals: goalsWithProgress,
+    activeGoals,
+    completedGoals,
+    isLoading,
+    error,
+    createGoal: createGoalMutation.mutate,
+    isCreatingGoal: createGoalMutation.isPending,
+    updateGoal: updateGoalMutation.mutate,
+    isUpdatingGoal: updateGoalMutation.isPending,
   };
-} ;
+};
 
 // 목표 진행률 계산 함수
 const calculateGoalProgress = (goal: Goal): GoalProgressInfo => {
@@ -130,18 +140,26 @@ const calculateGoalProgress = (goal: Goal): GoalProgressInfo => {
 
   // 남은 일수 계산
   const daysLeft = targetDate
-    ? Math.max(0, Math.ceil((targetDate.getTime() - currentDate.getTime()) / (1000 * 60 * 60 * 24)))
+    ? Math.max(
+        0,
+        Math.ceil(
+          (targetDate.getTime() - currentDate.getTime()) /
+            (1000 * 60 * 60 * 24),
+        ),
+      )
     : 0;
 
   // 금액 진행률 계산
-  const amountProgress = goal.target_amount && goal.target_amount > 0
-    ? Math.min(100, (goal.current_amount / goal.target_amount) * 100)
-    : 0;
+  const amountProgress =
+    goal.target_amount && goal.target_amount > 0
+      ? Math.min(100, (goal.current_amount / goal.target_amount) * 100)
+      : 0;
 
   // 횟수 진행률 계산
-  const countProgress = goal.target_count && goal.target_count > 0
-    ? Math.min(100, (goal.current_count / goal.target_count) * 100)
-    : 0;
+  const countProgress =
+    goal.target_count && goal.target_count > 0
+      ? Math.min(100, (goal.current_count / goal.target_count) * 100)
+      : 0;
 
   // 완료 상태 체크
   const isAmountComplete = goal.target_amount
@@ -155,27 +173,28 @@ const calculateGoalProgress = (goal: Goal): GoalProgressInfo => {
   let overallProgress = 0;
   let isComplete = false;
 
-  if (goal.challenge_mode === 'amount') {
+  if (goal.challenge_mode === "amount") {
     overallProgress = amountProgress;
     isComplete = isAmountComplete;
-  } else if (goal.challenge_mode === 'count') {
+  } else if (goal.challenge_mode === "count") {
     overallProgress = countProgress;
     isComplete = isCountComplete;
-  } else { // 'both' - OR 조건
+  } else {
+    // 'both' - OR 조건
     overallProgress = Math.max(amountProgress, countProgress);
     isComplete = isAmountComplete || isCountComplete;
   }
 
   // 진행 상태 텍스트
-  let progressText = '';
+  let progressText = "";
   if (isComplete) {
-    progressText = '목표 달성! 🎉';
+    progressText = "목표 달성! 🎉";
   } else if (daysLeft === 0 && targetDate) {
-    progressText = '기한 만료';
+    progressText = "기한 만료";
   } else if (daysLeft > 0) {
     progressText = `${daysLeft}일 남음`;
   } else {
-    progressText = '진행 중';
+    progressText = "진행 중";
   }
 
   return {
@@ -188,4 +207,4 @@ const calculateGoalProgress = (goal: Goal): GoalProgressInfo => {
     daysLeft,
     progressText,
   };
-};
\ No newline at end of file
+};
diff --git a/src/hooks/questions/useQuestionCategories.ts b/src/hooks/questions/useQuestionCategories.ts
index fe53094..e3e06b9 100644
--- a/src/hooks/questions/useQuestionCategories.ts
+++ b/src/hooks/questions/useQuestionCategories.ts
@@ -1,15 +1,19 @@
-import { supabase } from '@/lib/supabase'
-import { QuestionCategory } from '@/types/questions'
-import { useQuery } from '@tanstack/react-query'
+import { supabase } from "@/lib/supabase";
+import { QuestionCategory } from "@/types/questions";
+import { useQuery } from "@tanstack/react-query";
 
 export const useQuestionsCategories = () => {
-  const { data: categories = [], isLoading, error } = useQuery({
-    queryKey: ['question-categories'],
+  const {
+    data: categories = [],
+    isLoading,
+    error,
+  } = useQuery({
+    queryKey: ["question-categories"],
     queryFn: async (): Promise<QuestionCategory[]> => {
       const { data, error } = await supabase
-        .from('question_categories')
-        .select('*')
-        .order('name');
+        .from("question_categories")
+        .select("*")
+        .order("name");
 
       if (error) throw error;
       return data || [];
@@ -20,9 +24,8 @@ export const useQuestionsCategories = () => {
     categories,
     isLoading,
     error,
-    dailyCategory: categories.find(c => c.name === 'daily'),
-    growthCategory: categories.find(c => c.name === 'growth'),
-    customCategory: categories.find(c => c.name === 'custom'),
+    dailyCategory: categories.find((c) => c.name === "daily"),
+    growthCategory: categories.find((c) => c.name === "growth"),
+    customCategory: categories.find((c) => c.name === "custom"),
   };
 };
-
diff --git a/src/hooks/questions/useQuestionKeywords.ts b/src/hooks/questions/useQuestionKeywords.ts
index 2b863ba..1e256f2 100644
--- a/src/hooks/questions/useQuestionKeywords.ts
+++ b/src/hooks/questions/useQuestionKeywords.ts
@@ -1,30 +1,34 @@
-import { supabase } from '@/lib/supabase';
-import { QuestionKeyword, QuestionKeywordFormData } from '@/types/questions';
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { supabase } from "@/lib/supabase";
+import { QuestionKeyword, QuestionKeywordFormData } from "@/types/questions";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 
 interface UseQuestionKeywordsProps {
   userId?: string;
   categoryId?: string;
 }
 
-export const useQuestionKeywords = ({ userId, categoryId }: UseQuestionKeywordsProps = {}) => {
+export const useQuestionKeywords = ({
+  userId,
+  categoryId,
+}: UseQuestionKeywordsProps = {}) => {
   const queryClient = useQueryClient();
 
   // 키워드 목록 조회
-  const { data: keywords = [], isLoading, error } = useQuery({
-    queryKey: ['question-keywords', userId, categoryId],
+  const {
+    data: keywords = [],
+    isLoading,
+    error,
+  } = useQuery({
+    queryKey: ["question-keywords", userId, categoryId],
     queryFn: async (): Promise<QuestionKeyword[]> => {
-      let query = supabase
-        .from('question_keywords')
-        .select('*')
-        .order('name');
+      let query = supabase.from("question_keywords").select("*").order("name");
 
       if (userId) {
-        query = query.eq('user_id', userId);
+        query = query.eq("user_id", userId);
       }
 
       if (categoryId) {
-        query = query.eq('category_id', categoryId);
+        query = query.eq("category_id", categoryId);
       }
 
       const { data, error } = await query;
@@ -36,13 +40,17 @@ export const useQuestionKeywords = ({ userId, categoryId }: UseQuestionKeywordsP
 
   // 키워드 생성
   const createKeywordMutation = useMutation({
-    mutationFn: async (formData: QuestionKeywordFormData & { user_id: string }) => {
+    mutationFn: async (
+      formData: QuestionKeywordFormData & { user_id: string },
+    ) => {
       const { data, error } = await supabase
-        .from('question_keywords')
-        .insert([{
-          ...formData,
-          color: formData.color || '#3b82f6',
-        }])
+        .from("question_keywords")
+        .insert([
+          {
+            ...formData,
+            color: formData.color || "#3b82f6",
+          },
+        ])
         .select()
         .single();
 
@@ -50,17 +58,20 @@ export const useQuestionKeywords = ({ userId, categoryId }: UseQuestionKeywordsP
       return data;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['question-keywords'] });
+      queryClient.invalidateQueries({ queryKey: ["question-keywords"] });
     },
   });
 
   // 키워드 수정
   const updateKeywordMutation = useMutation({
-    mutationFn: async ({ id, ...updates }: { id: string } & Partial<QuestionKeywordFormData>) => {
+    mutationFn: async ({
+      id,
+      ...updates
+    }: { id: string } & Partial<QuestionKeywordFormData>) => {
       const { data, error } = await supabase
-        .from('question_keywords')
+        .from("question_keywords")
         .update(updates)
-        .eq('id', id)
+        .eq("id", id)
         .select()
         .single();
 
@@ -68,8 +79,8 @@ export const useQuestionKeywords = ({ userId, categoryId }: UseQuestionKeywordsP
       return data;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['question-keywords'] });
-      queryClient.invalidateQueries({ queryKey: ['questions'] });
+      queryClient.invalidateQueries({ queryKey: ["question-keywords"] });
+      queryClient.invalidateQueries({ queryKey: ["questions"] });
     },
   });
 
@@ -77,15 +88,15 @@ export const useQuestionKeywords = ({ userId, categoryId }: UseQuestionKeywordsP
   const deleteKeywordMutation = useMutation({
     mutationFn: async (id: string) => {
       const { error } = await supabase
-        .from('question_keywords')
+        .from("question_keywords")
         .delete()
-        .eq('id', id);
+        .eq("id", id);
 
       if (error) throw error;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['question-keywords'] });
-      queryClient.invalidateQueries({ queryKey: ['questions'] });
+      queryClient.invalidateQueries({ queryKey: ["question-keywords"] });
+      queryClient.invalidateQueries({ queryKey: ["questions"] });
     },
   });
 
@@ -100,4 +111,4 @@ export const useQuestionKeywords = ({ userId, categoryId }: UseQuestionKeywordsP
     deleteKeyword: deleteKeywordMutation.mutate,
     isDeletingKeyword: deleteKeywordMutation.isPending,
   };
-};
\ No newline at end of file
+};
diff --git a/src/hooks/questions/useQuestions.ts b/src/hooks/questions/useQuestions.ts
index 368122b..26b06e8 100644
--- a/src/hooks/questions/useQuestions.ts
+++ b/src/hooks/questions/useQuestions.ts
@@ -1,20 +1,26 @@
-import { supabase } from '@/lib/supabase';
-import { Question, QuestionFilters, QuestionFormData, QuestionKeyword, QuestionWithKeywords } from '@/types/questions';
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { useMemo } from 'react';
+import { supabase } from "@/lib/supabase";
+import {
+  Question,
+  QuestionFilters,
+  QuestionFormData,
+  QuestionKeyword,
+  QuestionWithKeywords,
+} from "@/types/questions";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useMemo } from "react";
 
 interface UseQuestionsProps {
   userId?: string;
   filters?: QuestionFilters;
 }
 
-interface QuestionQueryResult extends Omit<Question, 'keywords'> {
+interface QuestionQueryResult extends Omit<Question, "keywords"> {
   keywords?: Array<{
     keyword: QuestionKeyword;
   }>;
   category?: {
     id: string;
-    name: 'daily' | 'growth' | 'custom';
+    name: "daily" | "growth" | "custom";
     display_name: string;
   };
 }
@@ -23,93 +29,108 @@ export const useQuestions = ({ userId, filters }: UseQuestionsProps = {}) => {
   const queryClient = useQueryClient();
 
   // 질문 목록 조회
-  const { data: questions = [], isLoading, error } = useQuery({
-    queryKey: ['questions', userId, filters],
+  const {
+    data: questions = [],
+    isLoading,
+    error,
+  } = useQuery({
+    queryKey: ["questions", userId, filters],
     queryFn: async (): Promise<QuestionWithKeywords[]> => {
       let query = supabase
-        .from('questions')
-        .select(`
+        .from("questions")
+        .select(
+          `
           *,
           category:question_categories(*),
           keywords:question_keyword_relations(
             keyword:question_keywords(*)
           )
-        `)
-        .order('date', { ascending: false })
-        .order('created_at', { ascending: false });
+        `,
+        )
+        .order("date", { ascending: false })
+        .order("created_at", { ascending: false });
 
       // 사용자 필터
       if (userId) {
-        query = query.eq('user_id', userId);
+        query = query.eq("user_id", userId);
       }
 
       // 카테고리 필터
       if (filters?.categories && filters.categories.length > 0) {
-        query = query.in('category.name', filters.categories);
+        query = query.in("category.name", filters.categories);
       }
 
       // 답변 상태 필터
       if (filters?.isAnswered !== undefined) {
-        query = query.eq('is_answered', filters.isAnswered);
+        query = query.eq("is_answered", filters.isAnswered);
       }
 
       // 공개 설정 필터
       if (filters?.visibility && filters.visibility.length > 0) {
-        const visibilityConditions = filters.visibility.map(v => {
-          switch (v) {
-            case 'public':
-              return 'is_public.eq.true,is_neighbor_visible.eq.true';
-            case 'neighbors':
-              return 'is_public.eq.true,is_neighbor_visible.eq.false';
-            case 'private':
-              return 'is_public.eq.false';
-            default:
-              return '';
-          }
-        }).filter(Boolean);
+        const visibilityConditions = filters.visibility
+          .map((v) => {
+            switch (v) {
+              case "public":
+                return "is_public.eq.true,is_neighbor_visible.eq.true";
+              case "neighbors":
+                return "is_public.eq.true,is_neighbor_visible.eq.false";
+              case "private":
+                return "is_public.eq.false";
+              default:
+                return "";
+            }
+          })
+          .filter(Boolean);
 
         if (visibilityConditions.length > 0) {
-          query = query.or(visibilityConditions.join(','));
+          query = query.or(visibilityConditions.join(","));
         }
       }
 
       // 날짜 범위 필터
       if (filters?.dateFrom) {
-        query = query.gte('date', filters.dateFrom);
+        query = query.gte("date", filters.dateFrom);
       }
       if (filters?.dateTo) {
-        query = query.lte('date', filters.dateTo);
+        query = query.lte("date", filters.dateTo);
       }
 
       // 검색 쿼리 필터
       if (filters?.searchQuery) {
-        query = query.or(`title.ilike.%${filters.searchQuery}%,content.ilike.%${filters.searchQuery}%,answer.ilike.%${filters.searchQuery}%`);
+        query = query.or(
+          `title.ilike.%${filters.searchQuery}%,content.ilike.%${filters.searchQuery}%,answer.ilike.%${filters.searchQuery}%`,
+        );
       }
 
       const { data, error } = await query;
       if (error) throw error;
 
       // 데이터 변환
-      const transformedData = (data || []).map((question: QuestionQueryResult): QuestionWithKeywords => {
-      const keywords = question.keywords?.map(qk => qk.keyword) || [];
-
-      // 가시성 계산
-      const effective_visibility: 'public' | 'neighbors' | 'private' = 
-        question.is_public && question.is_neighbor_visible ? 'public' :
-        question.is_public && !question.is_neighbor_visible ? 'neighbors' : 'private';
-
-      return {
-        ...question,
-        keywords,
-        category: question.category || {
-          id: '',
-          name: 'custom',
-          display_name: '알 수 없음'
+      const transformedData = (data || []).map(
+        (question: QuestionQueryResult): QuestionWithKeywords => {
+          const keywords = question.keywords?.map((qk) => qk.keyword) || [];
+
+          // 가시성 계산
+          const effective_visibility: "public" | "neighbors" | "private" =
+            question.is_public && question.is_neighbor_visible
+              ? "public"
+              : question.is_public && !question.is_neighbor_visible
+                ? "neighbors"
+                : "private";
+
+          return {
+            ...question,
+            keywords,
+            category: question.category || {
+              id: "",
+              name: "custom",
+              display_name: "알 수 없음",
+            },
+            effective_visibility,
+            is_own: question.user_id === userId,
+          } as QuestionWithKeywords;
         },
-        effective_visibility,
-        is_own: question.user_id === userId,
-      } as QuestionWithKeywords;
-    });
+      );
 
       return transformedData;
     },
@@ -131,7 +152,7 @@ export const useQuestions = ({ userId, filters }: UseQuestionsProps = {}) => {
 
       // 1. 질문 생성
       const { data: question, error: questionError } = await supabase
-        .from('questions')
+        .from("questions")
         .insert([dataWithDefaults])
         .select()
         .single();
@@ -144,28 +165,31 @@ export const useQuestions = ({ userId, filters }: UseQuestionsProps = {}) => {
           keywordNames,
           formData.user_id,
           formData.category_id,
-          question.id
+          question.id,
         );
       }
 
       return question;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['questions'] });
-      queryClient.invalidateQueries({ queryKey: ['question-keywords'] });
+      queryClient.invalidateQueries({ queryKey: ["questions"] });
+      queryClient.invalidateQueries({ queryKey: ["question-keywords"] });
     },
   });
 
   // 질문 수정
   const updateQuestionMutation = useMutation({
-    mutationFn: async ({ id, ...updates }: { id: string } & Partial<QuestionFormData>) => {
+    mutationFn: async ({
+      id,
+      ...updates
+    }: { id: string } & Partial<QuestionFormData>) => {
       const { keywords: keywordNames, ...questionUpdates } = updates;
 
       // 1. 질문 업데이트
       const { data: question, error: questionError } = await supabase
-        .from('questions')
+        .from("questions")
         .update(questionUpdates)
-        .eq('id', id)
+        .eq("id", id)
         .select()
         .single();
 
@@ -175,9 +199,9 @@ export const useQuestions = ({ userId, filters }: UseQuestionsProps = {}) => {
       if (keywordNames) {
         // 기존 관계 삭제
         await supabase
-          .from('question_keyword_relations')
+          .from("question_keyword_relations")
           .delete()
-          .eq('question_id', id);
+          .eq("question_id", id);
 
         // 새 키워드 처리
         if (keywordNames.length > 0) {
@@ -185,7 +209,7 @@ export const useQuestions = ({ userId, filters }: UseQuestionsProps = {}) => {
             keywordNames,
             question.user_id,
             question.category_id,
-            id
+            id,
           );
         }
       }
@@ -193,24 +217,21 @@ export const useQuestions = ({ userId, filters }: UseQuestionsProps = {}) => {
       return question;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['questions'] });
-      queryClient.invalidateQueries({ queryKey: ['question-keywords'] });
+      queryClient.invalidateQueries({ queryKey: ["questions"] });
+      queryClient.invalidateQueries({ queryKey: ["question-keywords"] });
     },
   });
 
   // 질문 삭제
   const deleteQuestionMutation = useMutation({
     mutationFn: async (id: string) => {
-      const { error } = await supabase
-        .from('questions')
-        .delete()
-        .eq('id', id);
+      const { error } = await supabase.from("questions").delete().eq("id", id);
 
       if (error) throw error;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['questions'] });
-      queryClient.invalidateQueries({ queryKey: ['question-keywords'] });
+      queryClient.invalidateQueries({ queryKey: ["questions"] });
+      queryClient.invalidateQueries({ queryKey: ["question-keywords"] });
     },
   });
 
@@ -218,13 +239,13 @@ export const useQuestions = ({ userId, filters }: UseQuestionsProps = {}) => {
   const updateAnswerMutation = useMutation({
     mutationFn: async ({ id, answer }: { id: string; answer: string }) => {
       const { data, error } = await supabase
-        .from('questions')
-        .update({ 
+        .from("questions")
+        .update({
           answer,
           is_answered: answer.trim().length > 0,
-          updated_at: new Date().toISOString()
+          updated_at: new Date().toISOString(),
         })
-        .eq('id', id)
+        .eq("id", id)
         .select()
         .single();
 
@@ -232,7 +253,7 @@ export const useQuestions = ({ userId, filters }: UseQuestionsProps = {}) => {
       return data;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['questions'] });
+      queryClient.invalidateQueries({ queryKey: ["questions"] });
     },
   });
 
@@ -241,32 +262,32 @@ export const useQuestions = ({ userId, filters }: UseQuestionsProps = {}) => {
     keywordNames: string[],
     userId: string,
     categoryId: string,
-    questionId: string
+    questionId: string,
   ) => {
     // 기존 키워드 조회
     const { data: existingKeywords } = await supabase
-      .from('question_keywords')
-      .select('*')
-      .eq('user_id', userId)
-      .eq('category_id', categoryId)
-      .in('name', keywordNames);
-
-    const existingKeywordNames = existingKeywords?.map(k => k.name) || [];
-    const newKeywordNames = keywordNames.filter(name => 
-      !existingKeywordNames.includes(name)
+      .from("question_keywords")
+      .select("*")
+      .eq("user_id", userId)
+      .eq("category_id", categoryId)
+      .in("name", keywordNames);
+
+    const existingKeywordNames = existingKeywords?.map((k) => k.name) || [];
+    const newKeywordNames = keywordNames.filter(
+      (name) => !existingKeywordNames.includes(name),
     );
 
     // 새 키워드 생성
     if (newKeywordNames.length > 0) {
-      const newKeywords = newKeywordNames.map(name => ({
+      const newKeywords = newKeywordNames.map((name) => ({
         user_id: userId,
         category_id: categoryId,
         name,
-        color: '#3b82f6', // 기본 색상
+        color: "#3b82f6", // 기본 색상
       }));
 
       const { error: keywordError } = await supabase
-        .from('question_keywords')
+        .from("question_keywords")
         .insert(newKeywords);
 
       if (keywordError) throw keywordError;
@@ -274,21 +295,21 @@ export const useQuestions = ({ userId, filters }: UseQuestionsProps = {}) => {
 
     // 모든 키워드 다시 조회
     const { data: allKeywords } = await supabase
-      .from('question_keywords')
-      .select('*')
-      .eq('user_id', userId)
-      .eq('category_id', categoryId)
-      .in('name', keywordNames);
+      .from("question_keywords")
+      .select("*")
+      .eq("user_id", userId)
+      .eq("category_id", categoryId)
+      .in("name", keywordNames);
 
     // 질문-키워드 관계 생성
     if (allKeywords) {
-      const questionKeywords = allKeywords.map(keyword => ({
+      const questionKeywords = allKeywords.map((keyword) => ({
         question_id: questionId,
         keyword_id: keyword.id,
       }));
 
       const { error: relationError } = await supabase
-        .from('question_keyword_relations')
+        .from("question_keyword_relations")
         .insert(questionKeywords);
 
       if (relationError) throw relationError;
@@ -297,14 +318,20 @@ export const useQuestions = ({ userId, filters }: UseQuestionsProps = {}) => {
 
   // 통계 계산
   const statistics = useMemo(() => {
-    const dailyCount = questions.filter(q => q.category?.name === 'daily').length;
-    const growthCount = questions.filter(q => q.category?.name === 'growth').length;
-    const customCount = questions.filter(q => q.category?.name === 'custom').length;
-    const answeredCount = questions.filter(q => q.is_answered).length;
-    const unansweredCount = questions.filter(q => !q.is_answered).length;
-    
-    const allKeywords = questions.flatMap(q => q.keywords || []);
-    const uniqueKeywords = Array.from(new Set(allKeywords.map(k => k.name)));
+    const dailyCount = questions.filter(
+      (q) => q.category?.name === "daily",
+    ).length;
+    const growthCount = questions.filter(
+      (q) => q.category?.name === "growth",
+    ).length;
+    const customCount = questions.filter(
+      (q) => q.category?.name === "custom",
+    ).length;
+    const answeredCount = questions.filter((q) => q.is_answered).length;
+    const unansweredCount = questions.filter((q) => !q.is_answered).length;
+
+    const allKeywords = questions.flatMap((q) => q.keywords || []);
+    const uniqueKeywords = Array.from(new Set(allKeywords.map((k) => k.name)));
 
     return {
       total: questions.length,
@@ -314,7 +341,8 @@ export const useQuestions = ({ userId, filters }: UseQuestionsProps = {}) => {
       answered: answeredCount,
       unanswered: unansweredCount,
       uniqueKeywords: uniqueKeywords.length,
-      answerRate: questions.length > 0 ? (answeredCount / questions.length) * 100 : 0,
+      answerRate:
+        questions.length > 0 ? (answeredCount / questions.length) * 100 : 0,
     };
   }, [questions]);
 
@@ -334,4 +362,4 @@ export const useQuestions = ({ userId, filters }: UseQuestionsProps = {}) => {
     createQuestionMutation,
     updateQuestionMutation,
   };
-};
\ No newline at end of file
+};
diff --git a/src/hooks/reflections/useKeywords.ts b/src/hooks/reflections/useKeywords.ts
index 62f3064..ccc86ff 100644
--- a/src/hooks/reflections/useKeywords.ts
+++ b/src/hooks/reflections/useKeywords.ts
@@ -1,35 +1,43 @@
-import { supabase } from '@/lib/supabase'
-import { Keyword, KeywordFormData, KeywordUsageStats } from '@/types/reflections'
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
+import { supabase } from "@/lib/supabase";
+import {
+  Keyword,
+  KeywordFormData,
+  KeywordUsageStats,
+} from "@/types/reflections";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 
 export const useKeywords = (userId?: string, categoryId?: string) => {
   const queryClient = useQueryClient();
 
   // 키워드 목록 조회
-  const { data: keywords = [], isLoading, error } = useQuery({
-    queryKey: ['keywords', userId, categoryId],
+  const {
+    data: keywords = [],
+    isLoading,
+    error,
+  } = useQuery({
+    queryKey: ["keywords", userId, categoryId],
     queryFn: async (): Promise<Keyword[]> => {
       let query = supabase
-        .from('reflection_keyword_stats')
-        .select('*')
-        .eq('user_id', userId!)
-        .order('usage_count', { ascending: false });
+        .from("reflection_keyword_stats")
+        .select("*")
+        .eq("user_id", userId!)
+        .order("usage_count", { ascending: false });
 
       if (categoryId) {
-        query = query.eq('category_id', categoryId);
+        query = query.eq("category_id", categoryId);
       }
 
       const { data, error } = await query;
       if (error) throw error;
-      
-      return (data || []).map(stat => ({
+
+      return (data || []).map((stat) => ({
         id: stat.keyword_id,
         user_id: stat.user_id,
         category_id: stat.category_id,
         name: stat.keyword_name,
-        color: stat.color || '#14b8a6',
-        created_at: stat.created_at || '',
-        updated_at: stat.updated_at || '',
+        color: stat.color || "#14b8a6",
+        created_at: stat.created_at || "",
+        updated_at: stat.updated_at || "",
         usage_count: stat.usage_count,
         gratitude_count: stat.gratitude_count || 0,
         reflection_count: stat.reflection_count || 0,
@@ -45,11 +53,11 @@ export const useKeywords = (userId?: string, categoryId?: string) => {
     mutationFn: async (formData: KeywordFormData & { user_id: string }) => {
       const keywordData = {
         ...formData,
-        color: formData.color || '#14b8a6',
+        color: formData.color || "#14b8a6",
       };
 
       const { data, error } = await supabase
-        .from('reflection_keywords')
+        .from("reflection_keywords")
         .insert([keywordData])
         .select()
         .single();
@@ -58,17 +66,20 @@ export const useKeywords = (userId?: string, categoryId?: string) => {
       return data;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['keywords'] });
+      queryClient.invalidateQueries({ queryKey: ["keywords"] });
     },
   });
 
   // 키워드 수정
   const updateKeywordMutation = useMutation({
-    mutationFn: async ({ id, ...updates }: { id: string } & Partial<KeywordFormData>) => {
+    mutationFn: async ({
+      id,
+      ...updates
+    }: { id: string } & Partial<KeywordFormData>) => {
       const { data, error } = await supabase
-        .from('reflection_keywords')
+        .from("reflection_keywords")
         .update(updates)
-        .eq('id', id)
+        .eq("id", id)
         .select()
         .single();
 
@@ -76,7 +87,7 @@ export const useKeywords = (userId?: string, categoryId?: string) => {
       return data;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['keywords'] });
+      queryClient.invalidateQueries({ queryKey: ["keywords"] });
     },
   });
 
@@ -84,39 +95,39 @@ export const useKeywords = (userId?: string, categoryId?: string) => {
   const deleteKeywordMutation = useMutation({
     mutationFn: async (id: string) => {
       const { error } = await supabase
-        .from('reflection_keywords')
+        .from("reflection_keywords")
         .delete()
-        .eq('id', id);
+        .eq("id", id);
 
       if (error) throw error;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['keywords'] });
-      queryClient.invalidateQueries({ queryKey: ['reflections'] });
+      queryClient.invalidateQueries({ queryKey: ["keywords"] });
+      queryClient.invalidateQueries({ queryKey: ["reflections"] });
     },
   });
 
   // 키워드 사용 통계 조회
   const { data: keywordStats = [], isLoading: isLoadingStats } = useQuery({
-    queryKey: ['keyword-stats', userId, categoryId],
+    queryKey: ["keyword-stats", userId, categoryId],
     queryFn: async (): Promise<KeywordUsageStats[]> => {
       const { data, error } = await supabase
-        .from('reflection_keyword_stats')
-        .select('*')
-        .eq('user_id', userId!)
-        .order('usage_count', { ascending: false });
+        .from("reflection_keyword_stats")
+        .select("*")
+        .eq("user_id", userId!)
+        .order("usage_count", { ascending: false });
 
       if (error) throw error;
 
-      return (data || []).map(stat => ({
+      return (data || []).map((stat) => ({
         keyword: {
           id: stat.keyword_id,
           user_id: stat.user_id,
           category_id: stat.category_id,
           name: stat.keyword_name,
-          color: stat.color || '#14b8a6',
-          created_at: stat.created_at || '',
-          updated_at: stat.updated_at || '',
+          color: stat.color || "#14b8a6",
+          created_at: stat.created_at || "",
+          updated_at: stat.updated_at || "",
         },
         usageCount: stat.usage_count,
         gratitudeCount: stat.gratitude_count || 0,
@@ -141,4 +152,4 @@ export const useKeywords = (userId?: string, categoryId?: string) => {
     deleteKeyword: deleteKeywordMutation.mutate,
     isDeletingKeyword: deleteKeywordMutation.isPending,
   };
-};
\ No newline at end of file
+};
diff --git a/src/hooks/reflections/useReflectionCategories.ts b/src/hooks/reflections/useReflectionCategories.ts
index dc0eece..8dda1d9 100644
--- a/src/hooks/reflections/useReflectionCategories.ts
+++ b/src/hooks/reflections/useReflectionCategories.ts
@@ -1,17 +1,21 @@
-'use client';
+"use client";
 
-import { supabase } from '@/lib/supabase';
-import { ReflectionCategory } from '@/types/reflections';
-import { useQuery } from '@tanstack/react-query';
+import { supabase } from "@/lib/supabase";
+import { ReflectionCategory } from "@/types/reflections";
+import { useQuery } from "@tanstack/react-query";
 
 export const useReflectionCategories = () => {
-  const { data: categories = [], isLoading, error } = useQuery({
-    queryKey: ['reflection-categories'],
+  const {
+    data: categories = [],
+    isLoading,
+    error,
+  } = useQuery({
+    queryKey: ["reflection-categories"],
     queryFn: async (): Promise<ReflectionCategory[]> => {
       const { data, error } = await supabase
-        .from('reflection_categories')
-        .select('*')
-        .order('name');
+        .from("reflection_categories")
+        .select("*")
+        .order("name");
 
       if (error) throw error;
       return data || [];
@@ -22,7 +26,7 @@ export const useReflectionCategories = () => {
     categories,
     isLoading,
     error,
-    gratitudeCategory: categories.find(c => c.name === 'gratitude'),
-    reflectionCategory: categories.find(c => c.name === 'reflection'),
+    gratitudeCategory: categories.find((c) => c.name === "gratitude"),
+    reflectionCategory: categories.find((c) => c.name === "reflection"),
   };
-};
\ No newline at end of file
+};
diff --git a/src/hooks/reflections/useReflections.ts b/src/hooks/reflections/useReflections.ts
index 8e4dcf2..8315e6c 100644
--- a/src/hooks/reflections/useReflections.ts
+++ b/src/hooks/reflections/useReflections.ts
@@ -1,117 +1,138 @@
-import { supabase } from '@/lib/supabase';
-import { Keyword, Reflection, ReflectionFilters, ReflectionFormData, ReflectionWithKeywords } from '@/types/reflections';
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { useMemo } from 'react';
+import { supabase } from "@/lib/supabase";
+import {
+  Keyword,
+  Reflection,
+  ReflectionFilters,
+  ReflectionFormData,
+  ReflectionWithKeywords,
+} from "@/types/reflections";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useMemo } from "react";
 
 interface UseReflectionsProps {
   userId?: string;
   filters?: ReflectionFilters;
 }
 
-interface ReflectionQueryResult extends Omit<Reflection, 'keywords'> {
+interface ReflectionQueryResult extends Omit<Reflection, "keywords"> {
   keywords?: Array<{
     keyword: Keyword;
   }>;
   category?: {
     id: string;
-    name: 'gratitude' | 'reflection';
+    name: "gratitude" | "reflection";
     display_name: string;
   };
 }
 
-export const useReflections = ({ userId, filters }: UseReflectionsProps = {}) => {
+export const useReflections = ({
+  userId,
+  filters,
+}: UseReflectionsProps = {}) => {
   const queryClient = useQueryClient();
 
   // 회고 목록 조회
-  const { data: reflections = [], isLoading, error } = useQuery({
-    queryKey: ['reflections', userId, filters],
+  const {
+    data: reflections = [],
+    isLoading,
+    error,
+  } = useQuery({
+    queryKey: ["reflections", userId, filters],
     queryFn: async (): Promise<ReflectionWithKeywords[]> => {
       let query = supabase
-        .from('reflections')
-        .select(`
+        .from("reflections")
+        .select(
+          `
           *,
           category:reflection_categories(*),
           keywords:reflection_keyword_relations(
             keyword:reflection_keywords(*)
           )
-        `)
-        .order('date', { ascending: false })
-        .order('created_at', { ascending: false });
+        `,
+        )
+        .order("date", { ascending: false })
+        .order("created_at", { ascending: false });
 
       // 사용자 필터
       if (userId) {
-        query = query.eq('user_id', userId);
+        query = query.eq("user_id", userId);
       }
 
       // 카테고리 필터
-      if (filters?.type && filters.type !== 'all') {
-        query = query.eq('category.name', filters.type);
+      if (filters?.type && filters.type !== "all") {
+        query = query.eq("category.name", filters.type);
       }
 
       // 날짜 범위 필터
       if (filters?.startDate) {
-        query = query.gte('date', filters.startDate);
+        query = query.gte("date", filters.startDate);
       }
       if (filters?.endDate) {
-        query = query.lte('date', filters.endDate);
+        query = query.lte("date", filters.endDate);
       }
 
       const { data, error } = await query;
       if (error) throw error;
 
       // 데이터 변환
-      const transformedData = (data || []).map((reflection: ReflectionQueryResult) => {
-        const keywords = reflection.keywords?.map(rk => rk.keyword) || [];
-        
-        // 가시성 계산
-        const effective_visibility: 'public' | 'neighbors' | 'private' = 
-          reflection.is_public && reflection.is_neighbor_visible ? 'public' :
-          reflection.is_public && !reflection.is_neighbor_visible ? 'neighbors' :
-          'private';
-
-        return {
-          ...reflection,
-          keywords,
-          effective_visibility,
-          is_own: reflection.user_id === userId,
-        };
-      });
+      const transformedData = (data || []).map(
+        (reflection: ReflectionQueryResult) => {
+          const keywords = reflection.keywords?.map((rk) => rk.keyword) || [];
+
+          // 가시성 계산
+          const effective_visibility: "public" | "neighbors" | "private" =
+            reflection.is_public && reflection.is_neighbor_visible
+              ? "public"
+              : reflection.is_public && !reflection.is_neighbor_visible
+                ? "neighbors"
+                : "private";
+
+          return {
+            ...reflection,
+            keywords,
+            effective_visibility,
+            is_own: reflection.user_id === userId,
+          };
+        },
+      );
 
       // 클라이언트 사이드 필터링
       let filteredData = transformedData;
 
       // 키워드 필터
       if (filters?.keywords && filters.keywords.length > 0) {
-        filteredData = filteredData.filter(reflection =>
-          reflection.keywords?.some(keyword =>
-            filters.keywords!.includes(keyword.name)
-          )
+        filteredData = filteredData.filter((reflection) =>
+          reflection.keywords?.some((keyword) =>
+            filters.keywords!.includes(keyword.name),
+          ),
         );
       }
 
       // 검색어 필터
       if (filters?.searchTerm) {
         const searchLower = filters.searchTerm.toLowerCase();
-        filteredData = filteredData.filter(reflection =>
-          reflection.title?.toLowerCase().includes(searchLower) ||
-          reflection.content.toLowerCase().includes(searchLower) ||
-          reflection.keywords?.some(keyword => 
-            keyword.name.toLowerCase().includes(searchLower)
-          )
+        filteredData = filteredData.filter(
+          (reflection) =>
+            reflection.title?.toLowerCase().includes(searchLower) ||
+            reflection.content.toLowerCase().includes(searchLower) ||
+            reflection.keywords?.some((keyword) =>
+              keyword.name.toLowerCase().includes(searchLower),
+            ),
         );
       }
 
       // 가시성 필터
-      if (filters?.visibility && filters.visibility !== 'all') {
-        filteredData = filteredData.filter(reflection =>
-          reflection.effective_visibility === filters.visibility
+      if (filters?.visibility && filters.visibility !== "all") {
+        filteredData = filteredData.filter(
+          (reflection) =>
+            reflection.effective_visibility === filters.visibility,
         );
       }
 
       // 작성자 필터
       if (filters?.author_id) {
-        filteredData = filteredData.filter(reflection =>
-          reflection.user_id === filters.author_id
+        filteredData = filteredData.filter(
+          (reflection) => reflection.user_id === filters.author_id,
         );
       }
 
@@ -134,7 +155,7 @@ export const useReflections = ({ userId, filters }: UseReflectionsProps = {}) =>
 
       // 1. 회고 생성
       const { data: reflection, error: reflectionError } = await supabase
-        .from('reflections')
+        .from("reflections")
         .insert([dataWithDefaults])
         .select()
         .single();
@@ -147,28 +168,31 @@ export const useReflections = ({ userId, filters }: UseReflectionsProps = {}) =>
           keywordNames,
           formData.user_id,
           formData.category_id,
-          reflection.id
+          reflection.id,
         );
       }
 
       return reflection;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['reflections'] });
-      queryClient.invalidateQueries({ queryKey: ['keywords'] });
+      queryClient.invalidateQueries({ queryKey: ["reflections"] });
+      queryClient.invalidateQueries({ queryKey: ["keywords"] });
     },
   });
 
   // 회고 수정
   const updateReflectionMutation = useMutation({
-    mutationFn: async ({ id, ...updates }: { id: string } & Partial<ReflectionFormData>) => {
+    mutationFn: async ({
+      id,
+      ...updates
+    }: { id: string } & Partial<ReflectionFormData>) => {
       const { keywords: keywordNames, ...reflectionUpdates } = updates;
 
       // 1. 회고 업데이트
       const { data: reflection, error: reflectionError } = await supabase
-        .from('reflections')
+        .from("reflections")
         .update(reflectionUpdates)
-        .eq('id', id)
+        .eq("id", id)
         .select()
         .single();
 
@@ -178,9 +202,9 @@ export const useReflections = ({ userId, filters }: UseReflectionsProps = {}) =>
       if (keywordNames) {
         // 기존 관계 삭제
         await supabase
-          .from('reflection_keyword_relations')
+          .from("reflection_keyword_relations")
           .delete()
-          .eq('reflection_id', id);
+          .eq("reflection_id", id);
 
         // 새 키워드 처리
         if (keywordNames.length > 0) {
@@ -188,7 +212,7 @@ export const useReflections = ({ userId, filters }: UseReflectionsProps = {}) =>
             keywordNames,
             reflection.user_id,
             reflection.category_id,
-            id
+            id,
           );
         }
       }
@@ -196,8 +220,8 @@ export const useReflections = ({ userId, filters }: UseReflectionsProps = {}) =>
       return reflection;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['reflections'] });
-      queryClient.invalidateQueries({ queryKey: ['keywords'] });
+      queryClient.invalidateQueries({ queryKey: ["reflections"] });
+      queryClient.invalidateQueries({ queryKey: ["keywords"] });
     },
   });
 
@@ -205,15 +229,15 @@ export const useReflections = ({ userId, filters }: UseReflectionsProps = {}) =>
   const deleteReflectionMutation = useMutation({
     mutationFn: async (id: string) => {
       const { error } = await supabase
-        .from('reflections')
+        .from("reflections")
         .delete()
-        .eq('id', id);
+        .eq("id", id);
 
       if (error) throw error;
     },
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['reflections'] });
-      queryClient.invalidateQueries({ queryKey: ['keywords'] });
+      queryClient.invalidateQueries({ queryKey: ["reflections"] });
+      queryClient.invalidateQueries({ queryKey: ["keywords"] });
     },
   });
 
@@ -222,32 +246,32 @@ export const useReflections = ({ userId, filters }: UseReflectionsProps = {}) =>
     keywordNames: string[],
     userId: string,
     categoryId: string,
-    reflectionId: string
+    reflectionId: string,
   ) => {
     // 기존 키워드 조회
     const { data: existingKeywords } = await supabase
-      .from('reflection_keywords')
-      .select('*')
-      .eq('user_id', userId)
-      .eq('category_id', categoryId)
-      .in('name', keywordNames);
-
-    const existingKeywordNames = existingKeywords?.map(k => k.name) || [];
-    const newKeywordNames = keywordNames.filter(name => 
-      !existingKeywordNames.includes(name)
+      .from("reflection_keywords")
+      .select("*")
+      .eq("user_id", userId)
+      .eq("category_id", categoryId)
+      .in("name", keywordNames);
+
+    const existingKeywordNames = existingKeywords?.map((k) => k.name) || [];
+    const newKeywordNames = keywordNames.filter(
+      (name) => !existingKeywordNames.includes(name),
     );
 
     // 새 키워드 생성
     if (newKeywordNames.length > 0) {
-      const newKeywords = newKeywordNames.map(name => ({
+      const newKeywords = newKeywordNames.map((name) => ({
         user_id: userId,
         category_id: categoryId,
         name,
-        color: '#14b8a6', // 기본 색상
+        color: "#14b8a6", // 기본 색상
       }));
 
       const { error: keywordError } = await supabase
-        .from('reflection_keywords')
+        .from("reflection_keywords")
         .insert(newKeywords);
 
       if (keywordError) throw keywordError;
@@ -255,21 +279,21 @@ export const useReflections = ({ userId, filters }: UseReflectionsProps = {}) =>
 
     // 모든 키워드 다시 조회
     const { data: allKeywords } = await supabase
-      .from('reflection_keywords')
-      .select('*')
-      .eq('user_id', userId)
-      .eq('category_id', categoryId)
-      .in('name', keywordNames);
+      .from("reflection_keywords")
+      .select("*")
+      .eq("user_id", userId)
+      .eq("category_id", categoryId)
+      .in("name", keywordNames);
 
     // 회고-키워드 관계 생성
     if (allKeywords) {
-      const reflectionKeywords = allKeywords.map(keyword => ({
+      const reflectionKeywords = allKeywords.map((keyword) => ({
         reflection_id: reflectionId,
         keyword_id: keyword.id,
       }));
 
       const { error: relationError } = await supabase
-        .from('reflection_keyword_relations')
+        .from("reflection_keyword_relations")
         .insert(reflectionKeywords);
 
       if (relationError) throw relationError;
@@ -278,11 +302,15 @@ export const useReflections = ({ userId, filters }: UseReflectionsProps = {}) =>
 
   // 통계 계산
   const statistics = useMemo(() => {
-    const gratitudeCount = reflections.filter(r => r.category?.name === 'gratitude').length;
-    const reflectionCount = reflections.filter(r => r.category?.name === 'reflection').length;
-    
-    const allKeywords = reflections.flatMap(r => r.keywords || []);
-    const uniqueKeywords = Array.from(new Set(allKeywords.map(k => k.name)));
+    const gratitudeCount = reflections.filter(
+      (r) => r.category?.name === "gratitude",
+    ).length;
+    const reflectionCount = reflections.filter(
+      (r) => r.category?.name === "reflection",
+    ).length;
+
+    const allKeywords = reflections.flatMap((r) => r.keywords || []);
+    const uniqueKeywords = Array.from(new Set(allKeywords.map((k) => k.name)));
 
     return {
       total: reflections.length,
@@ -303,6 +331,6 @@ export const useReflections = ({ userId, filters }: UseReflectionsProps = {}) =>
     isUpdatingReflection: updateReflectionMutation.isPending,
     deleteReflection: deleteReflectionMutation.mutate,
     isDeletingReflection: deleteReflectionMutation.isPending,
-    createReflectionMutation
+    createReflectionMutation,
   };
-};
\ No newline at end of file
+};
diff --git a/src/lib/query-client.ts b/src/lib/query-client.ts
index bcbe67f..8c52c1a 100644
--- a/src/lib/query-client.ts
+++ b/src/lib/query-client.ts
@@ -1,4 +1,4 @@
-import { QueryClient } from '@tanstack/react-query';
+import { QueryClient } from "@tanstack/react-query";
 
 export const queryClient = new QueryClient({
   defaultOptions: {
@@ -6,6 +6,6 @@ export const queryClient = new QueryClient({
       staleTime: 5 * 60 * 1000,
       refetchOnWindowFocus: false,
       retry: 1,
-    }
-  }
-});
\ No newline at end of file
+    },
+  },
+});
diff --git a/src/lib/supabase.ts b/src/lib/supabase.ts
index b975b22..01e1672 100644
--- a/src/lib/supabase.ts
+++ b/src/lib/supabase.ts
@@ -1,9 +1,9 @@
-import { createClient } from '@supabase/supabase-js';
+import { createClient } from "@supabase/supabase-js";
 
-const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL!
-const supabaseAnonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
+const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL!;
+const supabaseAnonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!;
 
 export const supabase = createClient(supabaseUrl, supabaseAnonKey);
 
 // TODO: 타입 정의를 위한 Database 타입
-// export type Database = any;
\ No newline at end of file
+// export type Database = any;
diff --git a/src/lib/validations/auth.ts b/src/lib/validations/auth.ts
index eac7e97..6575adb 100644
--- a/src/lib/validations/auth.ts
+++ b/src/lib/validations/auth.ts
@@ -1,35 +1,35 @@
-import z from 'zod';
+import z from "zod";
 
 export const loginSchema = z.object({
   email: z
     .string()
-    .min(1, '이메일을 입력해주세요.')
-    .email('올바른 이메일 형식을 입력해주세요.'),
+    .min(1, "이메일을 입력해주세요.")
+    .email("올바른 이메일 형식을 입력해주세요."),
   password: z
     .string()
-    .min(1, '비밀번호를 입력해주세요.')
-    .min(6, '비밀번호는 6자 이상이어야 합니다.'),
+    .min(1, "비밀번호를 입력해주세요.")
+    .min(6, "비밀번호는 6자 이상이어야 합니다."),
 });
 
 export const signupSchema = z.object({
   email: z
     .string()
-    .min(1, '이메일을 입력해주세요.')
-    .email('올바른 이메일 형식을 입력해주세요.'),
+    .min(1, "이메일을 입력해주세요.")
+    .email("올바른 이메일 형식을 입력해주세요."),
   password: z
     .string()
-    .min(1, '비밀번호를 입력해주세요.')
-    .min(6, '비밀번호는 6자 이상이어야 합니다.'),
+    .min(1, "비밀번호를 입력해주세요.")
+    .min(6, "비밀번호는 6자 이상이어야 합니다."),
   name: z
     .string()
-    .min(1, '이름을 입력해주세요.')
-    .min(2, '이름은 2자 이상이어야 합니다.'),
+    .min(1, "이름을 입력해주세요.")
+    .min(2, "이름은 2자 이상이어야 합니다."),
   nickname: z
     .string()
     .optional()
     .refine(
-      (val) => !val || val.length >=2,
-      '닉네임은 2자 이상이어야 합니다.'
+      (val) => !val || val.length >= 2,
+      "닉네임은 2자 이상이어야 합니다.",
     ),
 });
 
@@ -38,13 +38,13 @@ export const profileUpdateSchema = z.object({
     .string()
     .optional()
     .refine(
-      (val) => !val || val.length >=2,
-      '닉네임은 2자 이상이어야 합니다.'
+      (val) => !val || val.length >= 2,
+      "닉네임은 2자 이상이어야 합니다.",
     ),
-  avatar_url: z.string().url('올바른 URL을 입력해주세요.').optional(),
+  avatar_url: z.string().url("올바른 URL을 입력해주세요.").optional(),
 });
 
 // 타입 추출
 export type LoginFormValues = z.infer<typeof loginSchema>;
 export type SignupFormValues = z.infer<typeof signupSchema>;
-export type ProfileUpdateFormValues = z.infer<typeof profileUpdateSchema>;
\ No newline at end of file
+export type ProfileUpdateFormValues = z.infer<typeof profileUpdateSchema>;
diff --git a/src/types/auth/database.ts b/src/types/auth/database.ts
index a4c2aba..e075a97 100644
--- a/src/types/auth/database.ts
+++ b/src/types/auth/database.ts
@@ -14,4 +14,4 @@ export interface UserProfile {
   nickname: string | null;
   created_at: string;
   updated_at: string;
-}
\ No newline at end of file
+}
diff --git a/src/types/auth/forms.ts b/src/types/auth/forms.ts
index bc4be07..ef328be 100644
--- a/src/types/auth/forms.ts
+++ b/src/types/auth/forms.ts
@@ -1,4 +1,8 @@
-import { LoginFormValues, ProfileUpdateFormValues, SignupFormValues } from '@/lib/validations/auth';
+import {
+  LoginFormValues,
+  ProfileUpdateFormValues,
+  SignupFormValues,
+} from "@/lib/validations/auth";
 
 // Zoe에서 추출된 타입들
 export type LoginFormData = LoginFormValues;
@@ -15,4 +19,4 @@ export interface AuthFormState {
   errors: Record<string, FormFiledError>;
   isDirty: boolean;
   isValid: boolean;
-}
\ No newline at end of file
+}
diff --git a/src/types/auth/index.ts b/src/types/auth/index.ts
index 6744078..b09d629 100644
--- a/src/types/auth/index.ts
+++ b/src/types/auth/index.ts
@@ -1,6 +1,6 @@
-import { AuthState, AuthError } from './ui';
-import { LoginFormData, SignupFormData, ProfileUpdateData } from './forms';
-import { AuthUser, UserProfile } from './database';
+import { AuthState, AuthError } from "./ui";
+import { LoginFormData, SignupFormData, ProfileUpdateData } from "./forms";
+import { AuthUser, UserProfile } from "./database";
 
 export type {
   // Database types
@@ -18,5 +18,5 @@ export type {
 };
 
 // Utility types
-export type AuthStatus = 'loading' | 'authenticated' | 'unauthenticated';
-export type AuthAction = 'login' | 'signup' | 'logout' | 'update-profile';
\ No newline at end of file
+export type AuthStatus = "loading" | "authenticated" | "unauthenticated";
+export type AuthAction = "login" | "signup" | "logout" | "update-profile";
diff --git a/src/types/auth/ui.ts b/src/types/auth/ui.ts
index 2888b62..81b8e29 100644
--- a/src/types/auth/ui.ts
+++ b/src/types/auth/ui.ts
@@ -1,4 +1,4 @@
-import { AuthUser, UserProfile } from './database';
+import { AuthUser, UserProfile } from "./database";
 
 export interface AuthState {
   user: AuthUser | null;
@@ -10,4 +10,4 @@ export interface AuthState {
 export interface AuthError {
   message: string;
   field?: string;
-}
\ No newline at end of file
+}
diff --git a/src/types/budget/database.ts b/src/types/budget/database.ts
index 02f5cdc..345d25a 100644
--- a/src/types/budget/database.ts
+++ b/src/types/budget/database.ts
@@ -15,7 +15,7 @@ export interface BudgetTransaction {
   name: string;
   amount: number;
   date: string;
-  type: 'income' | 'expense';
+  type: "income" | "expense";
   description: string | null;
   created_at: string;
   updated_at: string;
@@ -26,7 +26,11 @@ export interface Category {
   id: string;
   user_id: string;
   name: string;
-  type: 'income_fixed' | 'income_variable' | 'expense_fixed' | 'expense_variable';
+  type:
+    | "income_fixed"
+    | "income_variable"
+    | "expense_fixed"
+    | "expense_variable";
   color: string;
   is_default: boolean;
   is_deleted?: boolean;
@@ -35,6 +39,10 @@ export interface Category {
   updated_at: string;
 }
 
-export type CategoryType = 'income_fixed' | 'income_variable' | 'expense_fixed' | 'expense_variable';
-export type TransactionType = 'income' | 'expense';
-export type CategorySubType = 'fixed' | 'variable';
\ No newline at end of file
+export type CategoryType =
+  | "income_fixed"
+  | "income_variable"
+  | "expense_fixed"
+  | "expense_variable";
+export type TransactionType = "income" | "expense";
+export type CategorySubType = "fixed" | "variable";
diff --git a/src/types/budget/index.ts b/src/types/budget/index.ts
index cb9a915..97f69d7 100644
--- a/src/types/budget/index.ts
+++ b/src/types/budget/index.ts
@@ -1,6 +1,26 @@
-import { BudgetSummary, DailyBudgetSummary, BudgetStatistics, CategoryTotal } from './summary';
-import { BudgetItem, NewBudgetItemState, BudgetCalendarProps, BudgetChartProps, BudgetFormProps, BudgetListProps, ChartData } from './ui';
-import { Profile, Category, BudgetTransaction, CategoryType, TransactionType, CategorySubType } from './database';
+import {
+  BudgetSummary,
+  DailyBudgetSummary,
+  BudgetStatistics,
+  CategoryTotal,
+} from "./summary";
+import {
+  BudgetItem,
+  NewBudgetItemState,
+  BudgetCalendarProps,
+  BudgetChartProps,
+  BudgetFormProps,
+  BudgetListProps,
+  ChartData,
+} from "./ui";
+import {
+  Profile,
+  Category,
+  BudgetTransaction,
+  CategoryType,
+  TransactionType,
+  CategorySubType,
+} from "./database";
 
 export type {
   // Database types
@@ -24,7 +44,7 @@ export type {
   BudgetSummary,
   DailyBudgetSummary,
   BudgetStatistics,
-  CategoryTotal
+  CategoryTotal,
 };
 
 // Form validation types
@@ -44,21 +64,30 @@ export interface CategoryFormData {
 }
 
 // Utility types
-export type BudgetStatus = 'active' | 'deleted';
+export type BudgetStatus = "active" | "deleted";
 
 // Helper functions for type checking
 export const isCategoryType = (type: string): type is CategoryType => {
-  return ['income_fixed', 'income_variable', 'expense_fixed', 'expense_variable'].includes(type);
+  return [
+    "income_fixed",
+    "income_variable",
+    "expense_fixed",
+    "expense_variable",
+  ].includes(type);
 };
 
 export const isTransactionType = (type: string): type is TransactionType => {
-  return ['income', 'expense'].includes(type);
+  return ["income", "expense"].includes(type);
 };
 
-export const getCategorySubType = (categoryType: CategoryType): CategorySubType => {
-  return categoryType.includes('fixed') ? 'fixed' : 'variable';
+export const getCategorySubType = (
+  categoryType: CategoryType,
+): CategorySubType => {
+  return categoryType.includes("fixed") ? "fixed" : "variable";
 };
 
-export const getTransactionType = (categoryType: CategoryType): TransactionType => {
-  return categoryType.startsWith('income') ? 'income' : 'expense';
-};
\ No newline at end of file
+export const getTransactionType = (
+  categoryType: CategoryType,
+): TransactionType => {
+  return categoryType.startsWith("income") ? "income" : "expense";
+};
diff --git a/src/types/budget/summary.ts b/src/types/budget/summary.ts
index a56ff38..73c8196 100644
--- a/src/types/budget/summary.ts
+++ b/src/types/budget/summary.ts
@@ -1,8 +1,12 @@
 export interface BudgetSummary {
   user_id: string;
   month: string;
-  type: 'income' | 'expense';
-  category_type: 'income_fixed' | 'income_variable' | 'expense_fixed' | 'expense_variable';
+  type: "income" | "expense";
+  category_type:
+    | "income_fixed"
+    | "income_variable"
+    | "expense_fixed"
+    | "expense_variable";
   category_name: string;
   total_amount: number;
   transaction_count: number;
@@ -28,7 +32,7 @@ export interface BudgetStatistics {
     variable: number;
     total: number;
     count: number;
-  },
+  };
   expense: {
     fixed: number;
     variable: number;
@@ -42,7 +46,11 @@ export interface BudgetStatistics {
 export interface CategoryTotal {
   name: string;
   amount: number;
-  type: 'income_fixed' | 'income_variable' | 'expense_fixed' | 'expense_variable';
+  type:
+    | "income_fixed"
+    | "income_variable"
+    | "expense_fixed"
+    | "expense_variable";
   count: number;
   percentage: number;
-}
\ No newline at end of file
+}
diff --git a/src/types/budget/ui.ts b/src/types/budget/ui.ts
index 671d26a..64167c5 100644
--- a/src/types/budget/ui.ts
+++ b/src/types/budget/ui.ts
@@ -1,4 +1,4 @@
-import { BudgetTransaction, Category } from './database';
+import { BudgetTransaction, Category } from "./database";
 
 export interface BudgetItem {
   id: string;
@@ -6,16 +6,16 @@ export interface BudgetItem {
   amount: number;
   category: string;
   date: string;
-  type: 'income' | 'expense';
-  categoryType: 'fixed' | 'variable';
+  type: "income" | "expense";
+  categoryType: "fixed" | "variable";
 }
 
 export interface NewBudgetItemState {
   name: string;
   amount: string;
   category: string;
-  type: 'income' | 'expense';
-  categoryType: 'fixed' | 'variable';
+  type: "income" | "expense";
+  categoryType: "fixed" | "variable";
   newCategoryName: string;
   isCreatingCategory: boolean;
 }
@@ -24,7 +24,7 @@ export interface BudgetCalendarProps {
   currentDate: Date;
   calendarDays: (Date | null)[];
   dailyTotals: Record<string, { income: number; expense: number; net: number }>;
-  onMonthChange: (direction: 'prev' | 'next') => void;
+  onMonthChange: (direction: "prev" | "next") => void;
   onDateSelect: (date: Date) => void;
   formatDateString: (date: Date) => string;
 }
@@ -46,7 +46,12 @@ export interface BudgetChartProps {
     expenseVariable: Array<{ id: string; name: string; type: string }>;
   };
   transactions?: BudgetTransaction[];
-  onChallengeClick?: (categoryName: string, amount: number, count: number, type: 'income' | 'expense') => void;
+  onChallengeClick?: (
+    categoryName: string,
+    amount: number,
+    count: number,
+    type: "income" | "expense",
+  ) => void;
 }
 
 export interface BudgetFormProps {
@@ -64,10 +69,10 @@ export interface BudgetListProps {
   items: BudgetItem[];
   onDeleteItem: (id: string) => void;
   title: string;
-  type: 'income' | 'expense' | 'all';
+  type: "income" | "expense" | "all";
 }
 
 export interface ChartData {
   name: string;
   value: number;
-}
\ No newline at end of file
+}
diff --git a/src/types/goals/database.ts b/src/types/goals/database.ts
index 84ba333..ad0debe 100644
--- a/src/types/goals/database.ts
+++ b/src/types/goals/database.ts
@@ -1,4 +1,4 @@
-import { Category } from '../budget';
+import { Category } from "../budget";
 
 export interface Goal {
   id: string;
@@ -6,16 +6,16 @@ export interface Goal {
   category_id: string | null;
   title: string;
   description: string | null;
-  type: 'save_money' | 'reduce_expense' | 'increase_income' | 'custom';
+  type: "save_money" | "reduce_expense" | "increase_income" | "custom";
   target_amount: number | null;
   current_amount: number;
   target_count: number | null;
   current_count: number;
   target_date: string | null;
-  status: 'active' | 'completed' | 'paused' | 'cancelled';
+  status: "active" | "completed" | "paused" | "cancelled";
   created_from_date: string;
   reason: string | null;
-  challenge_mode: 'amount' | 'count' | 'both';
+  challenge_mode: "amount" | "count" | "both";
   created_at: string;
   updated_at: string;
   category?: Category;
@@ -25,10 +25,10 @@ export interface GoalFormData {
   title: string;
   description?: string | null;
   reason?: string | null;
-  type: 'save_money' | 'reduce_expense' | 'increase_income' | 'custom';
+  type: "save_money" | "reduce_expense" | "increase_income" | "custom";
   target_amount?: number | null;
   target_count?: number | null;
   target_date?: string | null;
-  challenge_mode: 'amount' | 'count' | 'both';
+  challenge_mode: "amount" | "count" | "both";
   category_id?: string | null;
-}
\ No newline at end of file
+}
diff --git a/src/types/goals/index.ts b/src/types/goals/index.ts
index e37b72e..8cfa1c1 100644
--- a/src/types/goals/index.ts
+++ b/src/types/goals/index.ts
@@ -1,5 +1,2 @@
-export type {
-  Goal,
-  GoalFormData,
-} from './database';
-export type { GoalProgressInfo } from './ui';
\ No newline at end of file
+export type { Goal, GoalFormData } from "./database";
+export type { GoalProgressInfo } from "./ui";
diff --git a/src/types/goals/ui.ts b/src/types/goals/ui.ts
index 28c7b57..dd1fb8d 100644
--- a/src/types/goals/ui.ts
+++ b/src/types/goals/ui.ts
@@ -7,4 +7,4 @@ export interface GoalProgressInfo {
   isComplete: boolean;
   daysLeft: number;
   progressText: string;
-}
\ No newline at end of file
+}
diff --git a/src/types/questions/database.ts b/src/types/questions/database.ts
index 09b162e..ee56b01 100644
--- a/src/types/questions/database.ts
+++ b/src/types/questions/database.ts
@@ -1,10 +1,10 @@
-import { QuestionFilters } from './ui';
+import { QuestionFilters } from "./ui";
 
 export interface QuestionNeighbor {
   id: string;
   requester_id: string;
   recipient_id: string;
-  status: 'pending' | 'accepted' | 'declined' | 'blocked';
+  status: "pending" | "accepted" | "declined" | "blocked";
   created_at: string;
   updated_at: string;
   requester_name?: string;
@@ -29,7 +29,7 @@ export interface Question {
   keywords?: QuestionKeyword[];
   category?: {
     id: string;
-    name: 'daily' | 'growth' | 'custom';
+    name: "daily" | "growth" | "custom";
     display_name: string;
     description?: string;
     created_at?: string;
@@ -64,7 +64,7 @@ export interface QuestionKeywordRelation {
 
 export interface QuestionCategory {
   id: string;
-  name: 'daily' | 'growth' | 'custom';
+  name: "daily" | "growth" | "custom";
   display_name: string;
   description?: string;
   created_at: string;
@@ -93,9 +93,9 @@ export interface QuestionNeighborRequestData {
 }
 
 export interface QuestionPrivacySettingsData {
-  daily_default_visibility: 'public' | 'neighbors' | 'private';
-  growth_default_visibility: 'public' | 'neighbors' | 'private';
-  custom_default_visibility: 'public' | 'neighbors' | 'private';
+  daily_default_visibility: "public" | "neighbors" | "private";
+  growth_default_visibility: "public" | "neighbors" | "private";
+  custom_default_visibility: "public" | "neighbors" | "private";
   allow_neighbor_requests: boolean;
 }
 
@@ -133,10 +133,12 @@ export interface PeriodQuestionKeywordStats {
 
 export interface QuestionKeywordNavigationData {
   keyword: QuestionKeyword;
-  questions: Array<Question & {
-    sequenceNumber: number;
-    totalCount: number;
-  }>;
+  questions: Array<
+    Question & {
+      sequenceNumber: number;
+      totalCount: number;
+    }
+  >;
   currentIndex: number;
 }
 
diff --git a/src/types/questions/index.ts b/src/types/questions/index.ts
index 9e7ac99..a106e51 100644
--- a/src/types/questions/index.ts
+++ b/src/types/questions/index.ts
@@ -13,7 +13,7 @@ export type {
   PeriodQuestionKeywordStats,
   QuestionKeywordNavigationData,
   QuestionSearchResult,
-} from './database';
+} from "./database";
 
 export type {
   // UI types
@@ -25,7 +25,7 @@ export type {
   UseQuestionKeywordAnalysisReturn,
   UseQuestionKeywordSearchReturn,
   UseQuestionKeywordNavigationReturn,
-} from './ui';
+} from "./ui";
 
 export type {
   // Summary types
@@ -33,23 +33,37 @@ export type {
   QuestionKeywordTrendData,
   QuestionSocialStats,
   PeriodQuestionSummary,
-} from './summary';
+} from "./summary";
 
 // 유틸리티 타입들
-export type QuestionType = 'daily' | 'growth' | 'custom';
-export type QuestionVisibilityType = 'public' | 'neighbors' | 'private';
-export type QuestionNeighborStatus = 'pending' | 'accepted' | 'declined' | 'blocked';
-export type PeriodType = '1week' | '1month' | '3months' | '6months' | '1year' | 'custom';
+export type QuestionType = "daily" | "growth" | "custom";
+export type QuestionVisibilityType = "public" | "neighbors" | "private";
+export type QuestionNeighborStatus =
+  | "pending"
+  | "accepted"
+  | "declined"
+  | "blocked";
+export type PeriodType =
+  | "1week"
+  | "1month"
+  | "3months"
+  | "6months"
+  | "1year"
+  | "custom";
 
 // 타입 가드 함수들
-export const isQuestionType = (type: string): type is QuestionType => 
-  ['daily', 'growth', 'custom'].includes(type);
+export const isQuestionType = (type: string): type is QuestionType =>
+  ["daily", "growth", "custom"].includes(type);
 
-export const isQuestionVisibilityType = (visibility: string): visibility is QuestionVisibilityType =>
-  ['public', 'neighbors', 'private'].includes(visibility);
+export const isQuestionVisibilityType = (
+  visibility: string,
+): visibility is QuestionVisibilityType =>
+  ["public", "neighbors", "private"].includes(visibility);
 
-export const isQuestionNeighborStatus = (status: string): status is QuestionNeighborStatus =>
-  ['pending', 'accepted', 'declined', 'blocked'].includes(status);
+export const isQuestionNeighborStatus = (
+  status: string,
+): status is QuestionNeighborStatus =>
+  ["pending", "accepted", "declined", "blocked"].includes(status);
 
 export const isPeriodType = (period: string): period is PeriodType =>
-  ['1week', '1month', '3months', '6months', '1year', 'custom'].includes(period);
\ No newline at end of file
+  ["1week", "1month", "3months", "6months", "1year", "custom"].includes(period);
diff --git a/src/types/questions/summary.ts b/src/types/questions/summary.ts
index 581043f..a03957f 100644
--- a/src/types/questions/summary.ts
+++ b/src/types/questions/summary.ts
@@ -1,5 +1,5 @@
-import { PeriodType } from '../reflections';
-import { QuestionKeyword } from './database';
+import { PeriodType } from "../reflections";
+import { QuestionKeyword } from "./database";
 
 export interface QuestionSummary {
   period: string;
@@ -48,4 +48,4 @@ export interface PeriodQuestionSummary {
     newKeywords: QuestionKeyword[];
     answeredRateChange: number;
   };
-}
\ No newline at end of file
+}
diff --git a/src/types/questions/ui.ts b/src/types/questions/ui.ts
index d848fce..e2cd92b 100644
--- a/src/types/questions/ui.ts
+++ b/src/types/questions/ui.ts
@@ -1,10 +1,16 @@
-import { Question, QuestionKeyword, QuestionKeywordAnalysis, QuestionKeywordNavigationData, QuestionSearchResult } from './database';
+import {
+  Question,
+  QuestionKeyword,
+  QuestionKeywordAnalysis,
+  QuestionKeywordNavigationData,
+  QuestionSearchResult,
+} from "./database";
 
 export interface QuestionWithKeywords extends Question {
   keywords: QuestionKeyword[];
   category: {
     id: string;
-    name: 'daily' | 'growth' | 'custom';
+    name: "daily" | "growth" | "custom";
     display_name: string;
     description?: string;
   };
@@ -17,16 +23,16 @@ export interface QuestionKeywordUsageStats {
   growthUsage: number;
   customUsage: number;
   recentUsageCount: number;
-  trendDirection: 'up' | 'down' | 'stable';
+  trendDirection: "up" | "down" | "stable";
 }
 
 export interface QuestionFilters {
-  categories?: ('daily' | 'growth' | 'custom')[];
+  categories?: ("daily" | "growth" | "custom")[];
   keywords?: string[];
   dateFrom?: string;
   dateTo?: string;
   isAnswered?: boolean;
-  visibility?: ('public' | 'neighbors' | 'private')[];
+  visibility?: ("public" | "neighbors" | "private")[];
   searchQuery?: string;
 }
 
@@ -41,7 +47,7 @@ export interface QuestionNeighborListItem {
   name: string;
   nickname?: string;
   avatar_url?: string;
-  status: 'pending' | 'accepted' | 'declined' | 'blocked';
+  status: "pending" | "accepted" | "declined" | "blocked";
   relationship_created_at: string;
   is_requester: boolean;
   recent_questions_count: number;
diff --git a/src/types/reflections/database.ts b/src/types/reflections/database.ts
index 1aa2631..fa101a2 100644
--- a/src/types/reflections/database.ts
+++ b/src/types/reflections/database.ts
@@ -1,9 +1,9 @@
-import { ReflectionFilters } from './ui';
+import { ReflectionFilters } from "./ui";
 export interface Neighbor {
   id: string;
   requester_id: string;
   recipient_id: string;
-  status: 'pending' | 'accepted' | 'declined' | 'blocked';
+  status: "pending" | "accepted" | "declined" | "blocked";
   created_at: string;
   updated_at: string;
   requester_name?: string;
@@ -15,8 +15,8 @@ export interface Neighbor {
 export interface UserPrivacySettings {
   id: string;
   user_id: string;
-  gratitude_default_visibility: 'public' | 'neighbors' | 'private';
-  reflection_default_visibility: 'public' | 'neighbors' | 'private';
+  gratitude_default_visibility: "public" | "neighbors" | "private";
+  reflection_default_visibility: "public" | "neighbors" | "private";
   allow_neighbor_requests: boolean;
   created_at: string;
   updated_at: string;
@@ -36,7 +36,7 @@ export interface Reflection {
   keywords?: Keyword[];
   category?: {
     id: string;
-    name: 'gratitude' | 'reflection';
+    name: "gratitude" | "reflection";
     display_name: string;
     description?: string;
     created_at?: string;
@@ -70,7 +70,7 @@ export interface ReflectionKeyword {
 
 export interface ReflectionCategory {
   id: string;
-  name: 'gratitude' | 'reflection';
+  name: "gratitude" | "reflection";
   display_name: string;
   description: string;
   created_at: string;
@@ -97,8 +97,8 @@ export interface NeighborRequestData {
 }
 
 export interface PrivacySettingsData {
-  gratitude_default_visibility: 'public' | 'neighbors' | 'private';
-  reflection_default_visibility: 'public' | 'neighbors' | 'private';
+  gratitude_default_visibility: "public" | "neighbors" | "private";
+  reflection_default_visibility: "public" | "neighbors" | "private";
   allow_neighbor_requests: boolean;
 }
 
@@ -134,10 +134,12 @@ export interface PeriodKeywordStats {
 
 export interface KeywordNavigationData {
   keyword: Keyword;
-  reflections: Array<Reflection & {
-    sequenceNumber: number;
-    totalCount: number;
-  }>;
+  reflections: Array<
+    Reflection & {
+      sequenceNumber: number;
+      totalCount: number;
+    }
+  >;
   currentIndex: number;
 }
 
@@ -150,4 +152,4 @@ export interface SearchResult {
     filters: ReflectionFilters;
     executionTime: number;
   };
-}
\ No newline at end of file
+}
diff --git a/src/types/reflections/index.ts b/src/types/reflections/index.ts
index e5a9462..8a4408c 100644
--- a/src/types/reflections/index.ts
+++ b/src/types/reflections/index.ts
@@ -14,7 +14,7 @@ export type {
   PeriodKeywordStats,
   KeywordNavigationData,
   SearchResult,
-} from './database';
+} from "./database";
 
 export type {
   // UI types
@@ -26,7 +26,7 @@ export type {
   UseKeywordAnalysisReturn,
   UseKeywordSearchReturn,
   UseKeywordNavigationReturn,
-} from './ui';
+} from "./ui";
 
 export type {
   // Summary types
@@ -34,20 +34,28 @@ export type {
   KeywordTrendData,
   SocialStats,
   PeriodReflectionSummary,
-} from './summary';
+} from "./summary";
 
 // 유틸리티 타입들
-export type ReflectionType = 'gratitude' | 'reflection';
-export type VisibilityType = 'public' | 'neighbors' | 'private';
-export type NeighborStatus = 'pending' | 'accepted' | 'declined' | 'blocked';
-export type PeriodType = '1week' | '1month' | '3months' | '6months' | '1year' | 'custom';
+export type ReflectionType = "gratitude" | "reflection";
+export type VisibilityType = "public" | "neighbors" | "private";
+export type NeighborStatus = "pending" | "accepted" | "declined" | "blocked";
+export type PeriodType =
+  | "1week"
+  | "1month"
+  | "3months"
+  | "6months"
+  | "1year"
+  | "custom";
 
 // 타입 가드 함수들
-export const isReflectionType = (type: string): type is ReflectionType => 
-  ['gratitude', 'reflection'].includes(type);
+export const isReflectionType = (type: string): type is ReflectionType =>
+  ["gratitude", "reflection"].includes(type);
 
-export const isVisibilityType = (visibility: string): visibility is VisibilityType =>
-  ['public', 'neighbors', 'private'].includes(visibility);
+export const isVisibilityType = (
+  visibility: string,
+): visibility is VisibilityType =>
+  ["public", "neighbors", "private"].includes(visibility);
 
 export const isPeriodType = (period: string): period is PeriodType =>
-  ['1week', '1month', '3months', '6months', '1year', 'custom'].includes(period);
\ No newline at end of file
+  ["1week", "1month", "3months", "6months", "1year", "custom"].includes(period);
diff --git a/src/types/reflections/summary.ts b/src/types/reflections/summary.ts
index 1a69df8..d5227c3 100644
--- a/src/types/reflections/summary.ts
+++ b/src/types/reflections/summary.ts
@@ -1,4 +1,4 @@
-import { Keyword, PeriodType } from '.';
+import { Keyword, PeriodType } from ".";
 
 export interface ReflectionSummary {
   period: string;
@@ -43,4 +43,4 @@ export interface PeriodReflectionSummary {
     keywordUsageChange: number;
     newKeywords: Keyword[];
   };
-}
\ No newline at end of file
+}
diff --git a/src/types/reflections/ui.ts b/src/types/reflections/ui.ts
index 8c6982d..c0c5cf6 100644
--- a/src/types/reflections/ui.ts
+++ b/src/types/reflections/ui.ts
@@ -1,9 +1,16 @@
-import { PeriodType } from '.';
-import { Keyword, KeywordAnalysis, KeywordNavigationData, Neighbor, Reflection, SearchResult } from './database';
+import { PeriodType } from ".";
+import {
+  Keyword,
+  KeywordAnalysis,
+  KeywordNavigationData,
+  Neighbor,
+  Reflection,
+  SearchResult,
+} from "./database";
 
 export interface ReflectionWithKeywords extends Reflection {
   keywords: Keyword[];
-  effective_visibility: 'public' | 'neighbors' | 'private';
+  effective_visibility: "public" | "neighbors" | "private";
 }
 
 export interface KeywordUsageStats {
@@ -16,12 +23,12 @@ export interface KeywordUsageStats {
 }
 
 export interface ReflectionFilters {
-  type?: 'gratitude' | 'reflection' | 'all';
+  type?: "gratitude" | "reflection" | "all";
   keywords?: string[];
   startDate?: string;
   endDate?: string;
   searchTerm?: string;
-  visibility?: 'public' | 'neighbors' | 'private' | 'all';
+  visibility?: "public" | "neighbors" | "private" | "all";
   author_id?: string;
 }
 
@@ -44,7 +51,10 @@ export interface UseKeywordAnalysisReturn {
   keywordAnalysis: KeywordAnalysis[];
   isLoading: boolean;
   error: Error | null;
-  getKeywordAnalysis: (keywordId: string, period?: PeriodType) => KeywordAnalysis | undefined;
+  getKeywordAnalysis: (
+    keywordId: string,
+    period?: PeriodType,
+  ) => KeywordAnalysis | undefined;
   refreshAnalysis: () => Promise<void>;
 }
 
@@ -52,8 +62,14 @@ export interface UseKeywordSearchReturn {
   searchResults: SearchResult | null;
   isLoading: boolean;
   error: Error | null;
-  searchByKeyword: (keywordId: string, filters?: Partial<ReflectionFilters>) => Promise<void>;
-  searchByText: (query: string, filters?: Partial<ReflectionFilters>) => Promise<void>;
+  searchByKeyword: (
+    keywordId: string,
+    filters?: Partial<ReflectionFilters>,
+  ) => Promise<void>;
+  searchByText: (
+    query: string,
+    filters?: Partial<ReflectionFilters>,
+  ) => Promise<void>;
   clearSearch: () => void;
 }
 
@@ -61,10 +77,13 @@ export interface UseKeywordNavigationReturn {
   navigationData: KeywordNavigationData | null;
   isLoading: boolean;
   error: Error | null;
-  navigateToKeyword: (keywordId: string, initialReflectionId?: string) => Promise<void>;
+  navigateToKeyword: (
+    keywordId: string,
+    initialReflectionId?: string,
+  ) => Promise<void>;
   goToNext: () => void;
   goToPrevious: () => void;
   goToIndex: (index: number) => void;
   hasNext: boolean;
   hasPrevious: boolean;
-}
\ No newline at end of file
+}
diff --git a/src/utils/questions/helpers.ts b/src/utils/questions/helpers.ts
index f3dbc75..2ac7f23 100644
--- a/src/utils/questions/helpers.ts
+++ b/src/utils/questions/helpers.ts
@@ -1,60 +1,66 @@
-import { PeriodType } from '@/types/questions';
+import { PeriodType } from "@/types/questions";
 
-export type QuestionType = 'daily' | 'growth' | 'custom';
+export type QuestionType = "daily" | "growth" | "custom";
 
 export const getQuestionTypeLabel = (type: QuestionType): string => {
   const labels = {
-    daily: '일상',
-    growth: '성장',
-    custom: '나만의 질문'
+    daily: "일상",
+    growth: "성장",
+    custom: "나만의 질문",
   };
   return labels[type];
 };
 
 export const getQuestionTypeColor = (type: QuestionType): string => {
   const colors = {
-    daily: 'text-green-600',
-    growth: 'text-purple-600', 
-    custom: 'text-blue-600'
+    daily: "text-green-600",
+    growth: "text-purple-600",
+    custom: "text-blue-600",
   };
   return colors[type];
 };
 
 export const getQuestionTypeBgColor = (type: QuestionType): string => {
   const bgColors = {
-    daily: 'bg-green-100',
-    growth: 'bg-purple-100',
-    custom: 'bg-blue-100'
+    daily: "bg-green-100",
+    growth: "bg-purple-100",
+    custom: "bg-blue-100",
   };
   return bgColors[type];
 };
 
-export const getQuestionVisibilityStatus = (is_public: boolean, is_neighbor_visible: boolean): string => {
-  if (is_public && is_neighbor_visible) return '🌍';
-  if (is_public && !is_neighbor_visible) return '👤';
-  return '🔒';
+export const getQuestionVisibilityStatus = (
+  is_public: boolean,
+  is_neighbor_visible: boolean,
+): string => {
+  if (is_public && is_neighbor_visible) return "🌍";
+  if (is_public && !is_neighbor_visible) return "👤";
+  return "🔒";
 };
 
-export const getQuestionVisibilityLabel = (is_public: boolean, is_neighbor_visible: boolean): string => {
-  if (is_public && is_neighbor_visible) return '전체 공개';
-  if (is_public && !is_neighbor_visible) return '이웃 공개';
-  return '비공개';
+export const getQuestionVisibilityLabel = (
+  is_public: boolean,
+  is_neighbor_visible: boolean,
+): string => {
+  if (is_public && is_neighbor_visible) return "전체 공개";
+  if (is_public && !is_neighbor_visible) return "이웃 공개";
+  return "비공개";
 };
 
-export const getAnswerStatus = (is_answered: boolean): string => 
-  is_answered ? '✅' : '❓';
+export const getAnswerStatus = (is_answered: boolean): string =>
+  is_answered ? "✅" : "❓";
 
 export const getAnswerStatusLabel = (is_answered: boolean): string =>
-  is_answered ? '답변 완료' : '답변 대기';
+  is_answered ? "답변 완료" : "답변 대기";
 
 export const formatPeriodLabel = (period: PeriodType): string => {
   const labels = {
-    '1week': '최근 1주',
-    '1month': '최근 1개월', 
-    '3months': '최근 3개월',
-    '6months': '최근 6개월',
-    '1year': '최근 1년',
-    'custom': '사용자 지정'
+    "1week": "최근 1주",
+    "1month": "최근 1개월",
+    "3months": "최근 3개월",
+    "6months": "최근 6개월",
+    "1year": "최근 1년",
+    custom: "사용자 지정",
   };
   return labels[period];
-};
\ No newline at end of file
+};
diff --git a/src/utils/reflections/helpers.ts b/src/utils/reflections/helpers.ts
index fbcae6b..0714f8f 100644
--- a/src/utils/reflections/helpers.ts
+++ b/src/utils/reflections/helpers.ts
@@ -1,36 +1,42 @@
-import { PeriodType } from '@/types/reflections';
+import { PeriodType } from "@/types/reflections";
 
-export type ReflectionType = 'gratitude' | 'reflection';
+export type ReflectionType = "gratitude" | "reflection";
 
 export const getReflectionTypeLabel = (type: ReflectionType): string =>
-  type === 'gratitude' ? '감사' : '성찰';
+  type === "gratitude" ? "감사" : "성찰";
 
 export const getReflectionTypeColor = (type: ReflectionType): string =>
-  type === 'gratitude' ? 'text-orange-600' : 'text-blue-600';
+  type === "gratitude" ? "text-orange-600" : "text-blue-600";
 
 export const getReflectionTypeBgColor = (type: ReflectionType): string =>
-  type === 'gratitude' ? 'bg-orange-100' : 'bg-blue-100';
+  type === "gratitude" ? "bg-orange-100" : "bg-blue-100";
 
-export const getVisibilityStatus = (is_public: boolean, is_neighbor_visible: boolean): string => {
-  if (is_public && is_neighbor_visible) return '🌍';
-  if (is_public && !is_neighbor_visible) return '👤';
-  return '🔒';
+export const getVisibilityStatus = (
+  is_public: boolean,
+  is_neighbor_visible: boolean,
+): string => {
+  if (is_public && is_neighbor_visible) return "🌍";
+  if (is_public && !is_neighbor_visible) return "👤";
+  return "🔒";
 };
 
-export const getVisibilityLabel = (is_public: boolean, is_neighbor_visible: boolean): string => {
-  if (is_public && is_neighbor_visible) return '전체 공개';
-  if (is_public && !is_neighbor_visible) return '이웃 공개';
-  return '비공개';
+export const getVisibilityLabel = (
+  is_public: boolean,
+  is_neighbor_visible: boolean,
+): string => {
+  if (is_public && is_neighbor_visible) return "전체 공개";
+  if (is_public && !is_neighbor_visible) return "이웃 공개";
+  return "비공개";
 };
 
 export const formatPeriodLabel = (period: PeriodType): string => {
   const labels = {
-    '1week': '최근 1주',
-    '1month': '최근 1개월',
-    '3months': '최근 3개월',
-    '6months': '최근 6개월',
-    '1year': '최근 1년',
-    'custom': '사용자 지정'
+    "1week": "최근 1주",
+    "1month": "최근 1개월",
+    "3months": "최근 3개월",
+    "6months": "최근 6개월",
+    "1year": "최근 1년",
+    custom: "사용자 지정",
   };
   return labels[period];
-};
\ No newline at end of file
+};

From e0012f5e956f304296d82ded2bc74f662b0dc475 Mon Sep 17 00:00:00 2001
From: YeongTaek <yeongtaek2109@gmail.com>
Date: Wed, 10 Sep 2025 12:01:25 +0900
Subject: [PATCH 09/25] =?UTF-8?q?fix:=20GitHub=20Actions=20=EC=9B=8C?=
 =?UTF-8?q?=ED=81=AC=ED=94=8C=EB=A1=9C=EC=9A=B0=20=EC=84=A4=EC=A0=95=20?=
 =?UTF-8?q?=EC=98=A4=EB=A5=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/workflows/ci.yml         | 12 ++++++------
 .github/workflows/develop.yml    |  6 +++---
 .github/workflows/production.yml | 13 +++++++------
 3 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 1c764f9..31db7a6 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -3,7 +3,7 @@ name: CI - Code Quality Check
 on:
   push:
     branches:
-      - "feat/**"
+      - 'feat/**'
   pull_request:
     branches:
       - develop
@@ -32,18 +32,18 @@ jobs:
 
       # 2. pnpm 설정
       - name: Setup pnpm
-        uses: pnpm.action-setup@v4
+        uses: pnpm/action-setup@v4
 
       # 3. Node.js 설정
       - name: Setup Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
-          cache: "pnpm"
+          cache: 'pnpm'
 
       # 4. 의존성 설치
       - name: Install dependencies
-        run: pnpm install
+        run: pnpm install --frozen-lockfile
 
       # 5. 코드 포맷팅 체크
       - name: Check code formatting
@@ -62,8 +62,8 @@ jobs:
         run: pnpm run build
         env:
           # 빌드 테스트용 더미 환경변수
-          NEXT_PUBLIC_SUPABASE_URL: "https://dummy.supabase.co"
-          NEXT_PUBLIC_SUPABASE_ANON_KEY: "dummy-key-for-build-test"
+          NEXT_PUBLIC_SUPABASE_URL: 'https://dummy.supabase.co'
+          NEXT_PUBLIC_SUPABASE_ANON_KEY: 'dummy-key-for-build-test'
 
       # 9. 성공 시 체크마크 출력
       - name: All checks passed
diff --git a/.github/workflows/develop.yml b/.github/workflows/develop.yml
index e42cebc..70d95a8 100644
--- a/.github/workflows/develop.yml
+++ b/.github/workflows/develop.yml
@@ -15,8 +15,8 @@ concurrency:
 
 env:
   # Develop 환경 변수 (GitHub Secrets 사용)
-  NEXT_PUBLIC_SUPABASE_URL: ${{ secrets.NEXT_PUBLIC_SUPABASE_URL }}
-  NEXT_PUBLIC_SUPABASE_ANON_KEY: ${{ secrets.NEXT_PUBLIC_SUPABASE_ANON_KEY }}
+  NEXT_PUBLIC_SUPABASE_URL: ${{ secrets.DEV_SUPABASE_URL }}
+  NEXT_PUBLIC_SUPABASE_ANON_KEY: ${{ secrets.DEV_SUPABASE_ANON_KEY }}
 
 jobs:
   integration-test:
@@ -41,7 +41,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
-          cache: "pnpm"
+          cache: 'pnpm'
 
       # 4. 의존성 설치
       - name: Install dependencies
diff --git a/.github/workflows/production.yml b/.github/workflows/production.yml
index 019debd..83ef9c8 100644
--- a/.github/workflows/production.yml
+++ b/.github/workflows/production.yml
@@ -34,7 +34,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: 20.x
-          cache: "pnpm"
+          cache: 'pnpm'
 
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
@@ -81,21 +81,22 @@ jobs:
         uses: actions/checkout@v4
 
       - name: Setup pnpm
-        uses: pnpm/actions-setup@v4
-        with:
-          version: 9.2.0
+        uses: pnpm/action-setup@v4
 
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
           node-version: 20.x
-          cache: "pnpm"
+          cache: 'pnpm'
 
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
 
       - name: Build for production
         run: pnpm run build
+        env:
+          NEXT_PUBLIC_SUPABASE_URL: ${{ secrets.PROD_SUPABASE_URL }}
+          NEXT_PUBLIC_SUPABASE_ANON_KEY: ${{ secrets.PROD_SUPABASE_ANON_KEY }}
 
       # Vercel 배포 예시 (사용하는 플랫폼에 맞게 수정)
       - name: Deploy to Vercel
@@ -104,7 +105,7 @@ jobs:
           vercel-token: ${{ secrets.VERCEL_TOKEN }} # TODO: 나중에 배포 후 입력
           vercel-org-id: ${{ secrets.VERCEL_ORG_ID }} # TODO: 나중에 배포 후 입력
           vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }} # TODO: 나중에 배포 후 입력
-          vercel-args: "--prod"
+          vercel-args: '--prod'
 
       # 배포 성공 알림 (선택사항)
       - name: Deployment success notification

From 85b30af04a5f72394892962863bd831c29ff4715 Mon Sep 17 00:00:00 2001
From: YeongTaek <yeongtaek2109@gmail.com>
Date: Wed, 10 Sep 2025 12:02:53 +0900
Subject: [PATCH 10/25] =?UTF-8?q?style:=20=EC=BD=94=EB=93=9C=20=ED=8F=AC?=
 =?UTF-8?q?=EB=A7=B7=ED=8C=85=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/workflows/ci.yml         | 8 ++++----
 .github/workflows/develop.yml    | 2 +-
 .github/workflows/production.yml | 6 +++---
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 31db7a6..1bbe0bb 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -3,7 +3,7 @@ name: CI - Code Quality Check
 on:
   push:
     branches:
-      - 'feat/**'
+      - "feat/**"
   pull_request:
     branches:
       - develop
@@ -39,7 +39,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
-          cache: 'pnpm'
+          cache: "pnpm"
 
       # 4. 의존성 설치
       - name: Install dependencies
@@ -62,8 +62,8 @@ jobs:
         run: pnpm run build
         env:
           # 빌드 테스트용 더미 환경변수
-          NEXT_PUBLIC_SUPABASE_URL: 'https://dummy.supabase.co'
-          NEXT_PUBLIC_SUPABASE_ANON_KEY: 'dummy-key-for-build-test'
+          NEXT_PUBLIC_SUPABASE_URL: "https://dummy.supabase.co"
+          NEXT_PUBLIC_SUPABASE_ANON_KEY: "dummy-key-for-build-test"
 
       # 9. 성공 시 체크마크 출력
       - name: All checks passed
diff --git a/.github/workflows/develop.yml b/.github/workflows/develop.yml
index 70d95a8..faee61c 100644
--- a/.github/workflows/develop.yml
+++ b/.github/workflows/develop.yml
@@ -41,7 +41,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
-          cache: 'pnpm'
+          cache: "pnpm"
 
       # 4. 의존성 설치
       - name: Install dependencies
diff --git a/.github/workflows/production.yml b/.github/workflows/production.yml
index 83ef9c8..8e2ec1f 100644
--- a/.github/workflows/production.yml
+++ b/.github/workflows/production.yml
@@ -34,7 +34,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: 20.x
-          cache: 'pnpm'
+          cache: "pnpm"
 
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
@@ -87,7 +87,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: 20.x
-          cache: 'pnpm'
+          cache: "pnpm"
 
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
@@ -105,7 +105,7 @@ jobs:
           vercel-token: ${{ secrets.VERCEL_TOKEN }} # TODO: 나중에 배포 후 입력
           vercel-org-id: ${{ secrets.VERCEL_ORG_ID }} # TODO: 나중에 배포 후 입력
           vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }} # TODO: 나중에 배포 후 입력
-          vercel-args: '--prod'
+          vercel-args: "--prod"
 
       # 배포 성공 알림 (선택사항)
       - name: Deployment success notification

From 423e42873971a17eeece470bfdf529896b742841 Mon Sep 17 00:00:00 2001
From: YeongTaek <yeongtaek2109@gmail.com>
Date: Wed, 10 Sep 2025 15:07:53 +0900
Subject: [PATCH 11/25] =?UTF-8?q?remove:=20=EB=B6=88=ED=95=84=EC=9A=94?=
 =?UTF-8?q?=ED=95=9C=20=ED=8C=8C=EC=9D=BC=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/workflows/devlop.yml | 83 ------------------------------------
 1 file changed, 83 deletions(-)
 delete mode 100644 .github/workflows/devlop.yml

diff --git a/.github/workflows/devlop.yml b/.github/workflows/devlop.yml
deleted file mode 100644
index 6d37717..0000000
--- a/.github/workflows/devlop.yml
+++ /dev/null
@@ -1,83 +0,0 @@
-name: Develop - Integration Test
-
-on:
-  push:
-    branches:
-      - develop
-  pull_request:
-    branches:
-      - develop
-
-# 동시 실행 제한
-concurrency:
-  group: ${{ github.workflow }}-${{ github.ref }}
-  cancel-in-progress: true
-
-env:
-  # Develop 환경 변수 (GitHub Secrets 사용)
-  NEXT_PUBLIC_SUPABASE_URL: ${{ secrets.NEXT_PUBLIC_SUPABASE_URL }}
-  NEXT_PUBLIC_SUPABASE_ANON_KEY: ${{ secrets.NEXT_PUBLIC_SUPABASE_ANON_KEY }}
-
-jobs:
-  integration-test:
-    name: Integration Test
-    runs-on: ubuntu-latest
-
-    strategy:
-      matrix:
-        node-version: [20.x]
-
-    steps:
-      # 1. 코드 체크아웃
-      - name: Checkout repository
-        uses: actions/checkout@v4
-
-      # 2. pnpm 설정
-      - name: Setup pnpm
-        uses: pnpm/action-setup@v4
-
-      # 3. Node.js 설정
-      - name: Setup Node.js ${{ matrix.node-version}}
-        uses: actions/setup-node@v4
-        with:
-          node-version: ${{ matrix.node-version }}
-          cache: 'pnpm'
-
-      # 4. 의존성 설치
-      - name: Install dependencies
-        run: pnpm install --frozen-lockfile
-
-      # 5. 코드 품질 검사
-      - name: Code formatting check
-        run: pnpm run format:check
-
-      - name: Lint check
-        run: pnpm run lint
-
-      - name: Type check
-        run: pnpm run type-check
-
-      # 6. 실제 환경변수로 빌드 테스트
-      - name: Build for develop
-        run: pnpm run build
-
-      # # 7. Jest 테스트 (나중에 활성화)
-      # - name: Run Tests
-      #   run: pnpm run test
-
-      # 8. E2E 테스트 (Playwright - 나중에 활성화)
-      # - name: E2E Tests
-      #   run: pnpm exec playwright test
-
-      # 9. 빌드 결과물 업로드 (디버깅용)
-      - name: Upload build artifacts
-        uses: actions/upload-artifact@v4
-        if: failure()
-        with:
-          name: build-output
-          path: .next/
-          retention-days: 1
-
-      # 10. 성공 알림
-      - name: Integration test passed
-        run: echo "Develop 브랜치 통합 테스트 완료!"

From 42114bb0032f6d06d029db749056db72f433553b Mon Sep 17 00:00:00 2001
From: YeongTaek <yeongtaek2109@gmail.com>
Date: Wed, 10 Sep 2025 15:27:42 +0900
Subject: [PATCH 12/25] =?UTF-8?q?feat:=20=ED=9A=8C=EC=9B=90=EA=B0=80?=
 =?UTF-8?q?=EC=9E=85=EA=B3=BC=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=EC=97=90=20=EB=A9=94=EC=9D=B8=20=ED=99=94?=
 =?UTF-8?q?=EB=A9=B4=20=EB=8F=8C=EC=95=84=EA=B0=80=EB=8A=94=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=EC=B6=94=EA=B0=80=20=EB=B0=8F=20=EB=A9=94=EC=8B=9C?=
 =?UTF-8?q?=EC=A7=80=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/auth/signup/page.tsx             | 20 +++++++++-----------
 src/components/auth/LoginPageContent.tsx | 14 ++++++++++----
 2 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/app/auth/signup/page.tsx b/src/app/auth/signup/page.tsx
index b8c4a4a..c3f48f9 100644
--- a/src/app/auth/signup/page.tsx
+++ b/src/app/auth/signup/page.tsx
@@ -316,21 +316,19 @@ export default function SignupPage() {
               </button>
             </div>
 
-            <div className="text-center space-y-2">
+            <div className="flex flex-col gap-2 items-center">
               <Link
-                href="/auth/signup"
+                href="/auth/login"
                 className="text-accent-600 hover:text-accent-500 text-sm font-medium transition-colors"
               >
-                계정이 없으신가요? 회원가입
+                회원이신가요? 로그인
+              </Link>
+              <Link
+                href="/"
+                className="text-gray-500 hover:text-gray-700 text-sm transition-colors"
+              >
+                메인 화면으로 돌아가기
               </Link>
-              <div>
-                <Link
-                  href="/"
-                  className="text-gray-500 hover:text-gray-700 text-sm transition-colors"
-                >
-                  메인 화면으로 돌아가기
-                </Link>
-              </div>
             </div>
           </form>
         </div>
diff --git a/src/components/auth/LoginPageContent.tsx b/src/components/auth/LoginPageContent.tsx
index 988549f..0350d75 100644
--- a/src/components/auth/LoginPageContent.tsx
+++ b/src/components/auth/LoginPageContent.tsx
@@ -68,7 +68,7 @@ export default function LoginPageContent() {
                   htmlFor="email"
                   className="block text-sm font-medium text-gray-700"
                 >
-                  이메일 *
+                  이메일
                 </label>
                 <input
                   id="email"
@@ -94,7 +94,7 @@ export default function LoginPageContent() {
                   htmlFor="password"
                   className="block text-sm font-medium text-gray-700"
                 >
-                  비밀번호 *
+                  비밀번호
                 </label>
                 <input
                   id="password"
@@ -120,19 +120,25 @@ export default function LoginPageContent() {
               <button
                 type="submit"
                 disabled={isLoggingIn || !isValid}
-                className="w-full flex justify-center py-2 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-accent-600 hover:bg-accent-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-accent-500 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
+                className="hover:cursor-pointer w-full flex justify-center py-2 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-accent-600 hover:bg-accent-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-accent-500 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
               >
                 {isLoggingIn ? "로그인 중..." : "로그인"}
               </button>
             </div>
 
-            <div className="text-center space-y-2">
+            <div className="flex flex-col gap-2 items-center">
               <Link
                 href="/auth/signup"
                 className="text-accent-600 hover:text-accent-500 text-sm font-medium transition-colors"
               >
                 계정이 없으신가요? 회원가입
               </Link>
+              <Link
+                href="/"
+                className="text-gray-500 hover:text-gray-700 text-sm transition-colors"
+              >
+                메인 화면으로 돌아가기
+              </Link>
             </div>
           </form>
         </div>

From 1e9a5c3dfe2b64dc280fdfc7b7c1f46ab858d44b Mon Sep 17 00:00:00 2001
From: YeongTaek <yeongtaek2109@gmail.com>
Date: Wed, 10 Sep 2025 15:28:22 +0900
Subject: [PATCH 13/25] =?UTF-8?q?fix:=20=EB=A1=9C=EB=94=A9=20=EC=8B=9C=20s?=
 =?UTF-8?q?ession=20=EC=B2=B4=ED=81=AC=20=EB=A1=9C=EC=A7=81=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/auth/useAuth.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/hooks/auth/useAuth.ts b/src/hooks/auth/useAuth.ts
index 15d5256..aad935d 100644
--- a/src/hooks/auth/useAuth.ts
+++ b/src/hooks/auth/useAuth.ts
@@ -201,7 +201,7 @@ export const useAuth = () => {
     user: session?.user || null,
     profile,
     session,
-    isLoading: (isSessionLoading || isProfileLoading) && !isInitialized,
+    isLoading: isSessionLoading || (!isInitialized && session === undefined),
     isAuthenticated: !!session?.user,
     emailCheckResult: checkEmailMutation.data,
     nicknameCheckResult: checkNicknameMutation.data,

From f22db5637e7b46ac757dccb32a0ba696d0fe3f52 Mon Sep 17 00:00:00 2001
From: YeongTaek <yeongtaek2109@gmail.com>
Date: Wed, 10 Sep 2025 15:28:34 +0900
Subject: [PATCH 14/25] =?UTF-8?q?style:=20=ED=8F=AC=EB=A7=B7=ED=8C=85=20?=
 =?UTF-8?q?=EC=84=A4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/workflows/ci.yml         | 3 +--
 .github/workflows/production.yml | 3 +--
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 33677c4..855c64e 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -66,7 +66,6 @@ jobs:
           NEXT_PUBLIC_SUPABASE_URL: "https://dummy.supabase.co"
           NEXT_PUBLIC_SUPABASE_ANON_KEY: "dummy-key-for-build-test"
 
-
       # 9. 성공 시 체크마크 출력
       - name: All checks passed
-        run: echo "모든 코드 품질 검사를 통과했습니다!"
\ No newline at end of file
+        run: echo "모든 코드 품질 검사를 통과했습니다!"
diff --git a/.github/workflows/production.yml b/.github/workflows/production.yml
index e98084b..07ac25a 100644
--- a/.github/workflows/production.yml
+++ b/.github/workflows/production.yml
@@ -106,10 +106,9 @@ jobs:
           vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }} # TODO: 나중에 배포 후 입력
           vercel-args: "--prod"
 
-
       # 배포 성공 알림 (선택사항)
       - name: Deployment success notification
         run: |
           echo "프로덕션 배포 완료!"
           echo "배포 시간: ${date}"
-          echo "커밋: ${{ github.sha}}"
\ No newline at end of file
+          echo "커밋: ${{ github.sha}}"

From a3208d706a14745461874d80d4ec525087907d29 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=98=A4=EC=98=81=ED=83=9D?=
 <87858689+Programmeryeongtaek@users.noreply.github.com>
Date: Wed, 10 Sep 2025 15:33:40 +0900
Subject: [PATCH 15/25] =?UTF-8?q?style:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8&?=
 =?UTF-8?q?=ED=9A=8C=EC=9B=90=EA=B0=80=EC=9E=85=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20=EC=8A=A4=ED=83=80=EC=9D=BC=EB=A7=81=20=EB=B0=8F=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=EC=B6=94=EA=B0=80=20(#5)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* remove: 불필요한 파일 삭제

* feat: 회원가입과 로그인 페이지에 메인 화면 돌아가는 버튼 추가 및 메시지 수정

* fix: 로딩 시 session 체크 로직 수정

* style: 포맷팅 설정
---
 .github/workflows/ci.yml                 |  3 +-
 .github/workflows/devlop.yml             | 83 ------------------------
 .github/workflows/production.yml         |  3 +-
 src/app/auth/signup/page.tsx             | 20 +++---
 src/components/auth/LoginPageContent.tsx | 14 ++--
 src/hooks/auth/useAuth.ts                |  2 +-
 6 files changed, 22 insertions(+), 103 deletions(-)
 delete mode 100644 .github/workflows/devlop.yml

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 33677c4..855c64e 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -66,7 +66,6 @@ jobs:
           NEXT_PUBLIC_SUPABASE_URL: "https://dummy.supabase.co"
           NEXT_PUBLIC_SUPABASE_ANON_KEY: "dummy-key-for-build-test"
 
-
       # 9. 성공 시 체크마크 출력
       - name: All checks passed
-        run: echo "모든 코드 품질 검사를 통과했습니다!"
\ No newline at end of file
+        run: echo "모든 코드 품질 검사를 통과했습니다!"
diff --git a/.github/workflows/devlop.yml b/.github/workflows/devlop.yml
deleted file mode 100644
index 6d37717..0000000
--- a/.github/workflows/devlop.yml
+++ /dev/null
@@ -1,83 +0,0 @@
-name: Develop - Integration Test
-
-on:
-  push:
-    branches:
-      - develop
-  pull_request:
-    branches:
-      - develop
-
-# 동시 실행 제한
-concurrency:
-  group: ${{ github.workflow }}-${{ github.ref }}
-  cancel-in-progress: true
-
-env:
-  # Develop 환경 변수 (GitHub Secrets 사용)
-  NEXT_PUBLIC_SUPABASE_URL: ${{ secrets.NEXT_PUBLIC_SUPABASE_URL }}
-  NEXT_PUBLIC_SUPABASE_ANON_KEY: ${{ secrets.NEXT_PUBLIC_SUPABASE_ANON_KEY }}
-
-jobs:
-  integration-test:
-    name: Integration Test
-    runs-on: ubuntu-latest
-
-    strategy:
-      matrix:
-        node-version: [20.x]
-
-    steps:
-      # 1. 코드 체크아웃
-      - name: Checkout repository
-        uses: actions/checkout@v4
-
-      # 2. pnpm 설정
-      - name: Setup pnpm
-        uses: pnpm/action-setup@v4
-
-      # 3. Node.js 설정
-      - name: Setup Node.js ${{ matrix.node-version}}
-        uses: actions/setup-node@v4
-        with:
-          node-version: ${{ matrix.node-version }}
-          cache: 'pnpm'
-
-      # 4. 의존성 설치
-      - name: Install dependencies
-        run: pnpm install --frozen-lockfile
-
-      # 5. 코드 품질 검사
-      - name: Code formatting check
-        run: pnpm run format:check
-
-      - name: Lint check
-        run: pnpm run lint
-
-      - name: Type check
-        run: pnpm run type-check
-
-      # 6. 실제 환경변수로 빌드 테스트
-      - name: Build for develop
-        run: pnpm run build
-
-      # # 7. Jest 테스트 (나중에 활성화)
-      # - name: Run Tests
-      #   run: pnpm run test
-
-      # 8. E2E 테스트 (Playwright - 나중에 활성화)
-      # - name: E2E Tests
-      #   run: pnpm exec playwright test
-
-      # 9. 빌드 결과물 업로드 (디버깅용)
-      - name: Upload build artifacts
-        uses: actions/upload-artifact@v4
-        if: failure()
-        with:
-          name: build-output
-          path: .next/
-          retention-days: 1
-
-      # 10. 성공 알림
-      - name: Integration test passed
-        run: echo "Develop 브랜치 통합 테스트 완료!"
diff --git a/.github/workflows/production.yml b/.github/workflows/production.yml
index e98084b..07ac25a 100644
--- a/.github/workflows/production.yml
+++ b/.github/workflows/production.yml
@@ -106,10 +106,9 @@ jobs:
           vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }} # TODO: 나중에 배포 후 입력
           vercel-args: "--prod"
 
-
       # 배포 성공 알림 (선택사항)
       - name: Deployment success notification
         run: |
           echo "프로덕션 배포 완료!"
           echo "배포 시간: ${date}"
-          echo "커밋: ${{ github.sha}}"
\ No newline at end of file
+          echo "커밋: ${{ github.sha}}"
diff --git a/src/app/auth/signup/page.tsx b/src/app/auth/signup/page.tsx
index b8c4a4a..c3f48f9 100644
--- a/src/app/auth/signup/page.tsx
+++ b/src/app/auth/signup/page.tsx
@@ -316,21 +316,19 @@ export default function SignupPage() {
               </button>
             </div>
 
-            <div className="text-center space-y-2">
+            <div className="flex flex-col gap-2 items-center">
               <Link
-                href="/auth/signup"
+                href="/auth/login"
                 className="text-accent-600 hover:text-accent-500 text-sm font-medium transition-colors"
               >
-                계정이 없으신가요? 회원가입
+                회원이신가요? 로그인
+              </Link>
+              <Link
+                href="/"
+                className="text-gray-500 hover:text-gray-700 text-sm transition-colors"
+              >
+                메인 화면으로 돌아가기
               </Link>
-              <div>
-                <Link
-                  href="/"
-                  className="text-gray-500 hover:text-gray-700 text-sm transition-colors"
-                >
-                  메인 화면으로 돌아가기
-                </Link>
-              </div>
             </div>
           </form>
         </div>
diff --git a/src/components/auth/LoginPageContent.tsx b/src/components/auth/LoginPageContent.tsx
index 988549f..0350d75 100644
--- a/src/components/auth/LoginPageContent.tsx
+++ b/src/components/auth/LoginPageContent.tsx
@@ -68,7 +68,7 @@ export default function LoginPageContent() {
                   htmlFor="email"
                   className="block text-sm font-medium text-gray-700"
                 >
-                  이메일 *
+                  이메일
                 </label>
                 <input
                   id="email"
@@ -94,7 +94,7 @@ export default function LoginPageContent() {
                   htmlFor="password"
                   className="block text-sm font-medium text-gray-700"
                 >
-                  비밀번호 *
+                  비밀번호
                 </label>
                 <input
                   id="password"
@@ -120,19 +120,25 @@ export default function LoginPageContent() {
               <button
                 type="submit"
                 disabled={isLoggingIn || !isValid}
-                className="w-full flex justify-center py-2 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-accent-600 hover:bg-accent-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-accent-500 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
+                className="hover:cursor-pointer w-full flex justify-center py-2 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-accent-600 hover:bg-accent-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-accent-500 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
               >
                 {isLoggingIn ? "로그인 중..." : "로그인"}
               </button>
             </div>
 
-            <div className="text-center space-y-2">
+            <div className="flex flex-col gap-2 items-center">
               <Link
                 href="/auth/signup"
                 className="text-accent-600 hover:text-accent-500 text-sm font-medium transition-colors"
               >
                 계정이 없으신가요? 회원가입
               </Link>
+              <Link
+                href="/"
+                className="text-gray-500 hover:text-gray-700 text-sm transition-colors"
+              >
+                메인 화면으로 돌아가기
+              </Link>
             </div>
           </form>
         </div>
diff --git a/src/hooks/auth/useAuth.ts b/src/hooks/auth/useAuth.ts
index 15d5256..aad935d 100644
--- a/src/hooks/auth/useAuth.ts
+++ b/src/hooks/auth/useAuth.ts
@@ -201,7 +201,7 @@ export const useAuth = () => {
     user: session?.user || null,
     profile,
     session,
-    isLoading: (isSessionLoading || isProfileLoading) && !isInitialized,
+    isLoading: isSessionLoading || (!isInitialized && session === undefined),
     isAuthenticated: !!session?.user,
     emailCheckResult: checkEmailMutation.data,
     nicknameCheckResult: checkNicknameMutation.data,

From 1d3b8e351df19bf99bdb05c4517f5cb1b57b0aef Mon Sep 17 00:00:00 2001
From: YeongTaek <yeongtaek2109@gmail.com>
Date: Thu, 11 Sep 2025 19:22:16 +0900
Subject: [PATCH 16/25] =?UTF-8?q?fix:=20=EB=B0=B0=ED=8F=AC=ED=99=98?=
 =?UTF-8?q?=EA=B2=BD=EC=97=90=EC=84=9C=20=EB=A1=9C=EA=B7=B8=EC=95=84?=
 =?UTF-8?q?=EC=9B=83=20=EC=84=B8=EC=85=98=EC=9C=A0=EC=A7=80=20=EB=AC=B8?=
 =?UTF-8?q?=EC=A0=9C=20=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/auth/useAuth.ts | 85 ++++++++++++++++++++++++++++++++++++++-
 1 file changed, 83 insertions(+), 2 deletions(-)

diff --git a/src/hooks/auth/useAuth.ts b/src/hooks/auth/useAuth.ts
index aad935d..ee09f07 100644
--- a/src/hooks/auth/useAuth.ts
+++ b/src/hooks/auth/useAuth.ts
@@ -116,12 +116,93 @@ export const useAuth = () => {
   // 로그아웃
   const logoutMutation = useMutation({
     mutationFn: async () => {
-      const { error } = await supabase.auth.signOut();
-      if (error) throw error;
+      try {
+        // 1단계: Supabase 로그아웃
+        const { error } = await supabase.auth.signOut();
+        if (error) {
+          console.warn('Supabase 로그아웃 오류:', error);
+        }
+        
+        // 2단계: access_token 강제 제거
+        if (typeof window !== 'undefined') {
+          // 현재 Supabase 프로젝트의 정확한 storage key 찾기
+          const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL!;
+          const projectRef = supabaseUrl.split('//')[1].split('.')[0];
+          const storageKey = `sb-${projectRef}-auth-token`;
+          
+          // access_token이 포함된 키들 정리
+          const keysToRemove = [
+            storageKey,
+            'supabase.auth.token',
+            'sb-auth-token',
+            `sb-${projectRef}-auth-token`,
+            'daylylog-auth-token'
+          ];
+          
+          keysToRemove.forEach(key => {
+            try {
+              localStorage.removeItem(key);
+              sessionStorage.removeItem(key);
+            } catch (e) {
+              console.warn(`토큰 키 제거 실패: ${key}`, e);
+            }
+          });
+          
+          // localStorage에서 access_token이 포함된 모든 키 검색 및 제거
+          const allKeys = Object.keys(localStorage);
+          allKeys.forEach(key => {
+            try {
+              const value = localStorage.getItem(key);
+              if (value && (
+                value.includes('access_token') || 
+                value.includes('refresh_token') ||
+                key.includes('supabase') ||
+                key.includes('sb-')
+              )) {
+                localStorage.removeItem(key);
+              }
+            } catch (e) {
+              // 파싱 오류 무시
+            }
+          });
+          
+          // 세션 스토리지도 동일하게 처리
+          const sessionKeys = Object.keys(sessionStorage);
+          sessionKeys.forEach(key => {
+            try {
+              const value = sessionStorage.getItem(key);
+              if (value && (
+                value.includes('access_token') || 
+                value.includes('refresh_token') ||
+                key.includes('supabase') ||
+                key.includes('sb-')
+              )) {
+                sessionStorage.removeItem(key);
+              }
+            } catch (e) {
+              // 파싱 오류 무시
+            }
+          });
+        }
+        
+      } catch (error) {
+        console.error('로그아웃 처리 중 오류:', error);
+        // 오류 발생 시에도 강제 정리
+        if (typeof window !== 'undefined') {
+          localStorage.clear();
+          sessionStorage.clear();
+        }
+      }
     },
     onSuccess: () => {
       queryClient.clear();
     },
+    onSettled: () => {
+      // 성공/실패 관계없이 페이지 새로고침으로 완전 초기화
+      if (typeof window !== 'undefined') {
+        window.location.replace('/');
+      }
+    }
   });
 
   // 프로필 업데이트

From 40c5265fa7bf03d49e8270ebb48bf0e18c5de2ee Mon Sep 17 00:00:00 2001
From: YeongTaek <yeongtaek2109@gmail.com>
Date: Thu, 11 Sep 2025 19:22:42 +0900
Subject: [PATCH 17/25] =?UTF-8?q?refactor:=20login=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20suspense=20=EC=A0=9C=EA=B1=B0=20=EB=B0=8F=20?=
 =?UTF-8?q?=ED=86=B5=ED=95=A9,=20=EC=8A=A4=ED=83=80=EC=9D=BC=EB=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/auth/login/page.tsx              | 150 +++++++++++++++++++++--
 src/components/auth/LoginPageContent.tsx | 148 ----------------------
 2 files changed, 138 insertions(+), 160 deletions(-)
 delete mode 100644 src/components/auth/LoginPageContent.tsx

diff --git a/src/app/auth/login/page.tsx b/src/app/auth/login/page.tsx
index 28bff16..b1e43b1 100644
--- a/src/app/auth/login/page.tsx
+++ b/src/app/auth/login/page.tsx
@@ -1,16 +1,142 @@
-import LoginPageContent from "@/components/auth/LoginPageContent";
-import { Suspense } from "react";
+'use client';
+
+import AuthGuard from '@/components/auth/AuthGuard';
+import { useAuth } from '@/hooks/auth';
+import { LoginFormValues, loginSchema } from '@/lib/validations/auth';
+import { zodResolver } from '@hookform/resolvers/zod';
+import Link from 'next/link';
+import { useForm } from 'react-hook-form';
+
+const LoginPage = () => {
+  const { login, isLoggingIn, loginError } = useAuth();
+
+  const {
+    register,
+    handleSubmit,
+    formState: { errors, isValid },
+  } = useForm<LoginFormValues>({
+    resolver: zodResolver(loginSchema),
+    mode: 'onChange', // 실시간 검증
+  });
+
+  const onSubmit = async (data: LoginFormValues) => {
+    try {
+      await login(data);
+    } catch (error) {
+      // 에러는 useAuth에서 처리됨
+      console.error('로그인 실패:', error);
+    }
+  };
 
-export default function LoginPage() {
   return (
-    <Suspense
-      fallback={
-        <div className="min-h-screen flex items-center justify-center bg-accent-50">
-          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-accent-600"></div>
+    <AuthGuard requireAuth={false}>
+      <div className="min-h-screen flex items-center justify-center bg-accent-50">
+        <div className="max-w-md w-full space-y-8 p-6">
+          <div className="text-center">
+            <Link
+              href="/"
+              className="text-3xl font-bold text-accent-700 hover:text-accent-800 transition-colors"
+            >
+              DaylyLog
+            </Link>
+            <h2 className="mt-6 text-2xl font-bold text-gray-900">로그인</h2>
+            <p className="mt-2 text-sm text-gray-600">
+              계정에 로그인하여 DaylyLog를 시작하세요.
+            </p>
+          </div>
+
+          <form className="mt-8 space-y-6" onSubmit={handleSubmit(onSubmit)}>
+            <div className="space-y-4">
+              <div>
+                <label
+                  htmlFor="email"
+                  className="block text-sm font-medium text-gray-700"
+                >
+                  이메일
+                </label>
+                <input
+                  id="email"
+                  type="email"
+                  autoComplete="email"
+                  {...register('email')}
+                  className={`mt-1 block w-full px-3 py-2 border rounded-lg text-gray-900 placeholder-gray-400 hover:border-accent-400 focus:outline-none focus:ring-1 focus:ring-accent-500 transition-colors ${
+                    errors.email
+                      ? 'border-red-300 focus:border-red-500'
+                      : 'border-gray-300 focus:border-accent-500'
+                  }`}
+                  placeholder="example@email.com"
+                />
+                {errors.email && (
+                  <p className="mt-1 text-sm text-red-600">
+                    {errors.email.message}
+                  </p>
+                )}
+              </div>
+
+              <div>
+                <label
+                  htmlFor="password"
+                  className="block text-sm font-medium text-gray-700"
+                >
+                  비밀번호
+                </label>
+                <input
+                  id="password"
+                  type="password"
+                  autoComplete="current-password"
+                  {...register('password')}
+                  className={`mt-1 block w-full px-3 py-2 border rounded-lg text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-1 hover:border-accent-400 focus:ring-accent-500 transition-colors ${
+                    errors.password
+                      ? 'border-red-300 focus:border-red-500'
+                      : 'border-gray-300 focus:border-accent-500'
+                  }`}
+                  placeholder="••••••••"
+                />
+                {errors.password && (
+                  <p className="mt-1 text-sm text-red-600">
+                    {errors.password.message}
+                  </p>
+                )}
+              </div>
+            </div>
+
+            {/* 전역 에러 표시 */}
+            {loginError && (
+              <p className="text-sm text-red-600">
+                {loginError.message ||
+                  '로그인에 실패했습니다. 다시 시도해주세요.'}
+              </p>
+            )}
+
+            <div>
+              <button
+                type="submit"
+                disabled={isLoggingIn || !isValid}
+                className="hover:cursor-pointer w-full flex justify-center py-2 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-accent-600 hover:bg-accent-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-accent-500 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
+              >
+                {isLoggingIn ? '로그인 중...' : '로그인'}
+              </button>
+            </div>
+
+            <div className="flex flex-col gap-2 items-center">
+              <Link
+                href="/auth/signup"
+                className="text-accent-600 hover:text-accent-500 text-sm font-medium transition-colors"
+              >
+                계정이 없으신가요? 회원가입
+              </Link>
+              <Link
+                href="/"
+                className="text-gray-500 hover:text-gray-700 text-sm transition-colors"
+              >
+                메인 화면으로 돌아가기
+              </Link>
+            </div>
+          </form>
         </div>
-      }
-    >
-      <LoginPageContent />
-    </Suspense>
+      </div>
+    </AuthGuard>
   );
-}
+};
+
+export default LoginPage;
diff --git a/src/components/auth/LoginPageContent.tsx b/src/components/auth/LoginPageContent.tsx
deleted file mode 100644
index 0350d75..0000000
--- a/src/components/auth/LoginPageContent.tsx
+++ /dev/null
@@ -1,148 +0,0 @@
-"use client";
-
-import AuthGuard from "@/components/auth/AuthGuard";
-import { useAuth } from "@/hooks/auth";
-import { LoginFormValues, loginSchema } from "@/lib/validations/auth";
-import { zodResolver } from "@hookform/resolvers/zod";
-import Link from "next/link";
-import { useRouter, useSearchParams } from "next/navigation";
-import { useForm } from "react-hook-form";
-
-export default function LoginPageContent() {
-  const router = useRouter();
-  const searchParams = useSearchParams();
-  const redirectUrl = searchParams.get("redirect") || "/dashboard";
-
-  const { login, isLoggingIn, loginError } = useAuth();
-
-  const {
-    register,
-    handleSubmit,
-    formState: { errors, isValid },
-  } = useForm<LoginFormValues>({
-    resolver: zodResolver(loginSchema),
-    mode: "onChange", // 실시간 검증
-  });
-
-  const onSubmit = async (data: LoginFormValues) => {
-    try {
-      await login(data);
-      router.push(redirectUrl);
-    } catch (error) {
-      // 에러는 useAuth에서 처리됨
-      console.error("로그인 실패:", error);
-    }
-  };
-
-  return (
-    <AuthGuard requireAuth={false}>
-      <div className="min-h-screen flex items-center justify-center bg-accent-50">
-        <div className="max-w-md w-full space-y-8 p-6">
-          <div className="text-center">
-            <Link
-              href="/"
-              className="text-3xl font-bold text-accent-700 hover:text-accent-800 transition-colors"
-            >
-              DaylyLog
-            </Link>
-            <h2 className="mt-6 text-2xl font-bold text-gray-900">로그인</h2>
-            <p className="mt-2 text-sm text-gray-600">
-              계정에 로그인하여 DaylyLog를 시작하세요
-            </p>
-          </div>
-
-          <form className="mt-8 space-y-6" onSubmit={handleSubmit(onSubmit)}>
-            {/* 전역 에러 표시 */}
-            {loginError && (
-              <div className="bg-red-50 border border-red-200 rounded-lg p-4">
-                <p className="text-sm text-red-600">
-                  {loginError.message ||
-                    "로그인에 실패했습니다. 다시 시도해주세요."}
-                </p>
-              </div>
-            )}
-
-            <div className="space-y-4">
-              <div>
-                <label
-                  htmlFor="email"
-                  className="block text-sm font-medium text-gray-700"
-                >
-                  이메일
-                </label>
-                <input
-                  id="email"
-                  type="email"
-                  autoComplete="email"
-                  {...register("email")}
-                  className={`mt-1 block w-full px-3 py-2 border rounded-lg text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-accent-500 transition-colors ${
-                    errors.email
-                      ? "border-red-300 focus:border-red-500"
-                      : "border-gray-300 focus:border-accent-500"
-                  }`}
-                  placeholder="example@email.com"
-                />
-                {errors.email && (
-                  <p className="mt-1 text-sm text-red-600">
-                    {errors.email.message}
-                  </p>
-                )}
-              </div>
-
-              <div>
-                <label
-                  htmlFor="password"
-                  className="block text-sm font-medium text-gray-700"
-                >
-                  비밀번호
-                </label>
-                <input
-                  id="password"
-                  type="password"
-                  autoComplete="current-password"
-                  {...register("password")}
-                  className={`mt-1 block w-full px-3 py-2 border rounded-lg text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-accent-500 transition-colors ${
-                    errors.password
-                      ? "border-red-300 focus:border-red-500"
-                      : "border-gray-300 focus:border-accent-500"
-                  }`}
-                  placeholder="••••••••"
-                />
-                {errors.password && (
-                  <p className="mt-1 text-sm text-red-600">
-                    {errors.password.message}
-                  </p>
-                )}
-              </div>
-            </div>
-
-            <div>
-              <button
-                type="submit"
-                disabled={isLoggingIn || !isValid}
-                className="hover:cursor-pointer w-full flex justify-center py-2 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-accent-600 hover:bg-accent-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-accent-500 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
-              >
-                {isLoggingIn ? "로그인 중..." : "로그인"}
-              </button>
-            </div>
-
-            <div className="flex flex-col gap-2 items-center">
-              <Link
-                href="/auth/signup"
-                className="text-accent-600 hover:text-accent-500 text-sm font-medium transition-colors"
-              >
-                계정이 없으신가요? 회원가입
-              </Link>
-              <Link
-                href="/"
-                className="text-gray-500 hover:text-gray-700 text-sm transition-colors"
-              >
-                메인 화면으로 돌아가기
-              </Link>
-            </div>
-          </form>
-        </div>
-      </div>
-    </AuthGuard>
-  );
-}

From eeed61c81d12a6ae03c327a39c9833982a8fb593 Mon Sep 17 00:00:00 2001
From: YeongTaek <yeongtaek2109@gmail.com>
Date: Thu, 11 Sep 2025 19:23:56 +0900
Subject: [PATCH 18/25] =?UTF-8?q?style:=20=ED=8F=AC=EB=A7=A4=ED=8C=83=20?=
 =?UTF-8?q?=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/auth/login/page.tsx | 34 +++++++++----------
 src/hooks/auth/useAuth.ts   | 65 +++++++++++++++++++------------------
 2 files changed, 50 insertions(+), 49 deletions(-)

diff --git a/src/app/auth/login/page.tsx b/src/app/auth/login/page.tsx
index b1e43b1..8e5c9d4 100644
--- a/src/app/auth/login/page.tsx
+++ b/src/app/auth/login/page.tsx
@@ -1,11 +1,11 @@
-'use client';
+"use client";
 
-import AuthGuard from '@/components/auth/AuthGuard';
-import { useAuth } from '@/hooks/auth';
-import { LoginFormValues, loginSchema } from '@/lib/validations/auth';
-import { zodResolver } from '@hookform/resolvers/zod';
-import Link from 'next/link';
-import { useForm } from 'react-hook-form';
+import AuthGuard from "@/components/auth/AuthGuard";
+import { useAuth } from "@/hooks/auth";
+import { LoginFormValues, loginSchema } from "@/lib/validations/auth";
+import { zodResolver } from "@hookform/resolvers/zod";
+import Link from "next/link";
+import { useForm } from "react-hook-form";
 
 const LoginPage = () => {
   const { login, isLoggingIn, loginError } = useAuth();
@@ -16,7 +16,7 @@ const LoginPage = () => {
     formState: { errors, isValid },
   } = useForm<LoginFormValues>({
     resolver: zodResolver(loginSchema),
-    mode: 'onChange', // 실시간 검증
+    mode: "onChange", // 실시간 검증
   });
 
   const onSubmit = async (data: LoginFormValues) => {
@@ -24,7 +24,7 @@ const LoginPage = () => {
       await login(data);
     } catch (error) {
       // 에러는 useAuth에서 처리됨
-      console.error('로그인 실패:', error);
+      console.error("로그인 실패:", error);
     }
   };
 
@@ -58,11 +58,11 @@ const LoginPage = () => {
                   id="email"
                   type="email"
                   autoComplete="email"
-                  {...register('email')}
+                  {...register("email")}
                   className={`mt-1 block w-full px-3 py-2 border rounded-lg text-gray-900 placeholder-gray-400 hover:border-accent-400 focus:outline-none focus:ring-1 focus:ring-accent-500 transition-colors ${
                     errors.email
-                      ? 'border-red-300 focus:border-red-500'
-                      : 'border-gray-300 focus:border-accent-500'
+                      ? "border-red-300 focus:border-red-500"
+                      : "border-gray-300 focus:border-accent-500"
                   }`}
                   placeholder="example@email.com"
                 />
@@ -84,11 +84,11 @@ const LoginPage = () => {
                   id="password"
                   type="password"
                   autoComplete="current-password"
-                  {...register('password')}
+                  {...register("password")}
                   className={`mt-1 block w-full px-3 py-2 border rounded-lg text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-1 hover:border-accent-400 focus:ring-accent-500 transition-colors ${
                     errors.password
-                      ? 'border-red-300 focus:border-red-500'
-                      : 'border-gray-300 focus:border-accent-500'
+                      ? "border-red-300 focus:border-red-500"
+                      : "border-gray-300 focus:border-accent-500"
                   }`}
                   placeholder="••••••••"
                 />
@@ -104,7 +104,7 @@ const LoginPage = () => {
             {loginError && (
               <p className="text-sm text-red-600">
                 {loginError.message ||
-                  '로그인에 실패했습니다. 다시 시도해주세요.'}
+                  "로그인에 실패했습니다. 다시 시도해주세요."}
               </p>
             )}
 
@@ -114,7 +114,7 @@ const LoginPage = () => {
                 disabled={isLoggingIn || !isValid}
                 className="hover:cursor-pointer w-full flex justify-center py-2 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-accent-600 hover:bg-accent-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-accent-500 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
               >
-                {isLoggingIn ? '로그인 중...' : '로그인'}
+                {isLoggingIn ? "로그인 중..." : "로그인"}
               </button>
             </div>
 
diff --git a/src/hooks/auth/useAuth.ts b/src/hooks/auth/useAuth.ts
index ee09f07..a4f5c4e 100644
--- a/src/hooks/auth/useAuth.ts
+++ b/src/hooks/auth/useAuth.ts
@@ -120,26 +120,26 @@ export const useAuth = () => {
         // 1단계: Supabase 로그아웃
         const { error } = await supabase.auth.signOut();
         if (error) {
-          console.warn('Supabase 로그아웃 오류:', error);
+          console.warn("Supabase 로그아웃 오류:", error);
         }
-        
+
         // 2단계: access_token 강제 제거
-        if (typeof window !== 'undefined') {
+        if (typeof window !== "undefined") {
           // 현재 Supabase 프로젝트의 정확한 storage key 찾기
           const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL!;
-          const projectRef = supabaseUrl.split('//')[1].split('.')[0];
+          const projectRef = supabaseUrl.split("//")[1].split(".")[0];
           const storageKey = `sb-${projectRef}-auth-token`;
-          
+
           // access_token이 포함된 키들 정리
           const keysToRemove = [
             storageKey,
-            'supabase.auth.token',
-            'sb-auth-token',
+            "supabase.auth.token",
+            "sb-auth-token",
             `sb-${projectRef}-auth-token`,
-            'daylylog-auth-token'
+            "daylylog-auth-token",
           ];
-          
-          keysToRemove.forEach(key => {
+
+          keysToRemove.forEach((key) => {
             try {
               localStorage.removeItem(key);
               sessionStorage.removeItem(key);
@@ -147,36 +147,38 @@ export const useAuth = () => {
               console.warn(`토큰 키 제거 실패: ${key}`, e);
             }
           });
-          
+
           // localStorage에서 access_token이 포함된 모든 키 검색 및 제거
           const allKeys = Object.keys(localStorage);
-          allKeys.forEach(key => {
+          allKeys.forEach((key) => {
             try {
               const value = localStorage.getItem(key);
-              if (value && (
-                value.includes('access_token') || 
-                value.includes('refresh_token') ||
-                key.includes('supabase') ||
-                key.includes('sb-')
-              )) {
+              if (
+                value &&
+                (value.includes("access_token") ||
+                  value.includes("refresh_token") ||
+                  key.includes("supabase") ||
+                  key.includes("sb-"))
+              ) {
                 localStorage.removeItem(key);
               }
             } catch (e) {
               // 파싱 오류 무시
             }
           });
-          
+
           // 세션 스토리지도 동일하게 처리
           const sessionKeys = Object.keys(sessionStorage);
-          sessionKeys.forEach(key => {
+          sessionKeys.forEach((key) => {
             try {
               const value = sessionStorage.getItem(key);
-              if (value && (
-                value.includes('access_token') || 
-                value.includes('refresh_token') ||
-                key.includes('supabase') ||
-                key.includes('sb-')
-              )) {
+              if (
+                value &&
+                (value.includes("access_token") ||
+                  value.includes("refresh_token") ||
+                  key.includes("supabase") ||
+                  key.includes("sb-"))
+              ) {
                 sessionStorage.removeItem(key);
               }
             } catch (e) {
@@ -184,11 +186,10 @@ export const useAuth = () => {
             }
           });
         }
-        
       } catch (error) {
-        console.error('로그아웃 처리 중 오류:', error);
+        console.error("로그아웃 처리 중 오류:", error);
         // 오류 발생 시에도 강제 정리
-        if (typeof window !== 'undefined') {
+        if (typeof window !== "undefined") {
           localStorage.clear();
           sessionStorage.clear();
         }
@@ -199,10 +200,10 @@ export const useAuth = () => {
     },
     onSettled: () => {
       // 성공/실패 관계없이 페이지 새로고침으로 완전 초기화
-      if (typeof window !== 'undefined') {
-        window.location.replace('/');
+      if (typeof window !== "undefined") {
+        window.location.replace("/");
       }
-    }
+    },
   });
 
   // 프로필 업데이트

From 94e884fa91afc4bec4614a92ef475cdd6048b950 Mon Sep 17 00:00:00 2001
From: YeongTaek <yeongtaek2109@gmail.com>
Date: Thu, 11 Sep 2025 19:46:58 +0900
Subject: [PATCH 19/25] =?UTF-8?q?style:=20=ED=8F=AC=EB=A7=B7=ED=8C=85=20?=
 =?UTF-8?q?=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/auth/login/page.tsx | 34 +++++++++++++++++-----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/app/auth/login/page.tsx b/src/app/auth/login/page.tsx
index 8e5c9d4..b1e43b1 100644
--- a/src/app/auth/login/page.tsx
+++ b/src/app/auth/login/page.tsx
@@ -1,11 +1,11 @@
-"use client";
+'use client';
 
-import AuthGuard from "@/components/auth/AuthGuard";
-import { useAuth } from "@/hooks/auth";
-import { LoginFormValues, loginSchema } from "@/lib/validations/auth";
-import { zodResolver } from "@hookform/resolvers/zod";
-import Link from "next/link";
-import { useForm } from "react-hook-form";
+import AuthGuard from '@/components/auth/AuthGuard';
+import { useAuth } from '@/hooks/auth';
+import { LoginFormValues, loginSchema } from '@/lib/validations/auth';
+import { zodResolver } from '@hookform/resolvers/zod';
+import Link from 'next/link';
+import { useForm } from 'react-hook-form';
 
 const LoginPage = () => {
   const { login, isLoggingIn, loginError } = useAuth();
@@ -16,7 +16,7 @@ const LoginPage = () => {
     formState: { errors, isValid },
   } = useForm<LoginFormValues>({
     resolver: zodResolver(loginSchema),
-    mode: "onChange", // 실시간 검증
+    mode: 'onChange', // 실시간 검증
   });
 
   const onSubmit = async (data: LoginFormValues) => {
@@ -24,7 +24,7 @@ const LoginPage = () => {
       await login(data);
     } catch (error) {
       // 에러는 useAuth에서 처리됨
-      console.error("로그인 실패:", error);
+      console.error('로그인 실패:', error);
     }
   };
 
@@ -58,11 +58,11 @@ const LoginPage = () => {
                   id="email"
                   type="email"
                   autoComplete="email"
-                  {...register("email")}
+                  {...register('email')}
                   className={`mt-1 block w-full px-3 py-2 border rounded-lg text-gray-900 placeholder-gray-400 hover:border-accent-400 focus:outline-none focus:ring-1 focus:ring-accent-500 transition-colors ${
                     errors.email
-                      ? "border-red-300 focus:border-red-500"
-                      : "border-gray-300 focus:border-accent-500"
+                      ? 'border-red-300 focus:border-red-500'
+                      : 'border-gray-300 focus:border-accent-500'
                   }`}
                   placeholder="example@email.com"
                 />
@@ -84,11 +84,11 @@ const LoginPage = () => {
                   id="password"
                   type="password"
                   autoComplete="current-password"
-                  {...register("password")}
+                  {...register('password')}
                   className={`mt-1 block w-full px-3 py-2 border rounded-lg text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-1 hover:border-accent-400 focus:ring-accent-500 transition-colors ${
                     errors.password
-                      ? "border-red-300 focus:border-red-500"
-                      : "border-gray-300 focus:border-accent-500"
+                      ? 'border-red-300 focus:border-red-500'
+                      : 'border-gray-300 focus:border-accent-500'
                   }`}
                   placeholder="••••••••"
                 />
@@ -104,7 +104,7 @@ const LoginPage = () => {
             {loginError && (
               <p className="text-sm text-red-600">
                 {loginError.message ||
-                  "로그인에 실패했습니다. 다시 시도해주세요."}
+                  '로그인에 실패했습니다. 다시 시도해주세요.'}
               </p>
             )}
 
@@ -114,7 +114,7 @@ const LoginPage = () => {
                 disabled={isLoggingIn || !isValid}
                 className="hover:cursor-pointer w-full flex justify-center py-2 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-accent-600 hover:bg-accent-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-accent-500 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
               >
-                {isLoggingIn ? "로그인 중..." : "로그인"}
+                {isLoggingIn ? '로그인 중...' : '로그인'}
               </button>
             </div>
 

From 42e84ed1f6a7e18942c16ba71854c3053f04532a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=98=A4=EC=98=81=ED=83=9D?=
 <87858689+Programmeryeongtaek@users.noreply.github.com>
Date: Sun, 14 Sep 2025 21:13:40 +0900
Subject: [PATCH 20/25] =?UTF-8?q?feat=20&=20style:=20=EC=9D=B4=EC=9B=83?=
 =?UTF-8?q?=EA=B8=B0=EB=8A=A5=20=EB=B0=8F=20=EB=A7=88=EC=9D=B4=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80,=20=ED=9A=8C=EA=B3=A0=20=EB=8F=84=EB=A9=94?=
 =?UTF-8?q?=EC=9D=B8=20=EC=8A=A4=ED=83=80=EC=9D=BC=EB=A7=81=20(#8)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat: My 페이지 타입 정의

* feat: My 페이지 임시 커스텀 훅 작성

* refactor: my 페이지 도메인 타입 오타 수정에 따른 변경

* feat: 로그인&로그아웃 페이지 구성 및 기능 추가 (#7)

* feat: 로그아웃 즉시 메인화면으로 이동

* feat: 회원가입 - 이메일, 닉네임 중복 검사 기능

* feat: 로그인 정보 불일치 시 메시지 나타남

* style: 로그인, 회원가입 스타일링

* feat: 로그인&회원가입 페이지에 메인화면으로 돌아가기 추가

* 임시

* fix: YAML 문법 오류 수장

* style: 코드 포맷팅 적용

* fix: GitHub Actions 워크플로우 설정 오류 수정

* style: 코드 포맷팅 적용

* remove: 불필요한 파일 삭제

* feat: 회원가입과 로그인 페이지에 메인 화면 돌아가는 버튼 추가 및 메시지 수정

* fix: 로딩 시 session 체크 로직 수정

* style: 포맷팅 설정

* style: 로그인&회원가입 페이지 스타일링 및 버튼 추가 (#5)

* remove: 불필요한 파일 삭제

* feat: 회원가입과 로그인 페이지에 메인 화면 돌아가는 버튼 추가 및 메시지 수정

* fix: 로딩 시 session 체크 로직 수정

* style: 포맷팅 설정

* fix: 배포환경에서 로그아웃 세션유지 문제 해결

* refactor: login 페이지 suspense 제거 및 통합, 스타일링

* style: 포매팃 적용

* remove: 잘못된 파일 삭제

* feat: myPage 컴포넌트 및 페이지 구성

* feat: usePosts 커스텀 훅 수정

* feat: my/posts 페이지 및 컴포넌트 구성

* feat: my/profile 페이지와 컴포넌트 구성

* style: 마이페이지 스타일링

* feat: my/scraps 페이지와 컴포넌트 구성

* style: my/posts 페이지 스타일링 변경

* fix: my/posts 네비게이션 탭 계산 오류 해결

* feat: 이웃 관련 타입 정의

* feat: 이웃 정보 커스텀 훅 작성

* feat: 이웃 관련 컴포넌트 구현

* feat: 이웃 관련 페이지 구성

* style: 스타일링 변경

* refactor: 마이 페이지 버튼 링크 변경

* refactor: Supabase API 연동

* refactor: my/posts 카드 컴포넌트 키워드 변수 설정

* style: 배경색상 설정

* feat: 이웃관련 타입 정의

* refactor: useMyNeighbor 훗 수정

* feat: 이웃 관련 훅 수정 및 작성

* refactor: 불필요한 컴포넌트 삭제 및 파일명 오타 수정

* style: 스타일 속성 추가 및 변경

* feat: 공개된 프로필 훅 작성 및 적용

* refactor: 타입 추론 적용

* refactor: 프로필 미리보기 기능 개선(신청/이웃 구별)

* feat: 질문 작성 기능 모달로 변경(my page, neighbor page)

* refactor: 모바일 환경에서 마이페이지 경로 변경

* style: 회고 도메인 관련 전체적인 스타일링 변경

* style: 포매터 적용
---
 src/app/auth/login/page.tsx                   |  34 +-
 src/app/dashboard/page.tsx                    |  56 ++-
 src/app/my/neighbors/[id]/page.tsx            | 151 ++++++
 src/app/my/neighbors/page.tsx                 | 237 ++++++++++
 .../my/neighbors/public/[nickname]/page.tsx   | 437 +++++++++++++++++
 src/app/my/page.tsx                           | 444 ++++++++++++++++++
 src/app/my/posts/page.tsx                     | 138 ++++++
 src/app/my/profile/page.tsx                   | 140 ++++++
 src/app/my/scraps/page.tsx                    | 199 ++++++++
 src/app/reflections/[id]/edit/page.tsx        |   6 +-
 src/app/reflections/[id]/page.tsx             |  30 +-
 src/app/reflections/analytics/page.tsx        |  67 +--
 src/app/reflections/new/page.tsx              |  16 +-
 src/app/reflections/page.tsx                  |  48 +-
 src/components/common/Modal/ModalHeader.tsx   |   2 +-
 src/components/layout/Header.tsx              |   4 +-
 src/components/my/MenuCard.tsx                |  45 ++
 src/components/my/QuickActionButton.tsx       |  19 +
 src/components/my/StatsCard.tsx               |  35 ++
 src/components/my/neighbor/EmptyState.tsx     |  19 +
 .../my/neighbor/EnhancedNeighborCard.tsx      |  87 ++++
 .../neighbor/EnhancedNeighborRequestCard.tsx  | 118 +++++
 .../my/neighbor/NeighborPostCard.tsx          | 128 +++++
 .../my/neighbor/NeighborProfileModal.tsx      | 270 +++++++++++
 .../my/neighbor/NeighborProfileStats.tsx      | 138 ++++++
 .../my/neighbor/NeighborSearchBar.tsx         |  22 +
 src/components/my/posts/EmptyState.tsx        |  20 +
 src/components/my/posts/KeywordChip.tsx       |  18 +
 src/components/my/posts/PostsCard.tsx         | 117 +++++
 src/components/my/posts/PostsFilterBar.tsx    |  39 ++
 .../my/posts/PostsTabNavigation.tsx           |  50 ++
 src/components/my/posts/VisibilityIcon.tsx    |  19 +
 .../my/profile/DomainPrivacyCard.tsx          |  72 +++
 .../my/profile/NicknameEditForm.tsx           |  64 +++
 src/components/my/profile/ProfilePreview.tsx  | 162 +++++++
 src/components/my/scraps/EmptyState.tsx       |  21 +
 src/components/my/scraps/KeywordChip.tsx      |  19 +
 src/components/my/scraps/ScrapCard.tsx        | 112 +++++
 src/components/my/scraps/ScrapsFilterBar.tsx  |  59 +++
 src/components/reflections/KeywordInput.tsx   |  44 +-
 .../reflections/KeywordManagementModal.tsx    |   8 +-
 .../reflections/KeywordReflectionsModal.tsx   |  18 +-
 src/components/reflections/ReflectionCard.tsx | 151 +++---
 src/components/reflections/ReflectionForm.tsx |  48 +-
 src/hooks/my/useActionLoading.ts              |  39 ++
 src/hooks/my/useMyNeighbors.ts                | 187 ++++++++
 src/hooks/my/useMyPageSearch.ts               |  62 +++
 src/hooks/my/useMyPageStats.ts                | 165 +++++++
 src/hooks/my/useMyPosts.ts                    | 246 ++++++++++
 src/hooks/my/useMyScraps.ts                   | 157 +++++++
 src/hooks/my/useNeighborDetailProfile.ts      | 261 ++++++++++
 src/hooks/my/useNeighborProfile.ts            | 210 +++++++++
 src/hooks/my/usePublicProfile.ts              | 170 +++++++
 src/types/my/database.ts                      | 271 +++++++++++
 src/types/my/index.ts                         | 102 ++++
 src/types/my/ui.ts                            | 251 ++++++++++
 56 files changed, 5801 insertions(+), 251 deletions(-)
 create mode 100644 src/app/my/neighbors/[id]/page.tsx
 create mode 100644 src/app/my/neighbors/page.tsx
 create mode 100644 src/app/my/neighbors/public/[nickname]/page.tsx
 create mode 100644 src/app/my/page.tsx
 create mode 100644 src/app/my/posts/page.tsx
 create mode 100644 src/app/my/profile/page.tsx
 create mode 100644 src/app/my/scraps/page.tsx
 create mode 100644 src/components/my/MenuCard.tsx
 create mode 100644 src/components/my/QuickActionButton.tsx
 create mode 100644 src/components/my/StatsCard.tsx
 create mode 100644 src/components/my/neighbor/EmptyState.tsx
 create mode 100644 src/components/my/neighbor/EnhancedNeighborCard.tsx
 create mode 100644 src/components/my/neighbor/EnhancedNeighborRequestCard.tsx
 create mode 100644 src/components/my/neighbor/NeighborPostCard.tsx
 create mode 100644 src/components/my/neighbor/NeighborProfileModal.tsx
 create mode 100644 src/components/my/neighbor/NeighborProfileStats.tsx
 create mode 100644 src/components/my/neighbor/NeighborSearchBar.tsx
 create mode 100644 src/components/my/posts/EmptyState.tsx
 create mode 100644 src/components/my/posts/KeywordChip.tsx
 create mode 100644 src/components/my/posts/PostsCard.tsx
 create mode 100644 src/components/my/posts/PostsFilterBar.tsx
 create mode 100644 src/components/my/posts/PostsTabNavigation.tsx
 create mode 100644 src/components/my/posts/VisibilityIcon.tsx
 create mode 100644 src/components/my/profile/DomainPrivacyCard.tsx
 create mode 100644 src/components/my/profile/NicknameEditForm.tsx
 create mode 100644 src/components/my/profile/ProfilePreview.tsx
 create mode 100644 src/components/my/scraps/EmptyState.tsx
 create mode 100644 src/components/my/scraps/KeywordChip.tsx
 create mode 100644 src/components/my/scraps/ScrapCard.tsx
 create mode 100644 src/components/my/scraps/ScrapsFilterBar.tsx
 create mode 100644 src/hooks/my/useActionLoading.ts
 create mode 100644 src/hooks/my/useMyNeighbors.ts
 create mode 100644 src/hooks/my/useMyPageSearch.ts
 create mode 100644 src/hooks/my/useMyPageStats.ts
 create mode 100644 src/hooks/my/useMyPosts.ts
 create mode 100644 src/hooks/my/useMyScraps.ts
 create mode 100644 src/hooks/my/useNeighborDetailProfile.ts
 create mode 100644 src/hooks/my/useNeighborProfile.ts
 create mode 100644 src/hooks/my/usePublicProfile.ts
 create mode 100644 src/types/my/database.ts
 create mode 100644 src/types/my/index.ts
 create mode 100644 src/types/my/ui.ts

diff --git a/src/app/auth/login/page.tsx b/src/app/auth/login/page.tsx
index b1e43b1..8e5c9d4 100644
--- a/src/app/auth/login/page.tsx
+++ b/src/app/auth/login/page.tsx
@@ -1,11 +1,11 @@
-'use client';
+"use client";
 
-import AuthGuard from '@/components/auth/AuthGuard';
-import { useAuth } from '@/hooks/auth';
-import { LoginFormValues, loginSchema } from '@/lib/validations/auth';
-import { zodResolver } from '@hookform/resolvers/zod';
-import Link from 'next/link';
-import { useForm } from 'react-hook-form';
+import AuthGuard from "@/components/auth/AuthGuard";
+import { useAuth } from "@/hooks/auth";
+import { LoginFormValues, loginSchema } from "@/lib/validations/auth";
+import { zodResolver } from "@hookform/resolvers/zod";
+import Link from "next/link";
+import { useForm } from "react-hook-form";
 
 const LoginPage = () => {
   const { login, isLoggingIn, loginError } = useAuth();
@@ -16,7 +16,7 @@ const LoginPage = () => {
     formState: { errors, isValid },
   } = useForm<LoginFormValues>({
     resolver: zodResolver(loginSchema),
-    mode: 'onChange', // 실시간 검증
+    mode: "onChange", // 실시간 검증
   });
 
   const onSubmit = async (data: LoginFormValues) => {
@@ -24,7 +24,7 @@ const LoginPage = () => {
       await login(data);
     } catch (error) {
       // 에러는 useAuth에서 처리됨
-      console.error('로그인 실패:', error);
+      console.error("로그인 실패:", error);
     }
   };
 
@@ -58,11 +58,11 @@ const LoginPage = () => {
                   id="email"
                   type="email"
                   autoComplete="email"
-                  {...register('email')}
+                  {...register("email")}
                   className={`mt-1 block w-full px-3 py-2 border rounded-lg text-gray-900 placeholder-gray-400 hover:border-accent-400 focus:outline-none focus:ring-1 focus:ring-accent-500 transition-colors ${
                     errors.email
-                      ? 'border-red-300 focus:border-red-500'
-                      : 'border-gray-300 focus:border-accent-500'
+                      ? "border-red-300 focus:border-red-500"
+                      : "border-gray-300 focus:border-accent-500"
                   }`}
                   placeholder="example@email.com"
                 />
@@ -84,11 +84,11 @@ const LoginPage = () => {
                   id="password"
                   type="password"
                   autoComplete="current-password"
-                  {...register('password')}
+                  {...register("password")}
                   className={`mt-1 block w-full px-3 py-2 border rounded-lg text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-1 hover:border-accent-400 focus:ring-accent-500 transition-colors ${
                     errors.password
-                      ? 'border-red-300 focus:border-red-500'
-                      : 'border-gray-300 focus:border-accent-500'
+                      ? "border-red-300 focus:border-red-500"
+                      : "border-gray-300 focus:border-accent-500"
                   }`}
                   placeholder="••••••••"
                 />
@@ -104,7 +104,7 @@ const LoginPage = () => {
             {loginError && (
               <p className="text-sm text-red-600">
                 {loginError.message ||
-                  '로그인에 실패했습니다. 다시 시도해주세요.'}
+                  "로그인에 실패했습니다. 다시 시도해주세요."}
               </p>
             )}
 
@@ -114,7 +114,7 @@ const LoginPage = () => {
                 disabled={isLoggingIn || !isValid}
                 className="hover:cursor-pointer w-full flex justify-center py-2 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-accent-600 hover:bg-accent-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-accent-500 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
               >
-                {isLoggingIn ? '로그인 중...' : '로그인'}
+                {isLoggingIn ? "로그인 중..." : "로그인"}
               </button>
             </div>
 
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 49217e6..c5dc28c 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -4,7 +4,7 @@ import { useState, useMemo } from "react";
 import { useAuth } from "@/hooks/auth";
 import { useGoals } from "@/hooks/goals/useGoals";
 import { useQuestions } from "@/hooks/questions/useQuestions";
-import { QuestionKeyword } from "@/types/questions";
+import { QuestionFormData, QuestionKeyword } from "@/types/questions";
 import { format } from "date-fns";
 import { ko } from "date-fns/locale";
 import {
@@ -19,15 +19,20 @@ import {
   MessageSquare,
   Hash,
   Clock,
+  X,
 } from "lucide-react";
 import Link from "next/link";
 import AuthGuard from "@/components/auth/AuthGuard";
 import DashboardReflectionWidget from "@/components/reflections/DashboardReflectionWidget";
 import DashboardBudgetWidget from "@/components/budget/DashboardBudgetWidget";
+import Modal from "@/components/common/Modal";
+import QuestionForm from "@/components/questions/QuestionForm";
 
 const DashboardPage = () => {
   const { user, profile, isLoading: isAuthLoading } = useAuth();
+  const { createQuestion, isCreatingQuestion } = useQuestions();
   const [currentDate] = useState(new Date());
+  const [showCreateModal, setShowCreateModal] = useState(false);
 
   // 사용자 ID가 있을 때만 데이터 쿼리 활성화
   const shouldFetchData = !isAuthLoading && !!user?.id;
@@ -52,6 +57,16 @@ const DashboardPage = () => {
     filters: {}, // 전체 기간
   });
 
+  const handleSubmitQuestion = (formData: QuestionFormData) => {
+    if (!user?.id) return;
+
+    createQuestion({
+      ...formData,
+      user_id: user.id,
+    });
+    setShowCreateModal(false);
+  };
+
   // 목표 통계
   const goalStats = useMemo(() => {
     const totalGoals = goals.length;
@@ -189,7 +204,7 @@ const DashboardPage = () => {
               <Plus className="w-6 h-6 text-white" />
             </div>
             <span className="mt-2 text-sm font-medium text-gray-700">
-              가계부 내역
+              가계부 작성
             </span>
           </Link>
 
@@ -201,21 +216,21 @@ const DashboardPage = () => {
               <Target className="w-6 h-6 text-white" />
             </div>
             <span className="mt-2 text-sm font-medium text-gray-700">
-              목표 설정
+              목표 작성
             </span>
           </Link>
 
-          <Link
-            href="/questions/new"
-            className="flex flex-col items-center p-4 bg-blue-100 rounded-lg hover:bg-blue-200 transition-colors group"
+          <button
+            onClick={() => setShowCreateModal(true)}
+            className="flex flex-col items-center p-4 bg-blue-100 rounded-lg hover:bg-blue-200 transition-colors group hover:cursor-pointer"
           >
             <div className="p-3 bg-blue-500 rounded-full group-hover:bg-blue-600 transition-colors">
               <MessageSquare className="w-6 h-6 text-white" />
             </div>
             <span className="mt-2 text-sm font-medium text-gray-700">
-              성찰 질문
+              질문 작성
             </span>
-          </Link>
+          </button>
 
           <Link
             href="/reflections/new"
@@ -225,7 +240,7 @@ const DashboardPage = () => {
               <Calendar className="w-6 h-6 text-white" />
             </div>
             <span className="mt-2 text-sm font-medium text-gray-700">
-              일상 회고
+              회고 작성
             </span>
           </Link>
         </div>
@@ -595,6 +610,29 @@ const DashboardPage = () => {
           <DashboardReflectionWidget />
         </div>
       </div>
+
+      {/* 질문 생성 모달 */}
+      <Modal isOpen={showCreateModal} onClose={() => setShowCreateModal(false)}>
+        <Modal.Header className="border-b-2 border-accent-400 pb-4">
+          <div className="flex items-center justify-between">
+            <Modal.Title>
+              <p className="text-accent-400">질문 작성</p>
+            </Modal.Title>
+            <X
+              className="w-5 h-5 hover:cursor-pointer"
+              onClick={() => setShowCreateModal(false)}
+            />
+          </div>
+        </Modal.Header>
+
+        <Modal.Body>
+          <QuestionForm
+            onSubmit={handleSubmitQuestion}
+            onCancel={() => setShowCreateModal(false)}
+            isLoading={isCreatingQuestion}
+          />
+        </Modal.Body>
+      </Modal>
     </AuthGuard>
   );
 };
diff --git a/src/app/my/neighbors/[id]/page.tsx b/src/app/my/neighbors/[id]/page.tsx
new file mode 100644
index 0000000..8e93db9
--- /dev/null
+++ b/src/app/my/neighbors/[id]/page.tsx
@@ -0,0 +1,151 @@
+"use client";
+
+import NeighborPostCard from "@/components/my/neighbor/NeighborPostCard";
+import NeighborProfileStats from "@/components/my/neighbor/NeighborProfileStats";
+import { useNeighborDetailProfile } from "@/hooks/my/useNeighborDetailProfile";
+import { AlertCircle, ArrowLeft, User } from "lucide-react";
+import { useParams, useRouter } from "next/navigation";
+
+const NeighborDetailPage = () => {
+  const params = useParams();
+  const router = useRouter();
+  const neighborId = params?.id as string;
+
+  const {
+    data,
+    loading,
+    error,
+    activeDomain,
+    currentPosts,
+    totalPosts,
+    setActiveDomain,
+    fetchNeighborProfile,
+  } = useNeighborDetailProfile(neighborId);
+
+  const formatDate = (dateString: string) => {
+    const date = new Date(dateString);
+    return date.toLocaleDateString("ko-KR", {
+      year: "numeric",
+      month: "long",
+      day: "numeric",
+    });
+  };
+
+  if (loading) {
+    return (
+      <div className="min-h-screen bg-gray-50">
+        <div className="max-w-4xl mx-auto py-8 px-4">
+          <div className="flex items-center justify-center py-20">
+            <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-accent-500" />
+            <span className="ml-4 text-lg text-gray-600">
+              프로필을 불러오는 중...
+            </span>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  if (error) {
+    return (
+      <div className="min-h-screen bg-gray-50">
+        <div className="max-w-4xl mx-auto py-8 px-4">
+          <div className="text-center py-20">
+            <AlertCircle className="w-16 h-16 text-red-500 mx-auto mb-4" />
+            <h2 className="text-2xl font-semibold text-gray-900 mb-2">
+              오류가 발생했습니다.
+            </h2>
+            <p className="text-red-600 mb-6">{error}</p>
+            <div className="space-x-4">
+              <button
+                onClick={fetchNeighborProfile}
+                className="px-6 py-2 bg-accent-400 text-white rounded-lg hover:bg-accent-500 transition-colors hover:cursor-pointer"
+              >
+                재시도
+              </button>
+              <button
+                onClick={() => router.back()}
+                className="px-6 py-2 bg-gray-500 text-white rounded-lg hover:bg-gray-600 transition-colors hover:cursor-pointer"
+              >
+                돌아가기
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  if (!data) {
+    return null;
+  }
+
+  return (
+    <div className="min-h-screen bg-gray-50">
+      <div className="flex flex-col gap-8 max-w-4xl mx-auto py-8 px-4">
+        {/* 헤더 */}
+        <div>
+          <button
+            onClick={() => router.back()}
+            className="flex items-center text-gray-800 transition-colors"
+          >
+            <ArrowLeft className="w-6 h-6 hover:cursor-pointer hover:text-accent-400" />
+          </button>
+        </div>
+
+        {/* 프로필 정보 */}
+        <div className="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden">
+          <div className="bg-gradient-to-r from-accent-500 to-accent-700 px-6 py-8 text-white">
+            <div className="flex items-center gap-4">
+              <div className="w-20 h-20 bg-white bg-opacity-20 rounded-full flex items-center justify-center">
+                <User className="w-8 h-8 text-accent-700" />
+              </div>
+              <div className="flex flex-col gap-2">
+                <h1 className="text-3xl font-bold">{data.profile.name}</h1>
+                <p className="text-white text-lg font-semibold">
+                  @{data.profile.nickname}
+                </p>
+                <div className="text-sm">
+                  <p>이웃: {formatDate(data.profile.accepted_at)}</p>
+                  <p>마지막 활동: {formatDate(data.profile.last_active)}</p>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div className="p-6">
+            <NeighborProfileStats
+              stats={data.domainStats}
+              onDomainClick={setActiveDomain}
+              activeDomain={activeDomain}
+            />
+          </div>
+        </div>
+
+        {/* 게시글 목록 */}
+        {totalPosts > 0 && (
+          <div className="bg-white rounded-lg shadow-sm border border-gray-200">
+            <div className="px-6 py-4 border-b border-accent-400">
+              <div className="flex items-center justify-between">
+                <h2 className="text-xl font-semibold text-gray-900">게시글</h2>
+                <span className="text-sm text-accent-500">
+                  {currentPosts.length}개
+                </span>
+              </div>
+            </div>
+
+            <div className="p-6">
+              <div className="space-y-6">
+                {currentPosts.map((post) => (
+                  <NeighborPostCard key={post.id} post={post} />
+                ))}
+              </div>
+            </div>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default NeighborDetailPage;
diff --git a/src/app/my/neighbors/page.tsx b/src/app/my/neighbors/page.tsx
new file mode 100644
index 0000000..bf1743d
--- /dev/null
+++ b/src/app/my/neighbors/page.tsx
@@ -0,0 +1,237 @@
+"use client";
+
+import EnhancedNeighborCard from "@/components/my/neighbor/EnhancedNeighborCard";
+import EnhancedNeighborRequestCard from "@/components/my/neighbor/EnhancedNeighborRequestCard";
+import { useMyNeighbors } from "@/hooks/my/useMyNeighbors";
+import { ArrowLeft, Clock, Search, UserPlus, Users } from "lucide-react";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+
+const MyNeighborsPage = () => {
+  const router = useRouter();
+  const {
+    neighbors: { requests, list: neighborsList },
+    filters,
+    loading,
+    error,
+    actions: {
+      updateFilters,
+      acceptRequest,
+      declineRequest,
+      removeNeighbor,
+      sendMessage,
+      refresh,
+    },
+  } = useMyNeighbors();
+
+  const [activeTab, setActiveTab] = useState<"requests" | "neighbors">(
+    "requests",
+  );
+  const [actionLoading, setActionLoading] = useState<string | null>(null);
+
+  const handleSearchChange = (value: string) => {
+    updateFilters({ search: value });
+  };
+
+  const handleAcceptRequest = async (requestId: string) => {
+    setActionLoading(requestId);
+    try {
+      await acceptRequest(requestId);
+    } finally {
+      setActionLoading(null);
+    }
+  };
+
+  const handleDeclineRequest = async (requestId: string) => {
+    setActionLoading(requestId);
+    try {
+      await declineRequest(requestId);
+    } finally {
+      setActionLoading(null);
+    }
+  };
+
+  const handleRemoveNeighbor = async (neighborId: string) => {
+    if (confirm("정말로 이 이웃을 삭제하시겠습니까?")) {
+      setActionLoading(neighborId);
+      try {
+        await removeNeighbor(neighborId);
+      } finally {
+        setActionLoading(null);
+      }
+    }
+  };
+
+  const handleSendMessage = (neighborId: string) => {
+    sendMessage(neighborId);
+  };
+
+  // 검색 필터링
+  const filteredNeighbors = neighborsList.filter(
+    (neighbor) =>
+      neighbor.name.toLowerCase().includes(filters.search.toLowerCase()) ||
+      neighbor.nickname.toLowerCase().includes(filters.search.toLowerCase()),
+  );
+
+  if (error) {
+    return (
+      <div className="min-h-screen bg-gray-50">
+        <div className="max-w-4xl mx-auto py-8 px-4">
+          <div className="text-center py-20">
+            <p className="text-red-500 text-lg mb-4">{error}</p>
+            <button
+              onClick={refresh}
+              className="px-6 py-2 bg-accent-400 text-white rounded-lg hover:bg-accent-500 transition-colors"
+            >
+              재시도
+            </button>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="bg-gray-50 min-h-screen">
+      <div className="flex flex-col gap-8 max-w-4xl mx-auto py-8 px-4">
+        {/* 헤더 */}
+        <div className="flex flex-col gap-4">
+          <button
+            onClick={() => router.push("/my")}
+            className="flex items-center text-gray-600 hover:text-accent-500 transition-colors w-fit hover:cursor-pointer"
+          >
+            <ArrowLeft className="w-6 h-6" />
+          </button>
+          <h1 className="text-2xl font-bold text-gray-900">이웃 관리</h1>
+        </div>
+
+        {/* 탭 네비게이션 */}
+        <div className="bg-accent-50 rounded-lg shadow-sm border border-gray-200">
+          <div className="border-b border-gray-200">
+            <nav className="flex bg-white">
+              <button
+                onClick={() => setActiveTab("requests")}
+                className={`flex-1 py-4 px-6 text-center font-medium transition-colors hover:cursor-pointer ${
+                  activeTab === "requests"
+                    ? "text-accent-600 border-b-2 border-accent-600 bg-accent-50"
+                    : "text-gray-500 hover:text-gray-700"
+                }`}
+              >
+                <div className="flex items-center justify-center space-x-2">
+                  <Clock className="w-5 h-5" />
+                  <span>요청</span>
+                  {requests.length > 0 && (
+                    <span className="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-red-100 bg-red-600 rounded-full">
+                      {requests.length}
+                    </span>
+                  )}
+                </div>
+              </button>
+
+              <button
+                onClick={() => setActiveTab("neighbors")}
+                className={`flex-1 py-4 px-6 text-center font-medium transition-colors hover:cursor-pointer ${
+                  activeTab === "neighbors"
+                    ? "text-accent-600 border-b-2 border-accent-600 bg-accent-50"
+                    : "text-gray-500 hover:text-gray-700"
+                }`}
+              >
+                <div className="flex items-center justify-center space-x-2">
+                  <Users className="w-5 h-5" />
+                  <span>이웃</span>
+                  {neighborsList.length > 0 && (
+                    <span className="inline-flex items-center justify-center px-2 py-1 text-xs font-medium text-blue-700 bg-blue-100 rounded-full">
+                      {neighborsList.length}
+                    </span>
+                  )}
+                </div>
+              </button>
+            </nav>
+          </div>
+
+          {/* 검색바 (이웃 탭일 때만) */}
+          {activeTab === "neighbors" && (
+            <div className="p-4 bg-gray-50 border-b border-gray-200">
+              <div className="relative">
+                <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5" />
+                <input
+                  type="text"
+                  placeholder="이름이나 닉네임으로 검색..."
+                  value={filters.search}
+                  onChange={(e) => handleSearchChange(e.target.value)}
+                  className="w-full pl-10 pr-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:border-accent-500 focus:ring-1 focus:ring-accent-500 hover:border-accent-300 transition-colors"
+                />
+              </div>
+            </div>
+          )}
+
+          {/* 컨텐츠 */}
+          <div className="p-6">
+            {loading ? (
+              <div className="flex items-center justify-center py-12">
+                <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-accent-500" />
+                <span className="ml-3 text-gray-600">
+                  데이터를 불러오는 중...
+                </span>
+              </div>
+            ) : (
+              <div className="space-y-4">
+                {activeTab === "requests" ? (
+                  // 이웃 요청 목록
+                  requests.length === 0 ? (
+                    <div className="text-center py-12">
+                      <UserPlus className="w-16 h-16 text-gray-300 mx-auto mb-4" />
+                      <h3 className="text-xl font-medium text-gray-900 mb-2">
+                        새로운 이웃 요청이 없습니다.
+                      </h3>
+                      <p className="text-gray-500">
+                        이웃이 되어 서로의 회고와 성찰을 공유해보세요.
+                      </p>
+                    </div>
+                  ) : (
+                    requests.map((request) => (
+                      <EnhancedNeighborRequestCard
+                        key={request.id}
+                        request={request}
+                        onAccept={() => handleAcceptRequest(request.id)}
+                        onDecline={() => handleDeclineRequest(request.id)}
+                        loading={actionLoading === request.id}
+                      />
+                    ))
+                  )
+                ) : // 이웃 목록
+                filteredNeighbors.length === 0 ? (
+                  <div className="text-center py-12">
+                    <Users className="w-16 h-16 text-gray-300 mx-auto mb-4" />
+                    <h3 className="text-xl font-medium text-gray-900 mb-2">
+                      {filters.search
+                        ? "검색 결과가 없습니다."
+                        : "아직 이웃이 없습니다."}
+                    </h3>
+                    <p className="text-gray-500">
+                      {filters.search
+                        ? "다른 검색어를 시도해보세요."
+                        : "다른 사용자들과 이웃이 되어 소중한 순간들을 공유해보세요."}
+                    </p>
+                  </div>
+                ) : (
+                  filteredNeighbors.map((neighbor) => (
+                    <EnhancedNeighborCard
+                      key={neighbor.id}
+                      neighbor={neighbor}
+                      onRemove={() => handleRemoveNeighbor(neighbor.id)}
+                      onSendMessage={() => handleSendMessage(neighbor.user_id)}
+                      loading={actionLoading === neighbor.id}
+                    />
+                  ))
+                )}
+              </div>
+            )}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default MyNeighborsPage;
diff --git a/src/app/my/neighbors/public/[nickname]/page.tsx b/src/app/my/neighbors/public/[nickname]/page.tsx
new file mode 100644
index 0000000..3ca1c36
--- /dev/null
+++ b/src/app/my/neighbors/public/[nickname]/page.tsx
@@ -0,0 +1,437 @@
+"use client";
+
+import { useAuth } from "@/hooks/auth";
+import { supabase } from "@/lib/supabase";
+import {
+  AlertCircle,
+  ArrowLeft,
+  Calendar,
+  Check,
+  Share2,
+  User,
+  UserPlus,
+  Users,
+  X,
+} from "lucide-react";
+import { useParams, useRouter } from "next/navigation";
+import { useEffect, useState } from "react";
+
+interface PublicProfile {
+  id: string;
+  name: string;
+  nickname: string;
+  created_at: string;
+}
+
+interface NeighborStatus {
+  status: "none" | "pending_sent" | "pending_received" | "accepted";
+  relationshipId?: string;
+}
+
+const PublicNeighborProfilePage = () => {
+  const params = useParams();
+  const router = useRouter();
+  const { user } = useAuth();
+  const nickname = params?.nickname as string;
+
+  const [profile, setProfile] = useState<PublicProfile | null>(null);
+  const [neighborStatus, setNeighborStatus] = useState<NeighborStatus>({
+    status: "none",
+  });
+  const [loading, setLoading] = useState(false);
+  const [actionLoading, setActionLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  const fetchProfile = async () => {
+    try {
+      setLoading(true);
+      setError(null);
+
+      const { data: profileData, error: profileError } = await supabase
+        .from("profiles")
+        .select("id, name, nickname, created_at")
+        .eq("nickname", nickname)
+        .single();
+
+      if (profileError) {
+        if (profileError.code === "PGRST116") {
+          setError("존재하지 않는 사용자입니다.");
+        } else {
+          throw profileError;
+        }
+        return;
+      }
+
+      setProfile(profileData);
+
+      if (user && user.id !== profileData.id) {
+        await checkNeighborStatus(profileData.id);
+      } else if (user && user.id === profileData.id) {
+        setNeighborStatus({ status: "none" });
+      }
+    } catch (err) {
+      setError(
+        err instanceof Error
+          ? err.message
+          : "프로필을 불러오는데 실패했습니다.",
+      );
+      console.error("Failed to fetch profile:", err);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const checkNeighborStatus = async (profileId: string) => {
+    if (!user) return;
+
+    try {
+      const { data, error } = await supabase
+        .from("neighbor_relationships")
+        .select("id, status, requester_id, recipient_id")
+        .or(
+          `and(requester_id.eq.${user.id},recipient_id.eq.${profileId}),and(requester_id.eq.${profileId},recipient_id.eq.${user.id})`,
+        )
+        .maybeSingle();
+
+      if (error) throw error;
+
+      if (!data) {
+        setNeighborStatus({ status: "none" });
+      } else {
+        if (data.status === "accepted") {
+          setNeighborStatus({ status: "accepted", relationshipId: data.id });
+        } else if (data.status === "pending") {
+          if (data.requester_id === user.id) {
+            setNeighborStatus({
+              status: "pending_sent",
+              relationshipId: data.id,
+            });
+          } else {
+            setNeighborStatus({
+              status: "pending_received",
+              relationshipId: data.id,
+            });
+          }
+        } else {
+          setNeighborStatus({ status: "none" });
+        }
+      }
+    } catch (err) {
+      console.error("Failed to check neighbor status:", err);
+    }
+  };
+
+  const sendNeighborRequest = async () => {
+    if (!user || !profile) return;
+
+    try {
+      setActionLoading(true);
+
+      const { error } = await supabase.from("neighbor_relationships").insert({
+        requester_id: user.id,
+        recipient_id: profile.id,
+        status: "pending",
+      });
+
+      if (error) {
+        if (error.code === "23505") {
+          setError("이미 이웃 요청을 보냈거나 이웃 관계입니다.");
+        } else {
+          throw error;
+        }
+        return;
+      }
+
+      setNeighborStatus({ status: "pending_sent" });
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "이웃 신청에 실패했습니다.",
+      );
+      console.error("Failed to send neighbor request:", err);
+    } finally {
+      setActionLoading(false);
+    }
+  };
+
+  const acceptNeighborRequest = async () => {
+    if (!neighborStatus.relationshipId) return;
+
+    try {
+      setActionLoading(true);
+
+      const { error } = await supabase
+        .from("neighbor_relationships")
+        .update({ status: "accepted" })
+        .eq("id", neighborStatus.relationshipId);
+
+      if (error) throw error;
+
+      setNeighborStatus({
+        status: "accepted",
+        relationshipId: neighborStatus.relationshipId,
+      });
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "이웃 요청 수락에 실패했습니다.",
+      );
+      console.error("Failed to accept neighbor request:", err);
+    } finally {
+      setActionLoading(false);
+    }
+  };
+
+  const declineNeighborRequest = async () => {
+    if (!neighborStatus.relationshipId) return;
+
+    try {
+      setActionLoading(true);
+
+      const { error } = await supabase
+        .from("neighbor_relationships")
+        .update({ status: "declined" })
+        .eq("id", neighborStatus.relationshipId);
+
+      if (error) throw error;
+
+      setNeighborStatus({ status: "none" });
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "이웃 요청 거절에 실패했습니다.",
+      );
+      console.error("Failed to decline neighbor request:", err);
+    } finally {
+      setActionLoading(false);
+    }
+  };
+
+  const shareProfile = async () => {
+    const url = `${window.location.origin}/my/neighbors/public/${nickname}`;
+
+    if (navigator.share) {
+      try {
+        await navigator.share({
+          title: `${profile?.name}님의 프로필`,
+          text: `${profile?.name}님과 이웃이 되어보세요!`,
+          url: url,
+        });
+      } catch {
+        // 사용자가 공유를 취소한 경우 무시
+      }
+    } else {
+      try {
+        await navigator.clipboard.writeText(url);
+        alert("링크가 복사되었습니다.");
+      } catch (err) {
+        console.error("Failed to copy:", err);
+      }
+    }
+  };
+
+  const formatJoinDate = (dateString: string) => {
+    const date = new Date(dateString);
+    return date.toLocaleDateString("ko-KR", {
+      year: "numeric",
+      month: "long",
+    });
+  };
+
+  const getActionButton = () => {
+    if (!user) {
+      return (
+        <div className="text-center py-4">
+          <p className="text-gray-500 mb-4">
+            이웃 신청을 하려면 로그인이 필요합니다.
+          </p>
+          <button
+            onClick={() => router.push("/auth/login")}
+            className="px-6 py-2 bg-accent-400 text-white rounded-lg hover:bg-accent-500 transition-colors"
+          >
+            로그인
+          </button>
+        </div>
+      );
+    }
+
+    if (user.id === profile?.id) {
+      return (
+        <div className="text-center py-4">
+          <button
+            onClick={shareProfile}
+            className="flex items-center space-x-2 px-6 py-2 bg-accent-400 text-white rounded-lg hover:bg-accent-500 transition-colors mx-auto hover:cursor-pointer"
+          >
+            <Share2 className="w-4 h-4" />
+            <span>프로필 공유</span>
+          </button>
+        </div>
+      );
+    }
+
+    switch (neighborStatus.status) {
+      case "none":
+        return (
+          <button
+            onClick={sendNeighborRequest}
+            disabled={actionLoading}
+            className="flex items-center space-x-2 px-6 py-3 bg-accent-400 text-white rounded-lg hover:bg-accent-500 disabled:opacity-50 transition-colors w-full justify-center hover:cursor-pointer"
+          >
+            <UserPlus className="w-5 h-5" />
+            <span>{actionLoading ? "신청 중..." : "이웃 신청"}</span>
+          </button>
+        );
+
+      case "pending_sent":
+        return (
+          <div className="text-center py-4">
+            <div className="inline-flex items-center space-x-2 px-6 py-3 bg-accent-100 text-accent-800 rounded-lg hover:cursor-not-allowed">
+              <Calendar className="w-5 h-5" />
+              <span>이웃 신청 대기 중...</span>
+            </div>
+          </div>
+        );
+
+      case "pending_received":
+        return (
+          <div className="space-y-3">
+            <p className="text-center text-gray-700">
+              이 사용자가 이웃 신청을 보냈습니다.
+            </p>
+            <div className="flex space-x-3">
+              <button
+                onClick={acceptNeighborRequest}
+                disabled={actionLoading}
+                className="flex items-center space-x-2 px-4 py-2 bg-green-500 text-white rounded-lg hover:bg-green-600 disabled:opacity-50 transition-colors flex-1 justify-center hover:cursor-pointer"
+              >
+                <Check className="w-4 h-4" />
+                <span>수락</span>
+              </button>
+              <button
+                onClick={declineNeighborRequest}
+                disabled={actionLoading}
+                className="flex items-center space-x-2 px-4 py-2 bg-red-500 text-white rounded-lg hover:bg-red-600 disabled:opacity-50 transition-colors flex-1 justify-center hover:cursor-pointer"
+              >
+                <X className="w-4 h-4" />
+                <span>거절</span>
+              </button>
+            </div>
+          </div>
+        );
+
+      case "accepted":
+        return (
+          <div className="space-y-3">
+            <div className="text-center py-4">
+              <div className="inline-flex items-center space-x-2 px-6 py-3 bg-green-100 text-green-800 rounded-lg hover:cursor-not-allowed">
+                <Users className="w-5 h-5" />
+                <span>이미 이웃입니다.</span>
+              </div>
+            </div>
+            <button
+              onClick={() => router.push("/my/neighbors")}
+              className="w-full px-4 py-2 bg-accent-400 text-white rounded-lg hover:bg-accent-500 transition-colors hover:cursor-pointer"
+            >
+              이웃 목록 보기
+            </button>
+          </div>
+        );
+
+      default:
+        return null;
+    }
+  };
+
+  useEffect(() => {
+    if (nickname) {
+      fetchProfile();
+    }
+  }, [nickname, user]);
+
+  if (loading) {
+    return (
+      <div className="min-h-screen bg-gray-50 flex items-center justify-center">
+        <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-accent-500" />
+      </div>
+    );
+  }
+
+  if (error || !profile) {
+    return (
+      <div className="min-h-screen bg-gray-50 flex items-center justify-center">
+        <div className="text-center py-20">
+          <AlertCircle className="w-16 h-16 text-red-500 mx-auto mb-4" />
+          <h2 className="text-2xl font-semibold text-gray-900 mb-2">
+            프로필을 찾을 수 없습니다.
+          </h2>
+          <p className="text-red-600 mb-6">
+            {error || "존재하지 않는 사용자입니다."}
+          </p>
+          <button
+            onClick={() => router.back()}
+            className="px-6 py-2 bg-accent-400 text-white rounded-lg hover:bg-accent-500 transition-colors"
+          >
+            돌아가기
+          </button>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="min-h-screen bg-gray-50">
+      <div className="flex flex-col gap-8 max-w-2xl mx-auto py-8 px-4">
+        <div className="flex items-center">
+          <button
+            onClick={() => router.back()}
+            className="flex items-center text-gray-800 transition-colors"
+          >
+            <ArrowLeft className="w-5 h-5 hover:cursor-pointer hover:text-accent-400" />
+          </button>
+        </div>
+
+        <div className="bg-accent-50 border border-accent-200 rounded-lg p-4">
+          <p className="text-accent-900 text-sm text-center">
+            <span className="font-semibold">
+              이웃이 되면 공개 설정한 게시물을 볼 수 있습니다. <br />
+            </span>
+            (단, 가계부는 공개되지 않습니다.)
+          </p>
+        </div>
+
+        <div className="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden">
+          <div className="bg-gradient-to-r from-accent-400 to-accent-600 px-6 py-8 text-white">
+            <div className="text-center">
+              <div className="w-20 h-20 bg-white bg-opacity-20 rounded-full flex items-center justify-center mx-auto mb-4">
+                <User className="w-8 h-8 text-accent-700" />
+              </div>
+              <h1 className="text-3xl font-bold mb-2">{profile.name}</h1>
+              <p className="text-blue-100 text-lg font-semibold">
+                @{profile.nickname}
+              </p>
+            </div>
+          </div>
+
+          <div className="p-6">
+            <div className="flex items-center justify-center text-gray-600 mb-4">
+              <Calendar className="w-4 h-4 mr-2" />
+              <span>{formatJoinDate(profile.created_at)} 가입</span>
+            </div>
+
+            <div className="space-y-4">
+              {getActionButton()}
+
+              {error && (
+                <div className="bg-red-50 border border-red-200 rounded-lg p-4">
+                  <div className="flex items-center">
+                    <AlertCircle className="w-5 h-5 text-red-500 mr-2" />
+                    <span className="text-red-700">{error}</span>
+                  </div>
+                </div>
+              )}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default PublicNeighborProfilePage;
diff --git a/src/app/my/page.tsx b/src/app/my/page.tsx
new file mode 100644
index 0000000..461181d
--- /dev/null
+++ b/src/app/my/page.tsx
@@ -0,0 +1,444 @@
+"use client";
+
+import Modal from "@/components/common/Modal";
+import MenuCard from "@/components/my/MenuCard";
+import QuickActionButton from "@/components/my/QuickActionButton";
+import StatsCard from "@/components/my/StatsCard";
+import QuestionForm from "@/components/questions/QuestionForm";
+import { useAuth } from "@/hooks/auth";
+import { useQuestions } from "@/hooks/questions/useQuestions";
+import { supabase } from "@/lib/supabase";
+import { QuestionFormData } from "@/types/questions";
+import {
+  Bookmark,
+  BookOpen,
+  Check,
+  FileText,
+  MessageCircleQuestion,
+  Search,
+  Settings,
+  Share2,
+  Users,
+  X,
+} from "lucide-react";
+import { useRouter } from "next/navigation";
+import { useEffect, useState } from "react";
+
+interface NeighborStats {
+  totalNeighbors: number;
+  pendingRequests: number;
+  newThisWeek: number;
+  total_reflections: number;
+  total_questions: number;
+  total_posts: number;
+  total_scraps: number;
+  this_week_posts: number;
+  this_week_scraps: number;
+  this_week_new_neighbors: number;
+}
+
+const MyPage = () => {
+  const router = useRouter();
+  const { user } = useAuth();
+  const [stats, setStats] = useState<NeighborStats>({
+    totalNeighbors: 0,
+    pendingRequests: 0,
+    newThisWeek: 0,
+    total_reflections: 0,
+    total_questions: 0,
+    total_posts: 0,
+    total_scraps: 0,
+    this_week_posts: 0,
+    this_week_scraps: 0,
+    this_week_new_neighbors: 0,
+  });
+  const [loading, setLoading] = useState(false);
+  const [searchTerm, setSearchTerm] = useState("");
+  const [searching, setSearching] = useState(false);
+  const [copied, setCopied] = useState(false);
+  const [showCreateModal, setShowCreateModal] = useState(false);
+
+  const { createQuestion, isCreatingQuestion } = useQuestions();
+
+  const fetchAllStats = async () => {
+    if (!user) return;
+
+    try {
+      setLoading(true);
+
+      const oneWeekAgo = new Date();
+      oneWeekAgo.setDate(oneWeekAgo.getDate() - 7);
+      const weekAgoString = oneWeekAgo.toISOString().split("T")[0];
+
+      // 병렬로 통계 데이터 가져오기
+      const [
+        totalNeighborsResult,
+        pendingRequestsResult,
+        newThisWeekResult,
+        reflectionsResult,
+        questionsResult,
+        scrapsResult,
+        weekReflectionsResult,
+        weekQuestionsResult,
+        weekScrapsResult,
+      ] = await Promise.all([
+        // 전체 이웃 수 (수락)
+        supabase
+          .from("neighbor_relationships")
+          .select("id", { count: "exact", head: true })
+          .or(
+            `and(requester_id.eq.${user.id},status.eq.accepted),and(recipient_id.eq.${user.id},status.eq.accepted)`,
+          ),
+
+        // 대기 중인 요청 수
+        supabase
+          .from("neighbor_relationships")
+          .select("id", { count: "exact", head: true })
+          .eq("recipient_id", user.id)
+          .eq("status", "pending"),
+
+        // 이번 주 새 이웃 수
+        supabase
+          .from("neighbor_relationships")
+          .select("id", { count: "exact", head: true })
+          .or(
+            `and(requester_id.eq.${user.id},status.eq.accepted),and(recipient_id.eq.${user.id},status.eq.accepted)`,
+          )
+          .gte("updated_at", weekAgoString),
+
+        supabase
+          .from("reflections")
+          .select("id", { count: "exact", head: true })
+          .eq("user_id", user.id),
+
+        supabase
+          .from("questions")
+          .select("id", { count: "exact", head: true })
+          .eq("user_id", user.id),
+
+        supabase
+          .from("scraps")
+          .select("id", { count: "exact", head: true })
+          .eq("user_id", user.id),
+
+        supabase
+          .from("reflections")
+          .select("id", { count: "exact", head: true })
+          .eq("user_id", user.id)
+          .gte("created_at", weekAgoString),
+
+        supabase
+          .from("questions")
+          .select("id", { count: "exact", head: true })
+          .eq("user_id", user.id)
+          .gte("created_at", weekAgoString),
+
+        supabase
+          .from("scraps")
+          .select("id", { count: "exact", head: true })
+          .eq("user_id", user.id)
+          .gte("created_at", weekAgoString),
+      ]);
+
+      setStats({
+        totalNeighbors: totalNeighborsResult.count || 0,
+        pendingRequests: pendingRequestsResult.count || 0,
+        newThisWeek: newThisWeekResult.count || 0,
+        total_reflections: reflectionsResult.count || 0,
+        total_questions: questionsResult.count || 0,
+        total_posts:
+          (reflectionsResult.count || 0) + (questionsResult.count || 0),
+        total_scraps: scrapsResult.count || 0,
+        this_week_posts:
+          (weekReflectionsResult.count || 0) + (weekQuestionsResult.count || 0),
+        this_week_scraps: weekScrapsResult.count || 0,
+        this_week_new_neighbors: newThisWeekResult.count || 0,
+      });
+    } catch (err) {
+      console.error("Failed to fetch neighbor stats:", err);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    fetchAllStats();
+  }, [user]);
+
+  const handleSearchKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      (e.target as HTMLInputElement).blur();
+      handleSearch();
+    }
+  };
+
+  // 이웃 찾기 섹션용
+  const handleSearch = async () => {
+    if (!searchTerm.trim()) return;
+
+    setSearching(true);
+    try {
+      const { data, error } = await supabase
+        .from("profiles")
+        .select("nickname")
+        .eq("nickname", searchTerm.trim())
+        .single();
+
+      if (error) {
+        if (error.code === "PGRST116") {
+          alert("존재하지 않는 사용자입니다.");
+        } else {
+          throw error;
+        }
+        return;
+      }
+
+      router.push(`/my/neighbors/public/${data.nickname}`);
+    } catch (err) {
+      console.error("Search failed:", err);
+      alert("검색 중 오류가 발생했습니다.");
+    } finally {
+      setSearching(false);
+    }
+  };
+
+  const copyToClipboard = async () => {
+    const profileUrl = `${window.location.origin}/u/${user?.user_metadata?.nickname || ""}`;
+    try {
+      await navigator.clipboard.writeText(profileUrl);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2000);
+    } catch (err) {
+      console.error("Failed to copy:", err);
+    }
+  };
+
+  // 이동 핸들러
+  const handleSettings = () => {
+    router.push("/my/profile");
+  };
+
+  const handleCreateReflection = () => {
+    router.push("/reflections/new");
+  };
+
+  const handleSubmitQuestion = (formData: QuestionFormData) => {
+    if (!user?.id) return;
+
+    createQuestion({
+      ...formData,
+      user_id: user.id,
+    });
+    setShowCreateModal(false);
+  };
+
+  const handleNavigateToNeighbors = () => {
+    router.push("/my/neighbors");
+  };
+
+  const handleNavigateToPosts = () => {
+    router.push("/my/posts");
+  };
+
+  const handleNavigateToScraps = () => {
+    router.push("/my/scraps");
+  };
+
+  if (loading) {
+    return (
+      <div className="container mx-auto px-4 py-8">
+        <div className="flex justify-center items-center py-12">
+          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-accent-500"></div>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="bg-gray-50">
+      <div className="flex flex-col gap-8 container mx-auto py-8 px-4 max-w-4xl">
+        {/* 헤더 */}
+        <div className="flex justify-between items-center">
+          <h1 className="text-2xl font-bold text-gray-900">마이페이지</h1>
+          <div className="flex gap-2">
+            {/* 프로필 공유 */}
+            <button
+              onClick={copyToClipboard}
+              className="flex items-center space-x-2 px-4 py-2 bg-accent-200 hover:text-white rounded-lg hover:bg-accent-400 flex-1 justify-center hover:cursor-pointer"
+              title="프로필 공유"
+            >
+              {copied ? (
+                <Check className="w-4 h-4" />
+              ) : (
+                <Share2 className="w-4 h-4" />
+              )}
+            </button>
+            <QuickActionButton
+              icon={<Settings className="w-4 h-4" />}
+              label="설정"
+              onClick={handleSettings}
+            />
+          </div>
+        </div>
+
+        {/* 빠른 액션 */}
+        <div className="flex gap-4">
+          <QuickActionButton
+            icon={<BookOpen className="w-4 h-4" />}
+            label="회고 작성"
+            onClick={handleCreateReflection}
+          />
+          <QuickActionButton
+            icon={<MessageCircleQuestion className="w-4 h-4" />}
+            label="질문 작성"
+            onClick={() => setShowCreateModal(true)}
+          />
+        </div>
+
+        {/* 세부 통계 */}
+        <div>
+          <h2 className="text-lg font-semibold text-gray-900 mb-4">
+            전체 통계
+          </h2>
+          <div className="bg-white rounded-lg border p-4">
+            <div className="flex items-center justify-around gap-6">
+              <div className="flex items-center gap-2">
+                <div className="flex items-center justify-center w-12 h-12 bg-blue-100 rounded-full">
+                  <BookOpen className="w-6 h-6 text-blue-600" />
+                </div>
+                <div className="flex flex-col items-center font-bold text-2xl text-gray-900">
+                  {stats.total_reflections}
+                  <p className="text-sm text-gray-600">회고</p>
+                </div>
+              </div>
+
+              <div className="flex items-center gap-2">
+                <div className="flex items-center justify-center w-12 h-12 bg-green-100 rounded-full">
+                  <MessageCircleQuestion className="w-6 h-6 text-green-600" />
+                </div>
+                <div className="flex flex-col items-center text-2xl font-bold text-gray-900">
+                  {stats.total_questions}
+                  <p className="text-sm text-gray-600">질문</p>
+                </div>
+              </div>
+
+              <div className="flex items-center gap-2">
+                <div className="flex items-center justify-center w-12 h-12 bg-accent-100 rounded-full">
+                  <Users className="w-6 h-6 text-accent-600" />
+                </div>
+                <div className="flex flex-col items-center text-2xl font-bold text-gray-900">
+                  {stats.total_questions}
+                  <p className="text-sm text-gray-600">이웃</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        {/* 이번 주 통계 */}
+        <div>
+          <h2 className="text-lg font-semibold text-gray-900 mb-4">
+            이번 주 활동
+          </h2>
+          <div className="grid grid-cols-3 gap-4">
+            <StatsCard
+              icon={<FileText className="w-5 h-5" />}
+              label="새 글"
+              value={stats.this_week_posts}
+              color="blue"
+            />
+            <StatsCard
+              icon={<Bookmark className="w-5 h-5" />}
+              label="스크랩"
+              value={stats.this_week_scraps}
+              color="orange"
+            />
+            <StatsCard
+              icon={<Users className="w-5 h-5" />}
+              label="새 이웃"
+              value={stats.this_week_new_neighbors}
+              color="green"
+            />
+          </div>
+        </div>
+
+        {/* 이웃 찾기 섹션 */}
+        <div className="flex flex-col gap-4">
+          <h3 className="text-lg font-semibold text-gray-900">이웃 찾기</h3>
+          {/* 검색 */}
+          <div className="flex gap-2">
+            <input
+              type="text"
+              value={searchTerm}
+              placeholder="닉네임 검색..."
+              onChange={(e) => setSearchTerm(e.target.value)}
+              onKeyDown={handleSearchKeyDown}
+              className="flex-1 px-3 py-2 rounded-lg border focus:outline-none focus:border-accent-500 focus:ring-2 focus:ring-accent-500 hover:border-accent-300 transition-colors"
+            />
+            <button
+              onClick={handleSearch}
+              disabled={searching}
+              className="px-4 py-2 bg-accent-200 hover:text-white rounded-lg hover:bg-accent-400 hover:cursor-pointer"
+            >
+              <Search className="w-4 h-4" />
+            </button>
+          </div>
+        </div>
+
+        {/* 메인 메뉴 */}
+        <div className="flex flex-col gap-4">
+          <h2 className="text-lg font-semibold text-gray-900">활동 관리</h2>
+
+          <MenuCard
+            icon={<Users className="w-6 h-6 text-blue-600" />}
+            title="이웃 관리"
+            count={stats.totalNeighbors}
+            badge={stats.pendingRequests}
+            unit="명"
+            onClick={handleNavigateToNeighbors}
+          />
+
+          <MenuCard
+            icon={<FileText className="w-6 h-6 text-green-600" />}
+            title="작성한 글"
+            count={stats.total_posts}
+            onClick={handleNavigateToPosts}
+          />
+
+          <MenuCard
+            icon={<Bookmark className="w-6 h-6 text-orange-600" />}
+            title="스크랩한 글"
+            count={stats.total_scraps}
+            onClick={handleNavigateToScraps}
+          />
+        </div>
+      </div>
+
+      {/* 질문 생성 모달 */}
+      <Modal isOpen={showCreateModal} onClose={() => setShowCreateModal(false)}>
+        <Modal.Header className="border-b-2 border-accent-400 pb-4">
+          <div className="flex items-center justify-between">
+            <Modal.Title>
+              <p className="text-accent-400">질문 작성</p>
+            </Modal.Title>
+            <X
+              className="w-5 h-5 hover:cursor-pointer"
+              onClick={() => setShowCreateModal(false)}
+            />
+          </div>
+        </Modal.Header>
+
+        <Modal.Body>
+          <QuestionForm
+            onSubmit={handleSubmitQuestion}
+            onCancel={() => setShowCreateModal(false)}
+            isLoading={isCreatingQuestion}
+          />
+        </Modal.Body>
+      </Modal>
+    </div>
+  );
+};
+
+export default MyPage;
diff --git a/src/app/my/posts/page.tsx b/src/app/my/posts/page.tsx
new file mode 100644
index 0000000..441582f
--- /dev/null
+++ b/src/app/my/posts/page.tsx
@@ -0,0 +1,138 @@
+"use client";
+
+import EmptyState from "@/components/my/posts/EmptyState";
+import PostCard from "@/components/my/posts/PostsCard";
+import PostsFilterBar from "@/components/my/posts/PostsFilterBar";
+import PostsTabNavigation from "@/components/my/posts/PostsTabNavigation";
+import { useMyPosts } from "@/hooks/my/useMyPosts";
+import { PostsTabType } from "@/types/my";
+import { ArrowLeft } from "lucide-react";
+import { useRouter } from "next/navigation";
+
+const MyPostsPage = () => {
+  const router = useRouter();
+  const {
+    posts,
+    filters,
+    loading,
+    hasMore,
+    error,
+    totalCounts,
+    actions: { updateFilters, loadMore, editPost, deletePost, refresh },
+  } = useMyPosts();
+
+  const handleTabChange = (tab: PostsTabType) => {
+    updateFilters({ tab });
+  };
+
+  const handleEdit = (item: (typeof posts)[0]) => {
+    editPost(item.type, item.id);
+  };
+
+  const handleDelete = (item: (typeof posts)[0]) => {
+    if (
+      confirm(
+        `정말로 이 ${item.type === "reflection" ? "회고" : "질문"}을 삭제하시겠습니까?`,
+      )
+    ) {
+      deletePost(item.type, item.id);
+    }
+  };
+
+  // 카운트 계산
+  const counts = totalCounts || {
+    all: 0,
+    reflections: 0,
+    questions: 0,
+  };
+
+  if (error) {
+    return (
+      <div className="container mx-auto px-4 py-8">
+        <div className="text-center py-12">
+          <p className="text-red-500 mb-4">{error}</p>
+          <button
+            onClick={refresh}
+            className="px-4 py-2 bg-accent-400 text-white rounded-lg hover:bg-accent-500"
+          >
+            재시도
+          </button>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="bg-gray-50 min-h-screen">
+      <div className="flex flex-col gap-4 max-w-4xl mx-auto py-8 p-4">
+        {/* 헤더 */}
+        <div className="flex flex-col gap-4 items-start justify-start">
+          <button onClick={() => router.push("/my")}>
+            <ArrowLeft className="w-6 h-6 text-gray-500 hover:text-accent-400 hover:cursor-pointer" />
+          </button>
+          <h1 className="text-2xl font-bold text-gray-900 mb-2">작성한 글</h1>
+        </div>
+
+        {/* 탭 네비게이션 */}
+        <PostsTabNavigation
+          activeTab={filters.tab}
+          onTabChange={handleTabChange}
+          counts={counts}
+        />
+
+        {/* 필터 바 */}
+        <PostsFilterBar filters={filters} onFiltersChange={updateFilters} />
+
+        {/* 로딩 상태 */}
+        {loading && posts.length === 0 && (
+          <div className="flex justify-center items-center py-12">
+            <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-accent-500"></div>
+          </div>
+        )}
+
+        {/* 콘텐츠 */}
+        {!loading && posts.length === 0 ? (
+          <EmptyState
+            type={filters.search ? "search" : "posts"}
+            title={
+              filters.search
+                ? "검색 결과가 없습니다."
+                : "아직 작성한 글이 없습니다."
+            }
+            description={
+              filters.search
+                ? "다른 검색어로 시도해보세요."
+                : "첫 번째 회고나 질문을 작성해보세요."
+            }
+          />
+        ) : (
+          <div className="space-y-4">
+            {posts.map((item) => (
+              <PostCard
+                key={`${item.type}-${item.id}`}
+                item={item}
+                onEdit={() => handleEdit(item)}
+                onDelete={() => handleDelete(item)}
+              />
+            ))}
+
+            {/* 더 보기 버튼 */}
+            {hasMore && (
+              <div className="text-center pt-6">
+                <button
+                  onClick={loadMore}
+                  disabled={loading}
+                  className="px-6 py-3 bg-accent-400 text-white rounded-lg hover:bg-accent-500 disabled:opacity-50 disabled:cursor-not-allowed"
+                >
+                  {loading ? "불러오는 중..." : "더 보기"}
+                </button>
+              </div>
+            )}
+          </div>
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default MyPostsPage;
diff --git a/src/app/my/profile/page.tsx b/src/app/my/profile/page.tsx
new file mode 100644
index 0000000..3331aad
--- /dev/null
+++ b/src/app/my/profile/page.tsx
@@ -0,0 +1,140 @@
+"use client";
+
+import DomainPrivacyCard from "@/components/my/profile/DomainPrivacyCard";
+import ProfilePreview from "@/components/my/profile/ProfilePreview";
+import { useAuth } from "@/hooks/auth";
+import {
+  ArrowLeft,
+  BookOpen,
+  MessageCircleQuestion,
+  Shield,
+} from "lucide-react";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+
+const ProfilePage = () => {
+  const router = useRouter();
+  const [loading, setLoading] = useState(false);
+  const { user, profile, updateProfile } = useAuth();
+
+  // 도메인별 공개 설정 상태
+  const [domainSettings, setDomainSettings] = useState({
+    reflections: "public" as "public" | "neighbors" | "private",
+    questions: "neighbors" as "public" | "neighbors" | "private",
+  });
+
+  const [tempDomainSettings, setTempDomainSettings] = useState({
+    reflections: "public" as "public" | "neighbors" | "private",
+    questions: "neighbors" as "public" | "neighbors" | "private",
+  });
+
+  const handleSaveNickname = async (nickname: string) => {
+    setLoading(true);
+    try {
+      await updateProfile({ nickname });
+    } catch (error) {
+      console.error("닉네임 업데이트 실패:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleDomainVisibilityChange = (
+    domain: "reflections" | "questions",
+    visibility: "public" | "neighbors" | "private",
+  ) => {
+    setTempDomainSettings((prev) => ({
+      ...prev,
+      [domain]: visibility,
+    }));
+  };
+
+  const handleSaveSettings = async () => {
+    try {
+      setLoading(true);
+      setDomainSettings(tempDomainSettings);
+      // TODO: API 호출로 도메인 설정 저장
+      console.log("도메인 설정 저장:", tempDomainSettings);
+      alert("설정이 저장되었습니다.");
+    } catch (error) {
+      console.error("설정 저장 실패:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  if (!user || !profile) {
+    return (
+      <div className="container mx-auto px-4 py-8">
+        <div className="text-center py-12">
+          <p className="text-gray-500">사용자 정보를 불러올 수 없습니다.</p>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="flex flex-col gap-4 max-w-4xl mx-auto py-8 p-4">
+      {/* 헤더 */}
+      <div className="flex flex-col gap-4 items-start justify-start">
+        <button onClick={() => router.push("/my")}>
+          <ArrowLeft className="w-6 h-6 text-gray-500 hover:text-accent-400 hover:cursor-pointer" />
+        </button>
+        <h1 className="text-2xl font-bold text-gray-900 mb-2">프로필 설정</h1>
+      </div>
+
+      <div className="space-y-6">
+        <ProfilePreview
+          user={profile}
+          domainSettings={domainSettings}
+          onNicknameChange={handleSaveNickname}
+          isUpdatingNickname={loading}
+        />
+
+        {/* 도메인 공개 범위 설정 */}
+        <div className="bg-white rounded-lg border">
+          <div className="flex items-center gap-2 p-4 mb-2">
+            <Shield className="w-5 h-5 text-blue-600" />
+            <h2 className="text-lg font-semibold text-gray-900">
+              공개 범위 설정
+            </h2>
+          </div>
+
+          <div className="flex justify-around">
+            <DomainPrivacyCard
+              icon={<BookOpen className="w-5 h-5 text-blue-600" />}
+              title="회고"
+              visibility={tempDomainSettings.reflections}
+              onVisibilityChange={(visibility) =>
+                handleDomainVisibilityChange("reflections", visibility)
+              }
+            />
+
+            <DomainPrivacyCard
+              icon={
+                <MessageCircleQuestion className="w-5 h-5 text-green-600" />
+              }
+              title="질문"
+              visibility={tempDomainSettings.questions}
+              onVisibilityChange={(visibility) =>
+                handleDomainVisibilityChange("questions", visibility)
+              }
+            />
+          </div>
+
+          <div className="mt-6 pt-4 ">
+            <button
+              onClick={handleSaveSettings}
+              disabled={loading}
+              className="w-full px-4 py-2 bg-accent-400 text-white rounded-lg hover:bg-accent-500 disabled:opacity-50 transition-colors hover:cursor-pointer"
+            >
+              {loading ? "저장 중..." : "저장"}
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default ProfilePage;
diff --git a/src/app/my/scraps/page.tsx b/src/app/my/scraps/page.tsx
new file mode 100644
index 0000000..95a2ec0
--- /dev/null
+++ b/src/app/my/scraps/page.tsx
@@ -0,0 +1,199 @@
+"use client";
+
+import EmptyState from "@/components/my/scraps/EmptyState";
+import ScrapCard from "@/components/my/scraps/ScrapCard";
+import ScrapsFilterBar from "@/components/my/scraps/ScrapsFilterBar";
+import { useMyScraps } from "@/hooks/my/useMyScraps";
+import {
+  ArrowLeft,
+  Bookmark,
+  BookOpen,
+  MessageCircleQuestion,
+} from "lucide-react";
+import { useRouter } from "next/navigation";
+
+const ScrapsPage = () => {
+  const router = useRouter();
+  const {
+    scraps,
+    filters,
+    loading,
+    hasMore,
+    error,
+    actions: { updateFilters, loadMore, removeScrap, viewOriginal, refresh },
+  } = useMyScraps();
+
+  const handleRemove = (scrapId: string) => {
+    if (confirm("정말로 이 스크랩을 삭제하시겠습니까?")) {
+      removeScrap(scrapId);
+    }
+  };
+
+  const handleViewOriginal = (contentType: string, contentId: string) => {
+    viewOriginal(contentType, contentId);
+  };
+
+  // 필터링된 스크랩
+  const filteredScraps = scraps.filter((scrap) => {
+    const matchesSearch =
+      !filters.search ||
+      scrap.content.title
+        ?.toLowerCase()
+        .includes(filters.search.toLowerCase()) ||
+      scrap.content.content
+        .toLowerCase()
+        .includes(filters.search.toLowerCase()) ||
+      scrap.author.name.toLowerCase().includes(filters.search.toLowerCase());
+
+    const matchesContentType =
+      !filters.content_type ||
+      (filters.content_type === "reflections" &&
+        scrap.content_type === "reflection") ||
+      (filters.content_type === "questions" &&
+        scrap.content_type === "question");
+
+    return matchesSearch && matchesContentType;
+  });
+
+  // 정렬 적용
+  const sortedScraps = [...filteredScraps].sort((a, b) => {
+    switch (filters.sort) {
+      case "recent":
+        return (
+          new Date(b.scraped_at).getTime() - new Date(a.scraped_at).getTime()
+        );
+      case "oldest":
+        return (
+          new Date(a.scraped_at).getTime() - new Date(b.scraped_at).getTime()
+        );
+      case "content_date":
+        return (
+          new Date(b.content.date).getTime() -
+          new Date(a.content.date).getTime()
+        );
+      default:
+        return 0;
+    }
+  });
+
+  if (error) {
+    return (
+      <div className="container mx-auto px-4 py-8">
+        <div className="text-center py-12">
+          <p className="text-red-500 mb-4">{error}</p>
+          <button
+            onClick={refresh}
+            className="px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600"
+          >
+            다시 시도
+          </button>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="flex flex-col gap-4 max-w-4xl mx-auto py-8 p-4">
+      {/* 헤더 */}
+      <div className="flex flex-col gap-4 items-start justify-start">
+        <button onClick={() => router.push("/my")}>
+          <ArrowLeft className="w-6 h-6 text-gray-500 hover:text-accent-400 hover:cursor-pointer" />
+        </button>
+        <h1 className="text-2xl font-bold text-gray-900 mb-2">내 스크랩</h1>
+      </div>
+
+      {/* 통계 정보 */}
+      <div className="grid grid-cols-1 sm:grid-cols-3 gap-4 mb-6">
+        <div className="bg-blue-50 p-4 rounded-lg">
+          <div className="flex items-center justify-between">
+            <div>
+              <p className="text-sm text-blue-600">전체</p>
+              <p className="text-2xl font-bold text-blue-900">
+                {scraps.length}
+              </p>
+            </div>
+            <Bookmark className="w-8 h-8 text-blue-600" />
+          </div>
+        </div>
+        <div className="bg-green-50 p-4 rounded-lg">
+          <div className="flex items-center justify-between">
+            <div>
+              <p className="text-sm text-green-600">회고</p>
+              <p className="text-2xl font-bold text-green-900">
+                {scraps.filter((s) => s.content_type === "reflection").length}
+              </p>
+            </div>
+            <BookOpen className="w-8 h-8 text-green-600" />
+          </div>
+        </div>
+        <div className="bg-orange-50 p-4 rounded-lg">
+          <div className="flex items-center justify-between">
+            <div>
+              <p className="text-sm text-orange-600">질문</p>
+              <p className="text-2xl font-bold text-orange-900">
+                {scraps.filter((s) => s.content_type === "question").length}
+              </p>
+            </div>
+            <MessageCircleQuestion className="w-8 h-8 text-orange-600" />
+          </div>
+        </div>
+      </div>
+
+      {/* 필터 바 */}
+      <ScrapsFilterBar filters={filters} onFiltersChange={updateFilters} />
+
+      {/* 로딩 상태 */}
+      {loading && scraps.length === 0 && (
+        <div className="flex justify-center items-center py-12">
+          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-accent-500"></div>
+        </div>
+      )}
+
+      {/* 콘텐츠 */}
+      {!loading && sortedScraps.length === 0 ? (
+        <EmptyState
+          type={filters.search || filters.content_type ? "search" : "scraps"}
+          title={
+            filters.search || filters.content_type
+              ? "검색 결과가 없습니다"
+              : "아직 스크랩한 글이 없습니다"
+          }
+          description={
+            filters.search || filters.content_type
+              ? "필터를 조정해서 다시 시도해보세요"
+              : "마음에 드는 글을 스크랩해보세요"
+          }
+        />
+      ) : (
+        <div className="space-y-4">
+          {sortedScraps.map((scrap) => (
+            <ScrapCard
+              key={scrap.id}
+              scrap={scrap}
+              onRemove={() => handleRemove(scrap.id)}
+              onViewOriginal={() =>
+                handleViewOriginal(scrap.content_type, scrap.content.id)
+              }
+              loading={loading}
+            />
+          ))}
+
+          {/* 더 보기 버튼 */}
+          {hasMore && (
+            <div className="text-center pt-6">
+              <button
+                onClick={loadMore}
+                disabled={loading}
+                className="px-6 py-3 bg-accent-400 text-white rounded-lg hover:bg-accent-500 disabled:opacity-50 disabled:cursor-not-allowed"
+              >
+                {loading ? "불러오는 중..." : "더 보기"}
+              </button>
+            </div>
+          )}
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default ScrapsPage;
diff --git a/src/app/reflections/[id]/edit/page.tsx b/src/app/reflections/[id]/edit/page.tsx
index 09f9e88..5d8c4e7 100644
--- a/src/app/reflections/[id]/edit/page.tsx
+++ b/src/app/reflections/[id]/edit/page.tsx
@@ -149,16 +149,16 @@ const ReflectionEditPage = () => {
 
   return (
     <AuthGuard>
-      <div className="max-w-4xl mx-auto p-4 space-y-4">
+      <div className="flex flex-col gap-4 px-4 py-8 max-w-4xl mx-auto">
         {/* 헤더 */}
         <div className="flex items-center justify-between">
           <div>
             <div className="flex items-center gap-2 text-sm text-gray-600 mb-2">
               <Link
                 href="/reflections"
-                className="flex items-center gap-1 hover:text-gray-900 transition-colors"
+                className="flex items-center transition-colors hover:text-accent-500 hover:cursor-pointer"
               >
-                <ArrowLeft className="w-4 h-4" />
+                <ArrowLeft className="w-5h-5" />
               </Link>
             </div>
           </div>
diff --git a/src/app/reflections/[id]/page.tsx b/src/app/reflections/[id]/page.tsx
index 7c05530..e160c53 100644
--- a/src/app/reflections/[id]/page.tsx
+++ b/src/app/reflections/[id]/page.tsx
@@ -176,7 +176,7 @@ const ReflectionDetailPage = () => {
         <div className="max-w-4xl mx-auto p-4 text-center py-8">
           <div className="bg-white rounded-lg p-8 shadow-sm border">
             <h3 className="text-lg font-medium text-gray-600 mb-2">
-              로그인이 필요합니다
+              로그인이 필요합니다.
             </h3>
             <p className="text-gray-500">회고를 보려면 먼저 로그인해주세요.</p>
           </div>
@@ -220,8 +220,7 @@ const ReflectionDetailPage = () => {
               href="/reflections"
               className="inline-flex items-center gap-2 px-4 py-2 bg-accent-600 text-white rounded-lg hover:bg-accent-700 transition-colors"
             >
-              <ArrowLeft className="w-4 h-4" />
-              회고 목록으로 돌아가기
+              돌아가기
             </Link>
           </div>
         </div>
@@ -236,15 +235,12 @@ const ReflectionDetailPage = () => {
 
   return (
     <AuthGuard>
-      <div className="max-w-4xl mx-auto p-4 space-y-4">
+      <div className="flex flex-col gap-4 px-4 py-8 max-w-4xl mx-auto">
         {/* 브레드크럼 */}
-        <div className="flex items-center gap-2 text-sm text-gray-600">
-          <Link
-            href="/reflections"
-            className="flex items-center gap-1 hover:text-gray-900 transition-colors"
-          >
-            <ArrowLeft className="w-4 h-4" />
-          </Link>
+        <div>
+          <button onClick={() => router.back()}>
+            <ArrowLeft className="w-5 h-5 transition-colors hover:text-accent-500 hover:cursor-pointer" />
+          </button>
         </div>
 
         {/* 메인 콘텐츠 */}
@@ -264,14 +260,14 @@ const ReflectionDetailPage = () => {
               <div className="flex items-center gap-3">
                 <button
                   onClick={handleShare}
-                  className="text-gray-400 hover:text-blue-500 hover:bg-blue-50 rounded-lg transition-colors"
+                  className="text-accent-400 hover:accent-blue-500 hover:bg-accent-50 rounded-lg transition-colors hover:cursor-pointer"
                   title="공유"
                 >
                   <Share2 className="w-4 h-4" />
                 </button>
                 <Link
                   href={`/reflections/${reflection.id}/edit`}
-                  className="text-gray-400 hover:text-blue-500 hover:bg-blue-50 rounded-lg transition-colors"
+                  className="text-blue-400 hover:text-blue-500 hover:bg-blue-50 rounded-lg transition-colors"
                   title="수정"
                 >
                   <Edit2 className="w-4 h-4" />
@@ -279,7 +275,7 @@ const ReflectionDetailPage = () => {
                 <button
                   onClick={handleDelete}
                   disabled={isDeletingReflection}
-                  className="text-gray-400 hover:text-red-500 hover:bg-red-50 rounded-lg transition-colors disabled:opacity-50"
+                  className="text-red-400 hover:text-red-500 hover:bg-red-50 rounded-lg transition-colors disabled:opacity-50 hover:cursor-pointer"
                   title="삭제"
                 >
                   <Trash2 className="w-4 h-4" />
@@ -288,7 +284,7 @@ const ReflectionDetailPage = () => {
             )}
           </div>
 
-          <div className="flex flex-col pb-2 border-b">
+          <div className="flex flex-col pb-2 border-b border-accent-400">
             <div className="flex gap-2 items-center">
               <div
                 className={`p-3 rounded-lg ${isGratitude ? "bg-orange-100" : "bg-blue-100"}`}
@@ -298,7 +294,7 @@ const ReflectionDetailPage = () => {
                 />
               </div>
               <div className="flex flex-col items-start">
-                <div className="flex items-center gap-1 text-sm text-gray-500">
+                <div className="flex items-center gap-1 text-sm text-accent-700">
                   <Calendar className="w-4 h-4" />
                   {format(new Date(reflection.created_at), "yyyy. M. d. HH:mm")}
                 </div>
@@ -315,7 +311,7 @@ const ReflectionDetailPage = () => {
           <div className="flex flex-col min-h-[200px] gap-2">
             <div className="flex justify-end text-sm text-gray-500">
               {reflection.updated_at !== reflection.created_at && (
-                <span>
+                <span className="text-accent-700">
                   수정일:{" "}
                   {format(new Date(reflection.updated_at), "yyyy. M. d. HH:mm")}
                 </span>
diff --git a/src/app/reflections/analytics/page.tsx b/src/app/reflections/analytics/page.tsx
index 97e64f7..a92178d 100644
--- a/src/app/reflections/analytics/page.tsx
+++ b/src/app/reflections/analytics/page.tsx
@@ -10,6 +10,7 @@ import { useReflections } from "@/hooks/reflections/useReflections";
 import { format, subMonths, subWeeks, subYears } from "date-fns";
 import { ko } from "date-fns/locale";
 import {
+  ArrowLeft,
   BarChart3,
   Filter,
   Hash,
@@ -17,10 +18,12 @@ import {
   Lightbulb,
   RefreshCw,
 } from "lucide-react";
+import { useRouter } from "next/navigation";
 import { useMemo, useState } from "react";
 
 const AnalyticsPage = () => {
   const { user } = useAuth();
+  const router = useRouter();
   const [selectedPeriod, setSelectedPeriod] = useState<
     "all" | "1week" | "1month" | "3months" | "6months" | "1year"
   >("3months");
@@ -254,22 +257,28 @@ const AnalyticsPage = () => {
 
   return (
     <AuthGuard>
-      <div className="max-w-7xl mx-auto p-4 space-y-6">
+      <div className="flex flex-col gap-6 px-4 py-8 max-w-7xl mx-auto">
         {/* 헤더 */}
-        <div className="flex items-center justify-between">
-          <h1 className="text-2xl font-bold text-gray-900 flex items-center gap-3">
-            <BarChart3 className="w-8 h-8 text-accent-600" />
-            키워드 분석
-          </h1>
-
-          {/* 키워드 삭제 */}
-          <button
-            onClick={() => setIsKeywordManagementOpen(true)}
-            className="flex items-center gap-2 px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition-colors"
-          >
-            <Hash className="w-4 h-4" />
-            키워드 삭제
+        <div className="flex flex-col gap-4">
+          <button onClick={() => router.push("/reflections")}>
+            <ArrowLeft className="w-5 h-5 text-gray-600 hover:text-accent-500 hover:cursor-pointer" />
           </button>
+
+          <div className="flex items-center justify-between">
+            <h1 className="text-2xl font-bold text-gray-900 flex items-center gap-3">
+              <BarChart3 className="w-8 h-8 text-accent-600" />
+              키워드 분석
+            </h1>
+
+            {/* 키워드 삭제 */}
+            <button
+              onClick={() => setIsKeywordManagementOpen(true)}
+              className="flex items-center px-4 py-2 bg-accent-300 text hover:text-white rounded-lg hover:bg-accent-400 transition-colors hover:cursor-pointer"
+            >
+              <Hash className="w-4 h-4" />
+              삭제
+            </button>
+          </div>
         </div>
 
         {/* 필터 */}
@@ -282,7 +291,7 @@ const AnalyticsPage = () => {
             {hasActiveFilters && (
               <button
                 onClick={clearFilters}
-                className="flex items-center gap-1 px-3 py-1 text-sm text-gray-600 hover:text-gray-800 transition-colors"
+                className="flex items-center gap-1 px-3 py-1 text-sm text-accent-400 hover:text-accent-600 transition-colors hover:cursor-pointer"
               >
                 <RefreshCw className="w-4 h-4" />
                 초기화
@@ -293,19 +302,19 @@ const AnalyticsPage = () => {
           {/* 기간 선택 */}
           <div>
             <label className="block text-sm font-medium text-gray-700 mb-2">
-              분석 기간
+              기간
             </label>
             <div className="flex flex-wrap gap-2">
               {periodPresets.map((preset) => (
                 <button
                   key={preset.value}
                   onClick={() => handlePeriodChange(preset.value)}
-                  className={`px-3 py-1 rounded-lg text-sm font-medium transition-colors ${
+                  className={`px-3 py-1 rounded-lg text-sm font-medium transition-colors hover:cursor-pointer ${
                     selectedPeriod === preset.value &&
                     !customStartDate &&
                     !showCustomPeriod
                       ? "bg-accent-600 text-white"
-                      : "bg-gray-100 text-gray-700 hover:bg-gray-200"
+                      : "bg-gray-100 text-gray-700 hover:bg-accent-100"
                   }`}
                 >
                   {preset.label}
@@ -313,10 +322,10 @@ const AnalyticsPage = () => {
               ))}
               <button
                 onClick={() => handlePeriodChange("custom")}
-                className={`px-3 py-1 rounded-lg text-sm font-medium transition-colors ${
+                className={`px-3 py-1 rounded-lg text-sm font-medium transition-colors hover:cursor-pointer ${
                   showCustomPeriod || customStartDate
                     ? "bg-accent-600 text-white"
-                    : "bg-gray-100 text-gray-700 hover:bg-gray-200"
+                    : "bg-gray-100 text-gray-700 hover:bg-accent-100"
                 }`}
               >
                 임의기간
@@ -325,7 +334,7 @@ const AnalyticsPage = () => {
 
             {/* 임의 기간 설정 */}
             {showCustomPeriod && (
-              <div className="mt-3 p-3 bg-gray-50 rounded-lg space-y-3">
+              <div className="mt-3 p-3 bg-accent-50 rounded-lg space-y-3">
                 <div className="grid grid-cols-2 gap-3">
                   <div>
                     <label className="block text-xs font-medium text-gray-600 mb-1">
@@ -335,7 +344,7 @@ const AnalyticsPage = () => {
                       type="date"
                       value={customStartDate}
                       onChange={(e) => setCustomStartDate(e.target.value)}
-                      className="w-full px-2 py-1 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-accent-500"
+                      className="w-full px-2 py-1 text-sm border border-gray-500 rounded focus:outline-none focus:ring-1 focus:ring-accent-500 hover:border-accent-400"
                     />
                   </div>
                   <div>
@@ -346,7 +355,7 @@ const AnalyticsPage = () => {
                       type="date"
                       value={customEndDate}
                       onChange={(e) => setCustomEndDate(e.target.value)}
-                      className="w-full px-2 py-1 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-accent-500"
+                      className="w-full px-2 py-1 text-sm border border-gray-500 rounded focus:outline-none focus:ring-1 focus:ring-accent-500 hover:border-accent-400"
                     />
                   </div>
                 </div>
@@ -354,13 +363,13 @@ const AnalyticsPage = () => {
                   <button
                     onClick={handleCustomPeriodApply}
                     disabled={!customStartDate || !customEndDate}
-                    className="px-3 py-1 bg-accent-600 text-white text-sm rounded hover:bg-accent-700 disabled:bg-gray-300 disabled:cursor-not-allowed"
+                    className="px-3 py-1 bg-accent-600 text-white text-sm rounded hover:bg-accent-700 disabled:bg-gray-300 disabled:cursor-not-allowed hover:cursor-pointer"
                   >
                     적용
                   </button>
                   <button
                     onClick={() => setShowCustomPeriod(false)}
-                    className="px-3 py-1 bg-gray-200 text-gray-700 text-sm rounded hover:bg-gray-300"
+                    className="px-3 py-1 bg-gray-200 text-gray-700 text-sm rounded hover:bg-gray-300 hover:cursor-pointer"
                   >
                     취소
                   </button>
@@ -372,7 +381,7 @@ const AnalyticsPage = () => {
           {/* 카테고리 선택 */}
           <div>
             <label className="block text-sm font-medium text-gray-700 mb-2">
-              회고 타입
+              타입
             </label>
             <div className="flex gap-2">
               {[
@@ -383,10 +392,10 @@ const AnalyticsPage = () => {
                 <button
                   key={category.value}
                   onClick={() => handleCategoryChange(category.value)}
-                  className={`px-3 py-1 rounded-lg text-sm font-medium transition-colors ${
+                  className={`px-3 py-1 rounded-lg text-sm font-medium transition-colors hover:cursor-pointer ${
                     selectedCategory === category.value
                       ? "bg-accent-600 text-white"
-                      : "bg-gray-100 text-gray-700 hover:bg-gray-200"
+                      : "bg-gray-100 text-gray-700 hover:bg-accent-100"
                   }`}
                 >
                   {category.label}
@@ -474,7 +483,7 @@ const AnalyticsPage = () => {
               {filteredStats.map((stat, index) => (
                 <tr
                   key={stat.keyword.id}
-                  className="border-b border-gray-100 hover:bg-gray-50 cursor-pointer transition-colors"
+                  className="border-b border-gray-100 hover:bg-accent-50 cursor-pointer transition-colors"
                   onClick={() => handleKeywordClick(stat.keyword.name)}
                 >
                   <td className="py-3 px-2">
diff --git a/src/app/reflections/new/page.tsx b/src/app/reflections/new/page.tsx
index bee00d8..ce04b41 100644
--- a/src/app/reflections/new/page.tsx
+++ b/src/app/reflections/new/page.tsx
@@ -50,7 +50,7 @@ const NewReflectionPage = () => {
           <div className="bg-white rounded-lg p-8 shadow-sm border">
             <BookOpen className="w-16 h-16 text-gray-300 mx-auto mb-4" />
             <h3 className="text-lg font-medium text-gray-600 mb-2">
-              로그인이 필요합니다
+              로그인이 필요합니다.
             </h3>
             <p className="text-gray-500 mb-6">
               회고를 작성하려면 먼저 로그인해주세요.
@@ -69,15 +69,15 @@ const NewReflectionPage = () => {
 
   return (
     <AuthGuard>
-      <div className="max-w-4xl mx-auto p-4 space-y-6">
+      <div className="flex flex-col gap-6 py-8 max-w-4xl mx-auto px-4">
         {/* 브레드크럼 네비게이션 */}
-        <div className="flex items-center gap-2 text-sm text-gray-600">
-          <Link
-            href="/reflections"
-            className="flex items-center gap-1 hover:text-gray-900 transition-colors"
+        <div>
+          <button
+            onClick={router.back}
+            className="flex items-center transition-colors hover:text-accent-500 hover:cursor-pointer"
           >
-            <ArrowLeft className="w-4 h-4" />
-          </Link>
+            <ArrowLeft className="w-5 h-5" />
+          </button>
         </div>
 
         {/* 에러 메시지 */}
diff --git a/src/app/reflections/page.tsx b/src/app/reflections/page.tsx
index b5db8da..9ebda6e 100644
--- a/src/app/reflections/page.tsx
+++ b/src/app/reflections/page.tsx
@@ -242,20 +242,14 @@ const ReflectionsPage = () => {
 
   return (
     <AuthGuard>
-      <div className="max-w-7xl mx-auto p-4 space-y-6">
+      <div className="flex flex-col gap-6 max-w-7xl mx-auto px-4 py-8">
         {/* 헤더 */}
-        <div className="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
-          <div>
-            <h1 className="text-2xl font-bold text-gray-900">회고</h1>
-            <p className="text-gray-600 mt-1">
-              감사와 성찰을 통해 성장하는 하루를 기록해보세요.
-            </p>
-          </div>
-
+        <div className="flex justify-between gap-4">
+          <h1 className="text-2xl font-bold text-gray-900">회고</h1>
           <div className="flex justify-end gap-3">
             <Link
               href="/reflections/analytics"
-              className="flex items-center gap-2 px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition-colors"
+              className="flex items-center gap-2 px-4 py-2 bg-accent-100 text-gray-700 rounded-lg hover:bg-accent-200 transition-colors"
             >
               <BarChart3 className="w-4 h-4" />
               분석
@@ -274,7 +268,7 @@ const ReflectionsPage = () => {
         <div className="bg-white border-b-2 pb-4 border-accent-200">
           <h3 className="text-md font-bold text-gray-700 mb-3">전체 현황</h3>
           <div className="grid grid-cols-3 gap-3">
-            <div className="flex items-center gap-2 p-2 bg-gray-50 rounded-lg">
+            <div className="flex items-center gap-2 p-2 bg-accent-50 rounded-lg">
               <Heart className="w-4 h-4 text-orange-600" />
               <div>
                 <p className="text-xs text-gray-600">감사</p>
@@ -284,7 +278,7 @@ const ReflectionsPage = () => {
               </div>
             </div>
 
-            <div className="flex items-center gap-2 p-2 bg-gray-50 rounded-lg">
+            <div className="flex items-center gap-2 p-2 bg-accent-50 rounded-lg">
               <Lightbulb className="w-4 h-4 text-blue-600" />
               <div>
                 <p className="text-xs text-gray-600">성찰</p>
@@ -294,7 +288,7 @@ const ReflectionsPage = () => {
               </div>
             </div>
 
-            <div className="flex items-center gap-2 p-2 bg-gray-50 rounded-lg">
+            <div className="flex items-center gap-2 p-2 bg-accent-50 rounded-lg">
               <Hash className="w-4 h-4 text-green-600" />
               <div>
                 <p className="text-xs text-gray-600">키워드</p>
@@ -329,7 +323,7 @@ const ReflectionsPage = () => {
             {hasActiveFilters && (
               <button
                 onClick={clearFilters}
-                className="flex items-center gap-1 px-3 py-1 text-sm text-gray-600 hover:text-gray-800 transition-colors"
+                className="flex items-center gap-1 px-3 py-1 text-sm text-accent-400 hover:text-accent-600 transition-colors hover:cursor-pointer"
               >
                 <RefreshCw className="w-4 h-4" />
                 초기화
@@ -347,13 +341,13 @@ const ReflectionsPage = () => {
                 <button
                   key={preset.value}
                   onClick={() => handlePeriodChange(preset.value)}
-                  className={`px-3 py-1 rounded-lg text-sm font-medium transition-colors ${
+                  className={`px-3 py-1 rounded-lg text-sm font-medium transition-colors hover:cursor-pointer ${
                     (preset.value === "all" &&
                       !filters.startDate &&
                       !showCustomPeriod) ||
                     preset.startDate === filters.startDate
                       ? "bg-accent-600 text-white"
-                      : "bg-gray-100 text-gray-700 hover:bg-gray-200"
+                      : "bg-gray-100 text-gray-700 hover:bg-accent-100"
                   }`}
                 >
                   {preset.label}
@@ -361,10 +355,10 @@ const ReflectionsPage = () => {
               ))}
               <button
                 onClick={() => handlePeriodChange("custom")}
-                className={`px-3 py-1 rounded-lg text-sm font-medium transition-colors ${
+                className={`px-3 py-1 rounded-lg text-sm font-medium transition-colors hover:cursor-pointer ${
                   showCustomPeriod || isCustomPeriod()
                     ? "bg-accent-600 text-white"
-                    : "bg-gray-100 text-gray-700 hover:bg-gray-200"
+                    : "bg-gray-100 text-gray-700 hover:bg-accent-100"
                 }`}
               >
                 임의기간
@@ -373,7 +367,7 @@ const ReflectionsPage = () => {
 
             {/* 임의 기간 설정 */}
             {showCustomPeriod && (
-              <div className="mt-3 p-3 bg-gray-50 rounded-lg space-y-3">
+              <div className="mt-3 p-3 bg-accent-50 rounded-lg space-y-3">
                 <div className="grid grid-cols-2 gap-3">
                   <div>
                     <label className="block text-xs font-medium text-gray-600 mb-1">
@@ -383,7 +377,7 @@ const ReflectionsPage = () => {
                       type="date"
                       value={customStartDate}
                       onChange={(e) => setCustomStartDate(e.target.value)}
-                      className="w-full px-2 py-1 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-accent-500"
+                      className="w-full px-2 py-1 text-sm border border-gray-500 rounded focus:outline-none focus:ring-1 focus:ring-accent-500 hover:border-accent-400"
                     />
                   </div>
                   <div>
@@ -394,21 +388,21 @@ const ReflectionsPage = () => {
                       type="date"
                       value={customEndDate}
                       onChange={(e) => setCustomEndDate(e.target.value)}
-                      className="w-full px-2 py-1 text-sm border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-accent-500"
+                      className="w-full px-2 py-1 text-sm border border-gray-500 rounded focus:outline-none focus:ring-1 focus:ring-accent-500 hover:border-accent-400"
                     />
                   </div>
                 </div>
-                <div className="flex gap-2">
+                <div className="flex justify-end gap-2">
                   <button
                     onClick={handleCustomPeriodApply}
                     disabled={!customStartDate || !customEndDate}
-                    className="px-3 py-1 bg-accent-600 text-white text-sm rounded hover:bg-accent-700 disabled:bg-gray-300 disabled:cursor-not-allowed"
+                    className="px-3 py-1 bg-accent-600 text-white text-sm rounded hover:bg-accent-700 disabled:bg-gray-300 disabled:cursor-not-allowed hover:cursor-pointer"
                   >
                     적용
                   </button>
                   <button
                     onClick={() => setShowCustomPeriod(false)}
-                    className="px-3 py-1 bg-gray-200 text-gray-700 text-sm rounded hover:bg-gray-300"
+                    className="px-3 py-1 bg-gray-200 text-gray-700 text-sm rounded hover:bg-gray-300 hover:cursor-pointer"
                   >
                     취소
                   </button>
@@ -431,10 +425,10 @@ const ReflectionsPage = () => {
                 <button
                   key={type.value}
                   onClick={() => handleTypeChange(type.value)}
-                  className={`px-3 py-1 rounded-lg text-sm font-medium transition-colors ${
+                  className={`px-3 py-1 rounded-lg text-sm font-medium transition-colors hover:cursor-pointer ${
                     filters.type === type.value
                       ? "bg-accent-600 text-white"
-                      : "bg-gray-100 text-gray-700 hover:bg-gray-200"
+                      : "bg-gray-100 text-gray-700 hover:bg-accent-100"
                   }`}
                 >
                   {type.label}
@@ -454,7 +448,7 @@ const ReflectionsPage = () => {
                   <button
                     key={keyword.id}
                     onClick={() => handleKeywordToggle(keyword.name)}
-                    className={`px-2 py-1 rounded-md text-xs font-medium transition-colors ${
+                    className={`px-2 py-1 rounded-md text-xs font-medium transition-colors hover:cursor-pointer ${
                       filters.keywords?.includes(keyword.name)
                         ? "text-white"
                         : "hover:opacity-80"
diff --git a/src/components/common/Modal/ModalHeader.tsx b/src/components/common/Modal/ModalHeader.tsx
index dac62f3..cec2648 100644
--- a/src/components/common/Modal/ModalHeader.tsx
+++ b/src/components/common/Modal/ModalHeader.tsx
@@ -26,7 +26,7 @@ const ModalHeader = ({
         <button
           type="button"
           onClick={onClose}
-          className="ml-4 text-gray-400 hover:text-gray-600 hover:bg-gray-100 rounded-lg transition-all duration-200 flex-shrink-0"
+          className="ml-4 text-gray-400 hover:text-accent-400 hover:bg-gray-100 rounded-lg transition-all duration-200 flex-shrink-0 hover:cursor-pointer"
           aria-label="모달 닫기"
         >
           <X className="w-5 h-5" />
diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index 9be400f..582c3a8 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -171,7 +171,7 @@ export default function Header() {
                   {isUserMenuOpen && (
                     <div className="absolute right-0 top-full mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 py-1 z-50">
                       <Link
-                        href="/profile"
+                        href="/my"
                         onClick={() => setIsUserMenuOpen(false)}
                         className="flex items-center gap-3 px-4 py-2 text-base text-gray-700 hover:bg-gray-50 transition-colors"
                       >
@@ -267,7 +267,7 @@ export default function Header() {
                     </span>
                     <div className="flex gap-2 mt-1">
                       <Link
-                        href="/profile"
+                        href="/my"
                         onClick={() => setIsMobileMenuOpen(false)}
                         className="text-sm text-accent-600 hover:text-accent-800"
                       >
diff --git a/src/components/my/MenuCard.tsx b/src/components/my/MenuCard.tsx
new file mode 100644
index 0000000..efb681e
--- /dev/null
+++ b/src/components/my/MenuCard.tsx
@@ -0,0 +1,45 @@
+import { ChevronRight } from "lucide-react";
+
+const MenuCard = ({
+  icon,
+  title,
+  count,
+  badge,
+  unit = "개",
+  onClick,
+}: {
+  icon: React.ReactNode;
+  title: string;
+  count?: number;
+  badge?: number;
+  unit?: string;
+  onClick: () => void;
+}) => (
+  <div
+    className="p-6 bg-white rounded-lg border hover:shadow-md transition-shadow cursor-pointer hover:bg-accent-100 hover:border-accent-400"
+    onClick={onClick}
+  >
+    <div className="flex items-center justify-between mb-4">
+      <div className="flex items-center space-x-3">
+        <div className="p-2 bg-blue-50 rounded-lg">{icon}</div>
+        <h3 className="font-semibold text-gray-900">{title}</h3>
+      </div>
+      <div className="flex items-center space-x-2">
+        {badge && badge > 0 && (
+          <span className="px-2 py-1 bg-red-500 text-white text-xs rounded-full">
+            {badge}
+          </span>
+        )}
+        <ChevronRight className="w-5 h-5 text-gray-400" />
+      </div>
+    </div>
+    {count !== undefined && (
+      <div className="text-2xl font-bold text-gray-900">
+        {count}
+        {unit}
+      </div>
+    )}
+  </div>
+);
+
+export default MenuCard;
diff --git a/src/components/my/QuickActionButton.tsx b/src/components/my/QuickActionButton.tsx
new file mode 100644
index 0000000..3404b39
--- /dev/null
+++ b/src/components/my/QuickActionButton.tsx
@@ -0,0 +1,19 @@
+const QuickActionButton = ({
+  icon,
+  label,
+  onClick,
+}: {
+  icon: React.ReactNode;
+  label: string;
+  onClick: () => void;
+}) => (
+  <button
+    onClick={onClick}
+    className="flex items-center space-x-2 px-4 py-2 rounded-lg font-medium transition-colors hover:cursor-pointer bg-accent-200 hover:text-white hover:bg-accent-400"
+  >
+    {icon}
+    <span>{label}</span>
+  </button>
+);
+
+export default QuickActionButton;
diff --git a/src/components/my/StatsCard.tsx b/src/components/my/StatsCard.tsx
new file mode 100644
index 0000000..c504245
--- /dev/null
+++ b/src/components/my/StatsCard.tsx
@@ -0,0 +1,35 @@
+const StatsCard = ({
+  icon,
+  label,
+  value,
+  subtext,
+  color = "blue",
+}: {
+  icon: React.ReactNode;
+  label: string;
+  value: number;
+  subtext?: string;
+  color?: "blue" | "green" | "orange" | "purple";
+}) => {
+  const colorClasses = {
+    blue: "bg-blue-50 text-blue-600",
+    green: "bg-green-50 text-green-600",
+    orange: "bg-orange-50 text-orange-600",
+    purple: "bg-purple-50 text-purple-600",
+  };
+
+  return (
+    <div className="bg-white p-4 rounded-lg border">
+      <div className="flex items-center space-x-3">
+        <div className={`p-2 rounded-lg ${colorClasses[color]}`}>{icon}</div>
+        <div>
+          <p className="text-sm text-gray-600">{label}</p>
+          <p className="text-xl font-bold text-gray-900">{value}</p>
+          {subtext && <p className="text-xs text-gray-500">{subtext}</p>}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default StatsCard;
diff --git a/src/components/my/neighbor/EmptyState.tsx b/src/components/my/neighbor/EmptyState.tsx
new file mode 100644
index 0000000..c8afac1
--- /dev/null
+++ b/src/components/my/neighbor/EmptyState.tsx
@@ -0,0 +1,19 @@
+const EmptyState = ({
+  type,
+  icon,
+  title,
+  description,
+}: {
+  type: string;
+  icon: React.ReactNode;
+  title: string;
+  description: string;
+}) => (
+  <div className="text-center py-12">
+    <div className="flex justify-center mb-4">{icon}</div>
+    <h3 className="text-lg font-medium text-gray-900 mb-2">{title}</h3>
+    <p className="text-gray-500">{description}</p>
+  </div>
+);
+
+export default EmptyState;
diff --git a/src/components/my/neighbor/EnhancedNeighborCard.tsx b/src/components/my/neighbor/EnhancedNeighborCard.tsx
new file mode 100644
index 0000000..4d08bb2
--- /dev/null
+++ b/src/components/my/neighbor/EnhancedNeighborCard.tsx
@@ -0,0 +1,87 @@
+import { NeighborInfo } from "@/types/my";
+import { Eye, Trash2, Users } from "lucide-react";
+import { useState } from "react";
+import NeighborProfileModal from "./NeighborProfileModal";
+import { useRouter } from "next/navigation";
+
+interface EnhancedNeighborCardProps {
+  neighbor: NeighborInfo;
+  onRemove: () => void;
+  onSendMessage: () => void;
+  loading: boolean;
+}
+
+const EnhancedNeighborCard = ({
+  neighbor,
+  onRemove,
+  loading,
+}: EnhancedNeighborCardProps) => {
+  const router = useRouter();
+  const [isProfileModalOpen, setIsProfileModalOpen] = useState(false);
+
+  const handleCardClick = () => {
+    router.push(`/my/neighbors/${neighbor.user_id}`);
+  };
+
+  const handleProfileClick = (e: React.MouseEvent) => {
+    e.stopPropagation();
+    setIsProfileModalOpen(true);
+  };
+
+  const handleRemoveClick = (e: React.MouseEvent) => {
+    e.stopPropagation();
+    onRemove();
+  };
+
+  return (
+    <div className="group p-4 bg-white border border-gray-200 rounded-lg hover:shadow-lg hover:border-accent-500 transition-all duration-200 hover:cursor-pointer">
+      <div className="flex items-center justify-between">
+        {/* 프로필 영역 */}
+        <div
+          className="flex items-center space-x-3 flex-1 mr-4"
+          onClick={handleCardClick}
+        >
+          <div className="w-12 h-12 bg-gradient-to-br from-accent-100 to-accent-200 rounded-full flex items-center justify-center group-hover:scale-105 transition-transform">
+            <Users className="w-6 h-6 text-accent-600" />
+          </div>
+
+          <div className="flex flex-col flex-1 min-w-0">
+            <h3 className="font-semibold text-gray-900 transition-colors mb-1">
+              @{neighbor.nickname}
+            </h3>
+            <span>공통 이웃: {neighbor.mutual_friends_count}명</span>
+          </div>
+        </div>
+
+        {/* 액션 버튼들 */}
+        <div className="flex items-center space-x-2">
+          <button
+            onClick={handleProfileClick}
+            className="flex items-center space-x-1 px-3 py-2 bg-accent-100 text-gray-700 rounded-lg hover:bg-accent-100 transition-colors group-hover:bg-accent-100 group-hover:text-accent-700 hover:cursor-pointer"
+            title="프로필 보기"
+          >
+            <Eye className="w-4 h-4" />
+          </button>
+
+          <button
+            onClick={handleRemoveClick}
+            disabled={loading}
+            className="flex items-center space-x-1 px-3 py-2 bg-red-500 text-white rounded-lg hover:bg-red-600 disabled:opacity-50 transition-colors hover:cursor-pointer"
+            title="삭제"
+          >
+            <Trash2 className="w-4 h-4" />
+          </button>
+        </div>
+      </div>
+
+      {/* 프로필 모달 */}
+      <NeighborProfileModal
+        isOpen={isProfileModalOpen}
+        onClose={() => setIsProfileModalOpen(false)}
+        neighborId={neighbor.user_id}
+      />
+    </div>
+  );
+};
+
+export default EnhancedNeighborCard;
diff --git a/src/components/my/neighbor/EnhancedNeighborRequestCard.tsx b/src/components/my/neighbor/EnhancedNeighborRequestCard.tsx
new file mode 100644
index 0000000..3fe2726
--- /dev/null
+++ b/src/components/my/neighbor/EnhancedNeighborRequestCard.tsx
@@ -0,0 +1,118 @@
+import { NeighborRequest } from "@/types/my";
+import { Check, Eye, Users, X } from "lucide-react";
+import { useState } from "react";
+import NeighborProfileModal from "./NeighborProfileModal";
+
+interface EnhancedNeighborRequestCardProps {
+  request: NeighborRequest;
+  onAccept: () => void;
+  onDecline: () => void;
+  loading: boolean;
+}
+
+const EnhancedNeighborRequestCard = ({
+  request,
+  onAccept,
+  onDecline,
+  loading,
+}: EnhancedNeighborRequestCardProps) => {
+  const [isProfileModalOpen, setIsProfileModalOpen] = useState(false);
+
+  const handleProfileClick = (e: React.MouseEvent) => {
+    e.stopPropagation();
+    setIsProfileModalOpen(true);
+  };
+
+  const handleAcceptClick = (e: React.MouseEvent) => {
+    e.stopPropagation();
+    onAccept();
+  };
+
+  const handleDeclineClick = (e: React.MouseEvent) => {
+    e.stopPropagation();
+    onDecline();
+  };
+
+  const handleModalClose = () => {
+    setIsProfileModalOpen(false);
+  };
+
+  return (
+    <>
+      <div className="group p-4 bg-white border-l-4 border-l-accent-400 border border-gray-200 rounded-lg hover:shadow-lg hover:border-accent-400 transition-all duration-200">
+        <div className="flex items-center justify-between">
+          {/* 요청자 정보 */}
+          <div className="flex items-center space-x-3 flex-1 mr-4">
+            <div className="relative">
+              <div className="w-12 h-12 bg-gradient-to-br from-accent-100 to-accent-50 rounded-full flex items-center justify-center group-hover:scale-105 transition-transform">
+                <Users className="w-6 h-6 text-accent-600" />
+              </div>
+              {/* 새로운 요청 표시 */}
+              <div className="absolute -top-1 -right-1 w-4 h-4 bg-accent-500 border-2 border-white rounded-full animate-pulse" />
+            </div>
+
+            <div className="flex-1 min-w-0">
+              <div className="flex flex-col items-start gap-2">
+                <h3 className="font-semibold text-gray-900 group-hover:text-accent-600 transition-colors">
+                  @{request.requester_nickname}
+                </h3>
+                <button
+                  onClick={handleProfileClick}
+                  className="flex items-center space-x-1 px-3 py-2 bg-accent-100 text-gray-700 rounded-lg hover:bg-accent-200 transition-colors group-hover:text-accent-700 hover:cursor-pointer"
+                  title="프로필 미리보기"
+                  type="button"
+                >
+                  <Eye className="w-4 h-4" />
+                  <span className="text-sm">미리보기</span>
+                </button>
+              </div>
+            </div>
+          </div>
+
+          {/* 액션 버튼들 */}
+          <div className="flex items-center space-x-2">
+            {request.status === "pending" && (
+              <>
+                <button
+                  onClick={handleAcceptClick}
+                  disabled={loading}
+                  className="flex items-center space-x-1 px-3 py-2 bg-accent-100 text-accent-700 rounded-lg hover:bg-accent-200 disabled:opacity-50 transition-colors hover:cursor-pointer"
+                  title="이웃 요청 수락"
+                  type="button"
+                >
+                  <Check className="w-4 h-4" />
+                  <span className="text-sm">수락</span>
+                </button>
+
+                <button
+                  onClick={handleDeclineClick}
+                  disabled={loading}
+                  className="flex items-center space-x-1 px-3 py-2 bg-red-500 text-white rounded-lg hover:bg-red-600 disabled:opacity-50 transition-colors hover:cursor-pointer"
+                  title="이웃 요청 거절"
+                  type="button"
+                >
+                  <X className="w-4 h-4" />
+                  <span className="text-sm">거절</span>
+                </button>
+              </>
+            )}
+          </div>
+        </div>
+      </div>
+
+      {/* 프로필 모달 */}
+      {isProfileModalOpen && (
+        <NeighborProfileModal
+          isOpen={isProfileModalOpen}
+          onClose={handleModalClose}
+          neighborId={request.requester_id}
+          neighborNickname={request.requester_nickname}
+          neighborName={request.requester_name}
+          isNeighbor={false}
+        />
+      )}
+    </>
+  );
+};
+
+export default EnhancedNeighborRequestCard;
diff --git a/src/components/my/neighbor/NeighborPostCard.tsx b/src/components/my/neighbor/NeighborPostCard.tsx
new file mode 100644
index 0000000..b2378cd
--- /dev/null
+++ b/src/components/my/neighbor/NeighborPostCard.tsx
@@ -0,0 +1,128 @@
+import { NeighborPostCardProps } from "@/types/my";
+import { Calendar, CheckCircle, HelpCircle, Tag } from "lucide-react";
+
+const NeighborPostCard = ({ post }: NeighborPostCardProps) => {
+  const isQuestion =
+    post.category_name === "daily" ||
+    post.category_name === "growth" ||
+    post.category_name === "custom";
+
+  const getDomainColor = (category: string) => {
+    const colors = {
+      gratitude: "text-orange-600 bg-orange-50 border-orange-200",
+      reflection: "text-blue-600 bg-blue-50 border-blue-200",
+      daily: "text-green-600 bg-green-50 border-green-200",
+      growth: "text-purple-600 bg-purple-50 border-purple-200",
+      custom: "text-indigo-600 bg-indigo-50 border-indigo-200",
+    };
+    return (
+      colors[category as keyof typeof colors] ||
+      "text-gray-600 bg-gray-50 border-gray-200"
+    );
+  };
+
+  const getDomainIcon = (category: string) => {
+    if (category === "gratitude" || category === "reflection") {
+      return null; // 회고는 아이콘 없음
+    }
+    return post.is_answered ? (
+      <CheckCircle className="w-4 h-4 text-green-500" />
+    ) : (
+      <HelpCircle className="w-4 h-4 text-gray-400" />
+    );
+  };
+
+  const formatDate = (dateString: string) => {
+    const date = new Date(dateString);
+    return date.toLocaleDateString("ko-KR", {
+      year: "numeric",
+      month: "long",
+      day: "numeric",
+    });
+  };
+
+  return (
+    <div className="bg-white border-2 border-accent-100 rounded-lg p-6 hover:shadow-md transition-all duration-200 hover:border-accent-400 hover:bg-accent-50">
+      {/* 헤더 */}
+      <div className="flex items-center justify-between mb-4">
+        <div className="flex items-center space-x-2">
+          <span
+            className={`inline-flex items-center px-3 py-1 rounded-full text-sm font-medium border ${getDomainColor(post.category_name)}`}
+          >
+            {getDomainIcon(post.category_name)}
+            <span className="ml-1">{post.category_display_name}</span>
+          </span>
+        </div>
+
+        <div className="flex items-center text-sm text-gray-500">
+          <Calendar className="w-4 h-4 mr-1" />
+          {formatDate(post.date)}
+        </div>
+      </div>
+
+      {/* 제목 (질문의 경우) */}
+      {post.title && (
+        <h3 className="text-lg font-semibold text-gray-900 mb-3 line-clamp-2">
+          {post.title}
+        </h3>
+      )}
+
+      {/* 내용 */}
+      <div className="text-gray-700 mb-4">
+        <p className="line-clamp-3 whitespace-pre-wrap">{post.content}</p>
+      </div>
+
+      {/* 답변 (질문이고 답변이 있는 경우) */}
+      {isQuestion && post.answer && (
+        <div className="bg-green-50 border-l-4 border-green-400 p-4 mb-4">
+          <div className="flex items-center mb-2">
+            <CheckCircle className="w-4 h-4 text-green-500 mr-2" />
+            <span className="text-sm font-medium text-green-800">답변</span>
+          </div>
+          <p className="text-green-700 line-clamp-2 whitespace-pre-wrap">
+            {post.answer}
+          </p>
+        </div>
+      )}
+
+      {/* 키워드 */}
+      {post.keywords && post.keywords.length > 0 && (
+        <div className="flex items-center space-x-2 mb-4">
+          <Tag className="w-4 h-4 text-gray-400" />
+          <div className="flex flex-wrap gap-2">
+            {post.keywords.map((keyword) => (
+              <span
+                key={keyword.id}
+                className="inline-flex items-center px-2 py-1 rounded-md text-xs font-medium text-white"
+                style={{ backgroundColor: keyword.color }}
+              >
+                {keyword.name}
+              </span>
+            ))}
+          </div>
+        </div>
+      )}
+
+      {/* 상태 표시 (질문인 경우) */}
+      {isQuestion && (
+        <div className="flex items-center justify-between">
+          <div className="flex items-center space-x-2">
+            {post.is_answered ? (
+              <span className="inline-flex items-center text-sm text-green-600">
+                <CheckCircle className="w-4 h-4 mr-1" />
+                답변 완료
+              </span>
+            ) : (
+              <span className="inline-flex items-center text-sm text-gray-500">
+                <HelpCircle className="w-4 h-4 mr-1" />
+                답변 대기
+              </span>
+            )}
+          </div>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default NeighborPostCard;
diff --git a/src/components/my/neighbor/NeighborProfileModal.tsx b/src/components/my/neighbor/NeighborProfileModal.tsx
new file mode 100644
index 0000000..a3ee8fb
--- /dev/null
+++ b/src/components/my/neighbor/NeighborProfileModal.tsx
@@ -0,0 +1,270 @@
+import { useNeighborProfile } from "@/hooks/my/useNeighborProfile";
+import { usePublicProfile } from "@/hooks/my/usePublicProfile";
+import {
+  BookOpen,
+  Calendar,
+  Info,
+  MessageCircleQuestion,
+  Pencil,
+  User,
+  Users,
+  X,
+} from "lucide-react";
+import { useEffect } from "react";
+
+interface NeighborProfileModalProps {
+  isOpen: boolean;
+  onClose: () => void;
+  neighborId: string;
+  neighborNickname?: string;
+  neighborName?: string;
+  isNeighbor?: boolean;
+}
+
+const NeighborProfileModal = ({
+  isOpen,
+  onClose,
+  neighborId,
+  isNeighbor = true,
+}: NeighborProfileModalProps) => {
+  const neighborProfileResult = useNeighborProfile({
+    neighborId: isOpen && isNeighbor ? neighborId : null,
+    enabled: isOpen && isNeighbor,
+  });
+
+  const publicProfileResult = usePublicProfile(
+    neighborId,
+    isOpen && !isNeighbor,
+  );
+
+  // 현재 상태에 맞는 결과 선택
+  const { profile, loading, error, refetch } =
+    isNeighbor === true
+      ? neighborProfileResult
+      : ({
+          profile: publicProfileResult.profile,
+          loading: publicProfileResult.loading,
+          error: publicProfileResult.error,
+          refetch: publicProfileResult.refetch,
+        } as typeof neighborProfileResult);
+
+  // ESC 키로 모달 닫기
+  useEffect(() => {
+    const handleEscapeKey = (event: KeyboardEvent) => {
+      if (event.key === "Escape") {
+        onClose();
+      }
+    };
+
+    if (isOpen) {
+      document.addEventListener("keydown", handleEscapeKey);
+      document.body.style.overflow = "hidden";
+    }
+
+    return () => {
+      document.removeEventListener("keydown", handleEscapeKey);
+      document.body.style.overflow = "unset";
+    };
+  }, [isOpen, onClose]);
+
+  // 모달 배경 클릭으로 닫기
+  const handleBackdropClick = (e: React.MouseEvent) => {
+    if (e.target === e.currentTarget) {
+      onClose();
+    }
+  };
+
+  if (!isOpen) return null;
+
+  return (
+    <div
+      className="fixed inset-0 z-50 flex items-center justify-center bg-gray-100 bg-opacity-50"
+      onClick={handleBackdropClick}
+    >
+      <div className="bg-white rounded-lg shadow-xl max-w-md w-full mx-4 max-h-[90vh] overflow-y-auto">
+        {/* 헤더 */}
+        <div className="flex items-center justify-between p-4 border-b border-accent-500">
+          <h2 className="text-lg font-semibold text-gray-900">
+            {isNeighbor ? "이웃 프로필" : "프로필 미리보기"}
+          </h2>
+          <button
+            onClick={onClose}
+            className="p-2 hover:bg-accent-100 rounded-full transition-colors hover:cursor-pointer"
+            type="button"
+          >
+            <X className="w-5 h-5 text-accent-500" />
+          </button>
+        </div>
+
+        {/* 콘텐츠 */}
+        <div className="p-6">
+          {loading ? (
+            <div className="flex flex-col items-center justify-center py-8">
+              <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-accent-500 mb-4" />
+              <p className="text-gray-600">프로필을 불러오는 중...</p>
+            </div>
+          ) : error ? (
+            <div className="flex flex-col items-center justify-center py-8">
+              <div className="w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mb-4">
+                <X className="w-8 h-8 text-red-500" />
+              </div>
+              <h3 className="text-lg font-medium text-gray-900 mb-2">
+                프로필을 불러올 수 없습니다.
+              </h3>
+              <p className="text-gray-600 text-center mb-4">{error}</p>
+              <button
+                onClick={refetch}
+                className="px-4 py-2 bg-accent-500 text-white rounded-lg hover:bg-accent-600 transition-colors"
+                type="button"
+              >
+                재시도
+              </button>
+            </div>
+          ) : profile ? (
+            <div className="space-y-6">
+              {/* 공개 프로필 안내 */}
+              {!isNeighbor && (
+                <div className="bg-accent-50 border border-accent-200 rounded-lg p-3 flex items-start space-x-2">
+                  <Info className="w-4 h-4 text-accent-600 mt-0.5 flex-shrink-0" />
+                  <p className="text-sm text-accent-800">
+                    <span className="font-semibold">
+                      이웃이 되면 공개된 게시물을 볼 수 있습니다. <br />
+                    </span>
+                    (단, 가계부는 공개되지 않습니다.)
+                  </p>
+                </div>
+              )}
+
+              {/* 프로필 정보 */}
+              <div className="flex items-center space-x-4">
+                <div className="w-16 h-16 bg-gradient-to-br from-accent-100 to-accent-200 rounded-full flex items-center justify-center">
+                  <User className="w-8 h-8 text-accent-600" />
+                </div>
+                <div>
+                  <h3 className="text-xl font-semibold text-gray-900">
+                    {profile.name}
+                  </h3>
+                  <p className="text-gray-600">@{profile.nickname}</p>
+                  <div className="flex items-center space-x-1 text-sm text-gray-500 mt-1">
+                    <Calendar className="w-4 h-4" />
+                    <span>
+                      {new Date(profile.created_at).toLocaleDateString("ko-KR")}{" "}
+                      가입
+                    </span>
+                  </div>
+                </div>
+              </div>
+
+              {/* 통계 */}
+              <div className="grid grid-cols-2 gap-4">
+                <div className="bg-accent-50 rounded-lg p-4 text-center">
+                  <div className="flex items-center justify-center mb-2">
+                    <BookOpen className="w-5 h-5 text-accent-600" />
+                  </div>
+                  <div className="text-2xl font-bold text-accent-600">
+                    {profile.stats.total_reflections}
+                  </div>
+                  <div className="text-sm text-gray-600">회고</div>
+                </div>
+
+                <div className="bg-blue-50 rounded-lg p-4 text-center">
+                  <div className="flex items-center justify-center mb-2">
+                    <MessageCircleQuestion className="w-5 h-5 text-blue-600" />
+                  </div>
+                  <div className="text-2xl font-bold text-blue-600">
+                    {profile.stats.total_questions}
+                  </div>
+                  <div className="text-sm text-gray-600">질문</div>
+                </div>
+
+                {/* 이웃 수는 이웃일 때만 표시 */}
+                {profile.stats && (
+                  <div className="bg-green-50 rounded-lg p-4 text-center">
+                    <div className="flex items-center justify-center mb-2">
+                      <Users className="w-5 h-5 text-green-600" />
+                    </div>
+                    <div className="text-2xl font-bold text-green-600">
+                      {profile.stats.neighbor_count || 0}
+                    </div>
+                    <div className="text-sm text-gray-600">이웃</div>
+                  </div>
+                )}
+                <div className="bg-purple-50 rounded-lg p-4 text-center">
+                  <div className="flex items-center justify-center mb-2">
+                    <Pencil className="w-5 h-5 text-purple-600" />
+                  </div>
+                  <div className="text-2xl font-bold text-purple-600">
+                    {profile.stats.answered_questions}
+                  </div>
+                  <div className="text-sm text-gray-600">질문답변</div>
+                </div>
+              </div>
+
+              {/* 최근 활동 */}
+              {profile.recent_activity.length > 0 && (
+                <div>
+                  <h4 className="text-lg font-medium text-gray-900 mb-3">
+                    최근 활동
+                  </h4>
+                  <div className="space-y-3">
+                    {profile.recent_activity.map((activity, index) => (
+                      <div
+                        key={index}
+                        className="border border-gray-200 rounded-lg p-3 hover:bg-gray-50 transition-colors"
+                      >
+                        <div className="flex items-start space-x-3">
+                          <div className="flex-shrink-0">
+                            {activity.type === "reflection" ? (
+                              <BookOpen className="w-4 h-4 text-accent-600 mt-1" />
+                            ) : (
+                              <MessageCircleQuestion className="w-4 h-4 text-blue-600 mt-1" />
+                            )}
+                          </div>
+                          <div className="flex-1 min-w-0">
+                            <h5 className="text-sm font-medium text-gray-900 truncate">
+                              {activity.title}
+                            </h5>
+                            <p className="text-xs text-gray-600 mt-1 line-clamp-2">
+                              {activity.content_preview}
+                            </p>
+                            <div className="flex items-center space-x-1 text-xs text-gray-500 mt-2">
+                              <Calendar className="w-3 h-3" />
+                              <span>
+                                {new Date(activity.date).toLocaleDateString(
+                                  "ko-KR",
+                                )}
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    ))}
+                  </div>
+                </div>
+              )}
+
+              {profile.recent_activity.length === 0 && (
+                <div className="text-center py-8">
+                  <div className="w-16 h-16 bg-gray-100 rounded-full flex items-center justify-center mx-auto mb-4">
+                    <BookOpen className="w-8 h-8 text-gray-400" />
+                  </div>
+                  <p className="text-gray-600">
+                    {isNeighbor
+                      ? "아직 활동이 없습니다."
+                      : "아직 공개된 활동이 없습니다."}
+                  </p>
+                </div>
+              )}
+            </div>
+          ) : (
+            <div className="text-center py-8">
+              <p className="text-gray-600">프로필 정보가 없습니다.</p>
+            </div>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default NeighborProfileModal;
diff --git a/src/components/my/neighbor/NeighborProfileStats.tsx b/src/components/my/neighbor/NeighborProfileStats.tsx
new file mode 100644
index 0000000..3047383
--- /dev/null
+++ b/src/components/my/neighbor/NeighborProfileStats.tsx
@@ -0,0 +1,138 @@
+import { DomainType, NeighborProfileStatsProps } from "@/types/my";
+import { Brain, Coffee, Heart, Star, TrendingUp } from "lucide-react";
+
+const NeighborProfileStats = ({
+  stats,
+  onDomainClick,
+  activeDomain,
+}: NeighborProfileStatsProps) => {
+  const domainConfigs = [
+    {
+      key: "gratitude" as DomainType,
+      label: "감사",
+      icon: <Heart className="w-5 h-5" />,
+      color: "orange",
+      description: "감사한 순간들",
+    },
+    {
+      key: "reflection" as DomainType,
+      label: "성찰",
+      icon: <Brain className="w-5 h-5" />,
+      color: "blue",
+      description: "깊은 성찰과 생각",
+    },
+    {
+      key: "daily" as DomainType,
+      label: "일상",
+      icon: <Coffee className="w-5 h-5" />,
+      color: "green",
+      description: "일상의 질문들",
+    },
+    {
+      key: "growth" as DomainType,
+      label: "성장",
+      icon: <TrendingUp className="w-5 h-5" />,
+      color: "purple",
+      description: "성장을 위한 질문",
+    },
+    {
+      key: "custom" as DomainType,
+      label: "나만의 질문",
+      icon: <Star className="w-5 h-5" />,
+      color: "indigo",
+      description: "개인적인 질문들",
+    },
+  ];
+
+  const getColorClasses = (color: string, isActive: boolean) => {
+    const colorMap = {
+      orange: isActive
+        ? "bg-orange-100 border-orange-500 text-orange-700 hover:cursor-pointer "
+        : "bg-white border-orange-200 text-orange-600 hover:bg-orange-50 hover:cursor-pointer",
+      blue: isActive
+        ? "bg-blue-100 border-blue-500 text-blue-700 hover:cursor-pointer"
+        : "bg-white border-blue-200 text-blue-600 hover:bg-blue-50 hover:cursor-pointer",
+      green: isActive
+        ? "bg-green-100 border-green-500 text-green-700 hover:cursor-pointer"
+        : "bg-white border-green-200 text-green-600 hover:bg-green-50 hover:cursor-pointer",
+      purple: isActive
+        ? "bg-purple-100 border-purple-500 text-purple-700 hover:cursor-pointer"
+        : "bg-white border-purple-200 text-purple-600 hover:bg-purple-50 hover:cursor-pointer",
+      indigo: isActive
+        ? "bg-indigo-100 border-indigo-500 text-indigo-700 hover:cursor-pointer"
+        : "bg-white border-indigo-200 text-indigo-600 hover:bg-indigo-50 hover:cursor-pointer",
+    };
+    return colorMap[color as keyof typeof colorMap] || colorMap.blue;
+  };
+
+  const totalCount = Object.values(stats).reduce(
+    (sum, count) => sum + count,
+    0,
+  );
+
+  if (totalCount === 0) {
+    return (
+      <div className="bg-gray-50 border border-gray-200 rounded-lg p-6 text-center">
+        <div className="text-gray-500">
+          <Coffee className="w-12 h-12 mx-auto mb-3 opacity-50" />
+          <p className="text-lg font-medium mb-1">공개된 게시글이 없습니다.</p>
+          <p className="text-sm">아직 공개 설정한 게시글이 없어요.</p>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-4">
+      <div className="flex items-center justify-between">
+        <h3 className="text-lg font-semibold text-gray-900">공개된 게시글</h3>
+        <span className="text-sm text-accent-500">총 {totalCount}개</span>
+      </div>
+
+      <div className="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-3">
+        {domainConfigs.map((domain) => {
+          const count = stats[domain.key];
+          const isActive = activeDomain === domain.key;
+          const isDisabled = count === 0;
+
+          return (
+            <button
+              key={domain.key}
+              onClick={() => !isDisabled && onDomainClick(domain.key)}
+              disabled={isDisabled}
+              className={`
+                relative p-4 border-2 rounded-lg transition-all duration-200 text-left
+                ${
+                  isDisabled
+                    ? "bg-gray-50 border-gray-200 text-gray-400 cursor-not-allowed opacity-50"
+                    : getColorClasses(domain.color, isActive)
+                }
+                ${!isDisabled && "hover:scale-[1.02] active:scale-[0.98]"}
+              `}
+            >
+              <div className="flex items-center space-x-2 mb-2">
+                {domain.icon}
+                <span className="font-medium text-sm">{domain.label}</span>
+              </div>
+
+              <div className="mb-1">
+                <span className="text-2xl font-bold">{count}</span>
+                <span className="text-xs ml-1">개</span>
+              </div>
+
+              <p className="text-xs opacity-75 line-clamp-1">
+                {domain.description}
+              </p>
+
+              {isActive && !isDisabled && (
+                <div className="absolute -top-1 -right-1 w-3 h-3 bg-current rounded-full animate-pulse" />
+              )}
+            </button>
+          );
+        })}
+      </div>
+    </div>
+  );
+};
+
+export default NeighborProfileStats;
diff --git a/src/components/my/neighbor/NeighborSearchBar.tsx b/src/components/my/neighbor/NeighborSearchBar.tsx
new file mode 100644
index 0000000..aa9964a
--- /dev/null
+++ b/src/components/my/neighbor/NeighborSearchBar.tsx
@@ -0,0 +1,22 @@
+import { Search } from "lucide-react";
+
+const NeighborSearchBar = ({
+  searchTerm,
+  onSearchChange,
+}: {
+  searchTerm: string;
+  onSearchChange: (value: string) => void;
+}) => (
+  <div className="relative">
+    <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5" />
+    <input
+      type="text"
+      placeholder="이웃 검색..."
+      value={searchTerm}
+      onChange={(e) => onSearchChange(e.target.value)}
+      className="w-full pl-10 pr-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 hover:border-accent-400"
+    />
+  </div>
+);
+
+export default NeighborSearchBar;
diff --git a/src/components/my/posts/EmptyState.tsx b/src/components/my/posts/EmptyState.tsx
new file mode 100644
index 0000000..6efa6e4
--- /dev/null
+++ b/src/components/my/posts/EmptyState.tsx
@@ -0,0 +1,20 @@
+import { FileText } from "lucide-react";
+
+const EmptyState = ({
+  title,
+  description,
+}: {
+  type: "posts" | "search";
+  title: string;
+  description: string;
+}) => (
+  <div className="text-center py-12">
+    <div className="flex justify-center mb-4">
+      <FileText className="w-12 h-12 text-gray-400" />
+    </div>
+    <h3 className="text-lg font-medium text-gray-900 mb-2">{title}</h3>
+    <p className="text-gray-500">{description}</p>
+  </div>
+);
+
+export default EmptyState;
diff --git a/src/components/my/posts/KeywordChip.tsx b/src/components/my/posts/KeywordChip.tsx
new file mode 100644
index 0000000..30551be
--- /dev/null
+++ b/src/components/my/posts/KeywordChip.tsx
@@ -0,0 +1,18 @@
+const KeywordChip = ({
+  keyword,
+}: {
+  keyword: { id: string; name: string; color: string };
+}) => (
+  <span
+    className="inline-flex items-center px-2 py-1 text-xs rounded-full border"
+    style={{
+      backgroundColor: `${keyword.color}20`,
+      borderColor: keyword.color,
+      color: keyword.color,
+    }}
+  >
+    #{keyword.name}
+  </span>
+);
+
+export default KeywordChip;
diff --git a/src/components/my/posts/PostsCard.tsx b/src/components/my/posts/PostsCard.tsx
new file mode 100644
index 0000000..70b6b2b
--- /dev/null
+++ b/src/components/my/posts/PostsCard.tsx
@@ -0,0 +1,117 @@
+import {
+  BookOpen,
+  Calendar,
+  Edit,
+  MessageCircleQuestion,
+  Trash2,
+} from "lucide-react";
+import VisibilityIcon from "./VisibilityIcon";
+import KeywordChip from "./KeywordChip";
+
+const PostCard = ({
+  item,
+  onEdit,
+  onDelete,
+}: {
+  item: {
+    id: string;
+    type: "reflection" | "question";
+    title?: string;
+    content?: string;
+    date: string;
+    category: {
+      display_name: string;
+    };
+    keywords: Array<{
+      id: string;
+      name: string;
+      color: string;
+    }>;
+    is_answered?: boolean;
+    answer?: string;
+    is_public: boolean;
+    is_neighbor_visible: boolean;
+  };
+  onEdit: () => void;
+  onDelete: () => void;
+}) => {
+  const safeKeywords = item.keywords || [];
+
+  return (
+    <div className="p-4 border rounded-lg hover:shadow-md transition-shadow hover:border-accent-500">
+      {/* 헤더 */}
+      <div className="flex items-start justify-between mb-4">
+        <div className="flex items-center space-x-3">
+          {item.type === "reflection" ? (
+            <div className="p-2 bg-blue-50 rounded-lg">
+              <BookOpen className="w-5 h-5 text-blue-600" />
+            </div>
+          ) : (
+            <div className="p-2 bg-green-50 rounded-lg">
+              <MessageCircleQuestion className="w-5 h-5 text-green-600" />
+            </div>
+          )}
+          <div>
+            <div className="flex items-center space-x-2 mt-1">
+              <span className="text-sm text-gray-500 flex items-center">
+                <Calendar className="w-4 h-4 mr-1" />
+                {new Date(item.date).toLocaleDateString()}
+              </span>
+              <VisibilityIcon
+                isPublic={item.is_public}
+                isNeighborVisible={item.is_neighbor_visible}
+              />
+            </div>
+          </div>
+        </div>
+
+        {/* 액션 버튼 */}
+        <div className="flex items-center space-x-1">
+          <button
+            onClick={onEdit}
+            className="p-2 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-lg transition-colors"
+          >
+            <Edit className="w-4 h-4" />
+          </button>
+          <button
+            onClick={onDelete}
+            className="p-2 text-gray-400 hover:text-red-600 hover:bg-red-50 rounded-lg transition-colors"
+          >
+            <Trash2 className="w-4 h-4" />
+          </button>
+        </div>
+      </div>
+
+      {/* 제목 */}
+      {item.title && (
+        <h3 className="text-lg font-semibold text-gray-900 mb-3">
+          {item.title}
+        </h3>
+      )}
+
+      {/* 내용 */}
+      <p className="text-gray-700 mb-4 line-clamp-3">
+        {item.content || "내용이 없습니다."}
+      </p>
+
+      {/* 답변 (질문인 경우) */}
+      {item.type === "question" && item.answer && (
+        <div className="bg-accent-50 p-3 rounded-lg mb-4">
+          <p className="text-sm font-medium text-gray-700 mb-1">답변:</p>
+          <p className="text-gray-600 text-sm line-clamp-2">{item.answer}</p>
+        </div>
+      )}
+
+      {/* 키워드 */}
+      {safeKeywords.length > 0 && (
+        <div className="flex flex-wrap gap-2">
+          {item.keywords.map((keyword) => (
+            <KeywordChip key={keyword.id} keyword={keyword} />
+          ))}
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default PostCard;
diff --git a/src/components/my/posts/PostsFilterBar.tsx b/src/components/my/posts/PostsFilterBar.tsx
new file mode 100644
index 0000000..1009123
--- /dev/null
+++ b/src/components/my/posts/PostsFilterBar.tsx
@@ -0,0 +1,39 @@
+import { PostsFilters } from "@/types/my";
+import { Search } from "lucide-react";
+
+const PostsFilterBar = ({
+  filters,
+  onFiltersChange,
+}: {
+  filters: PostsFilters;
+  onFiltersChange: (filters: Partial<PostsFilters>) => void;
+}) => (
+  <div className="flex justify-between gap-4 mb-6">
+    {/* 검색 */}
+    <div className="relative flex-1">
+      <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5" />
+      <input
+        type="text"
+        placeholder="글 제목이나 내용 검색..."
+        value={filters.search}
+        onChange={(e) => onFiltersChange({ search: e.target.value })}
+        className="w-full pl-10 pr-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 hover:border-accent-400"
+      />
+    </div>
+
+    {/* 정렬 */}
+
+    <select
+      value={filters.sort}
+      onChange={(e) =>
+        onFiltersChange({ sort: e.target.value as "latest" | "oldest" })
+      }
+      className="px-2 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 hover:border-accent-400 hover:cursor-pointer"
+    >
+      <option value="latest">최신순</option>
+      <option value="oldest">오래된순</option>
+    </select>
+  </div>
+);
+
+export default PostsFilterBar;
diff --git a/src/components/my/posts/PostsTabNavigation.tsx b/src/components/my/posts/PostsTabNavigation.tsx
new file mode 100644
index 0000000..86b35e9
--- /dev/null
+++ b/src/components/my/posts/PostsTabNavigation.tsx
@@ -0,0 +1,50 @@
+import { PostsTabType } from "@/types/my";
+
+const PostsTabNavigation = ({
+  activeTab,
+  onTabChange,
+  counts,
+}: {
+  activeTab: PostsTabType;
+  onTabChange: (tab: PostsTabType) => void;
+  counts: {
+    all: number;
+    reflections: number;
+    questions: number;
+  };
+}) => (
+  <div className="flex space-x-1 p-1 bg-gray-100 rounded-lg">
+    <button
+      onClick={() => onTabChange("all")}
+      className={`flex-1 py-2 px-4 rounded-md text-sm font-medium transition-colors ${
+        activeTab === "all"
+          ? "bg-accent-50 text-accent-700 shadow-sm hover:cursor-pointer"
+          : "text-gray-600 hover:text-gray-900 hover:cursor-pointer hover:bg-white"
+      }`}
+    >
+      전체 ({counts.all})
+    </button>
+    <button
+      onClick={() => onTabChange("reflections")}
+      className={`flex-1 py-2 px-4 rounded-md text-sm font-medium transition-colors ${
+        activeTab === "reflections"
+          ? "bg-accent-50 text-accent-700 shadow-sm"
+          : "text-gray-600 hover:text-gray-900 hover:cursor-pointer hover:bg-white"
+      }`}
+    >
+      회고 ({counts.reflections})
+    </button>
+    <button
+      onClick={() => onTabChange("questions")}
+      className={`flex-1 py-2 px-4 rounded-md text-sm font-medium transition-colors ${
+        activeTab === "questions"
+          ? "bg-accent-50 text-accent-700 shadow-sm"
+          : "text-gray-600 hover:text-gray-900 hover:cursor-pointer hover:bg-white"
+      }`}
+    >
+      질문 ({counts.questions})
+    </button>
+  </div>
+);
+
+export default PostsTabNavigation;
diff --git a/src/components/my/posts/VisibilityIcon.tsx b/src/components/my/posts/VisibilityIcon.tsx
new file mode 100644
index 0000000..71119d0
--- /dev/null
+++ b/src/components/my/posts/VisibilityIcon.tsx
@@ -0,0 +1,19 @@
+import { Eye, Lock, Users } from "lucide-react";
+
+const VisibilityIcon = ({
+  isPublic,
+  isNeighborVisible,
+}: {
+  isPublic: boolean;
+  isNeighborVisible: boolean;
+}) => {
+  if (isPublic) {
+    return <Eye className="w-4 h-4 text-green-600" />;
+  } else if (isNeighborVisible) {
+    return <Users className="w-4 h-4 text-blue-600" />;
+  } else {
+    return <Lock className="w-4 h-4 text-gray-600" />;
+  }
+};
+
+export default VisibilityIcon;
diff --git a/src/components/my/profile/DomainPrivacyCard.tsx b/src/components/my/profile/DomainPrivacyCard.tsx
new file mode 100644
index 0000000..65d82f6
--- /dev/null
+++ b/src/components/my/profile/DomainPrivacyCard.tsx
@@ -0,0 +1,72 @@
+import { Globe, Lock, Users } from "lucide-react";
+
+const DomainPrivacyCard = ({
+  icon,
+  title,
+  visibility,
+  onVisibilityChange,
+}: {
+  icon: React.ReactNode;
+  title: string;
+  visibility: "public" | "neighbors" | "private";
+  onVisibilityChange: (visibility: "public" | "neighbors" | "private") => void;
+}) => {
+  const getVisibilityInfo = (level: "public" | "neighbors" | "private") => {
+    switch (level) {
+      case "public":
+        return {
+          icon: <Globe className="w-4 h-4" />,
+          label: "전체",
+          color: "text-green-600 bg-green-50",
+        };
+      case "neighbors":
+        return {
+          icon: <Users className="w-4 h-4" />,
+          label: "이웃",
+          color: "text-blue-600 bg-blue-50",
+        };
+      case "private":
+        return {
+          icon: <Lock className="w-4 h-4" />,
+          label: "비공개",
+          color: "text-gray-600 bg-gray-50",
+        };
+    }
+  };
+
+  return (
+    <div className="flex flex-col gap-3 px-4 flex-1">
+      <div className="flex items-center gap-2">
+        <div className="p-2 bg-blue-50 rounded-lg">{icon}</div>
+        <h3 className="font-medium text-gray-900">{title}</h3>
+      </div>
+
+      <div className="space-y-2">
+        {(["public", "neighbors", "private"] as const).map((level) => {
+          const info = getVisibilityInfo(level);
+          return (
+            <button
+              key={level}
+              onClick={() => onVisibilityChange(level)}
+              className={`w-full p-3 rounded-lg border-2 transition-all hover:cursor-pointer ${
+                visibility === level
+                  ? "border-accent-500 bg-accent-50"
+                  : "border-gray-200 hover:border-accent-300"
+              }`}
+            >
+              <div className="flex items-center gao-2">
+                <div className={`p-1 rounded ${info.color}`}>{info.icon}</div>
+                <span className="font-medium text-gray-900">{info.label}</span>
+                {visibility === level && (
+                  <div className="ml-auto w-2 h-2 bg-accent-500 rounded-full"></div>
+                )}
+              </div>
+            </button>
+          );
+        })}
+      </div>
+    </div>
+  );
+};
+
+export default DomainPrivacyCard;
diff --git a/src/components/my/profile/NicknameEditForm.tsx b/src/components/my/profile/NicknameEditForm.tsx
new file mode 100644
index 0000000..264e13e
--- /dev/null
+++ b/src/components/my/profile/NicknameEditForm.tsx
@@ -0,0 +1,64 @@
+"use client";
+
+import { Save, X } from "lucide-react";
+import { useState } from "react";
+
+const NicknameEditForm = ({
+  currentNickname,
+  onSave,
+  onCancel,
+  loading,
+}: {
+  currentNickname: string | null;
+  onSave: (nickname: string) => void;
+  onCancel: () => void;
+  loading: boolean;
+}) => {
+  const [nickname, setNickname] = useState(currentNickname || "");
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    if (nickname.trim()) {
+      onSave(nickname.trim());
+    }
+  };
+
+  return (
+    <form onSubmit={handleSubmit} className="space-y-4">
+      <div>
+        <label className="block text-sm font-medium text-gray-700 mb-1">
+          닉네임
+        </label>
+        <input
+          type="text"
+          value={nickname}
+          onChange={(e) => setNickname(e.target.value)}
+          className="w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+          placeholder="닉네임을 입력하세요"
+          required
+        />
+      </div>
+
+      <div className="flex space-x-3">
+        <button
+          type="submit"
+          disabled={loading || !nickname.trim()}
+          className="flex items-center space-x-2 px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 disabled:opacity-50"
+        >
+          <Save className="w-4 h-4" />
+          <span>{loading ? "저장 중..." : "저장"}</span>
+        </button>
+        <button
+          type="button"
+          onClick={onCancel}
+          className="flex items-center space-x-2 px-4 py-2 bg-gray-500 text-white rounded-lg hover:bg-gray-600"
+        >
+          <X className="w-4 h-4" />
+          <span>취소</span>
+        </button>
+      </div>
+    </form>
+  );
+};
+
+export default NicknameEditForm;
diff --git a/src/components/my/profile/ProfilePreview.tsx b/src/components/my/profile/ProfilePreview.tsx
new file mode 100644
index 0000000..92db064
--- /dev/null
+++ b/src/components/my/profile/ProfilePreview.tsx
@@ -0,0 +1,162 @@
+"use client";
+
+import { UserProfile } from "@/types/auth";
+import {
+  BookOpen,
+  Edit3,
+  Globe,
+  Lock,
+  MessageCircleQuestion,
+  Save,
+  User,
+  Users,
+  X,
+} from "lucide-react";
+import { useState } from "react";
+
+interface ProfilePreviewProps {
+  user: UserProfile;
+  domainSettings: {
+    reflections: "public" | "neighbors" | "private";
+    questions: "public" | "neighbors" | "private";
+  };
+  onNicknameChange: (nickname: string) => void;
+  isUpdatingNickname: boolean;
+}
+
+const ProfilePreview = ({
+  user,
+  domainSettings,
+  onNicknameChange,
+  isUpdatingNickname,
+}: ProfilePreviewProps) => {
+  const [isEditingNickname, setIsEditingNickname] = useState(false);
+  const [nickname, setNickname] = useState(user.nickname || "");
+
+  const getVisibilityLabel = (level: "public" | "neighbors" | "private") => {
+    switch (level) {
+      case "public":
+        return "전체";
+      case "neighbors":
+        return "이웃";
+      case "private":
+        return "비공개";
+    }
+  };
+
+  const getVisibilityIcon = (level: "public" | "neighbors" | "private") => {
+    switch (level) {
+      case "public":
+        return <Globe className="w-4 h-4 text-green-600" />;
+      case "neighbors":
+        return <Users className="w-4 h-4 text-blue-600" />;
+      case "private":
+        return <Lock className="w-4 h-4 text-gray-600" />;
+    }
+  };
+
+  const handleSaveNickname = () => {
+    if (nickname.trim() && nickname.trim() !== user.nickname) {
+      onNicknameChange(nickname.trim());
+      setIsEditingNickname(false);
+    }
+  };
+
+  const handleCancelEdit = () => {
+    setNickname(user.nickname || "");
+    setIsEditingNickname(false);
+  };
+
+  return (
+    <div className="bg-accent-50 p-4 border rounded-lg shadow-sm">
+      <div className="flex items-center space-x-3 mb-4">
+        <div className="w-12 h-12 bg-blue-500 rounded-full flex items-center justify-center">
+          <User className="w-6 h-6 text-white" />
+        </div>
+        <div className="flex-1">
+          <h4 className="font-semibold text-gray-900">{user.name}</h4>
+
+          {/* 닉네임 편집 영역 */}
+          <div className="flex items-center space-x-2">
+            {isEditingNickname ? (
+              <div className="flex items-center space-x-2">
+                <input
+                  type="text"
+                  value={nickname}
+                  onChange={(e) => setNickname(e.target.value)}
+                  className="px-2 py-1 text-sm border rounded focus:outline-none focus:ring-1 focus:ring-accent-500"
+                  placeholder="닉네임을 입력하세요."
+                  disabled={isUpdatingNickname}
+                />
+                <button
+                  onClick={handleSaveNickname}
+                  disabled={
+                    isUpdatingNickname ||
+                    !nickname.trim() ||
+                    nickname.trim() === user.nickname
+                  }
+                  className="p-1 text-accent-600 rounded disabled:opacity-50 hover:cursor-pointer"
+                >
+                  <Save className="w-4 h-4" />
+                </button>
+                <button
+                  onClick={handleCancelEdit}
+                  disabled={isUpdatingNickname}
+                  className="p-1 text-red-600 hover:cursor-pointer rounded disabled:opacity-50"
+                >
+                  <X className="w-4 h-4" />
+                </button>
+              </div>
+            ) : (
+              <div className="flex items-center space-x-2">
+                <p className="text-accent-600">
+                  @{user.nickname || "닉네임 없음"}
+                </p>
+                <button
+                  onClick={() => setIsEditingNickname(true)}
+                  className="p-1 text-accent-600 rounded transition-colors hover:cursor-pointer"
+                >
+                  <Edit3 className="w-4 h-4" />
+                </button>
+              </div>
+            )}
+          </div>
+
+          <p className="text-sm text-gray-500">
+            {new Date(user.created_at).toLocaleDateString()} 가입
+          </p>
+        </div>
+      </div>
+
+      <div className="space-y-3">
+        <div className="flex items-center justify-between p-3 bg-white rounded-lg">
+          <div className="flex items-center space-x-2">
+            <BookOpen className="w-5 h-5 text-blue-600" />
+            <span className="text-gray-700">회고</span>
+          </div>
+          <div className="flex items-center space-x-2">
+            {getVisibilityIcon(domainSettings.reflections)}
+            <span className="text-sm font-medium text-gray-600">
+              {getVisibilityLabel(domainSettings.reflections)}
+            </span>
+          </div>
+        </div>
+
+        <div className="flex items-center justify-between p-3 bg-white rounded-lg">
+          <div className="flex items-center space-x-2">
+            <MessageCircleQuestion className="w-5 h-5 text-green-600" />
+            <span className="text-gray-700">질문</span>
+          </div>
+          <div className="flex items-center space-x-2">
+            {getVisibilityIcon(domainSettings.questions)}
+            <span className="text-sm font-medium text-gray-600">
+              {getVisibilityLabel(domainSettings.questions)}
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default ProfilePreview;
diff --git a/src/components/my/scraps/EmptyState.tsx b/src/components/my/scraps/EmptyState.tsx
new file mode 100644
index 0000000..2635281
--- /dev/null
+++ b/src/components/my/scraps/EmptyState.tsx
@@ -0,0 +1,21 @@
+import { Bookmark } from "lucide-react";
+
+const EmptyState = ({
+  type,
+  title,
+  description,
+}: {
+  type: "scraps" | "search";
+  title: string;
+  description: string;
+}) => (
+  <div className="text-center py-12">
+    <div className="flex justify-center mb-4">
+      <Bookmark className="w-12 h-12 text-gray-400" />
+    </div>
+    <h3 className="text-lg font-medium text-gray-900 mb-2">{title}</h3>
+    <p className="text-gray-500">{description}</p>
+  </div>
+);
+
+export default EmptyState;
diff --git a/src/components/my/scraps/KeywordChip.tsx b/src/components/my/scraps/KeywordChip.tsx
new file mode 100644
index 0000000..d6d6489
--- /dev/null
+++ b/src/components/my/scraps/KeywordChip.tsx
@@ -0,0 +1,19 @@
+const KeywordChip = ({
+  keyword,
+}: {
+  keyword: { id: string; name: string; color: string };
+}) => (
+  <span
+    className="inline-flex items-center px-2 py-1 text-xs rounded-full"
+    style={{
+      backgroundColor: `${keyword.color}20`,
+      color: keyword.color,
+      borderColor: keyword.color,
+      border: "1px solid",
+    }}
+  >
+    #{keyword.name}
+  </span>
+);
+
+export default KeywordChip;
diff --git a/src/components/my/scraps/ScrapCard.tsx b/src/components/my/scraps/ScrapCard.tsx
new file mode 100644
index 0000000..2fa46b0
--- /dev/null
+++ b/src/components/my/scraps/ScrapCard.tsx
@@ -0,0 +1,112 @@
+import {
+  Bookmark,
+  BookOpen,
+  ExternalLink,
+  MessageCircleQuestion,
+  Trash2,
+} from "lucide-react";
+import KeywordChip from "./KeywordChip";
+
+const ScrapCard = ({
+  scrap,
+  onRemove,
+  onViewOriginal,
+  loading,
+}: {
+  scrap: {
+    id: string;
+    content_type: "reflection" | "question";
+    scraped_at: string;
+    author: {
+      id: string;
+      name: string;
+      nickname: string;
+    };
+    content: {
+      id: string;
+      title?: string;
+      content: string;
+      category: string;
+      date: string;
+      is_answered?: boolean;
+      answer?: string;
+      keywords: Array<{
+        id: string;
+        name: string;
+        color: string;
+      }>;
+    };
+  };
+  onRemove: () => void;
+  onViewOriginal: () => void;
+  loading: boolean;
+}) => (
+  <div className="p-4 bg-white border rounded-lg hover:shadow-md transition-shadow hover:border-accent-500">
+    <div className="flex items-center justify-between mb-4">
+      <div className="flex gap-2 items-center">
+        {scrap.content_type === "reflection" ? (
+          <div className="p-2 bg-blue-50 rounded-lg">
+            <BookOpen className="w-5 h-5 text-blue-600" />
+          </div>
+        ) : (
+          <div className="p-2 bg-green-50 rounded-lg">
+            <MessageCircleQuestion className="w-5 h-5 text-green-600" />
+          </div>
+        )}
+
+        {/* 작성자 정보 */}
+        {scrap.author.nickname ? (
+          <span className="text-sm text-gray-600">{scrap.author.nickname}</span>
+        ) : (
+          <span className="text-sm text-gray-600">{scrap.author.name}</span>
+        )}
+      </div>
+      <div className="flex items-center gap-2">
+        <span className="flex gap-2 items-center text-sm text-gray-500">
+          <Bookmark className="w-4 h-4 text-yellow-500" />
+          {new Date(scrap.scraped_at).toLocaleDateString()}
+        </span>
+        <button
+          onClick={onViewOriginal}
+          className="p-1 text-gray-400 hover:text-blue-600"
+          title="원글 보기"
+        >
+          <ExternalLink className="w-4 h-4" />
+        </button>
+        <button
+          onClick={onRemove}
+          disabled={loading}
+          className="p-1 text-gray-400 hover:text-red-600 disabled:opacity-50"
+          title="스크랩 삭제"
+        >
+          <Trash2 className="w-4 h-4" />
+        </button>
+      </div>
+    </div>
+
+    {scrap.content.title && (
+      <h3 className="text-lg font-semibold text-gray-900 mb-2">
+        {scrap.content.title}
+      </h3>
+    )}
+
+    <p className="text-gray-700 mb-4 line-clamp-3">{scrap.content.content}</p>
+
+    {scrap.content_type === "question" && scrap.content.answer && (
+      <div className="bg-accent-50 p-3 rounded mb-4">
+        <p className="text-sm font-medium text-gray-700 mb-1">답변:</p>
+        <p className="text-gray-600 line-clamp-2">{scrap.content.answer}</p>
+      </div>
+    )}
+
+    {scrap.content.keywords.length > 0 && (
+      <div className="flex flex-wrap gap-2">
+        {scrap.content.keywords.map((keyword) => (
+          <KeywordChip key={keyword.id} keyword={keyword} />
+        ))}
+      </div>
+    )}
+  </div>
+);
+
+export default ScrapCard;
diff --git a/src/components/my/scraps/ScrapsFilterBar.tsx b/src/components/my/scraps/ScrapsFilterBar.tsx
new file mode 100644
index 0000000..8aca7ab
--- /dev/null
+++ b/src/components/my/scraps/ScrapsFilterBar.tsx
@@ -0,0 +1,59 @@
+import { ScrapsFilters } from "@/types/my";
+import { Search } from "lucide-react";
+
+const ScrapsFilterBar = ({
+  filters,
+  onFiltersChange,
+}: {
+  filters: ScrapsFilters;
+  onFiltersChange: (filters: Partial<ScrapsFilters>) => void;
+}) => (
+  <div className="flex flex-col sm:flex-row gap-4 mb-4">
+    {/* 검색 */}
+    <div className="relative flex-1">
+      <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5" />
+      <input
+        type="text"
+        placeholder="스크랩한 글 검색..."
+        value={filters.search}
+        onChange={(e) => onFiltersChange({ search: e.target.value })}
+        className="w-full pl-10 pr-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 hover:border-accent-400"
+      />
+    </div>
+    <div className="flex justify-end gap-2">
+      {/* 콘텐츠 타입 필터 */}
+      <select
+        value={filters.content_type || "all"}
+        onChange={(e) =>
+          onFiltersChange({
+            content_type:
+              e.target.value === "all"
+                ? undefined
+                : (e.target.value as "reflections" | "questions"),
+          })
+        }
+        className="px-2 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 hover:border-accent-400 hover:cursor-pointer"
+      >
+        <option value="all">전체</option>
+        <option value="reflections">회고</option>
+        <option value="questions">질문</option>
+      </select>
+
+      {/* 정렬 */}
+      <select
+        value={filters.sort}
+        onChange={(e) =>
+          onFiltersChange({
+            sort: e.target.value as "recent" | "oldest",
+          })
+        }
+        className="pl-3 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 hover:border-accent-400 hover:cursor-pointer"
+      >
+        <option value="recent">최신 순</option>
+        <option value="oldest">오래된 순</option>
+      </select>
+    </div>
+  </div>
+);
+
+export default ScrapsFilterBar;
diff --git a/src/components/reflections/KeywordInput.tsx b/src/components/reflections/KeywordInput.tsx
index 498fd53..0b1d996 100644
--- a/src/components/reflections/KeywordInput.tsx
+++ b/src/components/reflections/KeywordInput.tsx
@@ -58,33 +58,25 @@ const KeywordInput = ({
   const isMaxReached = keywords.length >= maxKeywords;
 
   return (
-    <div className="space-y-2">
+    <div className="flex flex-col gap-2">
       {/* 입력창 */}
-      <div
-        className={`min-h-[42px] px-3 py-2 border rounded-lg cursor-text transition-colors ${
-          isFocused
-            ? "border-accent-500 ring-2 ring-accent-200"
-            : "border-gray-300 hover:border-gray-400"
-        }`}
+      <input
+        ref={inputRef}
+        type="text"
+        value={inputValue}
         onClick={handleContainerClick}
-      >
-        <input
-          ref={inputRef}
-          type="text"
-          value={inputValue}
-          onChange={(e) => setInputValue(e.target.value)}
-          onKeyDown={handleKeyDown}
-          onFocus={() => setIsFocused(true)}
-          onBlur={() => setIsFocused(false)}
-          placeholder={
-            isMaxReached
-              ? `최대 ${maxKeywords}개의 키워드를 작성할 수 있습니다.`
-              : placeholder
-          }
-          disabled={isMaxReached}
-          className="w-full outline-none bg-transparent text-sm placeholder-gray-500 disabled:placeholder-red-500"
-        />
-      </div>
+        onChange={(e) => setInputValue(e.target.value)}
+        onKeyDown={handleKeyDown}
+        onFocus={() => setIsFocused(true)}
+        onBlur={() => setIsFocused(false)}
+        placeholder={
+          isMaxReached
+            ? `최대 ${maxKeywords}개의 키워드를 작성할 수 있습니다.`
+            : placeholder
+        }
+        disabled={isMaxReached}
+        className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 text-sm disabled:placeholder-red-500"
+      />
 
       {/* 키워드 목록 */}
       {keywords.length > 0 && (
@@ -101,7 +93,7 @@ const KeywordInput = ({
                   e.stopPropagation();
                   removeKeyword(index);
                 }}
-                className="hover:bg-accent-200 rounded-full p-0.5 transition-colors"
+                className="hover:bg-accent-200 rounded-full p-0.5 transition-colors hover:cursor-pointer"
               >
                 <X className="w-3 h-3" />
               </button>
diff --git a/src/components/reflections/KeywordManagementModal.tsx b/src/components/reflections/KeywordManagementModal.tsx
index 4bf1748..e02fb22 100644
--- a/src/components/reflections/KeywordManagementModal.tsx
+++ b/src/components/reflections/KeywordManagementModal.tsx
@@ -65,7 +65,7 @@ const KeywordManagementModal = ({
     <Modal isOpen={isOpen} onClose={onClose} size="lg">
       <div className="flex flex-col max-h-[80vh]">
         {/* 헤더 */}
-        <div className="flex items-center justify-between p-6 border-b border-gray-200">
+        <div className="flex items-center justify-between p-6 border-b border-accent-500">
           <div className="flex items-center gap-3">
             <div className="p-2 bg-gray-100 rounded-lg">
               <Hash className="w-5 h-5 text-accent-600" />
@@ -74,9 +74,9 @@ const KeywordManagementModal = ({
           </div>
           <button
             onClick={onClose}
-            className="p-2 hover:bg-gray-100 rounded-lg transition-colors"
+            className="p-2 hover:bg-accent-100 rounded-full transition-colors hover:cursor-pointer"
           >
-            <X className="w-5 h-5 text-gray-500" />
+            <X className="w-5 h-5 text-accent-500" />
           </button>
         </div>
 
@@ -137,7 +137,7 @@ const KeywordManagementModal = ({
             </div>
           ) : (
             <div className="text-center py-12">
-              <Hash className="w-16 h-16 text-gray-300 mx-auto mb-4" />
+              <Hash className="w-16 h-16 text-accent-300 mx-auto mb-4" />
               <h3 className="text-lg font-medium text-gray-600 mb-2">
                 삭제할 수 있는 키워드가 없습니다.
               </h3>
diff --git a/src/components/reflections/KeywordReflectionsModal.tsx b/src/components/reflections/KeywordReflectionsModal.tsx
index acb1a85..a05084f 100644
--- a/src/components/reflections/KeywordReflectionsModal.tsx
+++ b/src/components/reflections/KeywordReflectionsModal.tsx
@@ -116,7 +116,7 @@ const KeywordReflectionsModal = ({
       <div className="fixed inset-0 bg-black/50 flex items-center justify-center p-4 z-50">
         <div className="bg-white rounded-xl max-w-2xl w-full max-h-[90vh] overflow-hidden shadow-2xl">
           {/* 헤더 */}
-          <div className="flex flex-col p-4 border-b border-gray-200">
+          <div className="flex flex-col p-4 border-b border-accent-500">
             <div className="flex justify-between">
               <div className="flex items-center gap-2">
                 {/* 카테고리 통계 */}
@@ -144,7 +144,7 @@ const KeywordReflectionsModal = ({
                 <button
                   onClick={handlePrevious}
                   disabled={keywordReflections.length <= 1}
-                  className="hover:bg-gray-100 rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+                  className="hover:text-accent-500 rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed hover:cursor-pointer"
                 >
                   <ChevronLeft className="w-6 h-6" />
                 </button>
@@ -157,19 +157,21 @@ const KeywordReflectionsModal = ({
                 <button
                   onClick={handleNext}
                   disabled={keywordReflections.length <= 1}
-                  className="hover:bg-gray-100 rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+                  className="hover:text-accent-500 rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed hover:cursor-pointer"
                 >
                   <ChevronRight className="w-6 h-6" />
                 </button>
               </div>
 
-              <div className="flex items-center justify-end">
-                <span className="text-sm text-gray-500">
-                  {currentIndex + 1} / {keywordReflections.length}
-                </span>
+              <div className="flex items-center justify-end gap-1">
+                <p className="flex gap-2 text-md bg-accent-50 px-4 py-1 rounded-lg">
+                  <span>{currentIndex + 1}</span>
+                  <span>/</span>
+                  <span>{keywordReflections.length}</span>
+                </p>
                 <button
                   onClick={handleClose}
-                  className="p-2 hover:bg-gray-100 rounded-lg transition-colors"
+                  className="p-2 hover:bg-accent-100 rounded-full text-accent-500 transition-colors hover:cursor-pointer"
                 >
                   <X className="w-5 h-5" />
                 </button>
diff --git a/src/components/reflections/ReflectionCard.tsx b/src/components/reflections/ReflectionCard.tsx
index bf6adf8..8b0e128 100644
--- a/src/components/reflections/ReflectionCard.tsx
+++ b/src/components/reflections/ReflectionCard.tsx
@@ -41,33 +41,62 @@ const ReflectionCard = ({
   return (
     <Link
       href={`/reflections/${reflection.id}`}
-      className="block bg-white rounded-lg p-2 shadow-sm border hover:shadow-md transition-shadow cursor-pointer"
+      className="block bg-white rounded-lg p-4 shadow-sm border hover:shadow-md transition-shadow hover:border-accent-500"
     >
-      <div className="flex flex-col mb-3">
-        <div className="flex justify-between">
-          <span
-            title={getVisibilityLabel(
-              reflection.is_public,
-              reflection.is_neighbor_visible,
-            )}
+      {/* 헤더 */}
+      <div className="flex justify-between mb-3">
+        <div className="flex items-center gap-2">
+          <div
+            className={`p-2 rounded-lg ${getReflectionTypeBgColor(reflection.category?.name || "gratitude")}`}
           >
-            {getVisibilityStatus(
-              reflection.is_public,
-              reflection.is_neighbor_visible,
-            )}
-          </span>
+            <TypeIcon
+              className={`w-4 h-4 ${getReflectionTypeColor(reflection.category?.name || "gratitude")}`}
+            />
+          </div>
+          <div className="flex flex-col gap-1">
+            <div className="flex items-center gap-1">
+              <span
+                title={getVisibilityLabel(
+                  reflection.is_public,
+                  reflection.is_neighbor_visible,
+                )}
+              >
+                {getVisibilityStatus(
+                  reflection.is_public,
+                  reflection.is_neighbor_visible,
+                )}
+              </span>
+              <span
+                className={`text-sm font-medium ${getReflectionTypeColor(reflection.category?.name || "gratitude")}`}
+              >
+                {reflection.category?.display_name ||
+                  getReflectionTypeLabel(
+                    reflection.category?.name || "gratitude",
+                  )}
+              </span>
+            </div>
+
+            <div className="flex items-center gap-2 text-xs text-gray-500">
+              <Calendar className="w-3 h-3" />
+              {format(new Date(reflection.date), "yyyy. M. d.", {
+                locale: ko,
+              })}
+            </div>
+          </div>
+        </div>
+        <div className="flex items-start">
           {reflection.is_own && (
             <div className="flex items-center gap-1">
               <button
                 onClick={handleEdit}
-                className="text-gray-400 hover:text-blue-500 hover:bg-blue-50 rounded-lg transition-colors"
+                className="text-blue-400 hover:text-blue-500 hover:bg-blue-50 rounded-lg transition-colors hover:cursor-pointer"
                 title="편집"
               >
                 <Edit className="w-4 h-4" />
               </button>
               <button
                 onClick={handleDelete}
-                className="text-gray-400 hover:text-red-500 hover:bg-red-50 rounded-lg transition-colors"
+                className="text-red-400 hover:text-red-500 hover:bg-red-50 rounded-lg transition-colors hover:cursor-pointer"
                 title="삭제"
               >
                 <Trash2 className="w-4 h-4" />
@@ -75,71 +104,41 @@ const ReflectionCard = ({
             </div>
           )}
         </div>
-        <div className="flex items-center gap-2">
-          <div
-            className={`p-2 rounded-lg ${getReflectionTypeBgColor(reflection.category?.name || "gratitude")}`}
-          >
-            <TypeIcon
-              className={`w-4 h-4 ${getReflectionTypeColor(reflection.category?.name || "gratitude")}`}
-            />
-          </div>
-          <div>
-            <span
-              className={`text-sm font-medium ${getReflectionTypeColor(reflection.category?.name || "gratitude")}`}
-            >
-              {reflection.category?.display_name ||
-                getReflectionTypeLabel(
-                  reflection.category?.name || "gratitude",
-                )}
-            </span>
-            <div className="flex items-center gap-2 text-xs text-gray-500">
-              <Calendar className="w-3 h-3" />
-              {format(new Date(reflection.date), "yyyy. M. d.", {
-                locale: ko,
-              })}
-            </div>
-          </div>
-        </div>
       </div>
 
-      {/* 제목 */}
-      {reflection.title && (
-        <h3 className="text-lg font-medium text-gray-900 mb-2">
-          {reflection.title}
-        </h3>
-      )}
+      <div className="flex flex-col min-h-20 max-h-40 gap-2">
+        {/* 제목 */}
+        {reflection.title ? (
+          <h3 className="text-lg font-medium text-gray-900">
+            {reflection.title}
+          </h3>
+        ) : (
+          <h3 className="text-lg font-medium min-h-[18px]">{""}</h3>
+        )}
 
-      {/* 내용 */}
-      <p className="text-gray-700 text-sm leading-relaxed mb-4 line-clamp-3">
-        {reflection.content}
-      </p>
+        {/* 내용 */}
+        <p className="text-gray-700 text-sm leading-relaxed line-clamp-3 min-h-[70px]">
+          {reflection.content}
+        </p>
 
-      {/* 키워드 */}
-      {reflection.keywords && reflection.keywords.length > 0 && (
-        <div className="flex flex-wrap gap-2 mb-3">
-          {reflection.keywords.map((keyword) => (
-            <span
-              key={keyword.id}
-              className="inline-flex items-center px-2 py-1 rounded-md text-xs font-medium"
-              style={{
-                backgroundColor: `${keyword.color}20`,
-                color: keyword.color,
-              }}
-            >
-              {keyword.name}
-            </span>
-          ))}
-        </div>
-      )}
-
-      {/* 작성자 정보 (다른 사용자 회고인 경우) */}
-      {!reflection.is_own && reflection.author_name && (
-        <div className="flex items-center justify-between text-xs text-gray-500 pt-3 border-t">
-          <span>
-            작성자: {reflection.author_nickname || reflection.author_name}
-          </span>
-        </div>
-      )}
+        {/* 키워드 */}
+        {reflection.keywords && reflection.keywords.length > 0 && (
+          <div className="flex flex-wrap gap-2">
+            {reflection.keywords.map((keyword) => (
+              <span
+                key={keyword.id}
+                className="inline-flex items-center px-2 py-1 rounded-md text-xs font-medium"
+                style={{
+                  backgroundColor: `${keyword.color}20`,
+                  color: keyword.color,
+                }}
+              >
+                {keyword.name}
+              </span>
+            ))}
+          </div>
+        )}
+      </div>
     </Link>
   );
 };
diff --git a/src/components/reflections/ReflectionForm.tsx b/src/components/reflections/ReflectionForm.tsx
index 98c7aa7..4c4ec03 100644
--- a/src/components/reflections/ReflectionForm.tsx
+++ b/src/components/reflections/ReflectionForm.tsx
@@ -82,7 +82,7 @@ const ReflectionForm = ({
           <button
             type="button"
             onClick={onCancel}
-            className="p-2 text-gray-400 hover:text-gray-600 transition-colors"
+            className="p-2 rounded-full hover:bg-accent-50 text-gray-800 hover:text-accent-500 transition-colors hover:cursor-pointer"
           >
             <X className="w-5 h-5" />
           </button>
@@ -90,7 +90,7 @@ const ReflectionForm = ({
 
         {/* 도움말 */}
         {mode === "create" && (
-          <div className="bg-blue-50 border border-blue-200 rounded-lg p-2">
+          <div className="bg-gray-50 border border-accent-200 rounded-lg p-2">
             <h3 className="font-medium text-accent-400 mb-2">Tip</h3>
             <ul className="text-sm text-accent-500 space-y-1">
               <li>
@@ -129,17 +129,17 @@ const ReflectionForm = ({
         {/* 카테고리 선택 */}
         <div className="space-y-3">
           <label className="block text-sm font-medium text-gray-700">
-            타입 *
+            타입 <strong className="text-red-500">*</strong>
           </label>
           <div className="grid grid-cols-2 gap-3">
             {gratitudeCategory && (
               <button
                 type="button"
                 onClick={() => handleCategoryChange(gratitudeCategory.id)}
-                className={`p-4 rounded-lg border-2 transition-all ${
+                className={`p-4 rounded-lg border-2 transition-all hover:cursor-pointer ${
                   formData.category_id === gratitudeCategory.id
                     ? "border-orange-300 bg-orange-50"
-                    : "border-gray-200 hover:border-gray-300"
+                    : "border-gray-200 hover:border-accent-300 hover:bg-accent-50"
                 }`}
               >
                 <div className="flex items-center gap-3">
@@ -162,10 +162,10 @@ const ReflectionForm = ({
               <button
                 type="button"
                 onClick={() => handleCategoryChange(reflectionCategory.id)}
-                className={`p-4 rounded-lg border-2 transition-all ${
+                className={`p-4 rounded-lg border-2 transition-all hover:cursor-pointer ${
                   formData.category_id === reflectionCategory.id
                     ? "border-blue-300 bg-blue-50"
-                    : "border-gray-200 hover:border-gray-300"
+                    : "border-gray-200 hover:border-accent-300 hover:bg-accent-50"
                 }`}
               >
                 <div className="flex items-center gap-3">
@@ -196,7 +196,7 @@ const ReflectionForm = ({
             value={formData.date}
             onChange={(e) => updateField("date", e.target.value)}
             max={format(new Date(), "yyyy-MM-dd")}
-            className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500"
+            className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 hover:cursor-pointer"
             required
           />
         </div>
@@ -211,7 +211,7 @@ const ReflectionForm = ({
             value={formData.title || ""}
             onChange={(e) => updateField("title", e.target.value || null)}
             placeholder={`오늘의 ${selectedCategory?.display_name || "회고"}...`}
-            className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500"
+            className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500"
           />
         </div>
 
@@ -229,7 +229,7 @@ const ReflectionForm = ({
                 : "오늘 느낀 것, 배운 것, 깨달은 것을 정리해보세요..."
             }
             rows={6}
-            className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500 resize-none"
+            className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 resize-none"
             required
           />
           <div className="flex justify-between text-xs text-gray-500">
@@ -262,7 +262,7 @@ const ReflectionForm = ({
             공개 범위
           </label>
           <div className="space-y-2">
-            <label className="flex items-center gap-2">
+            <label className="flex items-center gap-2 hover:cursor-pointer hover:text-accent-500">
               <input
                 type="radio"
                 name="visibility"
@@ -271,12 +271,12 @@ const ReflectionForm = ({
                   updateField("is_public", true);
                   updateField("is_neighbor_visible", true);
                 }}
-                className="w-4 h-4 text-accent-600 bg-gray-100 border-gray-300 focus:ring-accent-500"
+                className="w-4 h-4 text-accent-600 bg-accent-100 border-accent-300 focus:outline-none focus:ring-accent-500"
               />
               <span className="text-sm">전체</span>
             </label>
 
-            <label className="flex items-center gap-2">
+            <label className="flex items-center gap-2 hover:cursor-pointer hover:text-accent-500">
               <input
                 type="radio"
                 name="visibility"
@@ -285,12 +285,12 @@ const ReflectionForm = ({
                   updateField("is_public", false);
                   updateField("is_neighbor_visible", true);
                 }}
-                className="w-4 h-4 text-accent-600 bg-gray-100 border-gray-300 focus:ring-accent-500"
+                className="w-4 h-4 text-accent-600 bg-accent-100 border-accent-300 focus:outline-none focus:ring-accent-500"
               />
               <span className="text-sm">이웃</span>
             </label>
 
-            <label className="flex items-center gap-2">
+            <label className="flex items-center gap-2 hover:cursor-pointer hover:text-accent-500">
               <input
                 type="radio"
                 name="visibility"
@@ -299,7 +299,7 @@ const ReflectionForm = ({
                   updateField("is_public", false);
                   updateField("is_neighbor_visible", false);
                 }}
-                className="w-4 h-4 text-accent-600 bg-gray-100 border-gray-300 focus:ring-accent-500"
+                className="w-4 h-4 text-accent-600 bg-accent-100 border-accent-300 focus:outline-none focus:ring-accent-500"
               />
               <span className="text-sm">비공개</span>
             </label>
@@ -308,17 +308,10 @@ const ReflectionForm = ({
 
         {/* 버튼 */}
         <div className="flex gap-3 pt-4">
-          <button
-            type="button"
-            onClick={onCancel}
-            className="flex-1 px-4 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors"
-          >
-            취소
-          </button>
           <button
             type="submit"
             disabled={!isFormValid || isSubmitting}
-            className="flex-1 px-4 py-2 bg-accent-600 text-white rounded-lg hover:bg-accent-700 disabled:bg-gray-300 disabled:cursor-not-allowed transition-colors flex items-center justify-center gap-2"
+            className="flex-1 px-4 py-2 bg-accent-600 text-white rounded-lg hover:bg-accent-700 disabled:bg-gray-300 disabled:cursor-not-allowed transition-colors flex items-center justify-center gap-2 hover:cursor-pointer"
           >
             {isSubmitting ? (
               <div className="w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin" />
@@ -327,6 +320,13 @@ const ReflectionForm = ({
             )}
             {mode === "create" ? "작성" : "수정"}
           </button>
+          <button
+            type="button"
+            onClick={onCancel}
+            className="flex-1 px-4 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors hover:cursor-pointer"
+          >
+            취소
+          </button>
         </div>
       </form>
     </div>
diff --git a/src/hooks/my/useActionLoading.ts b/src/hooks/my/useActionLoading.ts
new file mode 100644
index 0000000..76e7c31
--- /dev/null
+++ b/src/hooks/my/useActionLoading.ts
@@ -0,0 +1,39 @@
+import { useCallback, useState } from "react";
+
+export const useActionLoading = () => {
+  const [loadingStates, setLoadingStates] = useState<Record<string, boolean>>(
+    {},
+  );
+
+  const setLoading = useCallback((actionId: string, loading: boolean) => {
+    setLoadingStates((prev) => ({
+      ...prev,
+      [actionId]: loading,
+    }));
+  }, []);
+
+  const isLoading = useCallback(
+    (actionId: string) => {
+      return loadingStates[actionId] || false;
+    },
+    [loadingStates],
+  );
+
+  const withLoading = useCallback(
+    async <T>(actionId: string, action: () => Promise<T>): Promise<T> => {
+      setLoading(actionId, true);
+      try {
+        return await action();
+      } finally {
+        setLoading(actionId, false);
+      }
+    },
+    [setLoading],
+  );
+
+  return {
+    isLoading,
+    setLoading,
+    withLoading,
+  };
+};
diff --git a/src/hooks/my/useMyNeighbors.ts b/src/hooks/my/useMyNeighbors.ts
new file mode 100644
index 0000000..f61fff6
--- /dev/null
+++ b/src/hooks/my/useMyNeighbors.ts
@@ -0,0 +1,187 @@
+import { supabase } from "@/lib/supabase";
+import { NeighborFilters, NeighborInfo, NeighborRequest } from "@/types/my";
+import { useCallback, useEffect, useState } from "react";
+
+export const useMyNeighbors = () => {
+  const [requests, setRequests] = useState<NeighborRequest[]>([]);
+  const [neighbors, setNeighbors] = useState<NeighborInfo[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const [filters, setFilters] = useState<NeighborFilters>({
+    search: "",
+  });
+
+  const fetchNeighbors = useCallback(async () => {
+    try {
+      setLoading(true);
+
+      // 현재 사용자 ID 가져오기
+      const {
+        data: { user },
+        error: userError,
+      } = await supabase.auth.getUser();
+      if (userError) throw userError;
+      if (!user) throw new Error("인증이 필요합니다.");
+
+      // 이웃 요청 목록 가져오기
+      const { data: requestsData, error: requestsError } = await supabase
+        .from("neighbor_status_view")
+        .select("*")
+        .eq("recipient_id", user.id)
+        .eq("status", "pending")
+        .order("created_at", { ascending: false });
+
+      if (requestsError) throw requestsError;
+
+      // 이웃 목록 가져오기
+      const { data: neighborsData, error: neighborsError } = await supabase
+        .from("neighbor_status_view")
+        .select("*")
+        .or(
+          `and(requester_id.eq.${user.id},status.eq.accepted),and(recipient_id.eq.${user.id},status.eq.accepted)`,
+        )
+        .order("updated_at", { ascending: false });
+
+      if (neighborsError) throw neighborsError;
+
+      // 요청 데이터 변환
+      const requests: NeighborRequest[] = (requestsData || []).map((req) => ({
+        id: req.id,
+        requester_id: req.requester_id,
+        requester_name: req.requester_name,
+        requester_nickname: req.requester_nickname,
+        created_at: req.created_at,
+        status: req.status,
+      }));
+
+      // 이웃 데이터 변환
+      const neighbors: NeighborInfo[] = (neighborsData || []).map(
+        (neighbor) => {
+          const isRequester = neighbor.requester_id === user.id;
+          return {
+            id: neighbor.id,
+            user_id: isRequester
+              ? neighbor.recipient_id
+              : neighbor.requester_id,
+            name: isRequester
+              ? neighbor.recipient_name
+              : neighbor.requester_name,
+            nickname: isRequester
+              ? neighbor.recipient_nickname
+              : neighbor.requester_nickname,
+            accepted_at: neighbor.updated_at,
+            mutual_friends_count: 0, // TODO: 상호 이웃 수 계산 쿼리 필요
+            last_active: neighbor.updated_at,
+          };
+        },
+      );
+
+      setRequests(requests);
+      setNeighbors(neighbors);
+    } catch (err) {
+      setError(
+        err instanceof Error
+          ? err.message
+          : "이웃 데이터를 불러오는데 실패했습니다.",
+      );
+      console.error("Failed to fetch neighbors:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  const updateFilters = useCallback((newFilters: Partial<NeighborFilters>) => {
+    setFilters((prev) => ({ ...prev, ...newFilters }));
+  }, []);
+
+  const acceptRequest = useCallback(
+    async (requestId: string) => {
+      try {
+        const { error } = await supabase
+          .from("neighbor_relationships")
+          .update({ status: "accepted" })
+          .eq("id", requestId);
+
+        if (error) throw error;
+
+        // 데이터 새로고침
+        await fetchNeighbors();
+      } catch (err) {
+        setError(
+          err instanceof Error ? err.message : "이웃 요청 수락에 실패했습니다.",
+        );
+        console.error("Failed to accept request:", err);
+      }
+    },
+    [fetchNeighbors],
+  );
+
+  const declineRequest = useCallback(async (requestId: string) => {
+    try {
+      const { error } = await supabase
+        .from("neighbor_relationships")
+        .update({ status: "declined" })
+        .eq("id", requestId);
+
+      if (error) throw error;
+
+      // 요청 목록에서 제거
+      setRequests((prev) => prev.filter((req) => req.id !== requestId));
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "이웃 요청 거절에 실패했습니다.",
+      );
+      console.error("Failed to decline request:", err);
+    }
+  }, []);
+
+  const removeNeighbor = useCallback(async (neighborId: string) => {
+    try {
+      const { error } = await supabase
+        .from("neighbor_relationships")
+        .delete()
+        .eq("id", neighborId);
+
+      if (error) throw error;
+
+      // 이웃 목록에서 제거
+      setNeighbors((prev) =>
+        prev.filter((neighbor) => neighbor.id !== neighborId),
+      );
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "이웃 삭제에 실패했습니다.",
+      );
+      console.error("Failed to remove neighbor:", err);
+    }
+  }, []);
+
+  const sendMessage = useCallback(async (neighborId: string) => {
+    try {
+      console.log("Sending message to neighbor:", neighborId);
+      // TODO: 메시지 보내기 기능 구현
+    } catch (err) {
+      setError("메시지 보내기에 실패했습니다.");
+      console.error("Failed to send message:", err);
+    }
+  }, []);
+
+  useEffect(() => {
+    fetchNeighbors();
+  }, [fetchNeighbors]);
+
+  return {
+    neighbors: { requests, list: neighbors },
+    filters,
+    loading,
+    error,
+    actions: {
+      updateFilters,
+      acceptRequest,
+      declineRequest,
+      removeNeighbor,
+      sendMessage,
+      refresh: fetchNeighbors,
+    },
+  };
+};
diff --git a/src/hooks/my/useMyPageSearch.ts b/src/hooks/my/useMyPageSearch.ts
new file mode 100644
index 0000000..fee99a5
--- /dev/null
+++ b/src/hooks/my/useMyPageSearch.ts
@@ -0,0 +1,62 @@
+import { useCallback, useMemo, useState } from "react";
+
+export const useMyPageSearch = <
+  T extends { content: string; keywords?: { name: string }[] },
+>(
+  data: T[],
+  searchTerm: string,
+) => {
+  return useMemo(() => {
+    if (!searchTerm.trim()) return data;
+
+    const searchLower = searchTerm.toLowerCase();
+    return data.filter((item) => {
+      const contentMatch = item.content.toLowerCase().includes(searchLower);
+      const keywordMatch =
+        item.keywords?.some((keyword) =>
+          keyword.name.toLowerCase().includes(searchLower),
+        ) || false;
+
+      return contentMatch || keywordMatch;
+    });
+  }, [data, searchTerm]);
+};
+
+// 액션 로딩 상태 Hook
+export const useActionLoading = () => {
+  const [loadingStates, setLoadingStates] = useState<Record<string, boolean>>(
+    {},
+  );
+
+  const setLoading = useCallback((actionId: string, loading: boolean) => {
+    setLoadingStates((prev) => ({
+      ...prev,
+      [actionId]: loading,
+    }));
+  }, []);
+
+  const isLoading = useCallback(
+    (actionId: string) => {
+      return loadingStates[actionId] || false;
+    },
+    [loadingStates],
+  );
+
+  const withLoading = useCallback(
+    async <T>(actionId: string, action: () => Promise<T>): Promise<T> => {
+      setLoading(actionId, true);
+      try {
+        return await action();
+      } finally {
+        setLoading(actionId, false);
+      }
+    },
+    [setLoading],
+  );
+
+  return {
+    isLoading,
+    setLoading,
+    withLoading,
+  };
+};
diff --git a/src/hooks/my/useMyPageStats.ts b/src/hooks/my/useMyPageStats.ts
new file mode 100644
index 0000000..b83a7aa
--- /dev/null
+++ b/src/hooks/my/useMyPageStats.ts
@@ -0,0 +1,165 @@
+import { supabase } from "@/lib/supabase";
+import { MyStats } from "@/types/my";
+import { useCallback, useEffect, useState } from "react";
+
+export const useMyPageStats = () => {
+  const [stats, setStats] = useState<MyStats | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  const fetchStats = useCallback(async () => {
+    try {
+      setLoading(true);
+
+      const {
+        data: { user },
+        error: userError,
+      } = await supabase.auth.getUser();
+      if (userError) throw userError;
+      if (!user) throw new Error("인증이 필요합니다.");
+
+      const oneWeekAgo = new Date();
+      oneWeekAgo.setDate(oneWeekAgo.getDate() - 7);
+      const weekAgoString = oneWeekAgo.toISOString().split("T")[0];
+
+      // 병렬로 모든 통계 데이터 가져오기
+      const [
+        reflectionsResult,
+        questionsResult,
+        answeredQuestionsResult,
+        neighborsResult,
+        pendingRequestsResult,
+        scrapsResult,
+        weekReflectionsResult,
+        weekQuestionsResult,
+        weekScrapsResult,
+        weekNeighborsResult,
+      ] = await Promise.all([
+        // 전체 회고 수
+        supabase
+          .from("reflections")
+          .select("id", { count: "exact", head: true })
+          .eq("user_id", user.id),
+
+        // 전체 질문 수
+        supabase
+          .from("questions")
+          .select("id", { count: "exact", head: true })
+          .eq("user_id", user.id),
+
+        // 답변된 질문 수
+        supabase
+          .from("questions")
+          .select("id", { count: "exact", head: true })
+          .eq("user_id", user.id)
+          .eq("is_answered", true),
+
+        // 전체 이웃 수
+        supabase
+          .from("neighbor_relationships")
+          .select("id", { count: "exact", head: true })
+          .or(
+            `and(requester_id.eq.${user.id},status.eq.accepted),and(recipient_id.eq.${user.id},status.eq.accepted)`,
+          ),
+
+        // 대기 중인 요청 수
+        supabase
+          .from("neighbor_relationships")
+          .select("id", { count: "exact", head: true })
+          .eq("recipient_id", user.id)
+          .eq("status", "pending"),
+
+        // 전체 스크랩 수
+        supabase
+          .from("scraps")
+          .select("id", { count: "exact", head: true })
+          .eq("user_id", user.id),
+
+        // 이번 주 회고 수
+        supabase
+          .from("reflections")
+          .select("id", { count: "exact", head: true })
+          .eq("user_id", user.id)
+          .gte("date", weekAgoString),
+
+        // 이번 주 질문 수
+        supabase
+          .from("questions")
+          .select("id", { count: "exact", head: true })
+          .eq("user_id", user.id)
+          .gte("created_at", weekAgoString),
+
+        // 이번 주 스크랩 수
+        supabase
+          .from("scraps")
+          .select("id", { count: "exact", head: true })
+          .eq("user_id", user.id)
+          .gte("created_at", weekAgoString),
+
+        // 이번 주 새 이웃 수
+        supabase
+          .from("neighbor_relationships")
+          .select("id", { count: "exact", head: true })
+          .or(
+            `and(requester_id.eq.${user.id},status.eq.accepted),and(recipient_id.eq.${user.id},status.eq.accepted)`,
+          )
+          .gte("updated_at", weekAgoString),
+      ]);
+
+      // 에러 체크
+      const results = [
+        reflectionsResult,
+        questionsResult,
+        answeredQuestionsResult,
+        neighborsResult,
+        pendingRequestsResult,
+        scrapsResult,
+        weekReflectionsResult,
+        weekQuestionsResult,
+        weekScrapsResult,
+        weekNeighborsResult,
+      ];
+
+      const errorResult = results.find((result) => result.error);
+      if (errorResult?.error) throw errorResult.error;
+
+      const stats: MyStats = {
+        total_reflections: reflectionsResult.count || 0,
+        total_questions: questionsResult.count || 0,
+        total_posts:
+          (reflectionsResult.count || 0) + (questionsResult.count || 0),
+        answered_questions: answeredQuestionsResult.count || 0,
+        total_neighbors: neighborsResult.count || 0,
+        pending_requests: pendingRequestsResult.count || 0,
+        total_scraps: scrapsResult.count || 0,
+        this_week_posts:
+          (weekReflectionsResult.count || 0) + (weekQuestionsResult.count || 0),
+        this_week_scraps: weekScrapsResult.count || 0,
+        this_week_new_neighbors: weekNeighborsResult.count || 0,
+      };
+
+      setStats(stats);
+      setError(null);
+    } catch (err) {
+      setError(
+        err instanceof Error
+          ? err.message
+          : "통계 데이터를 불러오는데 실패했습니다.",
+      );
+      console.error("Failed to fetch stats:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  useEffect(() => {
+    fetchStats();
+  }, [fetchStats]);
+
+  return {
+    stats,
+    loading,
+    error,
+    refresh: fetchStats,
+  };
+};
diff --git a/src/hooks/my/useMyPosts.ts b/src/hooks/my/useMyPosts.ts
new file mode 100644
index 0000000..3a14083
--- /dev/null
+++ b/src/hooks/my/useMyPosts.ts
@@ -0,0 +1,246 @@
+import { supabase } from "@/lib/supabase";
+import {
+  PostsFilters,
+  QuestionWithKeywords,
+  ReflectionWithKeywords,
+} from "@/types/my";
+import { useRouter } from "next/navigation";
+import { useCallback, useEffect, useState } from "react";
+
+type PostItem = (ReflectionWithKeywords | QuestionWithKeywords) & {
+  type: "reflection" | "question";
+};
+
+export const useMyPosts = () => {
+  const router = useRouter();
+  const [posts, setPosts] = useState<PostItem[]>([]);
+  const [allPosts, setAllPosts] = useState<PostItem[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [hasMore, setHasMore] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+  const [currentPage, setCurrentPage] = useState(0);
+  const [filters, setFilters] = useState<PostsFilters>({
+    tab: "all",
+    search: "",
+    sort: "latest",
+  });
+
+  const ITEMS_PER_PAGE = 20;
+
+  const fetchPosts = useCallback(
+    async (loadMore = false) => {
+      try {
+        setLoading(true);
+
+        const {
+          data: { user },
+          error: userError,
+        } = await supabase.auth.getUser();
+        if (userError) throw userError;
+        if (!user) throw new Error("인증이 필요합니다.");
+
+        const offset = loadMore ? (currentPage + 1) * ITEMS_PER_PAGE : 0;
+        const limit = ITEMS_PER_PAGE;
+
+        // 회고 데이터 가져오기
+        const { data: reflectionsData, error: reflectionsError } =
+          await supabase
+            .from("reflections_with_keywords")
+            .select("*")
+            .eq("user_id", user.id)
+            .order("date", { ascending: filters.sort === "oldest" })
+            .range(offset, offset + limit - 1);
+
+        if (reflectionsError) throw reflectionsError;
+
+        // 질문 데이터 가져오기
+        const { data: questionsData, error: questionsError } = await supabase
+          .from("questions_with_keywords")
+          .select("*")
+          .eq("user_id", user.id)
+          .order("date", { ascending: filters.sort === "oldest" })
+          .range(offset, offset + limit - 1);
+
+        if (questionsError) throw questionsError;
+
+        // 데이터 변환
+        const reflections = (reflectionsData || []).map((r) => ({
+          ...r,
+          type: "reflection" as const,
+        }));
+        const questions = (questionsData || []).map((q) => ({
+          ...q,
+          type: "question" as const,
+        }));
+        await new Promise((resolve) => setTimeout(resolve, 500));
+
+        // 전체 데이터 결합 및 정렬
+        const combinedPosts = [...reflections, ...questions];
+        combinedPosts.sort((a, b) => {
+          if (filters.sort === "latest") {
+            return new Date(b.date).getTime() - new Date(a.date).getTime();
+          } else {
+            return new Date(a.date).getTime() - new Date(b.date).getTime();
+          }
+        });
+
+        if (loadMore) {
+          setAllPosts((prev) => [...prev, ...combinedPosts]);
+          setCurrentPage((prev) => prev + 1);
+        } else {
+          setAllPosts(combinedPosts);
+          setCurrentPage(0);
+        }
+
+        // 더 보기 가능 여부 확인
+        setHasMore(combinedPosts.length === ITEMS_PER_PAGE);
+        setError(null);
+      } catch (err) {
+        setError(
+          err instanceof Error
+            ? err.message
+            : "게시글을 불러오는데 실패했습니다.",
+        );
+        console.error("Failed to fetch posts:", err);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [filters.sort, currentPage],
+  );
+
+  // 필터링된 게시글 계산
+  const filteredPosts = useCallback(() => {
+    let filtered = allPosts;
+
+    // 탭 필터링
+    if (filters.tab === "reflections") {
+      filtered = allPosts.filter((post) => post.type === "reflection");
+    } else if (filters.tab === "questions") {
+      filtered = allPosts.filter((post) => post.type === "question");
+    }
+
+    // 검색 필터링
+    if (filters.search.trim()) {
+      const searchTerm = filters.search.toLowerCase();
+      filtered = filtered.filter(
+        (post) =>
+          post.title?.toLowerCase().includes(searchTerm) ||
+          post.content?.toLowerCase().includes(searchTerm) ||
+          post.keywords?.some((keyword) =>
+            keyword.name.toLowerCase().includes(searchTerm),
+          ),
+      );
+    }
+
+    return filtered;
+  }, [allPosts, filters.tab, filters.search]);
+
+  // 필터 변경 시 게시글 업데이트
+  useEffect(() => {
+    setPosts(filteredPosts());
+  }, [filteredPosts]);
+
+  const totalCounts = {
+    all: allPosts.length,
+    reflections: allPosts.filter((post) => post.type === "reflection").length,
+    questions: allPosts.filter((post) => post.type === "question").length,
+  };
+
+  const updateFilters = useCallback((newFilters: Partial<PostsFilters>) => {
+    setFilters((prev) => ({ ...prev, ...newFilters }));
+
+    // 검색어나 탭이 변경되면 다시 로드
+    if (newFilters.search !== undefined || newFilters.tab !== undefined) {
+      setCurrentPage(0);
+      setAllPosts([]);
+      setHasMore(true);
+    }
+  }, []);
+
+  const loadMore = useCallback(() => {
+    if (!loading && hasMore) {
+      fetchPosts(true);
+    }
+  }, [loading, hasMore, fetchPosts]);
+
+  const editPost = useCallback(
+    (type: "reflection" | "question", id: string) => {
+      router.push(
+        `/${type === "reflection" ? "reflections" : "questions"}/${id}/edit`,
+      );
+    },
+    [router],
+  );
+
+  const deletePost = useCallback(
+    async (type: "reflection" | "question", id: string) => {
+      try {
+        setLoading(true);
+
+        const tableName = type === "reflection" ? "reflections" : "questions";
+        const { error } = await supabase.from(tableName).delete().eq("id", id);
+
+        if (error) throw error;
+
+        // 로컬 상태에서도 제거
+        setAllPosts((prev) =>
+          prev.filter((post) => !(post.type === type && post.id === id)),
+        );
+        setPosts((prev) =>
+          prev.filter((post) => !(post.type === type && post.id === id)),
+        );
+      } catch (err) {
+        setError(
+          err instanceof Error ? err.message : "게시글 삭제에 실패했습니다.",
+        );
+        console.error("Failed to delete post:", err);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [],
+  );
+
+  const refresh = useCallback(() => {
+    setCurrentPage(0);
+    setAllPosts([]);
+    setHasMore(true);
+    fetchPosts(false);
+  }, [fetchPosts]);
+
+  // 초기 로드 및 필터 변경시 데이터 가져오기
+  useEffect(() => {
+    if (filters.search === "" || filters.search.length >= 2) {
+      // 검색어가 없어가 2글자 이상일 때만 검색
+      refresh();
+    }
+  }, [filters.tab, filters.sort]); // 검색어는 제외한 탭과 정렬만 의존성에 포함
+
+  // 검색어 변경시 디바운스 적용
+  useEffect(() => {
+    const timeoutId = setTimeout(() => {
+      if (filters.search === "" || filters.search.length >= 2) {
+        refresh();
+      }
+    }, 300);
+
+    return () => clearTimeout(timeoutId);
+  }, [filters.search]);
+
+  return {
+    posts,
+    filters,
+    loading,
+    hasMore,
+    error,
+    totalCounts,
+    actions: {
+      updateFilters,
+      loadMore,
+      editPost,
+      deletePost,
+      refresh,
+    },
+  };
+};
diff --git a/src/hooks/my/useMyScraps.ts b/src/hooks/my/useMyScraps.ts
new file mode 100644
index 0000000..6a8e5c3
--- /dev/null
+++ b/src/hooks/my/useMyScraps.ts
@@ -0,0 +1,157 @@
+import { ScrapsFilters, ScrapWithContent } from "@/types/my";
+import { useCallback, useEffect, useState } from "react";
+
+export const useMyScraps = () => {
+  const [scraps, setScraps] = useState<ScrapWithContent[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [hasMore, setHasMore] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+  const [filters, setFilters] = useState<ScrapsFilters>({
+    search: "",
+    sort: "recent",
+  });
+
+  const fetchScraps = useCallback(
+    async (loadMore = false) => {
+      try {
+        setLoading(true);
+
+        const mockScraps: ScrapWithContent[] = [
+          {
+            id: "1",
+            user_id: "user1",
+            content_type: "reflection",
+            scraped_at: "2024-12-19T14:30:00Z", // 수정: 'scraped_st' → 'scraped_at'
+            author: {
+              id: "author1",
+              name: "김지은",
+              nickname: "jieun_kim",
+            },
+            content: {
+              id: "reflection_1",
+              title: "오늘의 깨달음",
+              content:
+                "실패는 성공의 어머니라는 말이 오늘 정말 와닿았다. 프로젝트에서 실수를 했지만, 그 과정에서 많은 것을 배울 수 있었다.",
+              category: "reflection",
+              date: "2024-12-18",
+              keywords: [
+                { id: "1", name: "성장", color: "#4ecdc4" },
+                { id: "2", name: "깨달음", color: "#45b7d1" },
+              ],
+            },
+          },
+          {
+            id: "2",
+            user_id: "user1",
+            content_type: "question",
+            scraped_at: "2024-12-18T10:15:00Z", // 수정: 'scraped_st' → 'scraped_at'
+            author: {
+              id: "author2",
+              name: "박민수",
+              nickname: "minsu_park",
+            },
+            content: {
+              id: "question_1",
+              title: "오늘 가장 의미있었던 순간은?",
+              content: "하루를 돌아보며 가장 기억에 남는 순간을 찾아보세요.",
+              category: "daily",
+              date: "2024-12-17",
+              is_answered: true,
+              answer:
+                "친구와 나눈 진솔한 대화가 가장 의미있었다. 서로의 고민을 들어주며 위로받을 수 있었던 시간이었다.",
+              keywords: [
+                { id: "3", name: "일상", color: "#ff6b6b" },
+                { id: "4", name: "소통", color: "#ffa726" },
+              ],
+            },
+          },
+          {
+            id: "3",
+            user_id: "user1",
+            content_type: "reflection",
+            scraped_at: "2024-12-17T16:45:00Z", // 수정: 'scraped_st' → 'scraped_at'
+            author: {
+              id: "author3",
+              name: "이현우",
+              nickname: "hyunwoo_lee",
+            },
+            content: {
+              id: "reflection_2",
+              content:
+                "감사한 마음으로 하루를 마무리한다. 작은 일상의 소중함을 다시 한번 느꼈다.",
+              category: "gratitude",
+              date: "2024-12-16",
+              keywords: [
+                { id: "5", name: "감사", color: "#ffa726" },
+                { id: "6", name: "일상", color: "#ff6b6b" },
+              ],
+            },
+          },
+        ];
+
+        await new Promise((resolve) => setTimeout(resolve, 500));
+
+        if (loadMore) {
+          setScraps((prev) => [...prev, ...mockScraps]);
+        } else {
+          setScraps(mockScraps);
+        }
+
+        setHasMore(false);
+        setError(null);
+      } catch (err) {
+        setError("스크랩 데이터를 불러오는데 실패했습니다.");
+        console.error("Failed to fetch scraps:", err);
+      } finally {
+        setLoading(false);
+      }
+    },
+    [filters],
+  );
+
+  const updateFilters = useCallback((newFilters: Partial<ScrapsFilters>) => {
+    setFilters((prev) => ({ ...prev, ...newFilters }));
+  }, []);
+
+  const loadMore = useCallback(() => {
+    if (!loading && hasMore) {
+      fetchScraps(true);
+    }
+  }, [loading, hasMore, fetchScraps]);
+
+  const removeScrap = useCallback(async (scrapId: string) => {
+    try {
+      console.log("Removing scrap:", scrapId);
+      await new Promise((resolve) => setTimeout(resolve, 1000));
+
+      setScraps((prev) => prev.filter((scrap) => scrap.id !== scrapId));
+    } catch (err) {
+      setError("스크랩 삭제에 실패했습니다.");
+      console.error("Failed to remove scrap:", err);
+    }
+  }, []);
+
+  const viewOriginal = useCallback((contentType: string, contentId: string) => {
+    console.log(`Viewing original ${contentType}:`, contentId);
+    // TODO: 원본 글로 이동하는 로직 구현
+  }, []);
+
+  useEffect(() => {
+    fetchScraps();
+  }, [fetchScraps]);
+
+  return {
+    scraps,
+    filters,
+    loading,
+    hasMore,
+    error,
+    actions: {
+      updateFilters,
+      loadMore,
+      removeScrap,
+      viewOriginal,
+      refresh: () => fetchScraps(),
+    },
+  };
+};
diff --git a/src/hooks/my/useNeighborDetailProfile.ts b/src/hooks/my/useNeighborDetailProfile.ts
new file mode 100644
index 0000000..b4f1b1e
--- /dev/null
+++ b/src/hooks/my/useNeighborDetailProfile.ts
@@ -0,0 +1,261 @@
+import { supabase } from "@/lib/supabase";
+import {
+  DomainStats,
+  DomainType,
+  NeighborInfo,
+  NeighborPost,
+} from "@/types/my";
+import { useCallback, useEffect, useState } from "react";
+
+interface NeighborDetailData {
+  profile: NeighborInfo;
+  domainStats: DomainStats;
+  posts: {
+    gratitude: NeighborPost[];
+    reflection: NeighborPost[];
+    daily: NeighborPost[];
+    growth: NeighborPost[];
+    custom: NeighborPost[];
+  };
+}
+
+// 타입 가드 함수들
+const isValidCategory = (
+  category: unknown,
+): category is { name: string; display_name: string } => {
+  if (!category || typeof category !== "object") return false;
+
+  const cat = category as Record<string, unknown>;
+  return typeof cat.name === "string" && typeof cat.display_name === "string";
+};
+
+export const useNeighborDetailProfile = (neighborId: string) => {
+  const [data, setData] = useState<NeighborDetailData | null>(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const [activeDomain, setActiveDomain] = useState<DomainType>("gratitude");
+
+  const fetchNeighborProfile = useCallback(async () => {
+    if (!neighborId) return;
+
+    try {
+      setLoading(true);
+      setError(null);
+
+      const {
+        data: { user },
+        error: userError,
+      } = await supabase.auth.getUser();
+      if (userError) throw userError;
+      if (!user) throw new Error("인증이 필요합니다.");
+
+      // 이웃 관계 확인
+      const { data: neighborRelation, error: relationError } = await supabase
+        .from("neighbor_relationships")
+        .select("*")
+        .or(
+          `and(requester_id.eq.${user.id},recipient_id.eq.${neighborId},status.eq.accepted),and(requester_id.eq.${neighborId},recipient_id.eq.${user.id},status.eq.accepted)`,
+        )
+        .single();
+
+      if (relationError || !neighborRelation) {
+        throw new Error("이웃 관계를 찾을 수 없습니다.");
+      }
+
+      // 프로필 기본 정보 조회
+      const { data: profileData, error: profileError } = await supabase
+        .from("profiles")
+        .select("id, name, nickname, created_at, updated_at")
+        .eq("id", neighborId)
+        .single();
+
+      if (profileError || !profileData) {
+        throw new Error("프로필 정보를 불러올 수 없습니다.");
+      }
+
+      // 병렬로 데이터 조회
+      const [reflectionsResult, questionsResult] = await Promise.all([
+        supabase
+          .from("reflections")
+          .select(
+            `
+          id, 
+          title, 
+          content, 
+          date, 
+          created_at,
+          updated_at,
+          category_id,
+          reflection_categories!inner (
+            name,
+            display_name
+          )
+        `,
+          )
+          .eq("user_id", neighborId)
+          .or("is_public.eq.true,is_neighbor_visible.eq.true")
+          .order("date", { ascending: false }),
+
+        supabase
+          .from("questions")
+          .select(
+            `
+          id, 
+          title, 
+          content, 
+          answer, 
+          date, 
+          is_answered, 
+          created_at,
+          updated_at,
+          category_id,
+          question_categories!inner (
+            name,
+            display_name
+          )
+        `,
+          )
+          .eq("user_id", neighborId)
+          .or("is_public.eq.true,is_neighbor_visible.eq.true")
+          .order("date", { ascending: false }),
+      ]);
+
+      // 에러 처리 개선
+      if (reflectionsResult.error) {
+        console.error("Reflections fetch error:", reflectionsResult.error);
+      }
+      if (questionsResult.error) {
+        console.error("Questions fetch error:", questionsResult.error);
+      }
+
+      // 통계 초기화
+      const domainStats: DomainStats = {
+        gratitude: 0,
+        reflection: 0,
+        daily: 0,
+        growth: 0,
+        custom: 0,
+      };
+
+      // 카테고리별 게시물 배열 초기화
+      const categorizedPosts = {
+        gratitude: [] as NeighborPost[],
+        reflection: [] as NeighborPost[],
+        daily: [] as NeighborPost[],
+        growth: [] as NeighborPost[],
+        custom: [] as NeighborPost[],
+      };
+
+      // 회고 데이터 처리 개선
+      const reflectionsData = reflectionsResult.data || [];
+      reflectionsData.forEach((item) => {
+        const category = item.reflection_categories;
+        if (!isValidCategory(category)) return;
+
+        const categoryName = category.name as "gratitude" | "reflection";
+
+        // 통계 증가
+        domainStats[categoryName]++;
+
+        // 게시물 생성
+        const post: NeighborPost = {
+          id: item.id,
+          type: "reflection",
+          title: item.title || "",
+          content: item.content,
+          date: item.date,
+          created_at: item.created_at,
+          updated_at: item.updated_at,
+          category_id: item.category_id,
+          category_name: categoryName,
+          category_display_name: category.display_name,
+          keywords: [],
+        };
+
+        categorizedPosts[categoryName].push(post);
+      });
+
+      // 질문 데이터 처리 개선
+      const questionsData = questionsResult.data || [];
+      questionsData.forEach((item) => {
+        const category = item.question_categories;
+        if (!isValidCategory(category)) return;
+
+        const categoryName = category.name as "daily" | "growth" | "custom";
+
+        // 통계 증가
+        domainStats[categoryName]++;
+
+        // 게시물 생성
+        const post: NeighborPost = {
+          id: item.id,
+          type: "question",
+          title: item.title,
+          content: item.content || "",
+          date: item.date,
+          created_at: item.created_at,
+          updated_at: item.updated_at,
+          category_id: item.category_id,
+          category_name: categoryName,
+          category_display_name: category.display_name,
+          is_answered: item.is_answered,
+          answer: item.answer,
+          keywords: [],
+        };
+
+        categorizedPosts[categoryName].push(post);
+      });
+
+      // 이웃 정보 구성
+      const neighborInfo: NeighborInfo = {
+        id: neighborRelation.id,
+        user_id: profileData.id,
+        name: profileData.name,
+        nickname: profileData.nickname,
+        accepted_at: neighborRelation.updated_at,
+        mutual_friends_count: 0,
+        last_active: profileData.updated_at,
+      };
+
+      const neighborDetailData: NeighborDetailData = {
+        profile: neighborInfo,
+        domainStats: domainStats,
+        posts: categorizedPosts,
+      };
+
+      setData(neighborDetailData);
+    } catch (err) {
+      const errorMessage =
+        err instanceof Error
+          ? err.message
+          : "프로필을 불러오는데 실패했습니다.";
+      setError(errorMessage);
+      console.error("Failed to fetch neighbor profile:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, [neighborId]);
+
+  useEffect(() => {
+    if (neighborId) {
+      fetchNeighborProfile();
+    }
+  }, [fetchNeighborProfile]);
+
+  // 현재 도메인에 따른 게시물 필터링
+  const currentPosts = data?.posts[activeDomain] || [];
+  const totalPosts = data
+    ? Object.values(data.domainStats).reduce((sum, count) => sum + count, 0)
+    : 0;
+
+  return {
+    data,
+    loading,
+    error,
+    activeDomain,
+    currentPosts,
+    totalPosts,
+    setActiveDomain,
+    fetchNeighborProfile,
+  };
+};
diff --git a/src/hooks/my/useNeighborProfile.ts b/src/hooks/my/useNeighborProfile.ts
new file mode 100644
index 0000000..0d44fe6
--- /dev/null
+++ b/src/hooks/my/useNeighborProfile.ts
@@ -0,0 +1,210 @@
+import { supabase } from "@/lib/supabase";
+import { Profile } from "@/types/my";
+import { useCallback, useEffect, useState } from "react";
+
+interface NeighborProfileStats {
+  total_posts: number;
+  total_reflections: number;
+  total_questions: number;
+  answered_questions: number;
+  neighbor_count: number;
+}
+
+interface NeighborActivity {
+  type: "reflection" | "question";
+  title: string;
+  date: string;
+  content_preview: string;
+}
+
+interface NeighborProfileData extends Profile {
+  stats: NeighborProfileStats;
+  recent_activity: NeighborActivity[];
+}
+
+interface UseNeighborProfileParams {
+  neighborId: string | null;
+  enabled?: boolean;
+}
+
+export const useNeighborProfile = ({
+  neighborId,
+  enabled = true,
+}: UseNeighborProfileParams) => {
+  const [profile, setProfile] = useState<NeighborProfileData | null>(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  const fetchProfile = useCallback(async () => {
+    if (!neighborId || !enabled) return;
+
+    try {
+      setLoading(true);
+      setError(null);
+
+      console.log("Fetching profile for neighborId:", neighborId);
+
+      // 현재 사용자 ID 가져오기
+      const {
+        data: { user },
+        error: userError,
+      } = await supabase.auth.getUser();
+      if (userError) throw userError;
+      if (!user) throw new Error("인증이 필요합니다.");
+
+      // 이웃 관계 확인
+      const { data: neighborRelation, error: relationError } = await supabase
+        .from("neighbor_relationships")
+        .select("*")
+        .or(
+          `and(requester_id.eq.${user.id},recipient_id.eq.${neighborId},status.eq.accepted),and(requester_id.eq.${neighborId},recipient_id.eq.${user.id},status.eq.accepted)`,
+        )
+        .single();
+
+      if (relationError || !neighborRelation) {
+        throw new Error("이웃 관계를 찾을 수 없습니다.");
+      }
+
+      // 프로필 기본 정보 조회
+      const { data: profileData, error: profileError } = await supabase
+        .from("profiles")
+        .select("id, name, nickname, created_at, updated_at, email")
+        .eq("id", neighborId)
+        .single();
+
+      if (profileError || !profileData) {
+        throw new Error("프로필 정보를 불러올 수 없습니다.");
+      }
+
+      // 통계 데이터를 위한 병렬 쿼리 실행
+      const [
+        reflectionsStatsResult,
+        questionsStatsResult,
+        answeredQuestionsResult,
+        neighborsCountResult,
+      ] = await Promise.all([
+        // 회고 총 개수 (전체)
+        supabase
+          .from("reflections")
+          .select("id", { count: "exact" })
+          .eq("user_id", neighborId),
+
+        // 질문 총 개수 (전체)
+        supabase
+          .from("questions")
+          .select("id", { count: "exact" })
+          .eq("user_id", neighborId),
+
+        // 답변완료 질문 개수 (전체)
+        supabase
+          .from("questions")
+          .select("id", { count: "exact" })
+          .eq("user_id", neighborId)
+          .eq("is_answered", true),
+
+        // 이웃 수
+        supabase
+          .from("neighbor_relationships")
+          .select("id", { count: "exact" })
+          .or(`requester_id.eq.${neighborId},recipient_id.eq.${neighborId}`)
+          .eq("status", "accepted"),
+      ]);
+
+      // 최근 활동을 위한 공개된 데이터만 조회 (미리보기용)
+      const [recentReflectionsResult, recentQuestionsResult] =
+        await Promise.all([
+          supabase
+            .from("reflections")
+            .select("id, title, content, date, created_at")
+            .eq("user_id", neighborId)
+            .or("is_public.eq.true,is_neighbor_visible.eq.true")
+            .order("date", { ascending: false })
+            .limit(3),
+
+          supabase
+            .from("questions")
+            .select("id, title, content, date, is_answered, created_at")
+            .eq("user_id", neighborId)
+            .or("is_public.eq.true,is_neighbor_visible.eq.true")
+            .order("date", { ascending: false })
+            .limit(3),
+        ]);
+
+      // 통계 계산
+      const totalReflections = reflectionsStatsResult.count || 0;
+      const totalQuestions = questionsStatsResult.count || 0;
+      const answeredQuestions = answeredQuestionsResult.count || 0;
+      const neighborCount = neighborsCountResult.count || 0;
+
+      // 최근 활동 데이터 처리
+      const reflectionsData = recentReflectionsResult.data || [];
+      const questionsData = recentQuestionsResult.data || [];
+
+      // 최근 활동 데이터 합치기 및 정렬
+      const recentActivity: NeighborActivity[] = [
+        ...reflectionsData.map((item) => ({
+          type: "reflection" as const,
+          title: item.title || "제목 없음",
+          date: item.date,
+          content_preview:
+            item.content.substring(0, 100) +
+            (item.content.length > 100 ? "..." : ""),
+        })),
+        ...questionsData.map((item) => ({
+          type: "question" as const,
+          title: item.title,
+          date: item.date,
+          content_preview:
+            item.content?.substring(0, 100) +
+              (item.content && item.content.length > 100 ? "..." : "") || "",
+        })),
+      ]
+        .sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime())
+        .slice(0, 5);
+
+      const profileWithStats: NeighborProfileData = {
+        id: profileData.id,
+        email: profileData.email,
+        name: profileData.name,
+        nickname: profileData.nickname,
+        created_at: profileData.created_at,
+        updated_at: profileData.updated_at,
+        stats: {
+          total_posts: totalReflections + totalQuestions,
+          total_reflections: totalReflections,
+          total_questions: totalQuestions,
+          answered_questions: answeredQuestions,
+          neighbor_count: neighborCount,
+        },
+        recent_activity: recentActivity,
+      };
+
+      setProfile(profileWithStats);
+    } catch (err) {
+      const errorMessage =
+        err instanceof Error
+          ? err.message
+          : "프로필을 불러오는데 실패했습니다.";
+      setError(errorMessage);
+      console.error("Failed to fetch neighbor profile:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, [neighborId, enabled]);
+
+  useEffect(() => {
+    if (neighborId && enabled) {
+      fetchProfile();
+    } else {
+      setProfile(null);
+      setError(null);
+    }
+  }, [fetchProfile, neighborId, enabled]);
+
+  return {
+    profile,
+    loading,
+    error,
+    refetch: fetchProfile,
+  };
+};
diff --git a/src/hooks/my/usePublicProfile.ts b/src/hooks/my/usePublicProfile.ts
new file mode 100644
index 0000000..8015f1f
--- /dev/null
+++ b/src/hooks/my/usePublicProfile.ts
@@ -0,0 +1,170 @@
+import { supabase } from "@/lib/supabase";
+import { useCallback, useEffect, useState } from "react";
+
+interface PublicProfile {
+  id: string;
+  email?: string;
+  name: string;
+  nickname: string;
+  created_at: string;
+  updated_at?: string;
+  stats: {
+    total_posts: number;
+    total_reflections: number;
+    total_questions: number;
+    answered_questions: number;
+    neighbor_count?: number;
+  };
+  recent_activity: Array<{
+    type: "reflection" | "question";
+    title: string;
+    date: string;
+    content_preview: string;
+  }>;
+}
+
+export const usePublicProfile = (userId: string, enabled: boolean) => {
+  const [profile, setProfile] = useState<PublicProfile | null>(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  const fetchPublicProfile = useCallback(async () => {
+    if (!userId || !enabled) return;
+
+    try {
+      setLoading(true);
+      setError(null);
+
+      // 프로필 기본 정보 조회
+      const { data: profileData, error: profileError } = await supabase
+        .from("profiles")
+        .select("id, name, nickname, created_at")
+        .eq("id", userId)
+        .single();
+
+      if (profileError) throw profileError;
+      if (!profileData) throw new Error("프로필을 찾을 수 없습니다.");
+
+      // 병렬로 통계 데이터 조회 (공개된 게시물)
+      const [
+        reflectionsResult,
+        questionsResult,
+        answeredQuestionsResult,
+        recentReflectionsResult,
+        recentQuestionsResult,
+      ] = await Promise.all([
+        // 공개된 회고 수
+        supabase
+          .from("reflections")
+          .select("id", { count: "exact", head: true })
+          .eq("user_id", userId)
+          .eq("is_public", true),
+
+        // 공개된 질문 수
+        supabase
+          .from("questions")
+          .select("id", { count: "exact", head: true })
+          .eq("user_id", userId)
+          .eq("is_public", true),
+
+        // 공개된 답변 완료 질문 수
+        supabase
+          .from("questions")
+          .select("id", { count: "exact", head: true })
+          .eq("user_id", userId)
+          .eq("is_public", true)
+          .eq("is_answered", true),
+
+        // 최근 공개 회고 (최대 3개)
+        supabase
+          .from("reflections")
+          .select("title, content, date")
+          .eq("user_id", userId)
+          .eq("is_public", true)
+          .order("date", { ascending: false })
+          .limit(3),
+
+        // 최근 공개 질문 (최대 3개)
+        supabase
+          .from("questions")
+          .select("title, content, date")
+          .eq("user_id", userId)
+          .eq("is_public", true)
+          .order("date", { ascending: false })
+          .limit(3),
+      ]);
+
+      // 에러 체크
+      if (reflectionsResult.error) throw reflectionsResult.error;
+      if (questionsResult.error) throw questionsResult.error;
+      if (answeredQuestionsResult.error) throw answeredQuestionsResult.error;
+
+      const totalReflections = reflectionsResult.count || 0;
+      const totalQuestions = questionsResult.count || 0;
+      const answeredQuestions = answeredQuestionsResult.count || 0;
+
+      // 최근 활동 통합 (회고 + 질문)
+      const recentActivity = [
+        ...(recentReflectionsResult.data || []).map((item) => ({
+          type: "reflection" as const,
+          title: item.title || "제목 없음",
+          date: item.date,
+          content_preview:
+            item.content?.substring(0, 100) +
+              (item.content && item.content.length > 100 ? "..." : "") || "",
+        })),
+        ...(recentQuestionsResult.data || []).map((item) => ({
+          type: "question" as const,
+          title: item.title,
+          date: item.date,
+          content_preview:
+            item.content?.substring(0, 100) +
+              (item.content && item.content.length > 100 ? "..." : "") || "",
+        })),
+      ]
+        .sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime())
+        .slice(0, 5);
+
+      const publicProfile: PublicProfile = {
+        id: profileData.id,
+        name: profileData.name,
+        nickname: profileData.nickname,
+        created_at: profileData.created_at,
+        stats: {
+          total_posts: totalReflections + totalQuestions,
+          total_reflections: totalReflections,
+          total_questions: totalQuestions,
+          answered_questions: answeredQuestions,
+        },
+        recent_activity: recentActivity,
+      };
+
+      setProfile(publicProfile);
+    } catch (err) {
+      const errorMessage =
+        err instanceof Error
+          ? err.message
+          : "프로필을 불러오는데 실패했습니다.";
+      setError(errorMessage);
+      console.error("Failed to fetch public profile:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, [userId, enabled]);
+
+  useEffect(() => {
+    if (userId && enabled) {
+      fetchPublicProfile();
+    } else {
+      setProfile(null);
+      setError(null);
+    }
+  }, [fetchPublicProfile]);
+
+  return {
+    profile,
+    loading,
+    error,
+    refetch: fetchPublicProfile,
+  };
+};
diff --git a/src/types/my/database.ts b/src/types/my/database.ts
new file mode 100644
index 0000000..13d8915
--- /dev/null
+++ b/src/types/my/database.ts
@@ -0,0 +1,271 @@
+// 사용자 정보
+export interface Profile {
+  id: string;
+  email: string;
+  name: string;
+  nickname: string;
+  created_at: string;
+  updated_at: string;
+}
+
+// 이웃 관계
+export interface NeighborRelationship {
+  id: string;
+  requester_id: string;
+  recipient_id: string;
+  status: "pending" | "accepted" | "declined" | "blocked";
+  created_at: string;
+  updated_at: string;
+}
+
+// 이웃 요청 정보 (프로필과 조인된 데이터)
+export interface NeighborRequest {
+  id: string;
+  requester_id: string;
+  requester_name: string;
+  requester_nickname: string;
+  created_at: string;
+  status: "pending" | "accepted" | "declined" | "blocked";
+}
+
+// 이웃 정보 (상세 정보 포함)
+export interface NeighborInfo {
+  id: string;
+  user_id: string;
+  name: string;
+  nickname: string;
+  accepted_at: string;
+  mutual_friends_count: number;
+  last_active: string;
+}
+
+export interface NeighborProfile {
+  id: string;
+  name: string;
+  nickname: string;
+  accepted_at: string;
+  mutual_friends_count: number;
+  last_active: string;
+}
+
+export interface DomainStats {
+  gratitude: number;
+  reflection: number;
+  daily: number;
+  growth: number;
+  custom: number;
+}
+
+// NeighborPost 타입 정의
+export interface NeighborPost {
+  id: string;
+  type: "reflection" | "question";
+  title: string;
+  content: string;
+  date: string;
+  created_at: string;
+  updated_at: string;
+  category_id: string;
+  category_name: string;
+  category_display_name: string;
+  is_answered?: boolean;
+  answer?: string | null;
+  keywords?: Array<{
+    id: string;
+    name: string;
+    color: string;
+  }>;
+}
+
+// 회고 관련 타입들
+export interface ReflectionItem {
+  id: string;
+  user_id: string;
+  category_id: string;
+  title?: string;
+  content: string;
+  date: string;
+  is_public: boolean;
+  is_neighbor_visible: boolean;
+  created_at: string;
+  updated_at: string;
+}
+
+export interface ReflectionCategory {
+  id: string;
+  name: "gratitude" | "reflection";
+  display_name: string;
+  description?: string;
+  created_at: string;
+}
+
+export interface ReflectionKeyword {
+  id: string;
+  user_id: string;
+  category_id: string;
+  name: string;
+  color: string;
+  created_at: string;
+  updated_at: string;
+}
+
+export interface ReflectionKeywordRelation {
+  id: string;
+  reflection_id: string;
+  keyword_id: string;
+  created_at: string;
+}
+
+// 질문 관련 타입
+export interface QuestionItem {
+  id: string;
+  user_id: string;
+  category_id: string;
+  title: string;
+  content?: string;
+  answer?: string;
+  date: string;
+  is_public: boolean;
+  is_neighbor_visible: boolean;
+  is_answered: boolean;
+  created_at: string;
+  updated_at: string;
+}
+
+export interface QuestionCategory {
+  id: string;
+  name: "daily" | "growth" | "custom";
+  display_name: string;
+  description?: string;
+  created_at: string;
+}
+
+export interface QuestionKeyword {
+  id: string;
+  user_id: string;
+  category_id: string;
+  name: string;
+  color: string;
+  created_at: string;
+  updated_at: string;
+}
+
+export interface QuestionKeywordRelation {
+  id: string;
+  question_id: string;
+  keyword_id: string;
+  created_at: string;
+}
+
+// 스크랩 관련
+export interface ScrapItem {
+  id: string;
+  user_id: string;
+  content_type: "reflection" | "question";
+  content_id: string;
+  scraped_at: string;
+  created_at: string;
+}
+
+// 조인된 스크랩 정보 (작성자 정보 포함)
+export interface ScrapWithContent {
+  id: string;
+  user_id: string;
+  content_type: "reflection" | "question";
+  scraped_at: string;
+  author: {
+    id: string;
+    name: string;
+    nickname: string;
+  };
+  content: {
+    id: string;
+    title?: string;
+    content: string;
+    category: string;
+    date: string;
+    is_answered?: boolean;
+    answer?: string;
+    keywords: Array<{
+      id: string;
+      name: string;
+      color: string;
+    }>;
+  };
+}
+
+// 통계 타입
+export interface MyStats {
+  total_posts: number;
+  total_reflections: number;
+  total_questions: number;
+  answered_questions: number;
+  total_neighbors: number;
+  pending_requests: number;
+  total_scraps: number;
+  this_week_posts: number;
+  this_week_scraps: number;
+  this_week_new_neighbors: number;
+}
+
+// API 응답 타입
+export interface PostsResponse {
+  reflections: ReflectionWithKeywords[];
+  questions: QuestionWithKeywords[];
+  total_count: number;
+  has_more: boolean;
+}
+
+export interface NeighborsResponse {
+  requests: NeighborRequest[];
+  neighbors: NeighborInfo[];
+  stats: {
+    total_neighbors: number;
+    pending_requests: number;
+    new_this_week: number;
+  };
+}
+
+export interface ScrapsResponse {
+  scraps: ScrapWithContent[];
+  total_count: number;
+  has_more: boolean;
+}
+
+// 키워드와 함께 조인된 타입
+export interface ReflectionWithKeywords extends ReflectionItem {
+  category: ReflectionCategory;
+  keywords: ReflectionKeyword[];
+}
+
+export interface QuestionWithKeywords extends QuestionItem {
+  category: QuestionCategory;
+  keywords: QuestionKeyword[];
+}
+
+// 폼 데이터
+export interface NeighborRequestData {
+  recipient_id: string;
+  message?: string;
+}
+
+export interface NeighborActionData {
+  request_id: string;
+  action: "accept" | "decline" | "block";
+}
+
+export interface ScrapCreateData {
+  content_type: "reflection" | "question";
+  content_id: string;
+}
+
+export interface SearchParams {
+  query?: string;
+  content_type?: "all" | "reflections" | "questions";
+  date_from?: string;
+  date_to?: string;
+  category?: string;
+  sort_by?: "latest" | "oldest" | "content_date";
+  limit?: number;
+  offset?: number;
+}
diff --git a/src/types/my/index.ts b/src/types/my/index.ts
new file mode 100644
index 0000000..e9a1026
--- /dev/null
+++ b/src/types/my/index.ts
@@ -0,0 +1,102 @@
+// Database types
+export type {
+  Profile,
+  NeighborRelationship,
+  NeighborRequest,
+  NeighborInfo,
+  ReflectionItem,
+  ReflectionCategory,
+  ReflectionKeyword,
+  ReflectionKeywordRelation,
+  QuestionItem,
+  QuestionCategory,
+  QuestionKeyword,
+  QuestionKeywordRelation,
+  ScrapItem,
+  ScrapWithContent,
+  MyStats,
+  PostsResponse,
+  NeighborsResponse,
+  ScrapsResponse,
+  ReflectionWithKeywords,
+  QuestionWithKeywords,
+  NeighborRequestData,
+  NeighborActionData,
+  ScrapCreateData,
+  SearchParams,
+  NeighborProfile,
+  DomainStats,
+  NeighborPost,
+} from "./database";
+
+// UI types
+export type {
+  MyPageType,
+  PostsTabType,
+  PostsSortType,
+  ScrapsSortType,
+  PostsFilters,
+  ScrapsFilters,
+  NeighborFilters,
+  PostCardProps,
+  NeighborRequestCardProps,
+  NeighborCardProps,
+  ScrapCardProps,
+  SearchBarProps,
+  FilterBarProps,
+  PostsFilterBarProps,
+  ScrapsFilterBarProps,
+  PostsTabNavigationProps,
+  StatsCardProps,
+  EmptyStateProps,
+  PaginationProps,
+  ActionState,
+  ActionStates,
+  ConfirmModalProps,
+  KeywordChipProps,
+  VisibilityIndicatorProps,
+  DateDisplayProps,
+  UserAvatarProps,
+  BreadcrumbProps,
+  ActivitySummaryProps,
+  NeighborProfileData,
+  NeighborProfileModalProps,
+  DomainTabProps,
+  NeighborPostCardProps,
+  NeighborProfileStatsProps,
+} from "./ui";
+
+// 유틸리티 타입들
+export type MyPageContentType = "reflection" | "question";
+export type MyPageVisibilityType = "public" | "neighbors" | "private";
+export type MyPageNeighborStatus =
+  | "pending"
+  | "accepted"
+  | "declined"
+  | "blocked";
+export type MyPageActionType = "edit" | "delete" | "scrap" | "share" | "view";
+export type DomainType =
+  | "gratitude"
+  | "reflection"
+  | "daily"
+  | "growth"
+  | "custom";
+
+// 타입 가드 함수들
+export const isMyPageContentType = (type: string): type is MyPageContentType =>
+  ["reflection", "question"].includes(type);
+
+export const isMyPageVisibilityType = (
+  visibility: string,
+): visibility is MyPageVisibilityType =>
+  ["public", "neighbors", "private"].includes(visibility);
+
+export const isMyPageNeighborStatus = (
+  status: string,
+): status is MyPageNeighborStatus =>
+  ["pending", "accepted", "declined", "blocked"].includes(status);
+
+export const isMyPageActionType = (
+  action: string,
+): action is MyPageActionType =>
+  ["edit", "delete", "scrap", "share", "view"].includes(action);
diff --git a/src/types/my/ui.ts b/src/types/my/ui.ts
new file mode 100644
index 0000000..3726d36
--- /dev/null
+++ b/src/types/my/ui.ts
@@ -0,0 +1,251 @@
+import { DomainType } from "./index";
+// 마이페이지 UI 관련 타입
+import {
+  DomainStats,
+  NeighborInfo,
+  NeighborPost,
+  NeighborProfile,
+  NeighborRequest,
+  QuestionWithKeywords,
+  ReflectionWithKeywords,
+  ScrapWithContent,
+} from "./database";
+
+// 타입
+export type MyPageType = "main" | "posts" | "neighbor" | "scraps";
+
+// 내 작성글 페이지의 탭 타입들
+export type PostsTabType = "all" | "reflections" | "questions";
+
+// 정렬 타입들
+export type PostsSortType = "latest" | "oldest";
+export type ScrapsSortType = "recent" | "oldest" | "content_date";
+
+// 필터 타입
+export interface PostsFilters {
+  tab: PostsTabType;
+  search: string;
+  sort: PostsSortType;
+  date_range?: {
+    start: string;
+    end: string;
+  };
+}
+
+export interface ScrapsFilters {
+  search: string;
+  sort: ScrapsSortType;
+  content_type?: "all" | "reflections" | "questions";
+  date_range?: {
+    start: string;
+    end: string;
+  };
+}
+
+export interface NeighborFilters {
+  search: string;
+}
+
+// 카드
+export interface PostCardProps {
+  item: (ReflectionWithKeywords | QuestionWithKeywords) & {
+    type: "reflection" | "question";
+  };
+  onEdit?: () => void;
+  onDelete?: () => void;
+  showActions?: boolean;
+}
+
+export interface NeighborRequestCardProps {
+  request: NeighborRequest;
+  onAccept: () => void;
+  onDecline: () => void;
+  loading: boolean;
+}
+
+export interface NeighborCardProps {
+  neighbor: NeighborInfo;
+  onRemove: () => void;
+  onSendMessage: () => void;
+  loading: boolean;
+}
+
+export interface ScrapCardProps {
+  scrap: ScrapWithContent;
+  onRemove: () => void;
+  onViewOriginal: () => void;
+  loading: boolean;
+}
+
+// 공통 컴포넌트
+export interface SearchBarProps {
+  searchTerm: string;
+  onSearchChange: (value: string) => void;
+  placeholder?: string;
+  className?: string;
+}
+
+export interface FilterBarProps {
+  totalCount: number;
+  children?: React.ReactNode;
+}
+
+export interface PostsFilterBarProps extends FilterBarProps {
+  filters: PostsFilters;
+  onFiltersChange: (filters: Partial<PostsFilters>) => void;
+}
+
+export interface ScrapsFilterBarProps extends FilterBarProps {
+  filters: ScrapsFilters;
+  onFiltersChange: (filters: Partial<ScrapsFilters>) => void;
+}
+
+// 작성글 페이지 전용 탭 네비게이션
+export interface PostsTabNavigationProps {
+  activeTab: PostsTabType;
+  onTabChange: (tab: PostsTabType) => void;
+  counts: {
+    all: number;
+    reflections: number;
+    questions: number;
+  };
+}
+
+export interface StatsCardProps {
+  icon: React.ReactNode;
+  title: string;
+  count: number;
+  description: string;
+  color?: string;
+  onClick?: () => void;
+}
+
+export interface EmptyStateProps {
+  type: "posts" | "neighbor" | "scraps" | "search";
+  icon: React.ReactNode;
+  title: string;
+  description: string;
+  actionButton?: {
+    label: string;
+    onClick: () => void;
+  };
+}
+
+export interface PaginationProps {
+  currentPage: number;
+  totalPages: number;
+  onPageChange: (page: number) => void;
+  hasMore: boolean;
+  onLoadMore: () => void;
+  loading: boolean;
+}
+
+// 액션 상태 타입
+export interface ActionState {
+  loading: boolean;
+  error?: string;
+  success?: boolean;
+}
+
+export interface ActionStates {
+  acceptRequest: ActionState;
+  declineRequest: ActionState;
+  removeNeighbor: ActionState;
+  removeScrap: ActionState;
+  deletePost: ActionState;
+}
+
+// 모달
+export interface ConfirmModalProps {
+  isOpen: boolean;
+  title: string;
+  message: string;
+  confirmText?: string;
+  cancelText?: string;
+  onConfirm: () => void;
+  onCancel: () => void;
+  loading?: boolean;
+  danger?: boolean;
+}
+
+// UI 요소
+export interface KeywordChipProps {
+  keyword: {
+    id: string;
+    name: string;
+    color: string;
+  };
+  size?: "sm" | "md" | "lg";
+  onClick?: () => void;
+}
+
+export interface VisibilityIndicatorProps {
+  is_public: boolean;
+  is_neighbor_visible: boolean;
+  size?: "sm" | "md" | "lg";
+}
+
+export interface DateDisplayProps {
+  date: string;
+  format?: "full" | "short" | "relative";
+  showIcon?: boolean;
+}
+
+export interface UserAvatarProps {
+  user: {
+    name: string;
+    nickname?: string;
+  };
+  size?: "sm" | "md" | "lg" | "xl";
+  showName?: boolean;
+  showNickname?: boolean;
+  onClick?: () => void;
+}
+
+export interface BreadcrumbProps {
+  items: Array<{
+    label: string;
+    href?: string;
+    onClick?: () => void;
+  }>;
+}
+
+export interface ActivitySummaryProps {
+  recentActivity: Array<{
+    type: "reflection" | "question" | "neighbor" | "scrap";
+    title: string;
+    date: string;
+    onClick?: () => void;
+  }>;
+}
+
+// 이웃관련
+export interface NeighborProfileData {
+  profile: NeighborProfile;
+  domainStats: DomainStats;
+  posts: Record<DomainType, NeighborPost[]>;
+}
+
+export interface NeighborProfileModalProps {
+  isOpen: boolean;
+  onClose: () => void;
+  neighborId: string;
+}
+
+export interface DomainTabProps {
+  domain: DomainType;
+  count: number;
+  isActive: boolean;
+  onClick: () => void;
+}
+
+export interface NeighborPostCardProps {
+  post: NeighborPost;
+  showActions?: boolean;
+}
+
+export interface NeighborProfileStatsProps {
+  stats: DomainStats;
+  onDomainClick: (domain: DomainType) => void;
+  activeDomain?: DomainType;
+}

From 649727b0b4ea2b1ea5654d37cda5b0d2d01fe099 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=98=A4=EC=98=81=ED=83=9D?=
 <87858689+Programmeryeongtaek@users.noreply.github.com>
Date: Wed, 17 Sep 2025 17:12:35 +0900
Subject: [PATCH 21/25] =?UTF-8?q?feat:=20=EB=AA=A9=ED=91=9C=20=EB=8F=84?=
 =?UTF-8?q?=EB=A9=94=EC=9D=B8=20=EA=B8=B0=EB=8A=A5=EA=B5=AC=ED=98=84=20?=
 =?UTF-8?q?=EB=B0=8F=20=EC=98=A4=EB=A5=98=20=ED=95=B4=EA=B2=B0,=20?=
 =?UTF-8?q?=EC=8A=A4=ED=83=80=EC=9D=BC=EB=A7=81=20(#10)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix: 회고 작성 오류 & 삭제시 리다이렉트 오류 해결

* remove: 목표 도메인 초기화

* feat: Budget 카테고리 챌린지 생성과 카테고리 항목 갯수 변경시 수정 모달 나타나기 기능

* feat: 목표 수정 및 삭제 기능 추가

* refactor: 챌린지 상태 속성 추가

* refactor: goals 도메인 헬퍼함수 정리

* feat: 목표 도메인 컴포넌트 생성 및 페이지 구성

* feat: 지출 목표와 수입 목표 세분화

* remove: 메인화면 데이터 주석처리

* style: 포맷팅 적용

* style: 마이페이지 통계 스타일링 정렬

* style: 목표율 UI 헬퍼함수 적용
---
 src/app/dashboard/page.tsx                    |  28 +-
 src/app/goals/[id]/edit/page.tsx              | 495 +++++++++++++
 src/app/goals/[id]/page.tsx                   | 276 +++++++
 src/app/goals/page.tsx                        | 460 +++++-------
 src/app/layout.tsx                            |  13 +-
 src/app/page.tsx                              |  16 +-
 src/app/reflections/[id]/page.tsx             |  17 +-
 src/app/reflections/new/page.tsx              |   2 +-
 src/components/budget/BudgetForm.tsx          | 677 ++++++++++--------
 src/components/budget/ChallengeModal.tsx      |   4 +-
 src/components/budget/GoalUpdateModal.tsx     | 166 +++++
 .../budget/TransactionAlertProvider.tsx       |  54 --
 src/components/goals/ActionButton.tsx         |  44 ++
 src/components/goals/GoalCard.tsx             | 232 +++---
 .../goals/GoalCompletionNotification.tsx      |  64 --
 .../goals/GoalCompletionProvider.tsx          |  30 -
 src/components/goals/GoalEditModal.tsx        | 206 ------
 .../goals/GoalUpdateNotification.tsx          |  96 ---
 src/components/goals/InfoSection.tsx          |  53 ++
 src/components/goals/ProgressBar.tsx          | 109 +++
 src/components/goals/StatCard.tsx             |  47 ++
 src/components/goals/StatusBadge.tsx          |  71 ++
 src/components/my/StatsCard.tsx               |   6 +-
 src/components/reflections/ReflectionCard.tsx |   1 +
 src/hooks/budget/useBudget.ts                 | 214 +++++-
 src/hooks/budget/useChallenge.ts              |  79 +-
 src/hooks/budget/useTransactionAlert.ts       |  44 --
 src/hooks/goals/useFoalCompletionAlert.ts     |  30 -
 src/hooks/goals/useGoalChecker.ts             |  84 ---
 src/hooks/goals/useGoalStatistics.ts          |  34 +
 src/hooks/goals/useGoalStatusUpdater.ts       | 153 ----
 src/hooks/goals/useGoals.ts                   | 184 +----
 src/hooks/goals/useGoalsByBudget.ts           |  58 ++
 src/hooks/reflections/useReflections.ts       |  12 +-
 src/types/goals/database.ts                   |   1 +
 src/utils/goals/goalsHelpers.ts               | 138 ++++
 36 files changed, 2564 insertions(+), 1634 deletions(-)
 create mode 100644 src/app/goals/[id]/edit/page.tsx
 create mode 100644 src/app/goals/[id]/page.tsx
 create mode 100644 src/components/budget/GoalUpdateModal.tsx
 delete mode 100644 src/components/budget/TransactionAlertProvider.tsx
 create mode 100644 src/components/goals/ActionButton.tsx
 delete mode 100644 src/components/goals/GoalCompletionNotification.tsx
 delete mode 100644 src/components/goals/GoalCompletionProvider.tsx
 delete mode 100644 src/components/goals/GoalEditModal.tsx
 delete mode 100644 src/components/goals/GoalUpdateNotification.tsx
 create mode 100644 src/components/goals/InfoSection.tsx
 create mode 100644 src/components/goals/ProgressBar.tsx
 create mode 100644 src/components/goals/StatCard.tsx
 create mode 100644 src/components/goals/StatusBadge.tsx
 delete mode 100644 src/hooks/budget/useTransactionAlert.ts
 delete mode 100644 src/hooks/goals/useFoalCompletionAlert.ts
 delete mode 100644 src/hooks/goals/useGoalChecker.ts
 create mode 100644 src/hooks/goals/useGoalStatistics.ts
 delete mode 100644 src/hooks/goals/useGoalStatusUpdater.ts
 create mode 100644 src/hooks/goals/useGoalsByBudget.ts
 create mode 100644 src/utils/goals/goalsHelpers.ts

diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index c5dc28c..f372ef7 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -9,7 +9,6 @@ import { format } from "date-fns";
 import { ko } from "date-fns/locale";
 import {
   ArrowRight,
-  BarChart3,
   Calendar,
   Plus,
   Target,
@@ -27,6 +26,7 @@ import DashboardReflectionWidget from "@/components/reflections/DashboardReflect
 import DashboardBudgetWidget from "@/components/budget/DashboardBudgetWidget";
 import Modal from "@/components/common/Modal";
 import QuestionForm from "@/components/questions/QuestionForm";
+import { getDaysLeft, getGoalProgress } from "@/utils/goals/goalsHelpers";
 
 const DashboardPage = () => {
   const { user, profile, isLoading: isAuthLoading } = useAuth();
@@ -76,14 +76,15 @@ const DashboardPage = () => {
     // 곧 마감되는 목표들 (7일 이내)
     const soonDueGoals = activeGoals.filter((goal) => {
       if (!goal.target_date) return false;
-      const daysLeft = goal.progress.daysLeft;
-      return daysLeft <= 7 && daysLeft > 0;
+      const daysLeft = getDaysLeft(goal.target_date);
+      return daysLeft !== null && daysLeft <= 7 && daysLeft > 0;
     });
 
     // 달성률이 80% 이상인 목표들
-    const nearCompletionGoals = activeGoals.filter(
-      (goal) => goal.progress.overallProgress >= 80,
-    );
+    const nearCompletionGoals = activeGoals.filter((goal) => {
+      const progress = getGoalProgress(goal);
+      return progress.overallProgress >= 80;
+    });
 
     return {
       total: totalGoals,
@@ -156,6 +157,17 @@ const DashboardPage = () => {
   // 상위 목표들 (진행률 기준)
   const topProgressGoals = useMemo(() => {
     return activeGoals
+      .map((goal) => ({
+        ...goal,
+        progress: {
+          ...getGoalProgress(goal),
+          daysLeft: getDaysLeft(goal.target_date),
+          progressText: `진행률 ${getGoalProgress(goal).overallProgress}%`,
+          isComplete:
+            goal.status === "completed" ||
+            getGoalProgress(goal).overallProgress >= 100,
+        },
+      }))
       .sort((a, b) => b.progress.overallProgress - a.progress.overallProgress)
       .slice(0, 3);
   }, [activeGoals]);
@@ -302,7 +314,7 @@ const DashboardPage = () => {
           </div>
 
           {/* 이번 주 활동 요약 */}
-          <div className="bg-white rounded-lg p-6 shadow-sm border">
+          {/* <div className="bg-white rounded-lg p-6 shadow-sm border">
             <div className="flex items-center justify-between">
               <div className="flex-1">
                 <p className="text-sm font-medium text-gray-600">
@@ -327,7 +339,7 @@ const DashboardPage = () => {
                 <BarChart3 className="w-6 h-6 text-purple-600" />
               </div>
             </div>
-          </div>
+          </div> */}
         </div>
 
         {/* 위젯 그리드 */}
diff --git a/src/app/goals/[id]/edit/page.tsx b/src/app/goals/[id]/edit/page.tsx
new file mode 100644
index 0000000..0670b1a
--- /dev/null
+++ b/src/app/goals/[id]/edit/page.tsx
@@ -0,0 +1,495 @@
+"use client";
+
+import { useAuth } from "@/hooks/auth";
+import { useGoals } from "@/hooks/goals/useGoals";
+import { GoalFormData } from "@/types/goals";
+import {
+  getChallengeMode,
+  getStatusText,
+  getTypeText,
+} from "@/utils/goals/goalsHelpers";
+import { format } from "date-fns";
+import {
+  BarChart3,
+  Calendar,
+  Edit3,
+  HandCoins,
+  Hash,
+  Save,
+  Target,
+  X,
+} from "lucide-react";
+import { useParams, useRouter } from "next/navigation";
+import { FormEvent, useEffect, useState } from "react";
+
+interface GoalEditFormData {
+  title: string;
+  description: string;
+  reason: string;
+  target_amount: string;
+  target_count: string;
+  target_date: string;
+  status: "active" | "completed" | "paused" | "cancelled";
+  challenge_mode: "amount" | "count" | "both";
+}
+
+const GoalEditPage = () => {
+  const { user } = useAuth();
+  const {
+    goals,
+    isLoading: isGoalsLoading,
+    updateGoal,
+    isUpdatingGoal,
+  } = useGoals({ userId: user?.id });
+  const params = useParams();
+  const router = useRouter();
+
+  const goalId = params.id as string;
+  const goal = goals.find((g) => g.id === goalId);
+
+  const [formData, setFormData] = useState<GoalEditFormData>({
+    title: "",
+    description: "",
+    reason: "",
+    target_amount: "",
+    target_count: "",
+    target_date: "",
+    status: "active",
+    challenge_mode: "amount",
+  });
+
+  const [errors, setErrors] = useState<Partial<GoalEditFormData>>({});
+
+  // 목표 데이터로 폼 초기화
+  useEffect(() => {
+    if (goal) {
+      setFormData({
+        title: goal.title || "",
+        description: goal.description || "",
+        reason: goal.reason || "",
+        target_amount: goal.target_amount ? goal.target_amount.toString() : "",
+        target_count: goal.target_count ? goal.target_count.toString() : "",
+        target_date: goal.target_date
+          ? format(new Date(goal.target_date), "yyyy-MM-dd")
+          : "",
+        status: goal.status,
+        challenge_mode: goal.challenge_mode,
+      });
+    }
+  }, [goal]);
+
+  const handleInputChange = (field: keyof GoalEditFormData, value: string) => {
+    setFormData((prev) => ({ ...prev, [field]: value }));
+    // 에러 클리어
+    if (errors[field]) {
+      setErrors((prev) => ({ ...prev, [field]: undefined }));
+    }
+  };
+
+  const validateForm = (): boolean => {
+    const newErrors: Partial<GoalEditFormData> = {};
+
+    if (!formData.title.trim()) {
+      newErrors.title = "목표 제목은 필수 입니다.";
+    }
+
+    if (
+      formData.challenge_mode === "amount" ||
+      formData.challenge_mode === "both"
+    ) {
+      if (!formData.target_amount || Number(formData.target_amount) <= 0) {
+        newErrors.target_amount = "목표 금액을 올바르게 입력해주세요.";
+      }
+    }
+
+    if (
+      formData.challenge_mode === "count" ||
+      formData.challenge_mode === "both"
+    ) {
+      if (!formData.target_count || Number(formData.target_count) <= 0) {
+        newErrors.target_count = "목표 횟수를 올바르게 입력해주세요.";
+      }
+    }
+
+    if (!formData.target_date) {
+      newErrors.target_date = "목표 날짜는 필수입니다.";
+    } else {
+      const targetDate = new Date(formData.target_date);
+      const today = new Date();
+      today.setHours(0, 0, 0, 0);
+
+      if (targetDate < today) {
+        newErrors.target_date = "목표 날짜는 오늘 이후여야 합니다.";
+      }
+    }
+
+    setErrors(newErrors);
+    return Object.keys(newErrors).length === 0;
+  };
+
+  const handleSubmit = async (e: FormEvent) => {
+    e.preventDefault();
+
+    if (!validateForm()) {
+      return;
+    }
+
+    const updateData: Partial<GoalFormData> = {
+      title: formData.title.trim(),
+      description: formData.description.trim() || null,
+      reason: formData.reason.trim() || null,
+      target_date: formData.target_date || null,
+      status: formData.status,
+      challenge_mode: formData.challenge_mode,
+    };
+
+    // 챌린지 모드에 따라 목표값 설정
+    if (formData.challenge_mode === "amount") {
+      updateData.target_amount = Number(formData.target_amount);
+      updateData.target_count = null;
+    } else if (formData.challenge_mode === "count") {
+      updateData.target_count = Number(formData.target_count);
+      updateData.target_amount = null;
+    } else {
+      updateData.target_amount = Number(formData.target_amount);
+      updateData.target_count = Number(formData.target_count);
+    }
+
+    try {
+      updateGoal({ id: goalId, updates: updateData });
+      alert("목표가 성공적으로 수정되었습니다.");
+      router.push(`/goals/${goalId}`);
+    } catch (error) {
+      console.error("목표 수정 실패:", error);
+      alert("목표 수정에 실패했습니다.");
+    }
+  };
+
+  // 로딩 상태
+  if (isGoalsLoading) {
+    return (
+      <div className="min-h-screen bg-gradient-to-br from-accent-50 via-white to-blue-50 flex items-center justify-center p-4">
+        <div className="text-center bg-white/80 backdrop-blur-sm rounded-2xl shadow-xl p-8 border border-gray-100">
+          <div className="relative w-16 h-16 mx-auto mb-6">
+            <div className="absolute inset-0 border-4 border-accent-200 rounded-full animate-pulse" />
+            <div className="absolute inset-0 border-4 border-accent-500 border-t-transparent rounded-full animate-spin" />
+          </div>
+          <p className="text-lg font-medium text-gray-700 mb-2">
+            목표를 불러오는 중
+          </p>
+          <p className="text-sm text-gray-500">잠시만 기다려주세요...</p>
+        </div>
+      </div>
+    );
+  }
+
+  // 사용자 인증 확인
+  if (!user?.id) {
+    return (
+      <div className="min-h-screen bg-gradient-to-br from-accent-50 via-white to-blue-50 flex items-center justify-center p-4">
+        <div className="text-center bg-white/90 backdrop-blur-sm rounded-2xl shadow-2xl p-8 max-w-md border border-gray-100">
+          <div className="p-4 bg-gradient-to-br from-accent-500 to-accent-400 rounded-2xl w-fit mx-auto mb-6 shadow-lg">
+            <Target className="w-12 h-12 text-white" />
+          </div>
+          <h1 className="text-2xl font-bold text-gray-900 mb-3">목표 수정</h1>
+          <p className="text-gray-600 mb-6">로그인이 필요한 서비스입니다.</p>
+        </div>
+      </div>
+    );
+  }
+
+  // 목표를 찾을 수 없는 경우
+  if (!goal) {
+    return (
+      <div className="min-h-screen bg-gradient-to-br from-accent-50 via-white to-blue-50 flex items-center justify-center p-4">
+        <div className="text-center bg-white/90 backdrop-blur-sm rounded-2xl shadow-2xl p-8 max-w-md border border-gray-100">
+          <div className="p-4 bg-gradient-to-br from-red-500 to-pink-500 rounded-2xl w-fit mx-auto mb-6 shadow-lg">
+            <Target className="w-12 h-12 text-white" />
+          </div>
+          <h1 className="text-2xl font-bold text-gray-900 mb-3">
+            목표를 찾을 수 없습니다
+          </h1>
+          <p className="text-gray-600 mb-6">
+            수정하려는 목표가 존재하지 않거나 삭제되었습니다.
+          </p>
+          <button
+            onClick={() => router.push("/goals")}
+            className="px-6 py-3 bg-gradient-to-r from-accent-500 to-accent-400 text-white font-semibold rounded-xl shadow-lg hover:shadow-xl transform hover:-translate-y-1 transition-all duration-300"
+          >
+            목표 목록으로 돌아가기
+          </button>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-accent-50 via-white to-blue-50">
+      <div className="flex flex-col gap-4 max-w-4xl mx-auto px-4 py-8">
+        {/* 메인 폼 */}
+        <div className="bg-white/90 backdrop-blur-sm rounded-2xl shadow-xl border border-gray-100 overflow-hidden">
+          {/* 헤더 섹션 */}
+          <div className="bg-gradient-to-r from-accent-400 to-accent-600 py-6 px-4 text-white">
+            <div className="flex items-center gap-3 mb-4">
+              <Edit3 className="w-8 h-8" />
+              <h1 className="text-3xl font-bold">목표 수정</h1>
+            </div>
+            <div className="flex gap-4 text-sm">
+              {goal.category && (
+                <>
+                  <span>{goal.category.name}</span>
+                  <span>•</span>
+                </>
+              )}
+              <span>{getTypeText(goal.type)}</span>
+              <span>•</span>
+              <span>{getStatusText(goal.status)}</span>
+            </div>
+          </div>
+
+          <form onSubmit={handleSubmit} className="flex flex-col gap-8">
+            {/* 기본 정보 섹션 */}
+            <div className="bg-gray-50 backdrop-blur-sm rounded-xl p-4 border border-gray-100">
+              <h2 className="text-xl font-bold text-gray-900 mb-6 flex items-center gap-2">
+                <Target className="w-5 h-5 text-accent-600" />
+                기본 정보
+              </h2>
+
+              <div className="space-y-6">
+                {/* 목표 제목 */}
+                <div>
+                  <label className="block text-sm font-medium text-gray-700 mb-2">
+                    제목 <strong className="text-red-500">*</strong>
+                  </label>
+                  <input
+                    type="text"
+                    value={formData.title}
+                    onChange={(e) => handleInputChange("title", e.target.value)}
+                    className={`w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 transition-colors hover:border-accent-300 ${
+                      errors.title ? "border-red-500" : "border-gray-400"
+                    }`}
+                    placeholder="목표 제목을 작성하세요."
+                  />
+                  {errors.title && (
+                    <p className="mt-1 text-sm text-red-600">{errors.title}</p>
+                  )}
+                </div>
+
+                {/* 목표 설명 */}
+                <div>
+                  <label className="block text-sm font-medium text-gray-700 mb-2">
+                    설명
+                  </label>
+                  <textarea
+                    value={formData.description}
+                    onChange={(e) =>
+                      handleInputChange("description", e.target.value)
+                    }
+                    rows={3}
+                    className="w-full px-4 py-3 border border-gray-400 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 resize-none hover:border-accent-300"
+                    placeholder="목표에 대한 자세한 설명을 작성하세요."
+                  />
+                </div>
+
+                {/* 목표 이유 */}
+                <div>
+                  <label className="block text-sm font-medium text-gray-700 mb-2">
+                    이유
+                  </label>
+                  <textarea
+                    value={formData.reason}
+                    onChange={(e) =>
+                      handleInputChange("reason", e.target.value)
+                    }
+                    rows={2}
+                    className="w-full px-4 py-3 border border-gray-400 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 resize-none hover:border-accent-300"
+                    placeholder="목표를 설정한 이유를 간단히 적어보세요."
+                  />
+                </div>
+
+                {/* 목표 상태 */}
+                <div>
+                  <label className="block text-sm font-medium text-gray-700 mb-2">
+                    상태
+                  </label>
+                  <select
+                    value={formData.status}
+                    onChange={(e) =>
+                      handleInputChange("status", e.target.value)
+                    }
+                    className="w-full px-4 py-3 border border-gray-400 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 hover:border-accent-300 hover:cursor-pointer"
+                  >
+                    <option value="active">진행 중</option>
+                    <option value="completed">완료됨</option>
+                    <option value="paused">일시정지</option>
+                    <option value="cancelled">취소됨</option>
+                  </select>
+                </div>
+              </div>
+            </div>
+
+            {/* 목표 설정 섹션 */}
+            <div className="bg-gray-50 backdrop-blur-sm rounded-xl p-4 border border-gray-100 ">
+              <h2 className="text-xl font-bold text-gray-900 mb-6 flex items-center gap-2">
+                <BarChart3 className="w-5 h-5 text-accent-600" />
+                목표 설정
+              </h2>
+
+              <div className="flex flex-col gap-6">
+                {/* 챌린지 모드 */}
+                <div className="grid grid-cols-3 gap-4">
+                  {(["amount", "count", "both"] as const).map((mode) => (
+                    <label
+                      key={mode}
+                      className={`flex items-center justify-center p-4 border-2 rounded-lg cursor-pointer transition-all ${
+                        formData.challenge_mode === mode
+                          ? "border-accent-500 bg-accent-50"
+                          : "border-gray-300 hover:border-accent-300"
+                      }`}
+                    >
+                      <input
+                        type="radio"
+                        value={mode}
+                        checked={formData.challenge_mode === mode}
+                        onChange={(e) =>
+                          handleInputChange("challenge_mode", e.target.value)
+                        }
+                        className="hidden"
+                      />
+                      <span className="text-sm font-medium">
+                        {getChallengeMode(mode)}
+                      </span>
+                    </label>
+                  ))}
+                </div>
+
+                {/* 목표 금액 */}
+                {(formData.challenge_mode === "amount" ||
+                  formData.challenge_mode === "both") && (
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 mb-2">
+                      금액 <strong className="text-red-500">*</strong>
+                    </label>
+                    <div className="relative">
+                      <HandCoins className="absolute left-3 top-1/2 transform -translate-y-1/2 w-5 h-5 text-accent-500" />
+                      <input
+                        type="number"
+                        value={formData.target_amount}
+                        onChange={(e) =>
+                          handleInputChange("target_amount", e.target.value)
+                        }
+                        className={`w-full pl-12 pr-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 transition-colors ${
+                          errors.target_amount
+                            ? "border-red-500"
+                            : "border-gray-400 hover:border-accent-400"
+                        }`}
+                        placeholder="목표 금액을 입력하세요."
+                        min="1"
+                      />
+                      <span className="absolute right-10 top-1/2 transform -translate-y-1/2 text-accent-600">
+                        원
+                      </span>
+                    </div>
+                    {errors.target_amount && (
+                      <p className="mt-1 text-sm text-red-600">
+                        {errors.target_amount}
+                      </p>
+                    )}
+                  </div>
+                )}
+
+                {/* 목표 횟수 */}
+                {(formData.challenge_mode === "count" ||
+                  formData.challenge_mode === "both") && (
+                  <div>
+                    <label className="block text-sm font-medium text-gray-700 mb-2">
+                      횟수 <strong className="text-red-500">*</strong>
+                    </label>
+                    <div className="relative">
+                      <Hash className="absolute left-3 top-1/2 transform -translate-y-1/2 w-5 h-5 text-accent-500" />
+                      <input
+                        type="number"
+                        value={formData.target_count}
+                        onChange={(e) =>
+                          handleInputChange("target_count", e.target.value)
+                        }
+                        className={`w-full pl-12 pr-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 transition-colors ${
+                          errors.target_count
+                            ? "border-red-500"
+                            : "border-gray-400 hover:border-accent-400"
+                        }`}
+                        placeholder="목표 횟수를 입력하세요."
+                        min="1"
+                      />
+                      <span className="absolute right-10 top-1/2 transform -translate-y-1/2 text-accent-600">
+                        회
+                      </span>
+                    </div>
+                    {errors.target_count && (
+                      <p className="mt-1 text-sm text-red-600">
+                        {errors.target_count}
+                      </p>
+                    )}
+                  </div>
+                )}
+
+                {/* 목표 날짜 */}
+                <div>
+                  <label className="block text-sm font-medium text-gray-700 mb-2">
+                    완료일 <strong className="text-red-500">*</strong>
+                  </label>
+                  <div className="relative">
+                    <Calendar className="absolute left-3 top-1/2 transform -translate-y-1/2 w-5 h-5 text-accent-500" />
+                    <input
+                      type="date"
+                      value={formData.target_date}
+                      onChange={(e) =>
+                        handleInputChange("target_date", e.target.value)
+                      }
+                      className={`w-full pl-12 pr-10 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 transition-colors hover:cursor-pointer ${
+                        errors.target_date
+                          ? "border-red-500"
+                          : "border-gray-400 hover:border-accent-400"
+                      }`}
+                    />
+                  </div>
+                  {errors.target_date && (
+                    <p className="mt-1 text-sm text-red-600">
+                      {errors.target_date}
+                    </p>
+                  )}
+                </div>
+              </div>
+            </div>
+
+            {/* 액션 버튼 */}
+            <div className="flex justify-end gap-4">
+              <button
+                type="button"
+                onClick={() => router.push(`/goals/${goalId}`)}
+                className="flex items-center gap-2 px-6 py-3 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors hover:cursor-pointer"
+              >
+                <X className="w-4 h-4" />
+                취소
+              </button>
+              <button
+                type="submit"
+                disabled={isUpdatingGoal}
+                className={`flex items-center gap-2 px-6 py-3 rounded-lg font-semibold transition-all duration-200 transform shadow-lg ${
+                  isUpdatingGoal
+                    ? "bg-gray-400 cursor-not-allowed"
+                    : "bg-gradient-to-r from-accent-400 to-accent-600 text-white hover:shadow-xl hover:-translate-y-1 hover:cursor-pointer"
+                }`}
+              >
+                <Save className="w-4 h-4" />
+                {isUpdatingGoal ? "저장 중..." : "수정"}
+              </button>
+            </div>
+          </form>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default GoalEditPage;
diff --git a/src/app/goals/[id]/page.tsx b/src/app/goals/[id]/page.tsx
new file mode 100644
index 0000000..d625088
--- /dev/null
+++ b/src/app/goals/[id]/page.tsx
@@ -0,0 +1,276 @@
+"use client";
+
+import ActionButtons from "@/components/goals/ActionButton";
+import InfoSection, { InfoItem } from "@/components/goals/InfoSection";
+import ProgressBar from "@/components/goals/ProgressBar";
+import StatusBadge from "@/components/goals/StatusBadge";
+import { useAuth } from "@/hooks/auth";
+import { useGoals } from "@/hooks/goals/useGoals";
+import { supabase } from "@/lib/supabase";
+import {
+  getChallengeMode,
+  getGoalProgress,
+  getTypeText,
+} from "@/utils/goals/goalsHelpers";
+import { useQueryClient } from "@tanstack/react-query";
+import { format } from "date-fns";
+import { ko } from "date-fns/locale";
+import { ArrowLeft, Calendar, Info, Target } from "lucide-react";
+import { useParams, useRouter } from "next/navigation";
+import { useState } from "react";
+
+const GoalDetailPage = () => {
+  const { user } = useAuth();
+  const { goals } = useGoals({ userId: user?.id });
+  const params = useParams();
+  const router = useRouter();
+  const queryClient = useQueryClient();
+  const [isDeleting, setIsDeleting] = useState(false);
+
+  const goalId = params.id as string;
+  const goal = goals.find((g) => g.id === goalId);
+
+  const handleEdit = () => {
+    router.push(`/goals/${goalId}/edit`);
+  };
+
+  const handleDelete = async () => {
+    if (!confirm("정말로 이 목표를 삭제하시겠습니까?")) {
+      return;
+    }
+
+    setIsDeleting(true);
+
+    try {
+      const { error } = await supabase.from("goals").delete().eq("id", goalId);
+
+      if (error) {
+        console.error("목표 삭제 실패:", error);
+        alert("목표 삭제에 실패했습니다.");
+        return;
+      }
+
+      queryClient.invalidateQueries({ queryKey: ["goals"] });
+      alert("목표가 성공적으로 삭제되었습니다.");
+      router.push("/goals");
+    } catch (error) {
+      console.error("목표 삭제 오류:", error);
+      alert("목표 삭제 중 오류가 발생했습니다.");
+    } finally {
+      setIsDeleting(false);
+    }
+  };
+
+  // 사용자 인증 확인
+  if (!user?.id) {
+    return (
+      <div className="min-h-screen bg-gradient-to-br from-accent-50 via-white to-blue-50 flex items-center justify-center p-4">
+        <div className="text-center bg-white/90 backdrop-blur-sm rounded-2xl shadow-2xl p-8 max-w-md border border-gray-100">
+          <div className="p-4 bg-gradient-to-br from-accent-500 to-accent-400 rounded-2xl w-fit mx-auto mb-6 shadow-lg">
+            <Target className="w-12 h-12 text-white" />
+          </div>
+          <h1 className="text-2xl font-bold text-gray-900 mb-3">목표 상세</h1>
+          <p className="text-gray-600 mb-6">로그인이 필요한 서비스입니다.</p>
+          <button
+            onClick={() => router.push("/auth/login")}
+            className="px-6 py-3 bg-gradient-to-r from-accent-500 to-accent-400 text-white font-semibold rounded-xl shadow-lg hover:shadow-xl transform hover:-translate-y-1 transition-all duration-300"
+          >
+            로그인하기
+          </button>
+        </div>
+      </div>
+    );
+  }
+
+  // 목표를 찾을 수 없는 경우
+  if (!goal) {
+    return (
+      <div className="min-h-screen bg-gradient-to-br from-accent-50 via-white to-blue-50 flex items-center justify-center p-4">
+        <div className="text-center bg-white/90 backdrop-blur-sm rounded-2xl shadow-2xl p-8 max-w-md border border-gray-100">
+          <div className="p-4 bg-gradient-to-br from-red-500 to-pink-500 rounded-2xl w-fit mx-auto mb-6 shadow-lg">
+            <Target className="w-12 h-12 text-white" />
+          </div>
+          <h1 className="text-2xl font-bold text-gray-900 mb-3">
+            목표를 찾을 수 없습니다.
+          </h1>
+          <p className="text-gray-600 mb-6">
+            요청한 목표가 존재하지 않거나 삭제되었습니다.
+          </p>
+          <button
+            onClick={() => router.push("/goals")}
+            className="px-6 py-3 bg-gradient-to-r from-accent-500 to-accent-400 text-white font-semibold rounded-xl shadow-lg hover:shadow-xl transform hover:-translate-y-1 transition-all duration-300"
+          >
+            목표 목록으로 돌아가기
+          </button>
+        </div>
+      </div>
+    );
+  }
+
+  // 진행률 계산
+  const progress = getGoalProgress(goal);
+
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-accent-50 via-white to-blue-50">
+      <div className="flex flex-col gap-4 max-w-4xl mx-auto px-4 py-8">
+        {/* 헤더 */}
+        <div className="flex items-center">
+          <button
+            onClick={() => router.push("/goals")}
+            className="hover:text-accent-500 text-gray-800 hover:cursor-pointer"
+          >
+            <ArrowLeft className="w-5 h-5" />
+          </button>
+        </div>
+
+        {/* 메인 컨텐츠 */}
+        <div className="bg-white/90 backdrop-blur-sm rounded-2xl shadow-xl border border-gray-100 overflow-hidden">
+          {/* 헤더 섹션 */}
+          <div className="bg-gradient-to-r from-accent-400 to-accent-600 py-6 px-4 text-white relative">
+            <div className="flex flex-col gap-1 mb-4">
+              <div className="flex justify-end pt-4">
+                <StatusBadge
+                  status={goal.status}
+                  targetDate={goal.target_date}
+                  className="top-2 right-2 absolute"
+                />
+              </div>
+              <h1 className="text-2xl font-bold">{goal.title}</h1>
+              {goal.description && (
+                <p className="text-white text-lg leading-relaxed">
+                  {goal.description}
+                </p>
+              )}
+            </div>
+          </div>
+
+          <div className="flex flex-col gap-4">
+            {/* 기본 정보 */}
+            <InfoSection title="기본 정보" icon={<Info className="w-5 h-5" />}>
+              <div className="flex items-center justify-end gap-2 border-b border-accent-300">
+                {goal.category && (
+                  <InfoItem label="" value={goal.category.name} important />
+                )}
+                <InfoItem label="" value={getTypeText(goal.type)} important />({" "}
+                <InfoItem
+                  label=""
+                  value={getChallengeMode(goal.challenge_mode)}
+                />
+                )
+              </div>
+
+              {goal.category && (
+                <InfoItem
+                  label={
+                    goal.type === "reduce_expense" ? "현재 사용" : "현재 달성"
+                  }
+                  value={`${goal.current_amount?.toLocaleString()}원`}
+                  important
+                />
+              )}
+              {goal.reason && <InfoItem label="" value={goal.reason} />}
+            </InfoSection>
+
+            {/* 목표 정보 */}
+            <InfoSection
+              title="목표 정보"
+              icon={<Target className="w-5 h-5" />}
+            >
+              <div className="flex gap-2 items-center justify-end border-b border-accent-300">
+                {goal.created_from_date && (
+                  <InfoItem
+                    label=""
+                    value={format(
+                      new Date(goal.created_from_date),
+                      "yy. MM. dd.",
+                      {
+                        locale: ko,
+                      },
+                    )}
+                    important
+                  />
+                )}{" "}
+                ~
+                {goal.target_date && (
+                  <InfoItem
+                    label=""
+                    value={format(new Date(goal.target_date), "yy. MM. dd.", {
+                      locale: ko,
+                    })}
+                    important
+                  />
+                )}
+              </div>
+              {goal.target_amount && goal.current_amount !== undefined && (
+                <ProgressBar
+                  current={goal.current_amount}
+                  target={goal.target_amount}
+                  type={goal.type}
+                  title="금액 달성률"
+                  unit="원"
+                />
+              )}
+
+              {goal.target_count && goal.current_count !== undefined && (
+                <div className={goal.target_amount ? "mt-6" : ""}>
+                  <ProgressBar
+                    current={goal.current_count}
+                    target={goal.target_count}
+                    type={goal.type}
+                    title="횟수 달성률"
+                    unit="회"
+                  />
+                </div>
+              )}
+
+              {/* 종합 진행률 (둘 다 있을 때만) */}
+              {goal.target_amount && goal.target_count && (
+                <div className="mt-6 p-4 bg-gradient-to-r from-accent-100 to-accent-200 rounded-xl">
+                  <div className="flex justify-between items-center">
+                    <span className="text-lg font-semibold text-gray-900">
+                      종합 달성률
+                    </span>
+                    <span className="text-3xl font-bold bg-gradient-to-r from-accent-400 to-accent-600 bg-clip-text text-transparent">
+                      {progress.overallProgress}%
+                    </span>
+                  </div>
+                </div>
+              )}
+            </InfoSection>
+
+            {/* 날짜 정보 */}
+            <InfoSection
+              title="생성 정보"
+              icon={<Calendar className="w-5 h-5" />}
+            >
+              <InfoItem
+                label="생성일"
+                value={format(new Date(goal.created_at), "yy. MM. dd. HH:mm", {
+                  locale: ko,
+                })}
+              />
+              <InfoItem
+                label="마지막 수정일"
+                value={format(new Date(goal.updated_at), "yy. MM. dd. HH:mm", {
+                  locale: ko,
+                })}
+              />
+            </InfoSection>
+
+            {/* 액션 버튼 */}
+            <div className="flex justify-end">
+              <ActionButtons
+                goalStatus={goal.status}
+                onEdit={handleEdit}
+                onDelete={handleDelete}
+                isDeleting={isDeleting}
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default GoalDetailPage;
diff --git a/src/app/goals/page.tsx b/src/app/goals/page.tsx
index b4b32bf..4a4f87f 100644
--- a/src/app/goals/page.tsx
+++ b/src/app/goals/page.tsx
@@ -1,327 +1,237 @@
 "use client";
 
-import AuthGuard from "@/components/auth/AuthGuard";
-import GoalCard from "@/components/goals/GoalCard";
 import { useAuth } from "@/hooks/auth";
 import { useGoals } from "@/hooks/goals/useGoals";
 import {
-  Calendar,
-  Clock,
-  Filter,
-  Plus,
-  Search,
   Target,
+  Clock,
   TrendingUp,
+  BarChart3,
+  Plus,
+  Zap,
   Trophy,
+  ArrowRight,
+  Star,
 } from "lucide-react";
 import Link from "next/link";
-import { useMemo, useState } from "react";
+import GoalCard from "@/components/goals/GoalCard";
+import StatCard from "@/components/goals/StatCard";
+import useGoalStatistics from "@/hooks/goals/useGoalStatistics";
 
 const GoalsPage = () => {
-  const { user } = useAuth();
-  const { goals, activeGoals, completedGoals, isLoading } = useGoals({
+  const { user, isLoading: isAuthLoading } = useAuth();
+
+  const {
+    activeGoals,
+    completedGoals,
+    goals,
+    isLoading: isGoalsLoading,
+  } = useGoals({
     userId: user?.id,
   });
 
-  // 필터 상태
-  const [activeTab, setActiveTab] = useState<
-    "active" | "completed" | "paused" | "cancelled" | "all"
-  >("active");
-  const [searchTerm, setSearchTerm] = useState("");
-  const [typeFilter, setTypeFilter] = useState<"all" | "income" | "expense">(
-    "all",
-  );
-
-  // 필터링된 목표들
-  const filteredGoals = useMemo(() => {
-    let filtered = goals;
-
-    if (activeTab !== "all") {
-      filtered = goals.filter((goal) => goal.status === activeTab);
-    }
-
-    if (searchTerm) {
-      filtered = filtered.filter(
-        (goal) =>
-          goal.title.toLowerCase().includes(searchTerm.toLowerCase()) ||
-          goal.description?.toLowerCase().includes(searchTerm.toLowerCase()),
-      );
-    }
-
-    if (typeFilter !== "all") {
-      filtered = filtered.filter((goal) => {
-        return typeFilter === "income"
-          ? goal.type === "increase_income"
-          : goal.type === "reduce_expense";
-      });
-    }
-
-    return filtered;
-  }, [goals, activeTab, searchTerm, typeFilter]);
-
-  // 통계 계산
-  const statistics = {
-    total: goals.length,
-    active: activeGoals.length,
-    completed: completedGoals.length,
-    completionRate:
-      goals.length > 0 ? (completedGoals.length / goals.length) * 100 : 0,
-  };
-
-  // 핸들러들
-  const handleTypeFilterChange = (value: string) => {
-    if (value === "all" || value === "income" || value === "expense") {
-      setTypeFilter(value);
-    }
-  };
+  const statistics = useGoalStatistics(goals);
 
-  if (!user?.id) {
+  // 로딩 상태
+  if (isAuthLoading || isGoalsLoading) {
     return (
-      <AuthGuard>
-        <div className="max-w-7xl mx-auto p-4 text-center py-8">
-          <div className="bg-white rounded-lg p-8 shadow-sm border">
-            <h3 className="text-lg font-medium text-gray-600 mb-2">
-              로그인이 필요합니다
-            </h3>
-            <p className="text-gray-500">
-              목표를 관리하려면 먼저 로그인해주세요.
-            </p>
+      <div className="min-h-screen bg-gradient-to-br from-accent-50 via-white to-blue-50 flex items-center justify-center p-4">
+        <div className="text-center bg-white/80 backdrop-blur-sm rounded-2xl shadow-xl p-8 border border-gray-100">
+          <div className="relative w-16 h-16 mx-auto mb-6">
+            <div className="absolute inset-0 border-4 border-accent-200 rounded-full animate-pulse" />
+            <div className="absolute inset-0 border-4 border-accent-500 border-t-transparent rounded-full animate-spin" />
           </div>
+          <p className="text-lg font-medium text-gray-700 mb-2">
+            목표를 불러오는 중
+          </p>
+          <p className="text-sm text-gray-500">잠시만 기다려주세요...</p>
         </div>
-      </AuthGuard>
+      </div>
     );
   }
 
-  if (isLoading) {
+  // 사용자 인증 확인
+  if (!user?.id) {
     return (
-      <AuthGuard>
-        <div className="max-w-7xl mx-auto p-4 space-y-6">
-          <div className="animate-pulse space-y-4">
-            <div className="h-8 bg-gray-200 rounded w-1/4"></div>
-            <div className="grid grid-cols-1 gap-4">
-              {[...Array(6)].map((_, i) => (
-                <div key={i} className="h-48 bg-gray-200 rounded-lg"></div>
-              ))}
-            </div>
+      <div className="min-h-screen bg-gradient-to-br from-accent-50 via-white to-blue-50 flex items-center justify-center p-4">
+        <div className="text-center bg-white/90 backdrop-blur-sm rounded-2xl shadow-2xl p-8 max-w-md border border-gray-100">
+          <div className="p-4 bg-gradient-to-br from-accent-500 to-accent-400 rounded-2xl w-fit mx-auto mb-6 shadow-lg">
+            <Target className="w-12 h-12 text-white" />
           </div>
+          <h1 className="text-2xl font-bold text-gray-900 mb-3">목표 관리</h1>
+          <p className="text-gray-600 mb-6 leading-relaxed">
+            나만의 목표를 설정하고 달성 과정을 추적해보세요
+          </p>
+          <Link
+            href="/auth/login"
+            className="group inline-flex items-center gap-2 px-6 py-3 bg-gradient-to-r from-accent-500 to-accent-400 text-white font-semibold rounded-xl shadow-lg hover:shadow-xl transform hover:-translate-y-1 transition-all duration-300"
+          >
+            시작하기
+            <ArrowRight className="w-4 h-4 group-hover:translate-x-1 transition-transform" />
+          </Link>
         </div>
-      </AuthGuard>
+      </div>
     );
   }
 
   return (
-    <AuthGuard>
-      <div className="max-w-7xl mx-auto p-4 space-y-6">
+    <div className="min-h-screen bg-gradient-to-br from-accent-50 via-white to-accent-100">
+      <div className="flex flex-col gap-8 max-w-7xl mx-auto px-4 py-8">
         {/* 헤더 */}
-        <div className="flex flex-col gap-4">
-          <div>
-            <h1 className="text-2xl font-bold text-gray-900">내 목표</h1>
-            <p className="text-gray-600 mt-1">
-              진행 중인 챌린지와 달성한 목표를 확인하세요.
-            </p>
-          </div>
-
-          <div className="flex items-center gap-3">
-            <button className="flex items-center gap-2 px-4 py-2 bg-accent-600 text-white rounded-lg hover:bg-accent-700 transition-colors">
-              <Plus className="w-4 h-4" />
-              목표 추가
-            </button>
+        <div className="flex flex-col gap-3">
+          <div className="flex justify-between items-center">
+            <h1 className="text-4xl font-bold bg-gradient-to-r from-accent-500 to-accent-700 bg-clip-text text-transparent">
+              목표 관리
+            </h1>
+            <Link
+              href="/goals/new"
+              className="group inline-flex items-center gap-2 px-6 py-3 bg-gradient-to-r from-accent-500 to-accent-400 text-white font-semibold rounded-xl shadow-lg hover:shadow-xl transform hover:-translate-y-1 transition-all duration-300"
+            >
+              <Plus className="w-5 h-5" />
+              추가
+            </Link>
           </div>
+          <p className="text-lg text-gray-600 leading-relaxed">
+            목표를 설정하고 꾸준히 달성해보세요 ✨
+          </p>
         </div>
 
-        {/* 통계 카드 */}
-        <div className="grid grid-cols-2 gap-4">
-          <div className="bg-white p-4 rounded-lg border shadow-sm">
-            <div className="flex items-center gap-3">
-              <div className="p-2 bg-blue-100 rounded-lg">
-                <Target className="w-5 h-5 text-blue-600" />
-              </div>
-              <div>
-                <p className="text-sm text-gray-600">전체</p>
-                <p className="text-xl font-bold text-gray-900">
-                  {statistics.total}
-                </p>
+        {/* 목표가 없을 때 */}
+        {statistics.total === 0 && (
+          <div className="text-center py-20">
+            <div className="bg-white/90 backdrop-blur-sm rounded-2xl shadow-xl p-12 max-w-2xl mx-auto border border-gray-100">
+              <div className="p-6 bg-gradient-to-br from-accent-100 to-blue-100 rounded-2xl w-fit mx-auto">
+                <Target className="w-16 h-16 text-accent-500" />
               </div>
+              <h2 className="text-3xl font-bold text-gray-900 mb-4">
+                첫 번째 목표를 만들어보세요!
+              </h2>
+              <p className="text-lg text-gray-600 mb-8 leading-relaxed max-w-md mx-auto">
+                예산 페이지에서 챌린지를 생성하여 <br />
+                목표 달성 여정을 시작하세요.
+              </p>
+              <Link
+                href="/budget"
+                className="group inline-flex items-center gap-2 px-8 py-4 bg-gradient-to-r from-accent-500 to-accent-400 text-white text-lg font-semibold rounded-xl shadow-lg hover:shadow-xl transform hover:-translate-y-1 transition-all duration-300"
+              >
+                <Plus className="w-5 h-5" />
+                목표 만들기
+                <ArrowRight className="w-5 h-5 group-hover:translate-x-1 transition-transform" />
+              </Link>
             </div>
           </div>
+        )}
 
-          <div className="bg-white p-4 rounded-lg border shadow-sm">
-            <div className="flex items-center gap-3">
-              <div className="p-2 bg-orange-100 rounded-lg">
-                <Clock className="w-5 h-5 text-orange-600" />
-              </div>
-              <div>
-                <p className="text-sm text-gray-600">진행 중</p>
-                <p className="text-xl font-bold text-gray-900">
-                  {statistics.active}
-                </p>
-              </div>
+        {/* 목표가 있을 때 */}
+        {statistics.total > 0 && (
+          <>
+            {/* 통계 카드들 */}
+            <div className="grid grid-cols-2 lg:grid-cols-4 gap-6">
+              <StatCard
+                icon={<BarChart3 className="w-6 h-6" />}
+                title="전체 목표"
+                value={`${statistics.total}개`}
+                color="accent"
+              />
+              <StatCard
+                icon={<Zap className="w-6 h-6" />}
+                title="진행 중"
+                value={`${statistics.active}개`}
+                color="purple"
+              />
+              <StatCard
+                icon={<Trophy className="w-6 h-6" />}
+                title="완료 목표"
+                value={`${statistics.completed}개`}
+                color="green"
+              />
+              <StatCard
+                icon={<Clock className="w-6 h-6" />}
+                title="곧 마감"
+                value={`${statistics.soonDue}개`}
+                color={statistics.soonDue > 0 ? "yellow" : "accent"}
+              />
             </div>
-          </div>
 
-          <div className="bg-white p-4 rounded-lg border shadow-sm">
-            <div className="flex items-center gap-3">
-              <div className="p-2 bg-green-100 rounded-lg">
-                <Trophy className="w-5 h-5 text-green-600" />
+            {/* 완료율 표시 */}
+            <div className="bg-white/90 backdrop-blur-sm rounded-2xl shadow-lg p-6 border border-gray-100">
+              <div className="flex items-center justify-between mb-6">
+                <h2 className="text-2xl font-bold text-gray-900">
+                  전체 달성률
+                </h2>
+                <div className="flex items-center gap-2">
+                  <div className="text-right">
+                    <span className="text-4xl font-bold bg-gradient-to-r from-accent-400 to-accent-600 bg-clip-text text-transparent">
+                      {statistics.completionRate}%
+                    </span>
+                  </div>
+                  <div className="p-2 bg-gradient-to-br from-accent-100 to-accent-200 rounded-lg">
+                    <TrendingUp className="w-6 h-6 text-accent-500" />
+                  </div>
+                </div>
               </div>
-              <div>
-                <p className="text-sm text-gray-600">완료</p>
-                <p className="text-xl font-bold text-gray-900">
-                  {statistics.completed}
-                </p>
+              <div className="relative w-full h-4 bg-gray-200 rounded-full overflow-hidden">
+                <div
+                  className="absolute left-0 top-0 h-full bg-gradient-to-r from-accent-400 via-accent-500 to-blue-500 rounded-full transition-all duration-1000 ease-out"
+                  style={{ width: `${statistics.completionRate}%` }}
+                />
+                {statistics.completionRate >= 80 && (
+                  <Star className="absolute right-2 top-1 w-2 h-2 text-white animate-bounce" />
+                )}
               </div>
             </div>
-          </div>
 
-          <div className="bg-white p-4 rounded-lg border shadow-sm">
-            <div className="flex items-center gap-3">
-              <div className="p-2 bg-purple-100 rounded-lg">
-                <Calendar className="w-5 h-5 text-purple-600" />
+            {/* 진행 중인 목표들 */}
+            {activeGoals.length > 0 && (
+              <div className="mb-12">
+                <div className="flex items-center gap-3 mb-8">
+                  <div className="p-2 bg-gradient-to-br from-purple-100 to-pink-100 rounded-lg">
+                    <Zap className="w-6 h-6 text-purple-500" />
+                  </div>
+                  <div>
+                    <h2 className="text-2xl font-bold text-gray-900">
+                      진행 중인 목표
+                    </h2>
+                    <p className="text-gray-600">
+                      {activeGoals.length}개의 목표가 진행 중입니다.
+                    </p>
+                  </div>
+                </div>
+                <div className="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-6">
+                  {activeGoals.map((goal) => (
+                    <GoalCard key={goal.id} goal={goal} />
+                  ))}
+                </div>
               </div>
-              <div>
-                <p className="text-sm text-gray-600">달성률</p>
-                <p className="text-xl font-bold text-gray-900">
-                  {Math.round(statistics.completionRate)}%
-                </p>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        {/* 필터 및 검색 */}
-        <div className="bg-white p-4 rounded-lg border shadow-sm">
-          <div className="flex flex-col md:flex-row gap-4">
-            {/* 탭 */}
-            <div className="flex bg-gray-100 rounded-lg p-1">
-              <button
-                onClick={() => setActiveTab("active")}
-                className={`flex-1 px-4 py-2 text-sm font-medium rounded-md transition-colors ${
-                  activeTab === "active"
-                    ? "bg-white text-gray-900 shadow-sm"
-                    : "text-gray-600 hover:text-gray-900"
-                }`}
-              >
-                진행 ({statistics.active})
-              </button>
-              <button
-                onClick={() => setActiveTab("completed")}
-                className={`flex-1 px-4 py-2 text-sm font-medium rounded-md transition-colors ${
-                  activeTab === "completed"
-                    ? "bg-white text-gray-900 shadow-sm"
-                    : "text-gray-600 hover:text-gray-900"
-                }`}
-              >
-                완료 ({statistics.completed})
-              </button>
-              <button
-                onClick={() => setActiveTab("paused")}
-                className={`flex-1 px-4 py-2 text-sm font-medium rounded-md transition-colors ${
-                  activeTab === "completed"
-                    ? "bg-white text-gray-900 shadow-sm"
-                    : "text-gray-600 hover:text-gray-900"
-                }`}
-              >
-                멈춤 ({statistics.completed})
-              </button>
-              <button
-                onClick={() => setActiveTab("cancelled")}
-                className={`flex-1 px-4 py-2 text-sm font-medium rounded-md transition-colors ${
-                  activeTab === "completed"
-                    ? "bg-white text-gray-900 shadow-sm"
-                    : "text-gray-600 hover:text-gray-900"
-                }`}
-              >
-                취소 ({statistics.completed})
-              </button>
-              <button
-                onClick={() => setActiveTab("all")}
-                className={`flex-1 px-4 py-2 text-sm font-medium rounded-md transition-colors ${
-                  activeTab === "all"
-                    ? "bg-white text-gray-900 shadow-sm"
-                    : "text-gray-600 hover:text-gray-900"
-                }`}
-              >
-                전체 ({statistics.total})
-              </button>
-            </div>
-
-            {/* 검색 */}
-            <div className="flex-1 relative">
-              <Search className="w-4 h-4 absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400" />
-              <input
-                type="text"
-                placeholder="목표 제목이나 설명으로 검색..."
-                value={searchTerm}
-                onChange={(e) => setSearchTerm(e.target.value)}
-                className="w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500"
-              />
-            </div>
-
-            {/* 타입 필터 */}
-            <div className="flex items-center gap-2">
-              <Filter className="w-4 h-4 text-gray-400" />
-              <select
-                value={typeFilter}
-                onChange={(e) => handleTypeFilterChange(e.target.value)}
-                className="px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500"
-              >
-                <option value="all">전체</option>
-                <option value="income">수입 증가</option>
-                <option value="expense">지출 감소</option>
-              </select>
-            </div>
-          </div>
-        </div>
+            )}
 
-        {/* 목표 목록 */}
-        {filteredGoals.length > 0 ? (
-          <div className="grid grid-cols-1 gap-6">
-            {filteredGoals.map((goal) => (
-              <GoalCard key={goal.id} goal={goal} />
-            ))}
-          </div>
-        ) : (
-          <div className="bg-white rounded-lg p-12 shadow-sm border text-center">
-            <div className="text-gray-400 mb-4">
-              <Target className="w-16 h-16 mx-auto" />
-            </div>
-            <h3 className="text-xl font-medium text-gray-600 mb-2">
-              {activeTab === "active"
-                ? "진행 중인 목표가 없습니다."
-                : activeTab === "completed"
-                  ? "완료된 목표가 없습니다."
-                  : searchTerm
-                    ? "검색 결과가 없습니다."
-                    : "아직 목표가 없습니다."}
-            </h3>
-            <p className="text-gray-500 mb-6">
-              {activeTab === "active"
-                ? "가계부에서 챌린지를 시작하거나 새로운 목표를 만들어보세요."
-                : activeTab === "completed"
-                  ? "목표를 달성하면 여기에 표시됩니다."
-                  : searchTerm
-                    ? "다른 검색어로 시도해보세요."
-                    : "첫 번째 목표를 만들어 성장을 시작해보세요."}
-            </p>
-            {!searchTerm && (
-              <div className="flex flex-col justify-center">
-                <button className="inline-flex items-center gap-2 px-6 py-3 bg-accent-600 text-white rounded-lg hover:bg-accent-700 transition-colors">
-                  <Plus className="w-4 h-4" />
-                  목표 추가
-                </button>
-                <Link
-                  href="/budget"
-                  className="inline-flex items-center gap-2 px-6 py-3 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors"
-                >
-                  <TrendingUp className="w-4 h-4" />
-                  가계부 챌린지
-                </Link>
+            {/* 완료된 목표들 */}
+            {completedGoals.length > 0 && (
+              <div className="mb-8">
+                <div className="flex items-center gap-3 mb-8">
+                  <div className="p-2 bg-gradient-to-br from-green-100 to-emerald-100 rounded-lg">
+                    <Trophy className="w-6 h-6 text-green-500" />
+                  </div>
+                  <div>
+                    <h2 className="text-2xl font-bold text-gray-900">
+                      완료 목표
+                    </h2>
+                    <p className="text-gray-600">
+                      {completedGoals.length}개의 목표를 달성했습니다.
+                    </p>
+                  </div>
+                </div>
+                <div className="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-6">
+                  {completedGoals.map((goal) => (
+                    <GoalCard key={goal.id} goal={goal} />
+                  ))}
+                </div>
               </div>
             )}
-          </div>
+          </>
         )}
       </div>
-    </AuthGuard>
+    </div>
   );
 };
 
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 1dafc92..84600c6 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -2,7 +2,6 @@ import { Inter } from "next/font/google";
 import "./globals.css";
 import Providers from "./providers";
 import Header from "@/components/layout/Header";
-import TransactionAlertProvider from "@/components/budget/TransactionAlertProvider";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata = {
@@ -25,13 +24,11 @@ export default function RootLayout({
       </head>
       <body className={`${inter.className} bg-gray-50 min-h-screen`}>
         <Providers>
-          <TransactionAlertProvider>
-            <div className="min-h-screen flex flex-col">
-              <Header />
-              <main className="flex-1">{children}</main>
-              {/* // TODO: Footer 추가 */}
-            </div>
-          </TransactionAlertProvider>
+          <div className="min-h-screen flex flex-col">
+            <Header />
+            <main className="flex-1">{children}</main>
+            {/* // TODO: Footer 추가 */}
+          </div>
         </Providers>
       </body>
     </html>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index b4989eb..32d6df0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -172,8 +172,8 @@ export default function Home() {
               </div>
             </div>
 
-            {/* 통계 */}
-            <div className="pt-8 grid grid-cols-3 gap-8 max-w-md mx-auto">
+            {/* 통계 TODO: 실제 후기 및 통계 데이터 사용*/}
+            {/* <div className="pt-8 grid grid-cols-3 gap-8 max-w-md mx-auto">
               <div className="text-center">
                 <div className="text-2xl font-bold text-accent-600">1,000+</div>
                 <div className="text-sm text-gray-600">활성 사용자</div>
@@ -188,7 +188,7 @@ export default function Home() {
                 <div className="text-2xl font-bold text-accent-400">98%</div>
                 <div className="text-sm text-gray-600">사용자 만족도</div>
               </div>
-            </div>
+            </div> */}
           </div>
         </div>
       </section>
@@ -409,7 +409,7 @@ export default function Home() {
                     <div className="w-12 h-12 bg-gradient-to-r from-accent-400 to-accent-300 rounded-full flex-shrink-0"></div>
                     <div className="min-w-0">
                       <div className="text-white font-semibold">
-                        민지님이 목표를 달성했어요!
+                        OO님이 목표를 달성했어요!
                       </div>
                       <div className="text-accent-200 text-sm">
                         독서 목표 100% 완료
@@ -420,7 +420,7 @@ export default function Home() {
                     <div className="w-12 h-12 bg-gradient-to-r from-accent-300 to-accent-400 rounded-full flex-shrink-0"></div>
                     <div className="min-w-0">
                       <div className="text-white font-semibold">
-                        수현님이 질문에 답변했어요
+                        OO님이 질문에 답변했어요
                       </div>
                       <div className="text-accent-200 text-sm">
                         가장 감사한 순간은...
@@ -431,7 +431,7 @@ export default function Home() {
                     <div className="w-12 h-12 bg-gradient-to-r from-accent-400 to-accent-500 rounded-full flex-shrink-0"></div>
                     <div className="min-w-0">
                       <div className="text-white font-semibold">
-                        지훈님이 회고를 작성했어요
+                        OO님이 회고를 작성했어요
                       </div>
                       <div className="text-accent-200 text-sm">
                         오늘의 소중한 경험
@@ -446,7 +446,7 @@ export default function Home() {
       </section>
 
       {/* 사용자 후기 */}
-      <section className="py-20 bg-white/70">
+      {/* <section className="py-20 bg-white/70">
         <div className="max-w-7xl mx-auto px-4">
           <div className="text-center mb-16">
             <h2 className="text-4xl font-bold text-gray-900 mb-6">
@@ -525,7 +525,7 @@ export default function Home() {
             </div>
           </div>
         </div>
-      </section>
+      </section> */}
 
       {/* 마지막 CTA */}
       <section className="py-20 bg-gradient-to-br from-accent-900 to-accent-800">
diff --git a/src/app/reflections/[id]/page.tsx b/src/app/reflections/[id]/page.tsx
index e160c53..d68d7f1 100644
--- a/src/app/reflections/[id]/page.tsx
+++ b/src/app/reflections/[id]/page.tsx
@@ -67,7 +67,7 @@ const ReflectionDetailPage = () => {
           `,
           )
           .eq("id", id)
-          .single();
+          .maybeSingle();
 
         if (error) throw error;
 
@@ -112,12 +112,21 @@ const ReflectionDetailPage = () => {
     fetchReflection();
   }, [id, user?.id]);
 
-  const handleDelete = () => {
+  const handleDelete = async () => {
     if (!reflection) return;
 
     if (confirm("정말 삭제하시겠습니까? 삭제된 회고는 복구할 수 없습니다.")) {
-      deleteReflection(reflection.id);
-      router.push("./reflections");
+      try {
+        await new Promise((resolve, reject) => {
+          deleteReflection(reflection.id, {
+            onSuccess: resolve,
+            onError: reject,
+          });
+        });
+        router.push("/reflections");
+      } catch (error) {
+        console.error("삭제 실패:", error);
+      }
     }
   };
 
diff --git a/src/app/reflections/new/page.tsx b/src/app/reflections/new/page.tsx
index ce04b41..c94eead 100644
--- a/src/app/reflections/new/page.tsx
+++ b/src/app/reflections/new/page.tsx
@@ -73,7 +73,7 @@ const NewReflectionPage = () => {
         {/* 브레드크럼 네비게이션 */}
         <div>
           <button
-            onClick={router.back}
+            onClick={() => router.back()}
             className="flex items-center transition-colors hover:text-accent-500 hover:cursor-pointer"
           >
             <ArrowLeft className="w-5 h-5" />
diff --git a/src/components/budget/BudgetForm.tsx b/src/components/budget/BudgetForm.tsx
index 22b56c2..b9dc294 100644
--- a/src/components/budget/BudgetForm.tsx
+++ b/src/components/budget/BudgetForm.tsx
@@ -3,6 +3,7 @@
 import { useAuth } from "@/hooks/auth";
 import { supabase } from "@/lib/supabase";
 import { BudgetFormProps, Category } from "@/types/budget";
+import { Goal } from "@/types/goals";
 import { useQueryClient } from "@tanstack/react-query";
 import { format, parseISO } from "date-fns";
 import { ko } from "date-fns/locale";
@@ -19,7 +20,8 @@ import {
   X,
 } from "lucide-react";
 import { useRouter } from "next/navigation";
-import { useState } from "react";
+import { useEffect, useState } from "react";
+import GoalUpdateModal, { CategoryChangeData } from "./GoalUpdateModal";
 
 export default function BudgetForm({
   selectedDate,
@@ -33,6 +35,75 @@ export default function BudgetForm({
   const queryClient = useQueryClient();
   const router = useRouter();
   const { user } = useAuth();
+  const [goalUpdateModal, setGoalUpdateModal] = useState<{
+    isOpen: boolean;
+    goals: Goal[];
+    categoryChange: CategoryChangeData | null;
+  }>({
+    isOpen: false,
+    goals: [],
+    categoryChange: null,
+  });
+
+  useEffect(() => {
+    const handleGoalUpdateNeeded = (event: CustomEvent) => {
+      const {
+        categoryName,
+        newAmount,
+        newCount,
+        oldAmount,
+        oldCount,
+        type,
+        goals,
+      } = event.detail;
+
+      triggerGoalUpdateModal({
+        categoryName,
+        newAmount,
+        newCount,
+        oldAmount,
+        oldCount,
+        type,
+        goals,
+      });
+    };
+
+    window.addEventListener(
+      "goalUpdateNeeded",
+      handleGoalUpdateNeeded as EventListener,
+    );
+
+    return () => {
+      window.removeEventListener(
+        "goalUpdateNeeded",
+        handleGoalUpdateNeeded as EventListener,
+      );
+    };
+  }, []);
+
+  // 목표 업데이트 모달 트리거
+  const triggerGoalUpdateModal = (data: {
+    categoryName: string;
+    newAmount: number;
+    newCount: number;
+    oldAmount: number;
+    oldCount: number;
+    type: "income" | "expense";
+    goals: Goal[];
+  }) => {
+    setGoalUpdateModal({
+      isOpen: true,
+      goals: data.goals,
+      categoryChange: {
+        categoryName: data.categoryName,
+        newAmount: data.newAmount,
+        newCount: data.newCount,
+        oldAmount: data.oldAmount,
+        oldCount: data.oldCount,
+        type: data.type,
+      },
+    });
+  };
 
   const deletedCategories = allCategories.filter(
     (cat) =>
@@ -163,324 +234,342 @@ export default function BudgetForm({
   };
 
   return (
-    <div className="bg-white flex flex-col gap-2 rounded-lg p-4 shadow-sm border">
-      <div className="flex justify-between">
-        <div className="flex items-center">
-          <button
-            onClick={() => handleDateChange("prev")}
-            className="p-2 hover:bg-gray-100 rounded-lg transition-colors"
-          >
-            <ChevronLeft className="w-6 h-6" />
-          </button>
-
-          <h2 className="text-xl font-semibold">
-            {format(parseISO(selectedDate), "M월 d일", { locale: ko })}
-          </h2>
-
-          <button
-            onClick={() => handleDateChange("next")}
-            className="p-2 hover:bg-gray-100 rounded-lg transition-colors"
-          >
-            <ChevronRight className="w-6 h-6" />
-          </button>
-        </div>
+    <>
+      <div className="bg-white flex flex-col gap-2 rounded-lg p-4 shadow-sm border">
+        <div className="flex justify-between">
+          <div className="flex items-center">
+            <button
+              onClick={() => handleDateChange("prev")}
+              className="p-2 hover:bg-gray-100 rounded-lg transition-colors"
+            >
+              <ChevronLeft className="w-6 h-6" />
+            </button>
+
+            <h2 className="text-xl font-semibold">
+              {format(parseISO(selectedDate), "M월 d일", { locale: ko })}
+            </h2>
 
-        <div className="flex flex-col gap-2">
-          <div className="flex justify-end">
             <button
-              onClick={onBackToMonth}
-              className=" text-accent-600 hover:text-accent-700 px-2 py-1 border border-accent-300 rounded-lg text-sm transition-colors"
+              onClick={() => handleDateChange("next")}
+              className="p-2 hover:bg-gray-100 rounded-lg transition-colors"
             >
-              <ArrowLeft className="w-4 h-4" />
+              <ChevronRight className="w-6 h-6" />
             </button>
           </div>
 
-          {/* 날짜 직접 선택 */}
-          <input
-            type="date"
-            value={selectedDate}
-            onChange={handleDatePicker}
-            className="px-2 py-1 border border-gray-300 rounded text-sm focus:outline-none focus:ring-2 focus:ring-accent-500"
-          />
-        </div>
-      </div>
+          <div className="flex flex-col gap-2">
+            <div className="flex justify-end">
+              <button
+                onClick={onBackToMonth}
+                className=" text-accent-600 hover:text-accent-700 px-2 py-1 border border-accent-300 rounded-lg text-sm transition-colors"
+              >
+                <ArrowLeft className="w-4 h-4" />
+              </button>
+            </div>
 
-      {/* 항목 추가 폼 */}
-      <div>
-        <div className="flex items-center justify-between mb-3">
-          <h3 className="font-medium text-gray-700 text-sm">항목</h3>
+            {/* 날짜 직접 선택 */}
+            <input
+              type="date"
+              value={selectedDate}
+              onChange={handleDatePicker}
+              className="px-2 py-1 border border-gray-300 rounded text-sm focus:outline-none focus:ring-2 focus:ring-accent-500"
+            />
+          </div>
         </div>
 
-        {/* 수입/지출 타입 선택 */}
-        <div className="flex mb-3 ">
-          <button
-            type="button"
-            onClick={() =>
-              onNewItemChange({
-                type: "income",
-                categoryType: "fixed",
-                category: "",
-              })
-            }
-            className={`flex-1 px-3 py-2 rounded-l-lg border text-sm transition-colors flex items-center justify-center gap-2 ${
-              newItem.type === "income"
-                ? "bg-green-500 text-white border-green-500"
-                : "bg-gray-100 text-gray-700 border-gray-300 hover:bg-gray-200"
-            }`}
-          >
-            <TrendingUp className="w-4 h-4" />
-            수입
-          </button>
-          <button
-            type="button"
-            onClick={() =>
-              onNewItemChange({
-                type: "expense",
-                categoryType: "variable",
-                category: "",
-              })
-            }
-            className={`flex-1 px-3 py-2 rounded-r-lg border text-sm transition-colors flex items-center justify-center gap-2 ${
-              newItem.type === "expense"
-                ? "bg-red-500 text-white border-red-500"
-                : "bg-gray-100 text-gray-700 border-gray-300 hover:bg-gray-200"
-            }`}
-          >
-            <TrendingDown className="w-4 h-4" />
-            지출
-          </button>
-        </div>
+        {/* 항목 추가 폼 */}
+        <div>
+          <div className="flex items-center justify-between mb-3">
+            <h3 className="font-medium text-gray-700 text-sm">항목</h3>
+          </div>
 
-        {/* 고정/변동 타입 선택 */}
-        <div className="flex mb-3">
-          <button
-            type="button"
-            onClick={() =>
-              onNewItemChange({ categoryType: "fixed", category: "" })
-            }
-            className={`flex-1 px-3  py-2 rounded-l-lg border text-sm transition-colors ${
-              newItem.categoryType === "fixed"
-                ? "bg-accent-500 text-white border-accent-500"
-                : "bg-gray-100 text-gray-700 border-gray-300 hover:bg-gray-200"
-            }`}
-          >
-            고정
-          </button>
-          <button
-            type="button"
-            onClick={() =>
-              onNewItemChange({ categoryType: "variable", category: "" })
-            }
-            className={`flex-1 px-3  py-2 rounded-r-lg border text-sm  transition-colors ${
-              newItem.categoryType === "variable"
-                ? "bg-accent-500 text-white border-accent-500"
-                : "bg-gray-100 text-gray-700 border-gray-300 hover:bg-gray-200"
-            }`}
-          >
-            변동
-          </button>
-        </div>
+          {/* 수입/지출 타입 선택 */}
+          <div className="flex mb-3 ">
+            <button
+              type="button"
+              onClick={() =>
+                onNewItemChange({
+                  type: "income",
+                  categoryType: "fixed",
+                  category: "",
+                })
+              }
+              className={`flex-1 px-3 py-2 rounded-l-lg border text-sm transition-colors flex items-center justify-center gap-2 ${
+                newItem.type === "income"
+                  ? "bg-green-500 text-white border-green-500"
+                  : "bg-gray-100 text-gray-700 border-gray-300 hover:bg-gray-200"
+              }`}
+            >
+              <TrendingUp className="w-4 h-4" />
+              수입
+            </button>
+            <button
+              type="button"
+              onClick={() =>
+                onNewItemChange({
+                  type: "expense",
+                  categoryType: "variable",
+                  category: "",
+                })
+              }
+              className={`flex-1 px-3 py-2 rounded-r-lg border text-sm transition-colors flex items-center justify-center gap-2 ${
+                newItem.type === "expense"
+                  ? "bg-red-500 text-white border-red-500"
+                  : "bg-gray-100 text-gray-700 border-gray-300 hover:bg-gray-200"
+              }`}
+            >
+              <TrendingDown className="w-4 h-4" />
+              지출
+            </button>
+          </div>
 
-        <form onSubmit={handleSubmit} className="space-y-3 ">
-          {/* 카테고리 선택/생성 */}
-          <div className="space-y-3">
-            <div>
-              <label className="block text-xs font-medium mb-1 text-gray-700">
-                카테고리
-              </label>
-
-              {newItem.isCreatingCategory ? (
-                <div className="space-y-3">
-                  <div className="flex gap-2">
-                    <input
-                      type="text"
-                      placeholder="카테고리 이름"
-                      value={newItem.newCategoryName}
-                      onChange={(e) =>
-                        onNewItemChange({ newCategoryName: e.target.value })
-                      }
-                      className="flex-1 border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500"
-                    />
-                    <button
-                      type="button"
-                      onClick={handleAddCategory}
-                      className="bg-accent-500 text-white px-4 py-2 rounded-lg hover:bg-accent-600 text-sm transition-colors"
-                    >
-                      등록
-                    </button>
-                    <button
-                      type="button"
-                      onClick={() =>
-                        onNewItemChange({
-                          isCreatingCategory: false,
-                          newCategoryName: "",
-                        })
-                      }
-                      className="bg-gray-500 text-white px-4 py-2 rounded-lg hover:bg-gray-600 text-sm transition-colors"
-                    >
-                      취소
-                    </button>
+          {/* 고정/변동 타입 선택 */}
+          <div className="flex mb-3">
+            <button
+              type="button"
+              onClick={() =>
+                onNewItemChange({ categoryType: "fixed", category: "" })
+              }
+              className={`flex-1 px-3  py-2 rounded-l-lg border text-sm transition-colors ${
+                newItem.categoryType === "fixed"
+                  ? "bg-accent-500 text-white border-accent-500"
+                  : "bg-gray-100 text-gray-700 border-gray-300 hover:bg-gray-200"
+              }`}
+            >
+              고정
+            </button>
+            <button
+              type="button"
+              onClick={() =>
+                onNewItemChange({ categoryType: "variable", category: "" })
+              }
+              className={`flex-1 px-3  py-2 rounded-r-lg border text-sm  transition-colors ${
+                newItem.categoryType === "variable"
+                  ? "bg-accent-500 text-white border-accent-500"
+                  : "bg-gray-100 text-gray-700 border-gray-300 hover:bg-gray-200"
+              }`}
+            >
+              변동
+            </button>
+          </div>
+
+          <form onSubmit={handleSubmit} className="space-y-3 ">
+            {/* 카테고리 선택/생성 */}
+            <div className="space-y-3">
+              <div>
+                <label className="block text-xs font-medium mb-1 text-gray-700">
+                  카테고리
+                </label>
+
+                {newItem.isCreatingCategory ? (
+                  <div className="space-y-3">
+                    <div className="flex gap-2">
+                      <input
+                        type="text"
+                        placeholder="카테고리 이름"
+                        value={newItem.newCategoryName}
+                        onChange={(e) =>
+                          onNewItemChange({ newCategoryName: e.target.value })
+                        }
+                        className="flex-1 border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500"
+                      />
+                      <button
+                        type="button"
+                        onClick={handleAddCategory}
+                        className="bg-accent-500 text-white px-4 py-2 rounded-lg hover:bg-accent-600 text-sm transition-colors"
+                      >
+                        등록
+                      </button>
+                      <button
+                        type="button"
+                        onClick={() =>
+                          onNewItemChange({
+                            isCreatingCategory: false,
+                            newCategoryName: "",
+                          })
+                        }
+                        className="bg-gray-500 text-white px-4 py-2 rounded-lg hover:bg-gray-600 text-sm transition-colors"
+                      >
+                        취소
+                      </button>
+                    </div>
                   </div>
-                </div>
-              ) : (
-                <div className="space-y-3">
-                  {/* 활성 카테고리 태그들 */}
-                  <div className="flex flex-wrap gap-2">
-                    {allCategories
-                      .filter(
-                        (cat) =>
-                          cat.type ===
-                            `${newItem.type}_${newItem.categoryType}` &&
-                          !cat.is_deleted,
-                      )
-                      .map((category) => (
-                        <div
-                          key={category.id}
-                          className={`flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium transition-all ${
-                            newItem.category === category.name
-                              ? newItem.type === "income"
-                                ? "bg-green-500 text-white"
-                                : "bg-red-500 text-white"
-                              : "bg-gray-100 text-gray-700 hover:bg-gray-200"
-                          }`}
-                        >
-                          <button
-                            type="button"
-                            onClick={() =>
-                              onNewItemChange({ category: category.name })
-                            }
-                            className="flex-1 text-left"
-                          >
-                            {category.name}
-                          </button>
-                          <button
-                            type="button"
-                            onClick={() => handleDeleteCategory(category.id)}
-                            className={`ml-1 w-4 h-4 flex items-center justify-center hover:opacity-70 ${
+                ) : (
+                  <div className="space-y-3">
+                    {/* 활성 카테고리 태그들 */}
+                    <div className="flex flex-wrap gap-2">
+                      {allCategories
+                        .filter(
+                          (cat) =>
+                            cat.type ===
+                              `${newItem.type}_${newItem.categoryType}` &&
+                            !cat.is_deleted,
+                        )
+                        .map((category) => (
+                          <div
+                            key={category.id}
+                            className={`flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium transition-all ${
                               newItem.category === category.name
-                                ? "text-white"
-                                : "text-gray-500 hover:text-red-500"
+                                ? newItem.type === "income"
+                                  ? "bg-green-500 text-white"
+                                  : "bg-red-500 text-white"
+                                : "bg-gray-100 text-gray-700 hover:bg-gray-200"
                             }`}
-                            title="카테고리 삭제"
                           >
-                            <X className="w-3 h-3" />
-                          </button>
-                        </div>
-                      ))}
-
-                    {/* 카테고리 추가 버튼 */}
-                    <button
-                      type="button"
-                      onClick={() =>
-                        onNewItemChange({ isCreatingCategory: true })
-                      }
-                      className="px-3 py-1.5 rounded-full text-sm font-medium bg-accent-100 text-accent-600 hover:bg-accent-200 transition-colors flex items-center gap-1"
-                    >
-                      <Plus className="w-3 h-3" />
-                      추가
-                    </button>
-                  </div>
-                  {/* 사용하지 않는 카테고리 섹션 */}
-                  {/* TODO: 삭제할 때, 일괄적으로 삭제할 수 있도록 하기. 소프트
-                  삭제를 하되 언제든지 다시 복구할 수 있도록 하기 
-                  또한 해당 카테고리의 건수가 0일 경우에는 카테고리를 영구삭제 할 수 있도록 하기
-                  소프트 삭제를 고려한 이유는 데이터 보존을 위해 UI 측면에서만 작동하도록 한 것이다.*/}
-                  {deletedCategories.length > 0 && (
-                    <div className="border-t pt-3">
+                            <button
+                              type="button"
+                              onClick={() =>
+                                onNewItemChange({ category: category.name })
+                              }
+                              className="flex-1 text-left"
+                            >
+                              {category.name}
+                            </button>
+                            <button
+                              type="button"
+                              onClick={() => handleDeleteCategory(category.id)}
+                              className={`ml-1 w-4 h-4 flex items-center justify-center hover:opacity-70 ${
+                                newItem.category === category.name
+                                  ? "text-white"
+                                  : "text-gray-500 hover:text-red-500"
+                              }`}
+                              title="카테고리 삭제"
+                            >
+                              <X className="w-3 h-3" />
+                            </button>
+                          </div>
+                        ))}
+
+                      {/* 카테고리 추가 버튼 */}
                       <button
                         type="button"
                         onClick={() =>
-                          setShowDeletedCategories(!showDeletedCategories)
+                          onNewItemChange({ isCreatingCategory: true })
                         }
-                        className="flex items-center gap-2 text-sm text-gray-600 hover:text-gray-800 transition-colors"
+                        className="px-3 py-1.5 rounded-full text-sm font-medium bg-accent-100 text-accent-600 hover:bg-accent-200 transition-colors flex items-center gap-1"
                       >
-                        {showDeletedCategories ? (
-                          <ChevronUp className="w-4 h-4" />
-                        ) : (
-                          <ChevronDown className="w-4 h-4" />
-                        )}
-                        삭제된 카테고리 ({deletedCategories.length}개)
+                        <Plus className="w-3 h-3" />
+                        추가
                       </button>
-
-                      {showDeletedCategories && (
-                        <div className="mt-2 flex flex-wrap gap-2">
-                          {deletedCategories.map((category) => (
-                            <div
-                              key={category.id}
-                              className="flex items-center gap-1 px-3 py-1.5 bg-gray-50 border border-gray-300 rounded-full text-sm"
-                            >
-                              <span className="text-gray-600">
-                                {category.name}
-                              </span>
-                              <span className="text-xs text-gray-400">
-                                ({category.transactionCount || 0}건)
-                              </span>
-                              <button
-                                type="button"
-                                onClick={() =>
-                                  handleRestoreCategory(category.id)
-                                }
-                                className="ml-1 text-accent-600 hover:text-accent-700 text-xs underline"
-                              >
-                                <RotateCw className="w-3 h-3" />
-                              </button>
-                            </div>
-                          ))}
-                        </div>
-                      )}
                     </div>
-                  )}
-                </div>
-              )}
-            </div>
-
-            <div>
-              <label className="block text-xs font-medium mb-1 text-gray-700">
-                항목명
-              </label>
-              <input
-                type="text"
-                placeholder="항목명"
-                value={newItem.name}
-                onChange={(e) => onNewItemChange({ name: e.target.value })}
-                className="w-full border border-gray-300 rounded-lg px-2 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500"
-              />
-            </div>
-          </div>
-
-          <div className="space-y-3">
-            <div>
-              <label className="block text-xs font-medium mb-1 text-gray-700">
-                금액
-              </label>
-              <input
-                type="number"
-                placeholder="금액"
-                value={newItem.amount}
-                onChange={(e) => onNewItemChange({ amount: e.target.value })}
-                className="w-full border border-gray-300 rounded-lg px-2 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500"
-              />
+                    {/* 사용하지 않는 카테고리 섹션 */}
+                    {/* TODO: 삭제할 때, 일괄적으로 삭제할 수 있도록 하기. 소프트
+                  삭제를 하되 언제든지 다시 복구할 수 있도록 하기 
+                  또한 해당 카테고리의 건수가 0일 경우에는 카테고리를 영구삭제 할 수 있도록 하기
+                  소프트 삭제를 고려한 이유는 데이터 보존을 위해 UI 측면에서만 작동하도록 한 것이다.*/}
+                    {deletedCategories.length > 0 && (
+                      <div className="border-t pt-3">
+                        <button
+                          type="button"
+                          onClick={() =>
+                            setShowDeletedCategories(!showDeletedCategories)
+                          }
+                          className="flex items-center gap-2 text-sm text-gray-600 hover:text-gray-800 transition-colors"
+                        >
+                          {showDeletedCategories ? (
+                            <ChevronUp className="w-4 h-4" />
+                          ) : (
+                            <ChevronDown className="w-4 h-4" />
+                          )}
+                          삭제된 카테고리 ({deletedCategories.length}개)
+                        </button>
+
+                        {showDeletedCategories && (
+                          <div className="mt-2 flex flex-wrap gap-2">
+                            {deletedCategories.map((category) => (
+                              <div
+                                key={category.id}
+                                className="flex items-center gap-1 px-3 py-1.5 bg-gray-50 border border-gray-300 rounded-full text-sm"
+                              >
+                                <span className="text-gray-600">
+                                  {category.name}
+                                </span>
+                                <span className="text-xs text-gray-400">
+                                  ({category.transactionCount || 0}건)
+                                </span>
+                                <button
+                                  type="button"
+                                  onClick={() =>
+                                    handleRestoreCategory(category.id)
+                                  }
+                                  className="ml-1 text-accent-600 hover:text-accent-700 text-xs underline"
+                                >
+                                  <RotateCw className="w-3 h-3" />
+                                </button>
+                              </div>
+                            ))}
+                          </div>
+                        )}
+                      </div>
+                    )}
+                  </div>
+                )}
+              </div>
+
+              <div>
+                <label className="block text-xs font-medium mb-1 text-gray-700">
+                  항목명
+                </label>
+                <input
+                  type="text"
+                  placeholder="항목명"
+                  value={newItem.name}
+                  onChange={(e) => onNewItemChange({ name: e.target.value })}
+                  className="w-full border border-gray-300 rounded-lg px-2 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500"
+                />
+              </div>
             </div>
 
-            <div className="flex items-end">
-              <button
-                type="submit"
-                className={`w-full rounded-lg px-3 py-1.5 disabled:bg-gray-300 disabled:cursor-not-allowed flex items-center justify-center gap-2 text-sm transition-colors ${
-                  newItem.type === "income"
-                    ? "bg-green-500 text-white hover:bg-green-600"
-                    : "bg-red-500 text-white hover:bg-red-600"
-                }`}
-                disabled={
-                  !newItem.name.trim() || !newItem.amount || !newItem.category
-                }
-              >
-                <Plus className="w-3 h-3" />
-                추가
-              </button>
+            <div className="space-y-3">
+              <div>
+                <label className="block text-xs font-medium mb-1 text-gray-700">
+                  금액
+                </label>
+                <input
+                  type="number"
+                  placeholder="금액"
+                  value={newItem.amount}
+                  onChange={(e) => onNewItemChange({ amount: e.target.value })}
+                  className="w-full border border-gray-300 rounded-lg px-2 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500"
+                />
+              </div>
+
+              <div className="flex items-end">
+                <button
+                  type="submit"
+                  className={`w-full rounded-lg px-3 py-1.5 disabled:bg-gray-300 disabled:cursor-not-allowed flex items-center justify-center gap-2 text-sm transition-colors ${
+                    newItem.type === "income"
+                      ? "bg-green-500 text-white hover:bg-green-600"
+                      : "bg-red-500 text-white hover:bg-red-600"
+                  }`}
+                  disabled={
+                    !newItem.name.trim() || !newItem.amount || !newItem.category
+                  }
+                >
+                  <Plus className="w-3 h-3" />
+                  추가
+                </button>
+              </div>
             </div>
-          </div>
-        </form>
+          </form>
+        </div>
       </div>
-    </div>
+
+      {/* 목표 업데이트 모달 */}
+      {goalUpdateModal.categoryChange && (
+        <GoalUpdateModal
+          isOpen={goalUpdateModal.isOpen}
+          onClose={() =>
+            setGoalUpdateModal({
+              isOpen: false,
+              goals: [],
+              categoryChange: null,
+            })
+          }
+          goals={goalUpdateModal.goals}
+          categoryChange={goalUpdateModal.categoryChange}
+        />
+      )}
+    </>
   );
 }
diff --git a/src/components/budget/ChallengeModal.tsx b/src/components/budget/ChallengeModal.tsx
index d1db13a..d7149fb 100644
--- a/src/components/budget/ChallengeModal.tsx
+++ b/src/components/budget/ChallengeModal.tsx
@@ -271,9 +271,7 @@ const ChallengeModal = ({
                             handleFormDataChange("targetAmount", e.target.value)
                           }
                           placeholder="목표금액"
-                          min="1"
-                          max={challengeData.amount - 1}
-                          step={1000}
+                          max={challengeData.amount}
                           className="w-full px-3 py-2 pr-12 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500 text-sm"
                           required={formData.enableAmountGoal}
                         />
diff --git a/src/components/budget/GoalUpdateModal.tsx b/src/components/budget/GoalUpdateModal.tsx
new file mode 100644
index 0000000..c79a8a0
--- /dev/null
+++ b/src/components/budget/GoalUpdateModal.tsx
@@ -0,0 +1,166 @@
+import { Goal } from "@/types/goals";
+import Modal from "../common/Modal";
+import { Target, TrendingDown, TrendingUp } from "lucide-react";
+import { useRouter } from "next/navigation";
+
+export interface CategoryChangeData {
+  categoryName: string;
+  newAmount: number;
+  newCount: number;
+  oldAmount: number;
+  oldCount: number;
+  type: "income" | "expense";
+}
+
+interface GoalUpdateModalProps {
+  isOpen: boolean;
+  onClose: () => void;
+  goals: Goal[];
+  categoryChange: CategoryChangeData;
+}
+
+const GoalUpdateModal = ({
+  isOpen,
+  onClose,
+  goals,
+  categoryChange,
+}: GoalUpdateModalProps) => {
+  const router = useRouter();
+
+  const handleGoalEdit = (goalId: string) => {
+    router.push(`/goals/${goalId}/edit`);
+    onClose();
+  };
+
+  return (
+    <Modal isOpen={isOpen} onClose={onClose} size="lg">
+      <Modal.Header>
+        <div className="flex items-center gap-3">
+          <div className="p-2 bg-blue-100 rounded-lg">
+            <Target className="w-5 h-5 text-blue-600" />
+          </div>
+          <div>
+            <Modal.Title>목표 업데이트</Modal.Title>
+            <Modal.Description>
+              <div className="bg-blue-50 border border-blue-200 rounded-lg p-3 text-sm text-blue-700">
+                <strong>{categoryChange.categoryName}</strong> 카테고리의
+                데이터가 변경되었습니다. 관련 목표들을 확인하고
+                수정하시겠습니까?
+              </div>
+            </Modal.Description>
+          </div>
+        </div>
+      </Modal.Header>
+
+      <Modal.Body className="space-y-4">
+        {/* 변경사항 요약 */}
+        <div className="bg-gray-50 rounded-lg p-4">
+          <h4 className="font-medium text-gray-800 mb-2 flex items-center gap-2">
+            {categoryChange.type === "income" ? (
+              <TrendingUp className="w-4 h-4 text-green-600" />
+            ) : (
+              <TrendingDown className="w-4 h-4 text-red-600" />
+            )}
+            카테고리 변경사항
+          </h4>
+
+          <div className="space-y-2 text-sm">
+            <div className="flex justify-between">
+              <span className="text-gray-600">금액:</span>
+              <span>
+                {categoryChange.oldAmount.toLocaleString()}원 →{" "}
+                {categoryChange.newAmount.toLocaleString()}원
+                <span
+                  className={`ml-1 ${
+                    categoryChange.newAmount > categoryChange.oldAmount
+                      ? "text-green-600"
+                      : "text-red-600"
+                  }`}
+                >
+                  (
+                  {categoryChange.newAmount > categoryChange.oldAmount
+                    ? "+"
+                    : ""}
+                  {(
+                    ((categoryChange.newAmount - categoryChange.oldAmount) /
+                      categoryChange.oldAmount) *
+                    100
+                  ).toFixed(1)}
+                  %)
+                </span>
+              </span>
+            </div>
+            <div className="flex justify-between">
+              <span className="text-gray-600">횟수:</span>
+              <span>
+                {categoryChange.oldCount}회 → {categoryChange.newCount}회
+                <span
+                  className={`ml-1 ${
+                    categoryChange.newCount > categoryChange.oldCount
+                      ? "text-green-600"
+                      : "text-red-600"
+                  }`}
+                >
+                  (
+                  {categoryChange.newCount > categoryChange.oldCount ? "+" : ""}
+                  {categoryChange.newCount - categoryChange.oldCount})
+                </span>
+              </span>
+            </div>
+          </div>
+        </div>
+
+        {/* 관련 목표 리스트 */}
+        <div className="space-y-3">
+          <h4 className="font-medium text-gray-800">관련 목표들</h4>
+          {goals.map((goal) => (
+            <div
+              key={goal.id}
+              className="border rounded-lg p-4 cursor-pointer hover:bg-gray-50 transition-colors"
+              onClick={() => handleGoalEdit(goal.id)}
+            >
+              <div className="flex items-start justify-between">
+                <div className="flex-1">
+                  <h5 className="font-medium text-gray-800">{goal.title}</h5>
+                  <p className="text-sm text-gray-600 mt-1">
+                    {goal.description}
+                  </p>
+
+                  <div className="mt-2 flex gap-4 text-sm">
+                    {goal.target_amount && (
+                      <span className="text-gray-600">
+                        목표 금액: {goal.target_amount.toLocaleString()}원
+                      </span>
+                    )}
+                    {goal.target_count && (
+                      <span className="text-gray-600">
+                        목표 횟수: {goal.target_count}회
+                      </span>
+                    )}
+                  </div>
+                </div>
+
+                <div className="flex flex-col items-end gap-1">
+                  <span className="text-xs bg-blue-100 text-blue-700 px-2 py-1 rounded">
+                    {goal.challenge_mode === "both"
+                      ? "금액 + 횟수"
+                      : goal.challenge_mode === "amount"
+                        ? "금액"
+                        : "횟수"}
+                  </span>
+                  <span className="text-xs text-blue-600">클릭하여 수정</span>
+                </div>
+              </div>
+            </div>
+          ))}
+        </div>
+      </Modal.Body>
+
+      <Modal.Footer>
+        <Modal.CloseButton>나중에 수정</Modal.CloseButton>
+      </Modal.Footer>
+    </Modal>
+  );
+};
+
+export default GoalUpdateModal;
diff --git a/src/components/budget/TransactionAlertProvider.tsx b/src/components/budget/TransactionAlertProvider.tsx
deleted file mode 100644
index 8d2e8a9..0000000
--- a/src/components/budget/TransactionAlertProvider.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-"use client";
-
-import { createContext, ReactNode, useContext } from "react";
-import GoalUpdateNotification from "../goals/GoalUpdateNotification";
-import { useTransactionAlert } from "@/hooks/budget/useTransactionAlert";
-
-interface TransactionAlertContextType {
-  showAlert: (categoryName: string, type: "income" | "expense") => void;
-  hideAlert: (categoryName: string) => void;
-  clearAllAlerts: () => void;
-}
-
-const TransactionAlertContext =
-  createContext<TransactionAlertContextType | null>(null);
-
-export const useTransactionAlertContext = () => {
-  const context = useContext(TransactionAlertContext);
-  if (!context) {
-    throw new Error(
-      "useTransactionAlertContext must be used within a TransactionAlertProvider",
-    );
-  }
-  return context;
-};
-
-interface TransactionAlertProviderProps {
-  children: ReactNode;
-}
-
-const TransactionAlertProvider = ({
-  children,
-}: TransactionAlertProviderProps) => {
-  const { alerts, showAlert, hideAlert, clearAllAlerts } =
-    useTransactionAlert();
-
-  return (
-    <TransactionAlertContext.Provider
-      value={{ showAlert, hideAlert, clearAllAlerts }}
-    >
-      {children}
-
-      {/* 알림들 렌더링 */}
-      {alerts.map((alert) => (
-        <GoalUpdateNotification
-          key={`${alert.categoryName}-${alert.type}`}
-          categoryName={alert.categoryName}
-          onClose={() => hideAlert(alert.categoryName)}
-        />
-      ))}
-    </TransactionAlertContext.Provider>
-  );
-};
-
-export default TransactionAlertProvider;
diff --git a/src/components/goals/ActionButton.tsx b/src/components/goals/ActionButton.tsx
new file mode 100644
index 0000000..a8f0c3c
--- /dev/null
+++ b/src/components/goals/ActionButton.tsx
@@ -0,0 +1,44 @@
+import { Edit, Trash2 } from "lucide-react";
+
+interface ActionButtonsProps {
+  goalStatus: string;
+  onEdit: () => void;
+  onDelete: () => void;
+  isDeleting: boolean;
+}
+
+const ActionButtons = ({
+  goalStatus,
+  onEdit,
+  onDelete,
+  isDeleting,
+}: ActionButtonsProps) => {
+  return (
+    <div className="flex gap-3">
+      {goalStatus === "active" && (
+        <button
+          onClick={onEdit}
+          className="flex items-center gap-2 px-4 py-2 bg-blue-500 hover:bg-blue-600 text-white font-semibold rounded-lg transition-all duration-200 transform hover:-translate-y-1 shadow-lg hover:shadow-xl hover:cursor-pointer"
+        >
+          <Edit className="w-4 h-4" />
+          수정
+        </button>
+      )}
+
+      <button
+        onClick={onDelete}
+        disabled={isDeleting}
+        className={`flex items-center gap-2 px-4 py-2 font-semibold rounded-lg transition-all duration-200 transform shadow-lg ${
+          isDeleting
+            ? "bg-gray-400 cursor-not-allowed"
+            : "bg-red-500 hover:bg-red-600 text-white hover:-translate-y-1 hover:shadow-xl hover:cursor-pointer"
+        }`}
+      >
+        <Trash2 className="w-4 h-4" />
+        {isDeleting ? "삭제 중..." : "삭제"}
+      </button>
+    </div>
+  );
+};
+
+export default ActionButtons;
diff --git a/src/components/goals/GoalCard.tsx b/src/components/goals/GoalCard.tsx
index 1225bab..76f309d 100644
--- a/src/components/goals/GoalCard.tsx
+++ b/src/components/goals/GoalCard.tsx
@@ -1,104 +1,176 @@
-import { Goal, GoalProgressInfo } from "@/types/goals";
+"use client";
+
+import { Goal } from "@/types/goals";
+import {
+  getChallengeMode,
+  getDaysLeft,
+  getGoalProgress,
+  getTypeText,
+} from "@/utils/goals/goalsHelpers";
+import { useRouter } from "next/navigation";
+import StatusBadge from "./StatusBadge";
+import { Calendar, CheckCircle, Star, Target } from "lucide-react";
 import { format } from "date-fns";
 import { ko } from "date-fns/locale";
-import { CheckCircle, TrendingDown, TrendingUp } from "lucide-react";
 
-interface GoalCardProps {
-  goal: Goal & { progress: GoalProgressInfo };
-}
+const GoalCard = ({ goal }: { goal: Goal }) => {
+  const router = useRouter();
+  const progress = getGoalProgress(goal);
+  const daysLeft = getDaysLeft(goal.target_date);
+  const isCompleted = goal.status === "completed";
 
-const GoalCard = ({ goal }: GoalCardProps) => {
-  const { progress } = goal;
+  const handleCardClick = () => {
+    router.push(`/goals/${goal.id}`);
+  };
 
   return (
     <div
-      className={`bg-white rounded-lg p-6 shadow-sm border transition-all hover:shadow-md ${
-        progress.isComplete
-          ? "border-green-200 bg-green-50/30"
-          : "border-gray-200"
-      }`}
+      onClick={handleCardClick}
+      className="group relative bg-white/90 backdrop-blur-sm rounded-2xl shadow-lg hover:shadow-2xl transition-all duration-500 transform hover:-translate-y-2 border border-gray-100 overflow-hidden hover:cursor-pointer hover:border-accent-400"
     >
-      <div className="flex items-start justify-between mb-4">
-        <div className="flex items-center gap-3">
-          <div
-            className={`p-2 rounded-lg ${
-              goal.type === "increase_income"
-                ? "bg-green-100 text-green-600"
-                : "bg-red-100 text-red-600"
-            }`}
-          >
-            {goal.type === "increase_income" ? (
-              <TrendingUp className="w-5 h-5" />
+      {/* 상태 배지 */}
+      <div className="absolute top-4 right-4 z-10">
+        <StatusBadge status={goal.status} targetDate={goal.target_date} />
+      </div>
+
+      {/* 그라데이션 배경 */}
+      <div className="absolute inset-0 bg-gradient-to-br from-accent-50 to-blue-50 opacity-50" />
+
+      <div className="relative p-6">
+        {/* 제목과 설명 */}
+        <div className="mb-4">
+          <div className="flex items-center gap-2 mb-3">
+            {isCompleted ? (
+              <CheckCircle className="w-6 h-6 text-green-500 flex-shrink-0" />
             ) : (
-              <TrendingDown className="w-5 h-5" />
+              <Target className="w-6 h-6 text-accent-500 flex-shrink-0" />
             )}
+            <h3 className="text-xl font-bold text-gray-900 group-hover:text-accent-600 transition-colors line-clamp-2 select-none">
+              {goal.title}
+            </h3>
           </div>
-          <div>
-            <h3 className="font-semibold text-gray-900">{goal.title}</h3>
-            <p className="text-sm text-gray-600">{progress.progressText}</p>
-          </div>
+          {goal.description && (
+            <p className="text-gray-600 text-sm line-clamp-2 leading-relaxed select-none">
+              {goal.description}
+            </p>
+          )}
         </div>
 
-        {progress.isComplete && (
-          <CheckCircle className="w-6 h-6 text-green-600" />
-        )}
-      </div>
-
-      {/* 진행률 바 */}
-      <div className="mb-4">
-        <div className="flex justify-between text-sm text-gray-600 mb-2">
-          <span>진행률</span>
-          <span>{Math.round(progress.overallProgress)}%</span>
-        </div>
-        <div className="w-full bg-gray-200 rounded-full h-2">
-          <div
-            className={`h-2 rounded-full transition-all duration-300 ${
-              progress.isComplete ? "bg-green-500" : "bg-accent-500"
-            }`}
-            style={{ width: `${Math.min(100, progress.overallProgress)}%` }}
-          />
-        </div>
-      </div>
-
-      {/* 목표 상세 정보 */}
-      <div className="space-y-2 text-sm">
-        {goal.target_amount && (
-          <div className="flex justify-between">
-            <span className="text-gray-600">금액 목표:</span>
-            <span className="font-medium">
-              {goal.current_amount.toLocaleString()} /{" "}
-              {goal.target_amount.toLocaleString()}원
+        {/* 목표 정보 그리드 */}
+        <div className="space-y-4">
+          {/* 타입과 카테고리 */}
+          <div className="flex flex-wrap gap-2">
+            <span className="px-3 py-1 bg-accent-100 text-accent-700 text-xs font-medium rounded-full">
+              {getTypeText(goal.type)}
             </span>
+            {goal.category && (
+              <span className="px-3 py-1 bg-gray-100 text-gray-700 text-xs font-medium rounded-full">
+                {goal.category.name}
+              </span>
+            )}
+            {goal.challenge_mode && (
+              <span className="px-3 py-1 bg-blue-100 text-blue-700 text-xs font-medium rounded-full">
+                {getChallengeMode(goal.challenge_mode)}
+              </span>
+            )}
           </div>
-        )}
 
-        {goal.target_count && (
-          <div className="flex justify-between">
-            <span className="text-gray-600">횟수 목표:</span>
-            <span className="font-medium">
-              {goal.current_count} / {goal.target_count}회
-            </span>
+          {/* 목표 값들 */}
+          <div className="grid grid-cols-1 gap-3">
+            {goal.target_amount && (
+              <div className="flex justify-between items-center p-3 bg-white/70 rounded-xl border border-gray-100">
+                <div>
+                  <p className="text-xs text-gray-500 mb-1">목표 금액</p>
+                  <p className="font-bold text-gray-900">
+                    {goal.target_amount.toLocaleString()}원
+                  </p>
+                </div>
+                {goal.current_amount !== undefined && (
+                  <div className="text-right">
+                    <p className="text-xs text-gray-500 mb-1">현재</p>
+                    <p className="font-bold text-accent-600">
+                      {goal.current_amount.toLocaleString()}원
+                    </p>
+                  </div>
+                )}
+              </div>
+            )}
+
+            {goal.target_count && (
+              <div className="flex justify-between items-center p-3 bg-white/70 rounded-xl border border-gray-100">
+                <div>
+                  <p className="text-xs text-gray-500 mb-1">목표 횟수</p>
+                  <p className="font-bold text-gray-900">
+                    {goal.target_count}회
+                  </p>
+                </div>
+                {goal.current_count !== undefined && (
+                  <div className="text-right">
+                    <p className="text-xs text-gray-500 mb-1">현재</p>
+                    <p className="font-bold text-accent-600">
+                      {goal.current_count}회
+                    </p>
+                  </div>
+                )}
+              </div>
+            )}
           </div>
-        )}
 
-        {goal.target_date && (
-          <div className="flex justify-between">
-            <span className="text-gray-600">마감일:</span>
-            <span className="font-medium">
-              {format(new Date(goal.target_date), "yyyy년 M월 d일", {
-                locale: ko,
-              })}
+          {/* 진행률 바 */}
+          {progress.overallProgress > 0 && (
+            <div className="space-y-2">
+              <div className="flex justify-between items-center">
+                <span className="text-xs text-gray-600 font-medium">
+                  진행률
+                </span>
+                <span className="text-sm font-bold text-accent-600">
+                  {progress.overallProgress}%
+                </span>
+              </div>
+              <div className="relative w-full h-3 bg-gray-200 rounded-full overflow-hidden">
+                <div
+                  className={`absolute left-0 top-0 h-full rounded-full transition-all duration-1000 ease-out ${
+                    progress.overallProgress >= 100
+                      ? "bg-gradient-to-r from-green-400 to-emerald-500"
+                      : "bg-gradient-to-r from-accent-400 to-accent-500"
+                  }`}
+                  style={{
+                    width: `${Math.min(progress.overallProgress, 100)}%`,
+                  }}
+                />
+                {progress.overallProgress >= 100 && (
+                  <Star className="absolute right-1 top-0.5 w-2 h-2 text-white animate-pulse" />
+                )}
+              </div>
+            </div>
+          )}
+
+          {/* 날짜 정보 */}
+          <div className="flex justify-between items-center text-xs text-gray-500 pt-2 border-t border-gray-100">
+            <span>
+              시작: {format(new Date(goal.created_at), "MM.dd", { locale: ko })}
             </span>
+            {goal.target_date && (
+              <div className="flex items-center gap-1">
+                <Calendar className="w-3 h-3" />
+                <span
+                  className={
+                    daysLeft !== null && daysLeft <= 7
+                      ? "text-orange-600 font-medium"
+                      : ""
+                  }
+                >
+                  {daysLeft !== null && daysLeft > 0
+                    ? `${daysLeft}일 남음`
+                    : format(new Date(goal.target_date), "MM.dd", {
+                        locale: ko,
+                      })}
+                </span>
+              </div>
+            )}
           </div>
-        )}
-      </div>
-
-      {/* 이유 */}
-      {goal.reason && (
-        <div className="mt-4 p-3 bg-gray-50 rounded-lg">
-          <p className="text-sm text-gray-700">{goal.reason}</p>
         </div>
-      )}
+      </div>
     </div>
   );
 };
diff --git a/src/components/goals/GoalCompletionNotification.tsx b/src/components/goals/GoalCompletionNotification.tsx
deleted file mode 100644
index 56e5756..0000000
--- a/src/components/goals/GoalCompletionNotification.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-"use client";
-
-import { CheckCircle, Trophy, X } from "lucide-react";
-import { useEffect, useState } from "react";
-
-interface GoalCompletionNotificationProps {
-  goalTitle: string;
-  onClose: () => void;
-  autoCloseDelay?: number;
-}
-
-const GoalCompletionNotification = ({
-  goalTitle,
-  onClose,
-  autoCloseDelay = 5000,
-}: GoalCompletionNotificationProps) => {
-  const [isVisible, setIsVisible] = useState(true);
-
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      setIsVisible(false);
-      setTimeout(onClose, 300);
-    }, autoCloseDelay);
-
-    return () => clearTimeout(timer);
-  }, [autoCloseDelay, onClose]);
-
-  if (!isVisible) return null;
-
-  return (
-    <div className="fixed top-4 right-4 bg-gradient-to-r from-green-500 to-green-600 text-white rounded-lg shadow-2xl p-6 max-w-sm z-50 animate-in slide-in-from-right duration-300">
-      <div className="flex items-start gap-4">
-        <div className="p-2 bg-white/20 rounded-full">
-          <Trophy className="w-6 h-6" />
-        </div>
-
-        <div className="flex-1 min-w-0">
-          <div className="flex items-center gap-2 mb-1">
-            <CheckCircle className="w-5 h-5" />
-            <h3 className="font-bold text-lg">목표 달성!</h3>
-          </div>
-          <p className="text-green-100 text-sm mb-2">
-            {goalTitle} 챌린지를 성공적으로 완료했습니다!
-          </p>
-          <p className="text-green-200 text-xs">
-            축하합니다! 꾸준한 노력이 결실을 맺었네요.
-          </p>
-        </div>
-
-        <button
-          onClick={() => {
-            setIsVisible(false);
-            setTimeout(onClose, 300);
-          }}
-          className="p-1 text-white/80 hover:text-white transition-colors"
-        >
-          <X className="w-4 h-4" />
-        </button>
-      </div>
-    </div>
-  );
-};
-
-export default GoalCompletionNotification;
diff --git a/src/components/goals/GoalCompletionProvider.tsx b/src/components/goals/GoalCompletionProvider.tsx
deleted file mode 100644
index 83c38b4..0000000
--- a/src/components/goals/GoalCompletionProvider.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-"use client";
-
-import { useGoalCompletionAlert } from "@/hooks/goals/useFoalCompletionAlert";
-import { ReactNode } from "react";
-import GoalCompletionNotification from "./GoalCompletionNotification";
-
-interface GoalCompletionProviderProps {
-  children: ReactNode;
-}
-
-const GoalCompletionProvider = ({ children }: GoalCompletionProviderProps) => {
-  const { completedGoals, hideCompletionAlert } = useGoalCompletionAlert();
-
-  return (
-    <>
-      {children}
-
-      {/* 완료 알림들 렌더링 */}
-      {completedGoals.map((goal) => (
-        <GoalCompletionNotification
-          key={goal.id}
-          goalTitle={goal.title}
-          onClose={() => hideCompletionAlert(goal.id)}
-        />
-      ))}
-    </>
-  );
-};
-
-export default GoalCompletionProvider;
diff --git a/src/components/goals/GoalEditModal.tsx b/src/components/goals/GoalEditModal.tsx
deleted file mode 100644
index 6fec423..0000000
--- a/src/components/goals/GoalEditModal.tsx
+++ /dev/null
@@ -1,206 +0,0 @@
-"use client";
-
-import { useGoals } from "@/hooks/goals/useGoals";
-import { Goal } from "@/types/goals";
-import { useState } from "react";
-import Modal from "../common/Modal";
-import { Target, TrendingDown, TrendingUp } from "lucide-react";
-import { format } from "date-fns";
-
-interface GoalEditModalProps {
-  isOpen: boolean;
-  onClose: () => void;
-  goals: Array<{ goal: Goal; currentAmount: number; currentCount: number }>;
-  currentIndex: number;
-  totalCount: number;
-}
-
-const GoalEditModal = ({
-  isOpen,
-  onClose,
-  goals,
-  currentIndex,
-  totalCount,
-}: GoalEditModalProps) => {
-  const { updateGoal, isUpdatingGoal } = useGoals();
-
-  const currentGoalData = goals[currentIndex];
-  const { goal, currentAmount, currentCount } = currentGoalData;
-
-  const [formData, setFormData] = useState({
-    target_amount: goal.target_amount?.toString() || "",
-    target_count: goal.target_count?.toString() || "",
-    target_date: goal.target_date?.toString() || "",
-  });
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-
-    updateGoal({
-      id: goal.id,
-      target_amount: formData.target_amount
-        ? Number(formData.target_amount)
-        : null,
-      target_count: formData.target_count
-        ? Number(formData.target_count)
-        : null,
-      target_date: formData.target_date || null,
-    });
-
-    // 다음 목표로 이동 또는 완료
-    if (currentIndex + 1 < totalCount) {
-      // 다음 목표의 데이터로 폼 초기화
-      const nextGoal = goals[currentIndex + 1].goal;
-      setFormData({
-        target_amount: nextGoal.target_amount?.toString() || "",
-        target_count: nextGoal.target_count?.toString() || "",
-        target_date: nextGoal.target_date?.toString() || "",
-      });
-    }
-
-    onClose(); // 부모 컴포넌트에서 다음 목표 처리
-  };
-
-  const isIncome = goal.type === "increase_income";
-
-  return (
-    <Modal isOpen={isOpen} onClose={onClose} size="md">
-      <Modal.Header>
-        <div className="flex items-center gap-3">
-          <div className="p-2 bg-amber-100 rounded-lg">
-            <Target className="w-5 h-5 text-amber-600" />
-          </div>
-          <div>
-            <Modal.Title>
-              챌린지 수정 ({currentIndex + 1}/{totalCount})
-            </Modal.Title>
-            <Modal.Description>
-              거래 내역 변경으로 인해 목표를 조정하세요.
-            </Modal.Description>
-          </div>
-        </div>
-      </Modal.Header>
-
-      <Modal.Body>
-        <div className="space-y-6">
-          {/* 현재 상황 표시 */}
-          <div className="bg-gray-50 rounded-lg p-4">
-            <h3 className="font-medium text-gray-900 mb-3 flex items-center gap-2">
-              {isIncome ? (
-                <TrendingUp className="w-4 h-4 text-green-600" />
-              ) : (
-                <TrendingDown className="w-4 h-4 text-red-600" />
-              )}
-              {goal.title}
-            </h3>
-
-            <div className="grid grid-cols-2 gap-4 text-sm">
-              <div>
-                <span className="text-gray-600">현재 실제:</span>
-                <div className="font-medium">
-                  {currentAmount.toLocaleString()}원 ({currentCount}건)
-                </div>
-              </div>
-              <div>
-                <span className="text-gray-600">기존 목표:</span>
-                <div className="font-medium">
-                  {goal.target_amount?.toLocaleString() || 0}원 (
-                  {goal.target_count || 0}건)
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <form onSubmit={handleSubmit} className="space-y-4">
-            {/* 목표 금액 */}
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                목표 금액
-              </label>
-              <div className="relative">
-                <input
-                  type="number"
-                  value={formData.target_amount}
-                  onChange={(e) =>
-                    setFormData((prev) => ({
-                      ...prev,
-                      target_amount: e.target.value,
-                    }))
-                  }
-                  placeholder={currentAmount.toString()}
-                  className="w-full px-3 py-2 pr-12 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500"
-                />
-                <span className="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-500 text-sm">
-                  원
-                </span>
-              </div>
-              <p className="text-xs text-gray-500 mt-1">
-                현재 실제 금액: {currentAmount.toLocaleString()}원
-              </p>
-            </div>
-
-            {/* 목표 횟수 */}
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                목표 횟수
-              </label>
-              <div className="relative">
-                <input
-                  type="number"
-                  value={formData.target_count}
-                  onChange={(e) =>
-                    setFormData((prev) => ({
-                      ...prev,
-                      target_count: e.target.value,
-                    }))
-                  }
-                  placeholder={currentCount.toString()}
-                  className="w-full px-3 py-2 pr-12 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500"
-                />
-                <span className="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-500 text-sm">
-                  회
-                </span>
-              </div>
-              <p className="text-xs text-gray-500 mt-1">
-                현재 실제 횟수: {currentCount}회
-              </p>
-            </div>
-
-            {/* 마감일 */}
-            <div>
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                마감일
-              </label>
-              <input
-                type="date"
-                value={formData.target_date}
-                onChange={(e) =>
-                  setFormData((prev) => ({
-                    ...prev,
-                    target_date: e.target.value,
-                  }))
-                }
-                min={format(new Date(), "yyyy-MM-dd")}
-                className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent-500 focus:border-accent-500"
-              />
-            </div>
-          </form>
-        </div>
-      </Modal.Body>
-
-      <Modal.Footer>
-        <Modal.CloseButton>취소</Modal.CloseButton>
-        <Modal.Button
-          type="submit"
-          form="goal-edit-form"
-          loading={isUpdatingGoal}
-          onClick={handleSubmit}
-        >
-          수정하기
-        </Modal.Button>
-      </Modal.Footer>
-    </Modal>
-  );
-};
-
-export default GoalEditModal;
diff --git a/src/components/goals/GoalUpdateNotification.tsx b/src/components/goals/GoalUpdateNotification.tsx
deleted file mode 100644
index 36b46bf..0000000
--- a/src/components/goals/GoalUpdateNotification.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-"use client";
-
-import { useAuth } from "@/hooks/auth";
-import { useGoalChecker } from "@/hooks/goals/useGoalChecker";
-import { AlertTriangle, Edit3, X } from "lucide-react";
-import { useState } from "react";
-import GoalEditModal from "./GoalEditModal";
-
-interface GoalUpdateNotificationProps {
-  categoryName: string;
-  onClose: () => void;
-}
-
-const GoalUpdateNotification = ({
-  categoryName,
-  onClose,
-}: GoalUpdateNotificationProps) => {
-  const { user } = useAuth();
-  const { affectedGoals, hasAffectedGoals } = useGoalChecker(
-    user?.id,
-    categoryName,
-  );
-  const [currentEditIndex, setCurrentEditIndex] = useState(-1);
-
-  // 편집할 목표들 준비
-  const editableGoals = affectedGoals.map((goalData) => ({
-    goal: goalData,
-    currentAmount: goalData.currentMonthAmount,
-    currentCount: goalData.currentMonthCount,
-  }));
-
-  if (!hasAffectedGoals) return null;
-
-  return (
-    <>
-      <div className="fixed bottom-4 right-4 bg-white border border-amber-200 rounded-lg shadow-lg p-4 max-w-sm z-50">
-        <div className="flex items-start gap-3">
-          <AlertTriangle className="w-5 h-5 text-amber-500 flex-shrink-0 mt-0.5" />
-          <div className="flex-1 min-w-0">
-            <p className="text-sm font-medium text-gray-900">
-              {categoryName} 챌린지 업데이트 필요
-            </p>
-            <p className="text-xs text-gray-600 mt-1">
-              내역이 변경되어 {affectedGoals.length}개의 챌린지를 수정해야
-              합니다.
-            </p>
-
-            {affectedGoals.length === 1 ? (
-              <button
-                onClick={() => setCurrentEditIndex(0)}
-                className="flex items-center gap-1 px-2 py-1 text-xs bg-amber-600 text-white rounded hover:bg-amber-700 transition-colors"
-              >
-                <Edit3 className="w-3 h-3" />
-                챌린지 수정
-              </button>
-            ) : (
-              <button
-                onClick={() => setCurrentEditIndex(0)}
-                className="flex items-center gap-1 px-2 py-1 text-xs bg-amber-600 text-white rounded hover:bg-amber-700 transition-colors"
-              >
-                <Edit3 className="w-3 h-3" />
-                챌린지 수정 (1/{affectedGoals.length})
-              </button>
-            )}
-          </div>
-
-          <button
-            onClick={onClose}
-            className="p-1 text-gray-400 hover:text-gray-600 transition-colors"
-          >
-            <X className="w-4 h-4" />
-          </button>
-        </div>
-      </div>
-
-      {currentEditIndex >= 0 && (
-        <GoalEditModal
-          isOpen={true}
-          onClose={() => {
-            if (currentEditIndex + 1 < editableGoals.length) {
-              setCurrentEditIndex((prev) => prev + 1);
-            } else {
-              setCurrentEditIndex(-1);
-              onClose();
-            }
-          }}
-          goals={editableGoals}
-          currentIndex={currentEditIndex}
-          totalCount={editableGoals.length}
-        />
-      )}
-    </>
-  );
-};
-
-export default GoalUpdateNotification;
diff --git a/src/components/goals/InfoSection.tsx b/src/components/goals/InfoSection.tsx
new file mode 100644
index 0000000..d526250
--- /dev/null
+++ b/src/components/goals/InfoSection.tsx
@@ -0,0 +1,53 @@
+import { ReactNode } from "react";
+
+interface InfoSectionProps {
+  title: string;
+  children: ReactNode;
+  icon?: ReactNode;
+}
+
+const InfoSection = ({ title, children, icon }: InfoSectionProps) => {
+  return (
+    <div className="bg-gray-50 backdrop-blur-sm rounded-xl p-4 border border-gray-100">
+      <div className="flex items-center gap-2 mb-2">
+        {icon && (
+          <div className="p-2 bg-accent-100 rounded-lg text-accent-600">
+            {icon}
+          </div>
+        )}
+        <h2 className="text-xl font-bold text-gray-900">{title}</h2>
+      </div>
+      <div className="space-y-2">{children}</div>
+    </div>
+  );
+};
+
+// 정보 항목 컴포넌트
+interface InfoItemProps {
+  label: string;
+  value: string | number | ReactNode;
+  important?: boolean;
+}
+
+export const InfoItem = ({
+  label,
+  value,
+  important = false,
+}: InfoItemProps) => {
+  return (
+    <div className={"flex justify-between items-center"}>
+      <span className="text-gray-600 font-medium">{label}</span>
+      <span
+        className={`${
+          important
+            ? "text-lg font-bold text-accent-600"
+            : "text-gray-900 font-semibold"
+        }`}
+      >
+        {value}
+      </span>
+    </div>
+  );
+};
+
+export default InfoSection;
diff --git a/src/components/goals/ProgressBar.tsx b/src/components/goals/ProgressBar.tsx
new file mode 100644
index 0000000..d604b05
--- /dev/null
+++ b/src/components/goals/ProgressBar.tsx
@@ -0,0 +1,109 @@
+interface ProgressBarProps {
+  current: number;
+  target: number;
+  type: string;
+  title: string;
+  unit?: string;
+}
+
+const ProgressBar = ({
+  current,
+  target,
+  type,
+  title,
+  unit = "",
+}: ProgressBarProps) => {
+  let progress: number;
+  let statusMessage: string;
+  let barColor: string;
+  let targetLabel: string;
+
+  if (type === "reduce_expense") {
+    // 지출 챌린지: 한도 대비 사용량
+    progress = Math.round((current / target) * 100);
+    const remaining = Math.max(0, target - current);
+    statusMessage =
+      remaining > 0
+        ? `${remaining.toLocaleString()}${unit} 더 사용 가능`
+        : `${(current - target).toLocaleString()}${unit} 초과`;
+    targetLabel = "한도";
+
+    // 사용량에 따른 색상
+    if (progress > 100) {
+      barColor = "#ef4444"; // 빨간색 (초과)
+    } else if (progress > 80) {
+      barColor = "#f59e0b"; // 노란색 (주의)
+    } else {
+      barColor = "#22c55e"; // 초록색 (양호)
+    }
+  } else {
+    // 수입 챌린지: 기존 로직
+    progress = Math.round((current / target) * 100);
+    const remaining = Math.max(0, target - current);
+    statusMessage =
+      remaining > 0
+        ? `목표까지 ${remaining.toLocaleString()}${unit} 남음`
+        : `목표 달성!`;
+    targetLabel = "목표";
+    barColor = progress >= 100 ? "#22c55e" : "#3b82f6";
+  }
+
+  return (
+    <div className="space-y-3">
+      <div className="flex justify-between items-center">
+        <h3 className="text-lg font-semibold text-gray-900">
+          {type === "reduce_expense" ? "지출 한도 사용률" : title}
+        </h3>
+        <span
+          className={`text-2xl font-bold ${
+            type === "reduce_expense" && progress > 100
+              ? "text-red-600"
+              : "text-accent-600"
+          }`}
+        >
+          {progress}%
+        </span>
+      </div>
+
+      <div className="space-y-2">
+        <div className="flex justify-between text-sm text-gray-600">
+          <span>
+            현재 사용: {current.toLocaleString()}
+            {unit}
+          </span>
+          <span>
+            {targetLabel}: {target.toLocaleString()}
+            {unit}
+          </span>
+        </div>
+
+        <div className="relative w-full h-4 bg-gray-200 rounded-full overflow-hidden">
+          <div
+            className="absolute left-0 top-0 h-full rounded-full transition-all duration-1000 ease-out"
+            style={{
+              width: `${Math.min(progress, 100)}%`,
+              backgroundColor: barColor,
+            }}
+          />
+          {progress >= 100 && (
+            <div className="absolute right-2 top-0.5 text-white text-xs">
+              {type === "reduce_expense" ? "!" : "✓"}
+            </div>
+          )}
+        </div>
+
+        <p
+          className={`text-xs text-center ${
+            type === "reduce_expense" && progress > 100
+              ? "text-red-600 font-medium"
+              : "text-gray-500"
+          }`}
+        >
+          {statusMessage}
+        </p>
+      </div>
+    </div>
+  );
+};
+
+export default ProgressBar;
diff --git a/src/components/goals/StatCard.tsx b/src/components/goals/StatCard.tsx
new file mode 100644
index 0000000..9e8214e
--- /dev/null
+++ b/src/components/goals/StatCard.tsx
@@ -0,0 +1,47 @@
+const StatCard = ({
+  icon,
+  title,
+  value,
+  color = "accent",
+  subtitle,
+}: {
+  icon: React.ReactNode;
+  title: string;
+  value: number | string;
+  color?: "accent" | "green" | "yellow" | "purple" | "red";
+  subtitle?: string;
+}) => {
+  const colorClasses = {
+    accent: "from-accent-500 to-accent-400 text-white",
+    green: "from-green-500 to-emerald-400 text-white",
+    yellow: "from-yellow-500 to-orange-400 text-white",
+    purple: "from-purple-500 to-pink-400 text-white",
+    red: "from-red-500 to-pink-400 text-white",
+  };
+
+  return (
+    <div className="group relative bg-white/90 backdrop-blur-sm rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 border border-gray-100 overflow-hidden">
+      <div
+        className={`absolute inset-0 bg-gradient-to-br ${colorClasses[color]} opacity-10 group-hover:opacity-20 transition-opacity`}
+      />
+      <div className="relative p-6">
+        <div className="flex items-center justify-between">
+          <div
+            className={`p-3 rounded-xl bg-gradient-to-br ${colorClasses[color]} shadow-lg`}
+          >
+            {icon}
+          </div>
+          <div className="text-right">
+            <p className="text-2xl font-bold text-gray-900 mb-1">{value}</p>
+            <p className="text-sm font-medium text-gray-600">{title}</p>
+            {subtitle && (
+              <p className="text-xs text-gray-500 mt-1">{subtitle}</p>
+            )}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default StatCard;
diff --git a/src/components/goals/StatusBadge.tsx b/src/components/goals/StatusBadge.tsx
new file mode 100644
index 0000000..ba2b75c
--- /dev/null
+++ b/src/components/goals/StatusBadge.tsx
@@ -0,0 +1,71 @@
+import {
+  getDaysLeft,
+  getStatusColorClass,
+  getStatusText,
+} from "@/utils/goals/goalsHelpers";
+import { CheckCircle, Clock, Pause, X, Target } from "lucide-react";
+
+interface StatusBadgeProps {
+  status: string;
+  targetDate?: string | null;
+  className?: string;
+}
+
+const StatusBadge = ({ status, targetDate, className }: StatusBadgeProps) => {
+  const statusText = getStatusText(status);
+  const statusColor = getStatusColorClass(status);
+  const daysLeft = getDaysLeft(targetDate);
+
+  // 아이콘 선택
+  const getStatusIcon = () => {
+    switch (status) {
+      case "active":
+        return <Target className="w-4 h-4" />;
+      case "completed":
+        return <CheckCircle className="w-4 h-4" />;
+      case "paused":
+        return <Pause className="w-4 h-4" />;
+      case "cancelled":
+        return <X className="w-4 h-4" />;
+      default:
+        return <Target className="w-4 h-4" />;
+    }
+  };
+
+  // 긴급도에 따른 추가 배지
+  const getUrgencyBadge = () => {
+    if (status !== "active" || !daysLeft) return null;
+
+    if (daysLeft <= 3 && daysLeft > 0) {
+      return (
+        <span className="flex items-center gap-1 px-2 py-1 bg-red-100 text-red-800 text-xs font-semibold rounded-full">
+          <Clock className="w-3 h-3" />
+          {daysLeft}일 남음
+        </span>
+      );
+    } else if (daysLeft <= 7 && daysLeft > 3) {
+      return (
+        <span className="flex items-center gap-1 px-2 py-1 bg-yellow-100 text-yellow-800 text-xs font-semibold rounded-full">
+          <Clock className="w-3 h-3" />
+          {daysLeft}일 남음
+        </span>
+      );
+    }
+
+    return null;
+  };
+
+  return (
+    <div className="flex items-center gap-2">
+      <span
+        className={`flex items-center gap-1 px-3 py-1 text-sm font-semibold rounded-full ${statusColor} ${className}`}
+      >
+        {getStatusIcon()}
+        {statusText}
+      </span>
+      {getUrgencyBadge()}
+    </div>
+  );
+};
+
+export default StatusBadge;
diff --git a/src/components/my/StatsCard.tsx b/src/components/my/StatsCard.tsx
index c504245..0d859f2 100644
--- a/src/components/my/StatsCard.tsx
+++ b/src/components/my/StatsCard.tsx
@@ -19,10 +19,10 @@ const StatsCard = ({
   };
 
   return (
-    <div className="bg-white p-4 rounded-lg border">
-      <div className="flex items-center space-x-3">
+    <div className="bg-white mobile:p-2 tablet:p-4 rounded-lg border">
+      <div className="flex mobile:flex-col tablet:flex-row mobile:items-center tablet:justify-center space-x-3">
         <div className={`p-2 rounded-lg ${colorClasses[color]}`}>{icon}</div>
-        <div>
+        <div className="mobile:flex mobile:items-center mobile:gap-1 tablet:flex-col tablet:gap-0">
           <p className="text-sm text-gray-600">{label}</p>
           <p className="text-xl font-bold text-gray-900">{value}</p>
           {subtext && <p className="text-xs text-gray-500">{subtext}</p>}
diff --git a/src/components/reflections/ReflectionCard.tsx b/src/components/reflections/ReflectionCard.tsx
index 8b0e128..8e07824 100644
--- a/src/components/reflections/ReflectionCard.tsx
+++ b/src/components/reflections/ReflectionCard.tsx
@@ -35,6 +35,7 @@ const ReflectionCard = ({
 
   const handleDelete = (e: React.MouseEvent) => {
     e.stopPropagation();
+    e.preventDefault();
     onDelete(reflection.id);
   };
 
diff --git a/src/hooks/budget/useBudget.ts b/src/hooks/budget/useBudget.ts
index 403657a..f0fa6fe 100644
--- a/src/hooks/budget/useBudget.ts
+++ b/src/hooks/budget/useBudget.ts
@@ -1,4 +1,3 @@
-import { useTransactionAlertContext } from "@/components/budget/TransactionAlertProvider";
 import { supabase } from "@/lib/supabase";
 import {
   BudgetFormData,
@@ -10,7 +9,6 @@ import {
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { endOfMonth, format, parseISO, startOfMonth } from "date-fns";
 import { useMemo } from "react";
-import { useGoalStatusUpdater } from "../goals/useGoalStatusUpdater";
 
 interface UseBudgetProps {
   userId?: string;
@@ -20,8 +18,6 @@ interface UseBudgetProps {
 
 export const useBudget = ({ userId, date, month }: UseBudgetProps = {}) => {
   const queryClient = useQueryClient();
-  const { showAlert } = useTransactionAlertContext();
-  const { checkGoalsByCategory } = useGoalStatusUpdater();
 
   // 통합 데이터 조회 (수입 + 지출)
   const {
@@ -270,6 +266,21 @@ export const useBudget = ({ userId, date, month }: UseBudgetProps = {}) => {
       const tableName =
         newTransaction.type === "income" ? "incomes" : "expenses";
 
+      const { data: categoryInfo } = await supabase
+        .from("categories")
+        .select("name")
+        .eq("id", newTransaction.category_id)
+        .single();
+
+      const categoryName = categoryInfo?.name || "";
+
+      // 트랜잭션 추가 전 카테고리 통계 저장
+      const beforeStats = await getCategoryStats(
+        newTransaction.user_id,
+        categoryName,
+        newTransaction.type,
+      );
+
       const { type, ...transactionData } = newTransaction;
 
       const { data, error } = await supabase
@@ -284,25 +295,55 @@ export const useBudget = ({ userId, date, month }: UseBudgetProps = {}) => {
         .single();
 
       if (error) throw error;
-      return { ...data, type };
+
+      // 트랜잭션 추가 후 카테고리 통계 조회
+      const afterStats = await getCategoryStats(
+        newTransaction.user_id,
+        data.category?.name || "",
+        type,
+      );
+
+      return { ...data, type, beforeStats, afterStats };
     },
-    onSuccess: async (newTransaction) => {
+    onSuccess: async (result) => {
       queryClient.invalidateQueries({ queryKey: ["budget"] });
       queryClient.invalidateQueries({ queryKey: ["goals"] });
 
-      // 알림 표시
-      if (newTransaction.category?.name && userId) {
-        // 목표 상태 확인 (알림보다 먼저 실행)
-        await checkGoalsByCategory(
+      // 카테고리 통계가 변경되었는지 확인
+      const { beforeStats, afterStats, category } = result;
+
+      if (
+        beforeStats &&
+        afterStats &&
+        category?.name &&
+        userId &&
+        (beforeStats.amount !== afterStats.amount ||
+          beforeStats.count !== afterStats.count)
+      ) {
+        // 해당 카테고리에 연결된 목표들이 있는지 확인
+        const categoryGoals = await checkCategoryGoals(
           userId,
-          newTransaction.category.name,
-          newTransaction.type,
+          category.name,
+          result.type,
         );
 
-        // 지연을 두어 TanStack Query 업데이트 후 알림 표시
-        setTimeout(() => {
-          showAlert(newTransaction.category!.name, newTransaction.type);
-        }, 100);
+        if (categoryGoals.length > 0) {
+          // 목표 업데이트 모달 트리거 - 컴포넌트에서 처리
+          // 여기서는 상태만 업데이트, 실제 모달은 컴포넌트에서 처리
+          window.dispatchEvent(
+            new CustomEvent("goalUpdateNeeded", {
+              detail: {
+                categoryName: category.name,
+                newAmount: afterStats.amount,
+                newCount: afterStats.count,
+                oldAmount: beforeStats.amount,
+                oldCount: beforeStats.count,
+                type: result.type,
+                goals: categoryGoals,
+              },
+            }),
+          );
+        }
       }
     },
   });
@@ -324,21 +365,75 @@ export const useBudget = ({ userId, date, month }: UseBudgetProps = {}) => {
         .eq("id", id)
         .single();
 
-      const { error } = await supabase.from(tableName).delete().eq("id", id);
+      if (!transactionToDelete)
+        throw new Error("삭제할 거래를 찾을 수 없습니다.");
+
+      // 삭제 전 카테고리 통계 저장
+      const beforeStats = await getCategoryStats(
+        transactionToDelete.user_id,
+        transactionToDelete.category?.name || "",
+        type,
+      );
 
+      const { error } = await supabase.from(tableName).delete().eq("id", id);
       if (error) throw error;
 
-      return { deletedTransaction: transactionToDelete, type };
+      // 삭제 후 카테고리 통계 조회
+      const afterStats = await getCategoryStats(
+        transactionToDelete.user_id,
+        transactionToDelete.category?.name || "",
+        type,
+      );
+
+      return {
+        deletedTransaction: transactionToDelete,
+        type,
+        beforeStats,
+        afterStats,
+      };
     },
-    onSuccess: ({ deletedTransaction, type }) => {
+    onSuccess: async ({
+      deletedTransaction,
+      type,
+      beforeStats,
+      afterStats,
+    }) => {
       queryClient.invalidateQueries({ queryKey: ["budget"] });
       queryClient.invalidateQueries({ queryKey: ["goals"] });
 
-      // 알림 표시
-      if (deletedTransaction?.category?.name && userId) {
-        setTimeout(() => {
-          showAlert(deletedTransaction.category!.name, type);
-        }, 100);
+      // 카테고리 통계가 변경되었는지 확인
+      if (
+        beforeStats &&
+        afterStats &&
+        deletedTransaction?.category?.name &&
+        userId
+      ) {
+        if (
+          beforeStats.amount !== afterStats.amount ||
+          beforeStats.count !== afterStats.count
+        ) {
+          const categoryGoals = await checkCategoryGoals(
+            userId,
+            deletedTransaction.category.name,
+            type,
+          );
+
+          if (categoryGoals.length > 0) {
+            window.dispatchEvent(
+              new CustomEvent("goalUpdateNeeded", {
+                detail: {
+                  categoryName: deletedTransaction.category.name,
+                  newAmount: afterStats.amount,
+                  newCount: afterStats.count,
+                  oldAmount: beforeStats.amount,
+                  oldCount: beforeStats.count,
+                  type: type,
+                  goals: categoryGoals,
+                },
+              }),
+            );
+          }
+        }
       }
     },
   });
@@ -393,3 +488,74 @@ export const useBudget = ({ userId, date, month }: UseBudgetProps = {}) => {
     isUpdatingTransaction: updateTransactionMutation.isPending,
   };
 };
+
+// 카테고리별 통계 조회 헬퍼 함수
+const getCategoryStats = async (
+  userId: string,
+  categoryName: string,
+  type: "income" | "expense",
+) => {
+  const startOfMonth = format(
+    new Date(new Date().getFullYear(), new Date().getMonth(), 1),
+    "yyyy-MM-dd",
+  );
+  const endOfMonth = format(
+    new Date(new Date().getFullYear(), new Date().getMonth() + 1, 0),
+    "yyyy-MM-dd",
+  );
+
+  const tableName = type === "income" ? "incomes" : "expenses";
+
+  const { data, error } = await supabase
+    .from(tableName)
+    .select(
+      `
+      amount,
+      category:categories!inner(name)
+    `,
+    )
+    .eq("user_id", userId)
+    .eq("category.name", categoryName)
+    .gte("date", startOfMonth)
+    .lte("date", endOfMonth);
+
+  if (error) throw error;
+
+  return {
+    amount: data?.reduce((sum, item) => sum + item.amount, 0) || 0,
+    count: data?.length || 0,
+  };
+};
+
+// 카테고리별 목표 조회 헬퍼 함수
+const checkCategoryGoals = async (
+  userId: string,
+  categoryName: string,
+  type: "income" | "expense",
+) => {
+  const { data: categoryData } = await supabase
+    .from("categories")
+    .select("id")
+    .eq("user_id", userId)
+    .eq("name", categoryName)
+    .in("type", [`${type}_fixed`, `${type}_variable`]);
+
+  if (!categoryData || categoryData.length === 0) return [];
+
+  const categoryIds = categoryData.map((cat) => cat.id);
+
+  const { data, error } = await supabase
+    .from("goals")
+    .select(
+      `
+      *,
+      category:categories(*)
+    `,
+    )
+    .eq("user_id", userId)
+    .in("category_id", categoryIds)
+    .eq("status", "active");
+
+  if (error) throw error;
+  return data || [];
+};
diff --git a/src/hooks/budget/useChallenge.ts b/src/hooks/budget/useChallenge.ts
index e96372a..b962ff0 100644
--- a/src/hooks/budget/useChallenge.ts
+++ b/src/hooks/budget/useChallenge.ts
@@ -1,5 +1,4 @@
 import { supabase } from "@/lib/supabase";
-import { GoalFormData } from "@/types/goals";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 
 interface CreateChallengeData {
@@ -33,30 +32,37 @@ export const useChallenge = () => {
       const goalType =
         data.categoryType === "income" ? "increase_income" : "reduce_expense";
 
-      const goalData: GoalFormData & { user_id: string } = {
+      // 카테고리 ID 조회
+      const categoryId = await getCategoryIdByName(
+        data.category,
+        data.categoryType,
+        data.userId,
+      );
+
+      const goalData = {
         user_id: data.userId,
         title: data.title,
         description: data.description || null,
         reason: data.reason || null,
         type: goalType,
-        target_amount: data.enableAmountGoal ? Number(data.targetAmount) : null,
+        target_amount: data.enableAmountGoal
+          ? data.categoryType === "expense"
+            ? Number(data.targetAmount)
+            : Number(data.targetAmount)
+          : null,
         target_count: data.enableCountGoal ? Number(data.targetCount) : null,
         target_date: data.targetDate,
         challenge_mode: challengeMode,
-        category_id: null, // TODO:카테고리별 목표가 필요하다면 추후 구현
+        category_id: categoryId,
+        current_amount: 0,
+        current_count: 0,
+        status: "active" as const,
+        created_from_date: new Date().toISOString().split("T")[0],
       };
 
       const { data: result, error } = await supabase
         .from("goals")
-        .insert([
-          {
-            ...goalData,
-            current_amount: 0,
-            current_count: 0,
-            status: "active",
-            created_from_date: new Date().toISOString().split("T")[0],
-          },
-        ])
+        .insert([goalData])
         .select(
           `
           *,
@@ -65,11 +71,14 @@ export const useChallenge = () => {
         )
         .single();
 
-      if (error) throw error;
+      if (error) {
+        console.error("목표 생성 에러:", error);
+        throw error;
+      }
+
       return result;
     },
     onSuccess: () => {
-      // goals 관련 쿼리들 무효화
       queryClient.invalidateQueries({ queryKey: ["goals"] });
     },
   });
@@ -80,3 +89,43 @@ export const useChallenge = () => {
     createChallengeError: createChallengeMutation.error,
   };
 };
+
+const getCategoryIdByName = async (
+  categoryName: string,
+  categoryType: "income" | "expense",
+  userId: string,
+): Promise<string | null> => {
+  try {
+    // 두 타입 모두 한 번에 조회
+    const { data: categories, error } = await supabase
+      .from("categories")
+      .select("id, type")
+      .eq("user_id", userId)
+      .eq("name", categoryName)
+      .in("type", [`${categoryType}_fixed`, `${categoryType}_variable`]);
+
+    if (error) {
+      console.error("카테고리 조회 에러:", error);
+      return null;
+    }
+
+    if (!categories || categories.length === 0) {
+      console.warn(
+        `카테고리를 찾을 수 없습니다: ${categoryName} (${categoryType})`,
+      );
+      return null;
+    }
+
+    const fixedCategory = categories.find(
+      (cat) => cat.type === `${categoryType}_fixed`,
+    );
+    const variableCategory = categories.find(
+      (cat) => cat.type === `${categoryType}_variable`,
+    );
+
+    return fixedCategory?.id || variableCategory?.id || null;
+  } catch (error) {
+    console.error("카테고리 ID 조회 실패:", error);
+    return null;
+  }
+};
diff --git a/src/hooks/budget/useTransactionAlert.ts b/src/hooks/budget/useTransactionAlert.ts
deleted file mode 100644
index 101f5b3..0000000
--- a/src/hooks/budget/useTransactionAlert.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { useCallback, useState } from "react";
-
-interface TransactionAlert {
-  categoryName: string;
-  type: "income" | "expense";
-  isVisible: boolean;
-}
-
-export const useTransactionAlert = () => {
-  const [alerts, setAlerts] = useState<TransactionAlert[]>([]);
-
-  const showAlert = useCallback(
-    (categoryName: string, type: "income" | "expense") => {
-      // 중복 알림 방지
-      setAlerts((prev) => {
-        const exists = prev.some(
-          (alert) => alert.categoryName === categoryName && alert.type === type,
-        );
-
-        if (exists) return prev;
-
-        return [...prev, { categoryName, type, isVisible: true }];
-      });
-    },
-    [],
-  );
-
-  const hideAlert = useCallback((categoryName: string) => {
-    setAlerts((prev) =>
-      prev.filter((alert) => alert.categoryName !== categoryName),
-    );
-  }, []);
-
-  const clearAllAlerts = useCallback(() => {
-    setAlerts([]);
-  }, []);
-
-  return {
-    alerts,
-    showAlert,
-    hideAlert,
-    clearAllAlerts,
-  };
-};
diff --git a/src/hooks/goals/useFoalCompletionAlert.ts b/src/hooks/goals/useFoalCompletionAlert.ts
deleted file mode 100644
index b44dd46..0000000
--- a/src/hooks/goals/useFoalCompletionAlert.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { useCallback, useState } from "react";
-
-interface CompletedGoal {
-  id: string;
-  title: string;
-}
-
-export const useGoalCompletionAlert = () => {
-  const [completedGoals, setCompletedGoals] = useState<CompletedGoal[]>([]);
-
-  const showCompletionAlert = useCallback((goal: CompletedGoal) => {
-    setCompletedGoals((prev) => {
-      // 중복 방지
-      const exists = prev.some((g) => g.id === goal.id);
-      if (exists) return prev;
-
-      return [...prev, goal];
-    });
-  }, []);
-
-  const hideCompletionAlert = useCallback((goalId: string) => {
-    setCompletedGoals((prev) => prev.filter((g) => g.id !== goalId));
-  }, []);
-
-  return {
-    completedGoals,
-    showCompletionAlert,
-    hideCompletionAlert,
-  };
-};
diff --git a/src/hooks/goals/useGoalChecker.ts b/src/hooks/goals/useGoalChecker.ts
deleted file mode 100644
index 952ad7c..0000000
--- a/src/hooks/goals/useGoalChecker.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import { supabase } from "@/lib/supabase";
-import { Goal } from "@/types/goals";
-import { useQuery } from "@tanstack/react-query";
-import { endOfMonth, format, startOfMonth } from "date-fns";
-
-interface GoalWithCurrentData extends Goal {
-  currentMonthAmount: number;
-  currentMonthCount: number;
-  hasDataMismatch: boolean;
-}
-
-export const useGoalChecker = (userId?: string, categoryName?: string) => {
-  const { data: affectedGoals = [] } = useQuery({
-    queryKey: ["affected-goals", userId, categoryName],
-    queryFn: async (): Promise<GoalWithCurrentData[]> => {
-      if (!userId || !categoryName) return [];
-
-      // 현재 월의 시작일과 종료일
-      const now = new Date();
-      const monthStart = format(startOfMonth(now), "yyyy-MM-dd");
-      const monthEnd = format(endOfMonth(now), "yyyy-MM-dd");
-      // 활성화된 목표들 조회
-      const { data: goals, error: goalsError } = await supabase
-        .from("goals")
-        .select("*")
-        .eq("user_id", userId)
-        .eq("status", "active");
-
-      if (goalsError) throw goalsError;
-      if (!goals || goals.length === 0) return [];
-
-      // 각 목표에 대해 현재 월 실제 데이터 계산
-      const goalsWithCurrentData = await Promise.all(
-        goals.map(async (goal) => {
-          const tableName =
-            goal.type === "increase_income" ? "incomes" : "expenses";
-
-          // 해당 목표와 연관될 수 있는 카테고리의 현재 월 데이터 조회
-          const { data: transactions } = await supabase
-            .from(tableName)
-            .select("amount, category:categories(name)")
-            .eq("user_id", userId)
-            .gte("date", monthStart)
-            .lte("date", monthEnd);
-
-          // 해당 카테고리 이름과 관련된 데이터 집계
-          const relatedTransactions = (transactions || []).filter(
-            (t) =>
-              t.category &&
-              "name" in t.category &&
-              t.category.name === categoryName,
-          );
-
-          const currentMonthAmount = relatedTransactions.reduce(
-            (sum, t) => sum + t.amount,
-            0,
-          );
-          const currentMonthCount = relatedTransactions.length;
-
-          // 데이터 불일치 여부 확인
-          const hasDataMismatch =
-            goal.current_amount !== currentMonthAmount || // 1원 이상 차이
-            goal.current_count !== currentMonthCount; // 1회 이상 차이
-
-          return {
-            ...goal,
-            currentMonthAmount,
-            currentMonthCount,
-            hasDataMismatch,
-          };
-        }),
-      );
-
-      // 불일치가 있는 목표들만 반환
-      return goalsWithCurrentData.filter((goal) => goal.hasDataMismatch);
-    },
-    enabled: !!userId && !!categoryName,
-  });
-
-  return {
-    affectedGoals,
-    hasAffectedGoals: affectedGoals.length > 0,
-  };
-};
diff --git a/src/hooks/goals/useGoalStatistics.ts b/src/hooks/goals/useGoalStatistics.ts
new file mode 100644
index 0000000..6b11670
--- /dev/null
+++ b/src/hooks/goals/useGoalStatistics.ts
@@ -0,0 +1,34 @@
+import { Goal } from "@/types/goals";
+import { useMemo } from "react";
+
+const useGoalStatistics = (goals: Goal[]) => {
+  return useMemo(() => {
+    const total = goals.length;
+    const active = goals.filter((goal) => goal.status === "active");
+    const completed = goals.filter((goal) => goal.status === "completed");
+
+    // 곧 마감되는 목표들 (7일 이내)
+    const soonDue = active.filter((goal) => {
+      if (!goal.target_date) return false;
+      const daysLeft = Math.ceil(
+        (new Date(goal.target_date).getTime() - new Date().getTime()) /
+          (1000 * 60 * 60 * 24),
+      );
+      return daysLeft <= 7 && daysLeft > 0;
+    });
+
+    // 완료율 계산
+    const completionRate =
+      total > 0 ? Math.round((completed.length / total) * 100) : 0;
+
+    return {
+      total,
+      active: active.length,
+      completed: completed.length,
+      soonDue: soonDue.length,
+      completionRate,
+    };
+  }, [goals]);
+};
+
+export default useGoalStatistics;
diff --git a/src/hooks/goals/useGoalStatusUpdater.ts b/src/hooks/goals/useGoalStatusUpdater.ts
deleted file mode 100644
index 64a46cd..0000000
--- a/src/hooks/goals/useGoalStatusUpdater.ts
+++ /dev/null
@@ -1,153 +0,0 @@
-import { supabase } from "@/lib/supabase";
-import { useQueryClient } from "@tanstack/react-query";
-import { useGoalCompletionAlert } from "./useFoalCompletionAlert";
-
-export const useGoalStatusUpdater = () => {
-  const queryClient = useQueryClient();
-  const { showCompletionAlert } = useGoalCompletionAlert();
-
-  const checkAndUpdateGoalStatus = async (goalId: string, userId: string) => {
-    try {
-      // 목표 정보 조회
-      const { data: goal, error: goalError } = await supabase
-        .from("goals")
-        .select("*")
-        .eq("id", goalId)
-        .eq("user_id", userId)
-        .single();
-
-      if (goalError || !goal) {
-        console.error("목표 조회 실패:", goalError);
-        return;
-      }
-
-      // 이미 완료된 목표는 건너뛰기
-      if (goal.status === "completed") return;
-
-      // 현재 월의 실제 데이터 조회
-      const now = new Date();
-      const monthStart = new Date(now.getFullYear(), now.getMonth(), 1)
-        .toISOString()
-        .split("T")[0];
-      const monthEnd = new Date(now.getFullYear(), now.getMonth() + 1, 0)
-        .toISOString()
-        .split("T")[0];
-
-      const tableName =
-        goal.type === "increase_income" ? "incomes" : "expenses";
-
-      const { data: transactions } = await supabase
-        .from(tableName)
-        .select("amount")
-        .eq("user_id", userId)
-        .gte("date", monthStart)
-        .lte("date", monthEnd);
-
-      if (!transactions) return;
-
-      // 실제 달성 현황 계산
-      const actualAmount = transactions.reduce((sum, t) => sum + t.amount, 0);
-      const actualCount = transactions.length;
-
-      // 목표 달성 여부 확인
-      let isCompleted = false;
-
-      if (goal.challenge_mode === "amount") {
-        isCompleted = goal.target_amount
-          ? actualAmount >= goal.target_amount
-          : false;
-      } else if (goal.challenge_mode === "count") {
-        isCompleted = goal.target_count
-          ? actualCount >= goal.target_count
-          : false;
-      } else {
-        // 'both' - OR 조건
-        const amountComplete = goal.target_amount
-          ? actualAmount >= goal.target_amount
-          : true;
-        const countComplete = goal.target_count
-          ? actualCount >= goal.target_count
-          : true;
-        isCompleted = amountComplete || countComplete;
-      }
-
-      // 목표 달성 시 상태 업데이트
-      if (isCompleted) {
-        const { error: updateError } = await supabase
-          .from("goals")
-          .update({
-            status: "completed",
-            current_amount: actualAmount,
-            current_count: actualCount,
-          })
-          .eq("id", goalId);
-
-        if (updateError) {
-          console.error("목표 상태 업데이트 실패:", updateError);
-        } else {
-          // 캐시 무효화
-          queryClient.invalidateQueries({ queryKey: ["goals"] });
-
-          // 완료 알림 표시
-          showCompletionAlert({
-            id: goal.id,
-            title: goal.totle,
-          });
-        }
-      } else {
-        // 완료되지 않았지만 current 값은 업데이트
-        const { error: updateError } = await supabase
-          .from("goals")
-          .update({
-            current_amount: actualAmount,
-            current_count: actualCount,
-          })
-          .eq("id", goalId);
-
-        if (updateError) {
-          console.error("목표 진행률 업데이트 실패:", updateError);
-        }
-      }
-    } catch (error) {
-      console.error("목표 상태 확인 중 오류:", error);
-    }
-  };
-
-  // 여러 목표를 배치로 확인
-  const checkMultipleGoals = async (goalIds: string[], userId: string) => {
-    await Promise.allSettled(
-      goalIds.map((goalId) => checkAndUpdateGoalStatus(goalId, userId)),
-    );
-  };
-
-  // 특정 카테고리와 관련된 모든 목표 확인
-  const checkGoalsByCategory = async (
-    userId: string,
-    categoryName: string,
-    type: "income" | "expense",
-  ) => {
-    try {
-      const goalType = type === "income" ? "increase_income" : "reduce_expense";
-
-      const { data: goals } = await supabase
-        .from("goals")
-        .select("id")
-        .eq("user_id", userId)
-        .eq("type", goalType)
-        .eq("status", "active");
-
-      if (goals && goals.length > 0) {
-        const goalIds = goals.map((g) => g.id);
-        await checkMultipleGoals(goalIds, userId);
-      }
-    } catch (error) {
-      console.error("카테고리별 목표 확인 실패:", error);
-    }
-  };
-
-  return {
-    checkAndUpdateGoalStatus,
-    checkMultipleGoals,
-    checkGoalsByCategory,
-  };
-};
diff --git a/src/hooks/goals/useGoals.ts b/src/hooks/goals/useGoals.ts
index ceb35df..20ba224 100644
--- a/src/hooks/goals/useGoals.ts
+++ b/src/hooks/goals/useGoals.ts
@@ -1,25 +1,21 @@
 import { supabase } from "@/lib/supabase";
-import { Goal, GoalFormData, GoalProgressInfo } from "@/types/goals";
+import { Goal, GoalFormData } from "@/types/goals";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useMemo } from "react";
 
 interface UseGoalsProps {
   userId?: string;
-  status?: Goal["status"];
 }
 
-export const useGoals = ({ userId, status }: UseGoalsProps = {}) => {
+export const useGoals = ({ userId }: UseGoalsProps = {}) => {
   const queryClient = useQueryClient();
 
-  // 목표 조회
-  const {
-    data: goals = [],
-    isLoading,
-    error,
-  } = useQuery({
-    queryKey: ["goals", userId, status],
+  const { data: goals = [], isLoading } = useQuery({
+    queryKey: ["goals", userId],
     queryFn: async (): Promise<Goal[]> => {
-      let query = supabase
+      if (!userId) return [];
+
+      const { data, error } = await supabase
         .from("goals")
         .select(
           `
@@ -27,37 +23,33 @@ export const useGoals = ({ userId, status }: UseGoalsProps = {}) => {
           category:categories(*)
         `,
         )
+        .eq("user_id", userId)
         .order("created_at", { ascending: false });
 
-      if (userId) {
-        query = query.eq("user_id", userId);
-      }
-
-      if (status) {
-        query = query.eq("status", status);
-      }
-
-      const { data, error } = await query;
       if (error) throw error;
       return data || [];
     },
     enabled: !!userId,
   });
 
-  // 목표 생성
-  const createGoalMutation = useMutation({
-    mutationFn: async (newGoal: GoalFormData & { user_id: string }) => {
-      const goalData = {
-        ...newGoal,
-        current_amount: 0,
-        current_count: 0,
-        status: "active" as const,
-        created_from_date: new Date().toISOString().split("T")[0],
+  // 목표 업데이트
+  const updateGoalMutation = useMutation({
+    mutationFn: async ({
+      id,
+      updates,
+    }: {
+      id: string;
+      updates: Partial<GoalFormData>;
+    }) => {
+      const updateData = {
+        ...updates,
+        updated_at: new Date().toISOString(),
       };
 
       const { data, error } = await supabase
         .from("goals")
-        .insert([goalData])
+        .update(updateData)
+        .eq("id", id)
         .select(
           `
           *,
@@ -74,137 +66,37 @@ export const useGoals = ({ userId, status }: UseGoalsProps = {}) => {
     },
   });
 
-  // 목표 수정
-  const updateGoalMutation = useMutation({
-    mutationFn: async (updates: { id: string } & Partial<Goal>) => {
-      const { id, ...goalUpdates } = updates;
-
-      const { data, error } = await supabase
-        .from("goals")
-        .update(goalUpdates)
-        .eq("id", id)
-        .select(
-          `
-          *,
-          category:categories(*)
-        `,
-        )
-        .single();
+  // 목표 삭제
+  const deleteGoalMutation = useMutation({
+    mutationFn: async (goalId: string) => {
+      const { error } = await supabase.from("goals").delete().eq("id", goalId);
 
       if (error) throw error;
-      return data;
     },
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ["goals"] });
     },
   });
 
-  // 목표 진행률 계산
-  const goalsWithProgress = useMemo(() => {
-    return goals.map((goal) => {
-      const progressInfo = calculateGoalProgress(goal);
-      return {
-        ...goal,
-        progress: progressInfo,
-      };
-    });
-  }, [goals]);
-
-  // 활성 목표만 필터링
-  const activeGoals = useMemo(() => {
-    return goalsWithProgress.filter((goal) => goal.status === "active");
-  }, [goalsWithProgress]);
+  // 목표 상태별 분류
+  const { activeGoals, completedGoals } = useMemo(() => {
+    const active = goals.filter((goal) => goal.status === "active");
+    const completed = goals.filter((goal) => goal.status === "completed");
 
-  // 완료된 목표만 필터링
-  const completedGoals = useMemo(() => {
-    return goalsWithProgress.filter((goal) => goal.status === "completed");
-  }, [goalsWithProgress]);
+    return {
+      activeGoals: active,
+      completedGoals: completed,
+    };
+  }, [goals]);
 
   return {
-    goals: goalsWithProgress,
+    goals,
     activeGoals,
     completedGoals,
     isLoading,
-    error,
-    createGoal: createGoalMutation.mutate,
-    isCreatingGoal: createGoalMutation.isPending,
     updateGoal: updateGoalMutation.mutate,
     isUpdatingGoal: updateGoalMutation.isPending,
-  };
-};
-
-// 목표 진행률 계산 함수
-const calculateGoalProgress = (goal: Goal): GoalProgressInfo => {
-  const currentDate = new Date();
-  const targetDate = goal.target_date ? new Date(goal.target_date) : null;
-
-  // 남은 일수 계산
-  const daysLeft = targetDate
-    ? Math.max(
-        0,
-        Math.ceil(
-          (targetDate.getTime() - currentDate.getTime()) /
-            (1000 * 60 * 60 * 24),
-        ),
-      )
-    : 0;
-
-  // 금액 진행률 계산
-  const amountProgress =
-    goal.target_amount && goal.target_amount > 0
-      ? Math.min(100, (goal.current_amount / goal.target_amount) * 100)
-      : 0;
-
-  // 횟수 진행률 계산
-  const countProgress =
-    goal.target_count && goal.target_count > 0
-      ? Math.min(100, (goal.current_count / goal.target_count) * 100)
-      : 0;
-
-  // 완료 상태 체크
-  const isAmountComplete = goal.target_amount
-    ? goal.current_amount >= goal.target_amount
-    : true;
-  const isCountComplete = goal.target_count
-    ? goal.current_count >= goal.target_count
-    : true;
-
-  // 전체 진행률 계산 (OR 조건 - 하나만 완료해도 성공)
-  let overallProgress = 0;
-  let isComplete = false;
-
-  if (goal.challenge_mode === "amount") {
-    overallProgress = amountProgress;
-    isComplete = isAmountComplete;
-  } else if (goal.challenge_mode === "count") {
-    overallProgress = countProgress;
-    isComplete = isCountComplete;
-  } else {
-    // 'both' - OR 조건
-    overallProgress = Math.max(amountProgress, countProgress);
-    isComplete = isAmountComplete || isCountComplete;
-  }
-
-  // 진행 상태 텍스트
-  let progressText = "";
-  if (isComplete) {
-    progressText = "목표 달성! 🎉";
-  } else if (daysLeft === 0 && targetDate) {
-    progressText = "기한 만료";
-  } else if (daysLeft > 0) {
-    progressText = `${daysLeft}일 남음`;
-  } else {
-    progressText = "진행 중";
-  }
-
-  return {
-    amountProgress,
-    countProgress,
-    overallProgress,
-    isAmountComplete,
-    isCountComplete,
-    isComplete,
-    daysLeft,
-    progressText,
+    deleteGoal: deleteGoalMutation.mutate,
+    isDeletingGoal: deleteGoalMutation.isPending,
   };
 };
diff --git a/src/hooks/goals/useGoalsByBudget.ts b/src/hooks/goals/useGoalsByBudget.ts
new file mode 100644
index 0000000..0a7d0af
--- /dev/null
+++ b/src/hooks/goals/useGoalsByBudget.ts
@@ -0,0 +1,58 @@
+import { supabase } from "@/lib/supabase";
+import { Goal } from "@/types/goals";
+import { useQuery } from "@tanstack/react-query";
+
+interface UseGoalsByBudgetProps {
+  userId?: string;
+  categoryName?: string;
+  type?: "income" | "expense";
+}
+
+export const useGoalsByBudget = ({
+  userId,
+  categoryName,
+  type,
+}: UseGoalsByBudgetProps = {}) => {
+  const { data: goals = [], isLoading } = useQuery({
+    queryKey: ["goals-by-budget", userId, categoryName, type],
+    queryFn: async (): Promise<Goal[]> => {
+      if (!userId || !categoryName) return [];
+
+      // 카테고리와 연결된 목표들 조회
+      const { data: categoryData } = await supabase
+        .from("categories")
+        .select("id")
+        .eq("user_id", userId)
+        .eq("name", categoryName)
+        .in("type", [`${type}_variable`, `${type}_fixed`]);
+
+      if (!categoryData || categoryData.length === 0) return [];
+
+      const categoryIds = categoryData.map((cat) => cat.id);
+
+      const { data, error } = await supabase
+        .from("goals")
+        .select(
+          `
+          *,
+          category:categories(*)
+        `,
+        )
+        .eq("user_id", userId)
+        .in("category_id", categoryIds)
+        .eq("status", "active");
+
+      if (error) throw error;
+      return data || [];
+    },
+    enabled: !!userId && !!categoryName && !!type,
+  });
+
+  return {
+    goals,
+    isLoading,
+    hasMultipleGoals: goals.length > 1,
+    hasSingleGoal: goals.length === 1,
+    hasNoGoals: goals.length === 0,
+  };
+};
diff --git a/src/hooks/reflections/useReflections.ts b/src/hooks/reflections/useReflections.ts
index 8315e6c..a5382d5 100644
--- a/src/hooks/reflections/useReflections.ts
+++ b/src/hooks/reflections/useReflections.ts
@@ -144,13 +144,17 @@ export const useReflections = ({
   // 회고 생성
   const createReflectionMutation = useMutation({
     mutationFn: async (formData: ReflectionFormData & { user_id: string }) => {
-      const { keywords: keywordNames, ...reflectionData } = formData;
+      const { keywords: keywordNames } = formData;
 
       // 기본값 설정
       const dataWithDefaults = {
-        ...reflectionData,
-        is_public: reflectionData.is_public ?? true,
-        is_neighbor_visible: reflectionData.is_neighbor_visible ?? true,
+        user_id: formData.user_id,
+        category_id: formData.category_id,
+        title: formData.title,
+        content: formData.content,
+        date: formData.date,
+        is_public: formData.is_public ?? true,
+        is_neighbor_visible: formData.is_neighbor_visible ?? true,
       };
 
       // 1. 회고 생성
diff --git a/src/types/goals/database.ts b/src/types/goals/database.ts
index ad0debe..ad3e7d9 100644
--- a/src/types/goals/database.ts
+++ b/src/types/goals/database.ts
@@ -29,6 +29,7 @@ export interface GoalFormData {
   target_amount?: number | null;
   target_count?: number | null;
   target_date?: string | null;
+  status: "active" | "completed" | "paused" | "cancelled";
   challenge_mode: "amount" | "count" | "both";
   category_id?: string | null;
 }
diff --git a/src/utils/goals/goalsHelpers.ts b/src/utils/goals/goalsHelpers.ts
new file mode 100644
index 0000000..c6d5e7a
--- /dev/null
+++ b/src/utils/goals/goalsHelpers.ts
@@ -0,0 +1,138 @@
+export const getStatusText = (status: string): string => {
+  switch (status) {
+    case "active":
+      return "진행 중";
+    case "completed":
+      return "완료됨";
+    case "paused":
+      return "일시정지";
+    case "cancelled":
+      return "취소됨";
+    default:
+      return status;
+  }
+};
+
+export const getTypeText = (type: string): string => {
+  switch (type) {
+    case "save_money":
+      return "돈 저축";
+    case "reduce_expense":
+      return "지출 줄이기";
+    case "increase_income":
+      return "수입 늘리기";
+    case "custom":
+      return "사용자 정의";
+    default:
+      return type;
+  }
+};
+
+export const getChallengeMode = (mode: string): string => {
+  switch (mode) {
+    case "amount":
+      return "금액";
+    case "count":
+      return "횟수";
+    case "both":
+      return "금액 + 횟수";
+    default:
+      return mode;
+  }
+};
+
+export const calculateProgress = (current: number, target: number): number => {
+  if (target === 0) return 0;
+  return Math.round((current / target) * 100);
+};
+
+export const getDaysLeft = (
+  targetDate: string | null | undefined,
+): number | null => {
+  if (!targetDate) return null;
+  const daysLeft = Math.ceil(
+    (new Date(targetDate).getTime() - new Date().getTime()) /
+      (1000 * 60 * 60 * 24),
+  );
+  return daysLeft;
+};
+
+export const getGoalProgress = (goal: {
+  target_amount?: number | null;
+  current_amount?: number;
+  target_count?: number | null;
+  current_count?: number;
+  type: string;
+}) => {
+  let amountProgress = 0;
+  let countProgress = 0;
+
+  if (goal.target_amount && goal.current_amount !== undefined) {
+    if (goal.type === "reduce_expense") {
+      // 지출 목표: 현재 사용량이 목표보다 적을수록 좋음
+      amountProgress =
+        goal.current_amount <= goal.target_amount
+          ? 100
+          : Math.max(
+              0,
+              Math.round((1 - goal.current_amount / goal.target_amount) * 100),
+            );
+    } else {
+      // 수입 목표
+      amountProgress = Math.round(
+        (goal.current_amount / goal.target_amount) * 100,
+      );
+    }
+  }
+
+  if (goal.target_count && goal.current_count !== undefined) {
+    if (goal.type === "reduce_expense") {
+      countProgress =
+        goal.current_count <= goal.target_count
+          ? 100
+          : Math.max(
+              0,
+              Math.round((1 - goal.current_count / goal.target_count) * 100),
+            );
+    } else {
+      countProgress = Math.round(
+        (goal.current_count / goal.target_count) * 100,
+      );
+    }
+  }
+
+  // 종합 진행률 (둘 다 있으면 평균, 하나만 있으면 그것을 사용)
+  let overallProgress = 0;
+  if (goal.target_amount && goal.target_count) {
+    overallProgress = (amountProgress + countProgress) / 2;
+  } else if (goal.target_amount) {
+    overallProgress = amountProgress;
+  } else if (goal.target_count) {
+    overallProgress = countProgress;
+  }
+
+  return {
+    amountProgress,
+    countProgress,
+    overallProgress: Math.round(overallProgress),
+  };
+};
+
+export const getStatusColorClass = (status: string): string => {
+  switch (status) {
+    case "active":
+      return "bg-blue-100 text-blue-800";
+    case "completed":
+      return "bg-green-100 text-green-800";
+    case "paused":
+      return "bg-yellow-100 text-yellow-800";
+    case "cancelled":
+      return "bg-red-100 text-red-800";
+    default:
+      return "bg-gray-100 text-gray-800";
+  }
+};
+
+export const getProgressBarColor = (type: string): string => {
+  return type === "increase_income" ? "#22c55e" : "#ef4444";
+};

From 0d63fd203723d91f1288712eeaec6c880aef7f58 Mon Sep 17 00:00:00 2001
From: YeongTaek <yeongtaek2109@gmail.com>
Date: Mon, 22 Sep 2025 13:31:24 +0900
Subject: [PATCH 22/25] =?UTF-8?q?fix:=20=ED=9A=8C=EC=9B=90=EA=B0=80?=
 =?UTF-8?q?=EC=9E=85=20=EC=9D=B8=EC=A6=9D=20=ED=9B=84=20=ED=94=84=EB=A1=9C?=
 =?UTF-8?q?=ED=95=84=20=EC=83=9D=EC=84=B1=EB=90=98=EC=A7=80=20=EC=95=8A?=
 =?UTF-8?q?=EB=8A=94=20=EB=AC=B8=EC=A0=9C=20=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/auth/useAuth.ts | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/src/hooks/auth/useAuth.ts b/src/hooks/auth/useAuth.ts
index a4f5c4e..7547e55 100644
--- a/src/hooks/auth/useAuth.ts
+++ b/src/hooks/auth/useAuth.ts
@@ -41,6 +41,34 @@ export const useAuth = () => {
         .eq("id", session.user.id)
         .maybeSingle();
 
+      // 프로필이 없으면 자동 생성
+      if (!data && !error) {
+        const { data: newProfile, error: createError } = await supabase
+          .from("profiles")
+          .insert([{
+            id: session.user.id,
+            email: session.user.email!,
+            name: session.user.user_metadata?.name || 'Unknown User',
+            nickname: session.user.user_metadata?.nickname || null,
+          }])
+          .select()
+          .single();
+
+        if (!createError) {
+          // 기본 카테고리 생성
+          await supabase.from('categories').insert([{
+            user_id: session.user.id,
+            name: '통신비',
+            type: 'expense_fixed',
+            is_default: true,
+          }]). select();
+
+          return newProfile;
+        } else {
+          console.error('프로필 생성 실패:', createError);
+        }
+      }
+
       if (error) {
         console.error("프로필 조회 에러:", error);
         throw error;

From cd359c3b40b6f81719c2fcf5f89676f509cbf415 Mon Sep 17 00:00:00 2001
From: YeongTaek <yeongtaek2109@gmail.com>
Date: Mon, 22 Sep 2025 13:35:10 +0900
Subject: [PATCH 23/25] =?UTF-8?q?style:=20=ED=8F=AC=EB=A7=B7=ED=8C=85=20?=
 =?UTF-8?q?=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/auth/useAuth.ts | 33 ++++++++++++++++++++-------------
 1 file changed, 20 insertions(+), 13 deletions(-)

diff --git a/src/hooks/auth/useAuth.ts b/src/hooks/auth/useAuth.ts
index 7547e55..61bf0b1 100644
--- a/src/hooks/auth/useAuth.ts
+++ b/src/hooks/auth/useAuth.ts
@@ -45,27 +45,34 @@ export const useAuth = () => {
       if (!data && !error) {
         const { data: newProfile, error: createError } = await supabase
           .from("profiles")
-          .insert([{
-            id: session.user.id,
-            email: session.user.email!,
-            name: session.user.user_metadata?.name || 'Unknown User',
-            nickname: session.user.user_metadata?.nickname || null,
-          }])
+          .insert([
+            {
+              id: session.user.id,
+              email: session.user.email!,
+              name: session.user.user_metadata?.name || "Unknown User",
+              nickname: session.user.user_metadata?.nickname || null,
+            },
+          ])
           .select()
           .single();
 
         if (!createError) {
           // 기본 카테고리 생성
-          await supabase.from('categories').insert([{
-            user_id: session.user.id,
-            name: '통신비',
-            type: 'expense_fixed',
-            is_default: true,
-          }]). select();
+          await supabase
+            .from("categories")
+            .insert([
+              {
+                user_id: session.user.id,
+                name: "통신비",
+                type: "expense_fixed",
+                is_default: true,
+              },
+            ])
+            .select();
 
           return newProfile;
         } else {
-          console.error('프로필 생성 실패:', createError);
+          console.error("프로필 생성 실패:", createError);
         }
       }
 

From 9c6ea026872d53db2f11352751c55c96779af8fd Mon Sep 17 00:00:00 2001
From: YeongTaek <yeongtaek2109@gmail.com>
Date: Mon, 22 Sep 2025 14:13:04 +0900
Subject: [PATCH 24/25] =?UTF-8?q?chore:=20=EB=B0=B0=ED=8F=AC=ED=99=98?=
 =?UTF-8?q?=EA=B2=BD=20Vercel=EB=A1=9C=20=EC=84=A4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/workflows/production.yml | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/.github/workflows/production.yml b/.github/workflows/production.yml
index 07ac25a..3675a59 100644
--- a/.github/workflows/production.yml
+++ b/.github/workflows/production.yml
@@ -97,14 +97,12 @@ jobs:
           NEXT_PUBLIC_SUPABASE_URL: ${{ secrets.PROD_SUPABASE_URL }}
           NEXT_PUBLIC_SUPABASE_ANON_KEY: ${{ secrets.PROD_SUPABASE_ANON_KEY }}
 
-      # Vercel 배포 예시 (사용하는 플랫폼에 맞게 수정)
+      # Vercel CLI로 배포
+      - name: Install Vercel CLI
+        run: pnpm install -g vercel
+
       - name: Deploy to Vercel
-        uses: amondnet/vercel-action@v25
-        with:
-          vercel-token: ${{ secrets.VERCEL_TOKEN }} # TODO: 나중에 배포 후 입력
-          vercel-org-id: ${{ secrets.VERCEL_ORG_ID }} # TODO: 나중에 배포 후 입력
-          vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }} # TODO: 나중에 배포 후 입력
-          vercel-args: "--prod"
+        run: vercel --token ${{ secrets.VERCEL_TOKEN }} --prod --yes
 
       # 배포 성공 알림 (선택사항)
       - name: Deployment success notification

From ebfc3366ba78da4e736aea5a77e854f3bb4b4d3c Mon Sep 17 00:00:00 2001
From: YeongTaek <yeongtaek2109@gmail.com>
Date: Mon, 22 Sep 2025 14:53:42 +0900
Subject: [PATCH 25/25] =?UTF-8?q?fix:=20=EB=B0=B0=ED=8F=AC=20=EC=84=A4?=
 =?UTF-8?q?=EC=A0=95=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/workflows/production.yml | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/.github/workflows/production.yml b/.github/workflows/production.yml
index 3675a59..a7cc638 100644
--- a/.github/workflows/production.yml
+++ b/.github/workflows/production.yml
@@ -98,11 +98,11 @@ jobs:
           NEXT_PUBLIC_SUPABASE_ANON_KEY: ${{ secrets.PROD_SUPABASE_ANON_KEY }}
 
       # Vercel CLI로 배포
-      - name: Install Vercel CLI
-        run: pnpm install -g vercel
-
       - name: Deploy to Vercel
-        run: vercel --token ${{ secrets.VERCEL_TOKEN }} --prod --yes
+        uses: vercel/action-deply@v1
+        with:
+          vercel-token: ${{ secrets.VERCEL_TOKEN }}
+          vercel-args: "--prod --force"
 
       # 배포 성공 알림 (선택사항)
       - name: Deployment success notification