Fix: Toaster component causes null useState error

src/App.tsx

@@ -17,18 +17,17 @@ import NotFound from "./pages/NotFound";
 import Terms from "./pages/Terms";
 import Privacy from "./pages/Privacy";
 import SubmissionGuidelines from "./pages/SubmissionGuidelines";
+import Admin from "./pages/Admin";
 
 const queryClient = new QueryClient();
 
-import Admin from "./pages/Admin";
-
 const App = () => (
   <QueryClientProvider client={queryClient}>
     <AuthProvider>
       <TooltipProvider>
+        <BrowserRouter>
           <Toaster />
           <Sonner />
-        <BrowserRouter>
           <div className="min-h-screen flex flex-col">
             <div className="flex-1">
               <Routes>