refactor: provider 및 client component 정리

apps/cs/src/app/index.tsx

@@ -1,16 +1,12 @@
 import "./styles/base.css";
 import "./styles/components.css";
-import { AuthProvider, CookieProvider, QueryProvider } from "@/shared/provider";
+import { AppProvider } from "@/shared/provider";
 
 const App = ({ children }: Readonly<{ children: React.ReactNode }>) => {
   return (
     <html lang="ko">
       <body>
-        <QueryProvider>
-          <CookieProvider>
-            <AuthProvider>{children}</AuthProvider>
-          </CookieProvider>
-        </QueryProvider>
+        <AppProvider>{children}</AppProvider>
       </body>
     </html>
   );

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

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

apps/cs/src/pages/site/ui/create-page.tsx

@@ -0,0 +1,22 @@
+"use client";
+
+import type { z } from "zod";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { siteFormSchema } from "../model/form-schema";
+import { SiteForm } from "./site-form";
+
+function CreatePage() {
+  const form = useForm<z.infer<typeof siteFormSchema>>({
+    defaultValues: siteFormSchema.parse({
+      siteId: "",
+      siteNm: "",
+      siteKndCd: "",
+    }),
+    resolver: zodResolver(siteFormSchema),
+  });
+
+  return <SiteForm form={form} handleSave={() => {}} />;
+}
+
+export { CreatePage };

apps/cs/src/pages/site/ui/domain-management-dialog.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { useState } from "react";
 import {
   Dialog,

apps/cs/src/pages/site/ui/ip-management-dialog.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import { useState } from "react";
 import {
   Dialog,

apps/cs/src/pages/site/ui/layout.tsx

@@ -1,15 +1,11 @@
-import { BaseLayout } from "@common/components";
-
 function SitePageLayout({ children }: { children: React.ReactNode }) {
   return (
-    <BaseLayout>
-      <div className="bg-container h-auto min-h-full">
-        <h2 className="text-title px-[1.8rem] pt-[2rem] text-[2.4rem] font-semibold">
-          사이트 관리
-        </h2>
-        {children}
-      </div>
-    </BaseLayout>
+    <div className="h-auto min-h-full bg-container">
+      <h2 className="px-[1.8rem] pt-[2rem] text-[2.4rem] font-semibold text-title">
+        사이트 관리
+      </h2>
+      {children}
+    </div>
   );
 }
 

apps/cs/src/shared/lib/cookie.ts

@@ -1,5 +1,3 @@
-"use client";
-
 import Cookies from "js-cookie";
 
 export function getCookie(name: string): string | undefined {

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

@@ -0,0 +1,20 @@
+"use client";
+
+import { BaseLayout } from "@common/components/ui";
+import { AuthProvider } from "./auth-provider";
+import { CookieProvider } from "./cookie-provider";
+import { QueryProvider } from "./query-provider";
+
+const AppProvider = ({ children }: Readonly<{ children: React.ReactNode }>) => {
+  return (
+    <QueryProvider>
+      <CookieProvider>
+        <AuthProvider>
+          <BaseLayout>{children}</BaseLayout>
+        </AuthProvider>
+      </CookieProvider>
+    </QueryProvider>
+  );
+};
+
+export { AppProvider };

apps/cs/src/shared/provider/index.ts

@@ -1,3 +1,3 @@
-export { AuthProvider, useAuth } from "./auth-provider";
-export { CookieProvider, useCookie } from "./cookie-provider";
-export { QueryProvider } from "./query-provider";
+export { AppProvider } from "./app-provider";
+export { useAuth } from "./auth-provider";
+export { useCookie } from "./cookie-provider";

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

@@ -1,5 +1,3 @@
-"use client";
-
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 
 const queryClient = new QueryClient();

apps/cs/src/shared/ui/form.tsx

@@ -1,5 +1,3 @@
-"use client";
-
 import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { Slot } from "@radix-ui/react-slot";