[FIX] 온보딩 미완료 사용자의 홈(main 라우트) 접근 제한

apps/timo-web/app/[locale]/(main)/layout.tsx

@@ -2,6 +2,7 @@ import type { Metadata } from "next";
 
 import { MainShellContainer } from "@/app/[locale]/(main)/_containers/MainShellContainer";
 import { AuthGuardProvider } from "@/providers/auth/AuthGuardProvider";
+import { OnboardingRequiredGuardProvider } from "@/providers/auth/OnboardingRequiredGuardProvider";
 
 export const metadata: Metadata = {
   robots: {
@@ -18,7 +19,9 @@ export default function MainLayout({ children }: Readonly<MainLayoutProps>) {
   return (
     <div className="bg-timo-gray-300 h-screen overflow-hidden py-5">
       <AuthGuardProvider>
-        <MainShellContainer>{children}</MainShellContainer>
+        <OnboardingRequiredGuardProvider>
+          <MainShellContainer>{children}</MainShellContainer>
+        </OnboardingRequiredGuardProvider>
       </AuthGuardProvider>
     </div>
   );

apps/timo-web/providers/auth/OnboardingRequiredGuardProvider.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import { useEffect } from "react";
+
+import { ROUTES } from "@/constants/routes";
+import { useRouter } from "@/i18n/navigation";
+import { useAuthStore } from "@/stores/auth/useAuthStore";
+
+interface OnboardingRequiredGuardProviderProps {
+  children: React.ReactNode;
+}
+
+export const OnboardingRequiredGuardProvider = ({
+  children,
+}: OnboardingRequiredGuardProviderProps) => {
+  const onboardingCompleted = useAuthStore(
+    (state) => state.onboardingCompleted,
+  );
+  const isInitialized = useAuthStore((state) => state.isInitialized);
+  const router = useRouter();
+
+  useEffect(() => {
+    if (isInitialized && !onboardingCompleted) {
+      router.replace(ROUTES.ONBOARDING);
+    }
+  }, [isInitialized, onboardingCompleted, router]);
+
+  if (!isInitialized || !onboardingCompleted) return null;
+
+  return <>{children}</>;
+};