feat: add react query support

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

@@ -49,7 +49,7 @@ export function Header() {
         <nav className="hidden md:flex items-center gap-8">
           <Link href="#fitur" className="text-sm font-medium relative group">
             <span className="transition-colors hover:text-primary">Fitur</span>
-            <span className="absolute -bottom-1 left-0 w-0 h-0.5 bg-primary transition-all duration-300 group-hover:w-full"></span>
+            <span className="absolute -bottom-1 left-0 w-0 h-0.5 bg-primary-500 transition-all duration-300 group-hover:w-full"></span>
           </Link>
           <Link
             href="#komunitas"
@@ -58,7 +58,7 @@ export function Header() {
             <span className="transition-colors hover:text-primary">
               Komunitas
             </span>
-            <span className="absolute -bottom-1 left-0 w-0 h-0.5 bg-primary transition-all duration-300 group-hover:w-full"></span>
+            <span className="absolute -bottom-1 left-0 w-0 h-0.5 bg-primary-500 transition-all duration-300 group-hover:w-full"></span>
           </Link>
           <Link
             href="#sumber-belajar"
@@ -67,7 +67,7 @@ export function Header() {
             <span className="transition-colors hover:text-primary">
               Sumber Belajar
             </span>
-            <span className="absolute -bottom-1 left-0 w-0 h-0.5 bg-primary transition-all duration-300 group-hover:w-full"></span>
+            <span className="absolute -bottom-1 left-0 w-0 h-0.5 bg-primary-500 transition-all duration-300 group-hover:w-full"></span>
           </Link>
           <Link
             href="#testimoni"
@@ -76,7 +76,7 @@ export function Header() {
             <span className="transition-colors hover:text-primary">
               Testimoni
             </span>
-            <span className="absolute -bottom-1 left-0 w-0 h-0.5 bg-primary transition-all duration-300 group-hover:w-full"></span>
+            <span className="absolute -bottom-1 left-0 w-0 h-0.5 bg-primary-500 transition-all duration-300 group-hover:w-full"></span>
           </Link>
         </nav>
 

apps/landing/src/app/_components/providers.tsx

@@ -1,18 +1,30 @@
 'use client';
 
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import type { ThemeProviderProps } from 'next-themes';
 import { ThemeProvider as NextThemesProvider } from 'next-themes';
+import { ReactNode } from 'react';
 
 export function Providers({ children }: ThemeProviderProps) {
   return (
-    <ThemeProvider
-      attribute="class"
-      defaultTheme="system"
-      enableSystem
-      disableTransitionOnChange
-    >
-      {children}
-    </ThemeProvider>
+    <QueryProvider>
+      <ThemeProvider
+        attribute="class"
+        defaultTheme="light"
+        enableSystem
+        disableTransitionOnChange
+      >
+        {children}
+      </ThemeProvider>
+    </QueryProvider>
+  );
+}
+
+export const queryClient = new QueryClient();
+
+function QueryProvider({ children }: { children: ReactNode }) {
+  return (
+    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
   );
 }