CodeGraphContext

import { Toaster } from "@/components/ui/toaster"; import { Toaster as Sonner } from "@/components/ui/sonner"; import { TooltipProvider } from "@/components/ui/tooltip"; import { ThemeProvider } from "@/components/ThemeProvider"; import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; import { BrowserRouter, Routes, Route } from "react-router-dom"; import Index from "./pages/Index"; import NotFound from "./pages/NotFound"; import MoveToTop from "./components/MoveToTop"; // <-- MoveToTop component import const queryClient = new QueryClient(); const App: React.FC = () => ( <QueryClientProvider client={queryClient}> <ThemeProvider attribute="class" defaultTheme="dark" enableSystem disableTransitionOnChange > <TooltipProvider> <Toaster /> <Sonner /> <BrowserRouter> <Routes> <Route path="/" element={<Index />} /> {/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */} <Route path="*" element={<NotFound />} /> </Routes> </BrowserRouter> {/* Move to Top button */} <MoveToTop /> </TooltipProvider> </ThemeProvider> </QueryClientProvider> ); export default App;