Fix: Wrap components with AuthProvider

The `useAuth` hook was being called outside of the `AuthProvider`, leading to an error. This commit ensures that all components using `useAuth` are wrapped within the `AuthProvider`.

src/App.tsx

@@ -2,6 +2,7 @@
 import React, { useEffect } from 'react';
 import { Routes, Route } from 'react-router-dom';
 import { BudgetProvider } from './contexts/budget/BudgetContext';
+import { AuthProvider } from './contexts/auth/AuthProvider';
 import { Toaster } from './components/ui/toaster';
 import Index from './pages/Index';
 import Login from './pages/Login';
@@ -23,26 +24,28 @@ function App() {
   }, []);
 
   return (
-    <BudgetProvider>
-      <div className="App">
-        <Routes>
-          <Route path="/" element={<Index />} />
-          <Route path="/login" element={<Login />} />
-          <Route path="/register" element={<Register />} />
-          <Route path="/settings" element={<Settings />} />
-          <Route path="/transactions" element={<Transactions />} />
-          <Route path="/analytics" element={<Analytics />} />
-          <Route path="/profile" element={<ProfileManagement />} />
-          <Route path="/payment-methods" element={<PaymentMethods />} />
-          <Route path="/help-support" element={<HelpSupport />} />
-          <Route path="/security-privacy" element={<SecurityPrivacySettings />} />
-          <Route path="/notifications" element={<NotificationSettings />} />
-          <Route path="/forgot-password" element={<ForgotPassword />} />
-          <Route path="*" element={<NotFound />} />
-        </Routes>
-        <Toaster />
-      </div>
-    </BudgetProvider>
+    <AuthProvider>
+      <BudgetProvider>
+        <div className="App">
+          <Routes>
+            <Route path="/" element={<Index />} />
+            <Route path="/login" element={<Login />} />
+            <Route path="/register" element={<Register />} />
+            <Route path="/settings" element={<Settings />} />
+            <Route path="/transactions" element={<Transactions />} />
+            <Route path="/analytics" element={<Analytics />} />
+            <Route path="/profile" element={<ProfileManagement />} />
+            <Route path="/payment-methods" element={<PaymentMethods />} />
+            <Route path="/help-support" element={<HelpSupport />} />
+            <Route path="/security-privacy" element={<SecurityPrivacySettings />} />
+            <Route path="/notifications" element={<NotificationSettings />} />
+            <Route path="/forgot-password" element={<ForgotPassword />} />
+            <Route path="*" element={<NotFound />} />
+          </Routes>
+          <Toaster />
+        </div>
+      </BudgetProvider>
+    </AuthProvider>
   );
 }