feat: base layout 그룹 분리

apps/cs/app/(with-base-layout)/layout.tsx

@@ -0,0 +1,11 @@
+"use client";
+
+import { BaseLayout } from "@common/components/ui";
+
+export default function WithBaseLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return <BaseLayout>{children}</BaseLayout>;
+}

apps/cs/src/pages/auth/login/ui/login-page.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import Image from "next/image";
 import { images } from "@common/assets";
 import { LoginApi } from "@/entities/auth/login";

apps/cs/src/shared/provider/app-provider.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { ConfirmProvider } from "@frontend-opensource/use-react-hooks";
-import { BaseLayout } from "@common/components/ui";
 import { AuthProvider } from "./auth-provider";
 import { CookieProvider } from "./cookie-provider";
 import { QueryProvider } from "./query-provider";
@@ -11,9 +10,7 @@ const AppProvider = ({ children }: Readonly<{ children: React.ReactNode }>) => {
     <QueryProvider>
       <CookieProvider>
         <AuthProvider>
-          <ConfirmProvider>
-            <BaseLayout>{children}</BaseLayout>
-          </ConfirmProvider>
+          <ConfirmProvider>{children}</ConfirmProvider>
         </AuthProvider>
       </CookieProvider>
     </QueryProvider>