import { MantineProvider } from "@mantine/core";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { BrowserRouter } from "react-router";
import { AppRoutes, RouteErrorBoundary } from "@/app/routes";
import { theme } from "@/app/theme";
import { AuthProvider } from "@/features/auth";

const queryClient = new QueryClient({
	defaultOptions: { queries: { refetchOnWindowFocus: false } },
});

export function App() {
	return (
		<MantineProvider theme={theme} forceColorScheme="light">
			<QueryClientProvider client={queryClient}>
				<BrowserRouter>
					<AuthProvider>
						<RouteErrorBoundary>
							<AppRoutes />
						</RouteErrorBoundary>
					</AuthProvider>
				</BrowserRouter>
			</QueryClientProvider>
		</MantineProvider>
	);
}