Email COnfigs & setup

frontend/src/App.tsx

@@ -23,6 +23,12 @@ import NotFound from "./pages/OtherPage/NotFound";
 const Terms = lazy(() => import("./pages/legal/Terms"));
 const Privacy = lazy(() => import("./pages/legal/Privacy"));
 
+// Auth pages - Lazy loaded (password reset, verification, etc.)
+const ForgotPassword = lazy(() => import("./pages/AuthPages/ForgotPassword"));
+const ResetPassword = lazy(() => import("./pages/AuthPages/ResetPassword"));
+const VerifyEmail = lazy(() => import("./pages/AuthPages/VerifyEmail"));
+const Unsubscribe = lazy(() => import("./pages/AuthPages/Unsubscribe"));
+
 // Lazy load all other pages - only loads when navigated to
 const Home = lazy(() => import("./pages/Dashboard/Home"));
 
@@ -147,6 +153,12 @@ export default function App() {
           {/* Legal Pages - Public */}
           <Route path="/terms" element={<Terms />} />
           <Route path="/privacy" element={<Privacy />} />
+          
+          {/* Auth Flow Pages - Public */}
+          <Route path="/forgot-password" element={<ForgotPassword />} />
+          <Route path="/reset-password" element={<ResetPassword />} />
+          <Route path="/verify-email" element={<VerifyEmail />} />
+          <Route path="/unsubscribe" element={<Unsubscribe />} />
 
           {/* Protected Routes - Require Authentication */}
           <Route