add terms page + code refactor

src/app/providers/getQueryServer.tsx

@@ -0,0 +1,36 @@
+'use client'
+
+import {
+	isServer,
+	QueryClient,
+	QueryClientProvider,
+} from '@tanstack/react-query'
+
+export function makeQueryClient() {
+	return new QueryClient({
+		defaultOptions: {
+			queries: {
+				staleTime: 60 * 1000,
+			},
+		},
+	})
+}
+
+let browserQueryClient: QueryClient | undefined = undefined
+
+function getQueryClient() {
+	if (isServer) {
+		return makeQueryClient()
+	} else {
+		if (!browserQueryClient) browserQueryClient = makeQueryClient()
+		return browserQueryClient
+	}
+}
+
+export default function Providers({ children }: { children: React.ReactNode }) {
+	const queryClient = getQueryClient();
+
+	return (
+		<QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+	)
+}