Router wrapped around providers

Reordered component hierarchy so BrowserRouter encloses authentication, cart, and UI providers, ensuring Link components have router context. Moved Toaster/Sonner inside Router and adjusted nesting accordingly.

X-Lovable-Edit-ID: edt-6b518b00-4582-4afc-b085-02090a254859

src/App.tsx

@@ -16,12 +16,12 @@ const queryClient = new QueryClient();
 
 const App = () => (
   <QueryClientProvider client={queryClient}>
-    <AuthProvider>
-      <CartProvider>
-        <TooltipProvider>
-          <Toaster />
-          <Sonner />
-          <BrowserRouter>
+    <BrowserRouter>
+      <AuthProvider>
+        <CartProvider>
+          <TooltipProvider>
+            <Toaster />
+            <Sonner />
             <div className="flex flex-col min-h-screen">
               <Header />
               <main className="flex-1">
@@ -35,10 +35,10 @@ const App = () => (
             </div>
             <CartDrawer />
             <AuthModal />
-          </BrowserRouter>
-        </TooltipProvider>
-      </CartProvider>
-    </AuthProvider>
+          </TooltipProvider>
+        </CartProvider>
+      </AuthProvider>
+    </BrowserRouter>
   </QueryClientProvider>
 );