refactor: provider 및 client component 정리

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";