refactor: enhance authentication and signup flow with new providers, update middleware matcher, and improve type safety for API responses

providers/AuthProvider.tsx

@@ -0,0 +1,13 @@
+"use client"
+
+import type { Session } from "next-auth"
+import { SessionProvider } from "next-auth/react"
+
+type Props = {
+  children: React.ReactNode
+  session?: Session
+}
+
+export const AuthProvider = ({ children, session }: Props) => {
+  return <SessionProvider session={session}>{children}</SessionProvider>
+}

providers/query-provider.tsx

@@ -0,0 +1,12 @@
+"use client";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+
+const queryClient = new QueryClient();
+
+export default function QueryProvider({
+	children,
+}: { children: React.ReactNode }) {
+	return (
+		<QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+	);
+}

providers/theme-provider.tsx

@@ -0,0 +1,10 @@
+"use client";
+
+import { ThemeProvider as NextThemesProvider } from "next-themes";
+
+export function ThemeProvider({
+	children,
+	...props
+}: React.ComponentProps<typeof NextThemesProvider>) {
+	return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
+}