add default stale time to queries

projects/website/src/components/providers/query-provider.tsx

@@ -1,12 +1,19 @@
 "use client";
 
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { ReactNode } from "react";
 
 type Props = {
-  children: React.ReactNode;
+  children: ReactNode;
 };
 
-const queryClient = new QueryClient();
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      staleTime: 1000 * 30, // 30 seconds
+    },
+  },
+});
 
 export function QueryProvider({ children }: Props) {
   return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>;