Arch changes and feature flags

frontend/src/App.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
+import { FeatureFlagProvider } from './contexts/FeatureFlagContext';
 import Register from './pages/Register';
 import Login from './pages/Login';
 import ForgotPassword from './pages/ForgotPassword';
@@ -12,19 +13,21 @@ import './App.css';
 
 const App: React.FC = () => {
   return (
-    <BrowserRouter>
-      <Routes>
-        <Route path="/" element={<Navigate to="/login" />} />
-        <Route path="/register" element={<Register />} />
-        <Route path="/login" element={<Login />} />
-        <Route path="/forgot-password" element={<ForgotPassword />} />
-        <Route path="/reset-password" element={<ResetPassword />} />
-        <Route path="/dashboard" element={<Dashboard />} />
-        <Route path="/email-templates" element={<EmailTemplates />} />
-        <Route path="/membership-tiers" element={<MembershipTiers />} />
-        <Route path="/bounce-management" element={<BounceManagement />} />
-      </Routes>
-    </BrowserRouter>
+    <FeatureFlagProvider>
+      <BrowserRouter>
+        <Routes>
+          <Route path="/" element={<Navigate to="/login" />} />
+          <Route path="/register" element={<Register />} />
+          <Route path="/login" element={<Login />} />
+          <Route path="/forgot-password" element={<ForgotPassword />} />
+          <Route path="/reset-password" element={<ResetPassword />} />
+          <Route path="/dashboard" element={<Dashboard />} />
+          <Route path="/email-templates" element={<EmailTemplates />} />
+          <Route path="/membership-tiers" element={<MembershipTiers />} />
+          <Route path="/bounce-management" element={<BounceManagement />} />
+        </Routes>
+      </BrowserRouter>
+    </FeatureFlagProvider>
   );
 };