feat: movee landing providers

apps/landing/src/app/(public)/_components/header.tsx

@@ -6,7 +6,7 @@ import Image from 'next/image';
 import Link from 'next/link';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
-import { SimpleThemeToggle } from './simple-theme-toggle';
+import { ThemeToggle } from './theme-toggle';
 
 export function Header() {
   const router = useRouter();
@@ -82,7 +82,7 @@ export function Header() {
         </nav>
 
         <div className="flex items-center gap-x-2">
-          <SimpleThemeToggle />
+          <ThemeToggle />
 
           <Button
             className="group relative w-full sm:w-auto bg-gradient-to-r from-primary to-blue-600 hover:from-primary/90 hover:to-blue-600/90 transition-all duration-300 font-bold text-white hover:text-white/90 shadow-lg cursor-pointer"

apps/landing/src/app/(public)/_components/theme-provider.tsx

@@ -1,8 +0,0 @@
-'use client';
-
-import type { ThemeProviderProps } from 'next-themes';
-import { ThemeProvider as NextThemesProvider } from 'next-themes';
-
-export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
-  return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
-}

apps/landing/src/app/(public)/_components/theme-toggle.tsx

@@ -4,7 +4,7 @@ import { Button, MoonIcon, SunIcon } from '@components';
 import { useTheme } from 'next-themes';
 import { useEffect, useState } from 'react';
 
-export function SimpleThemeToggle() {
+export function ThemeToggle() {
   const { theme, setTheme } = useTheme();
   const [mounted, setMounted] = useState(false);