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;