apply label policy

apps/login/ui/LayoutProviders.tsx

@@ -1,19 +1,24 @@
-import ThemeWrapper from "./ThemeWrapper";
+"use client";
+
+import { ThemeProvider, useTheme } from "next-themes";
 
 type Props = {
   children: React.ReactNode;
 };
 
 export function LayoutProviders({ children }: Props) {
+  const { resolvedTheme } = useTheme();
+  const isDark = resolvedTheme && resolvedTheme === "dark";
+
+  console.log(isDark);
   return (
-    // <ThemeProvider
-    //   attribute="class"
-    //   defaultTheme="system"
-    //   storageKey="cp-theme"
-    //   value={{ dark: "dark" }}
-    // >
-    /* @ts-expect-error Server Component */
-    <ThemeWrapper>{children}</ThemeWrapper>
-    // </ThemeProvider>
+    <ThemeProvider
+      attribute="class"
+      defaultTheme="system"
+      storageKey="cp-theme"
+      value={{ dark: "dark" }}
+    >
+      <div className={`${isDark ? "ui-dark" : "ui-light"} `}>{children}</div>
+    </ThemeProvider>
   );
 }