many changes for modules widgets and colors and styling

frontend/src/App.tsx

@@ -17,6 +17,10 @@ import SignUp from "./pages/AuthPages/SignUp";
 import Payment from "./pages/Payment";
 import NotFound from "./pages/OtherPage/NotFound";
 
+// Legal pages - Public
+const Terms = lazy(() => import("./pages/legal/Terms"));
+const Privacy = lazy(() => import("./pages/legal/Privacy"));
+
 // Lazy load all other pages - only loads when navigated to
 const Home = lazy(() => import("./pages/Dashboard/Home"));
 
@@ -132,6 +136,10 @@ export default function App() {
           <Route path="/signin" element={<SignIn />} />
           <Route path="/signup" element={<SignUp />} />
           <Route path="/payment" element={<Payment />} />
+          
+          {/* Legal Pages - Public */}
+          <Route path="/terms" element={<Terms />} />
+          <Route path="/privacy" element={<Privacy />} />
 
           {/* Protected Routes - Require Authentication */}
           <Route