billing adn account

frontend/src/App.tsx

@@ -60,9 +60,12 @@ const Credits = lazy(() => import("./pages/Billing/Credits"));
 const Transactions = lazy(() => import("./pages/Billing/Transactions"));
 const Usage = lazy(() => import("./pages/Billing/Usage"));
 const CreditsAndBilling = lazy(() => import("./pages/Settings/CreditsAndBilling"));
+const PurchaseCreditsPage = lazy(() => import("./pages/account/PurchaseCreditsPage"));
+const AccountBillingPage = lazy(() => import("./pages/account/AccountBillingPage"));
 
 // Admin Module - Lazy loaded
 const AdminBilling = lazy(() => import("./pages/Admin/AdminBilling"));
+const PaymentApprovalPage = lazy(() => import("./pages/admin/PaymentApprovalPage"));
 
 // Reference Data - Lazy loaded
 const SeedKeywords = lazy(() => import("./pages/Reference/SeedKeywords"));
@@ -334,32 +337,45 @@ export default function App() {
             <Route path="/billing/overview" element={
               <Suspense fallback={null}>
                   <CreditsAndBilling />
-                </Suspense>
+              </Suspense>
             } />
             <Route path="/billing/credits" element={
               <Suspense fallback={null}>
                   <Credits />
-                </Suspense>
+              </Suspense>
             } />
             <Route path="/billing/transactions" element={
               <Suspense fallback={null}>
                   <Transactions />
-                </Suspense>
+              </Suspense>
             } />
             <Route path="/billing/usage" element={
               <Suspense fallback={null}>
                   <Usage />
-                </Suspense>
+              </Suspense>
             } />
 
-            {/* Admin Routes */}
+            {/* Account Section - New Billing Pages */}
+            <Route path="/account/billing" element={
+              <Suspense fallback={null}>
+                  <AccountBillingPage />
+              </Suspense>
+            } />
+            <Route path="/account/credits/purchase" element={
+              <Suspense fallback={null}>
+                  <PurchaseCreditsPage />
+              </Suspense>
+            } />            {/* Admin Routes */}
             <Route path="/admin/billing" element={
               <Suspense fallback={null}>
                   <AdminBilling />
-                </Suspense>
+              </Suspense>
             } />
-
-            {/* Reference Data */}
+            <Route path="/admin/payments/approvals" element={
+              <Suspense fallback={null}>
+                  <PaymentApprovalPage />
+              </Suspense>
+            } />            {/* Reference Data */}
             <Route path="/reference/seed-keywords" element={
               <Suspense fallback={null}>
                   <SeedKeywords />