billing accoutn with all the mess here

frontend/src/App.tsx

@@ -62,10 +62,27 @@ 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"));
+const PlansAndBillingPage = lazy(() => import("./pages/account/PlansAndBillingPage"));
+const AccountSettingsPage = lazy(() => import("./pages/account/AccountSettingsPage"));
+const TeamManagementPage = lazy(() => import("./pages/account/TeamManagementPage"));
+const UsageAnalyticsPage = lazy(() => import("./pages/account/UsageAnalyticsPage"));
 
 // Admin Module - Lazy loaded
 const AdminBilling = lazy(() => import("./pages/Admin/AdminBilling"));
 const PaymentApprovalPage = lazy(() => import("./pages/admin/PaymentApprovalPage"));
+const AdminSystemDashboard = lazy(() => import("./pages/admin/AdminSystemDashboard"));
+const AdminAllAccountsPage = lazy(() => import("./pages/admin/AdminAllAccountsPage"));
+const AdminSubscriptionsPage = lazy(() => import("./pages/admin/AdminSubscriptionsPage"));
+const AdminAccountLimitsPage = lazy(() => import("./pages/admin/AdminAccountLimitsPage"));
+const AdminAllInvoicesPage = lazy(() => import("./pages/admin/AdminAllInvoicesPage"));
+const AdminAllPaymentsPage = lazy(() => import("./pages/admin/AdminAllPaymentsPage"));
+const AdminCreditPackagesPage = lazy(() => import("./pages/admin/AdminCreditPackagesPage"));
+const AdminAllUsersPage = lazy(() => import("./pages/admin/AdminAllUsersPage"));
+const AdminRolesPermissionsPage = lazy(() => import("./pages/admin/AdminRolesPermissionsPage"));
+const AdminActivityLogsPage = lazy(() => import("./pages/admin/AdminActivityLogsPage"));
+const AdminSystemSettingsPage = lazy(() => import("./pages/admin/AdminSystemSettingsPage"));
+const AdminSystemHealthPage = lazy(() => import("./pages/admin/AdminSystemHealthPage"));
+const AdminAPIMonitorPage = lazy(() => import("./pages/admin/AdminAPIMonitorPage"));
 
 // Reference Data - Lazy loaded
 const SeedKeywords = lazy(() => import("./pages/Reference/SeedKeywords"));
@@ -76,6 +93,7 @@ const IndustriesSectorsKeywords = lazy(() => import("./pages/Setup/IndustriesSec
 
 // Settings - Lazy loaded
 const GeneralSettings = lazy(() => import("./pages/Settings/General"));
+const ProfileSettingsPage = lazy(() => import("./pages/settings/ProfileSettingsPage"));
 const Users = lazy(() => import("./pages/Settings/Users"));
 const Subscriptions = lazy(() => import("./pages/Settings/Subscriptions"));
 const SystemSettings = lazy(() => import("./pages/Settings/System"));
@@ -355,27 +373,122 @@ export default function App() {
               </Suspense>
             } />
 
-            {/* Account Section - New Billing Pages */}
+            {/* Account Section - Billing & Management Pages */}
             <Route path="/account/billing" element={
               <Suspense fallback={null}>
                   <AccountBillingPage />
               </Suspense>
             } />
-            <Route path="/account/credits/purchase" element={
+            <Route path="/account/purchase-credits" element={
               <Suspense fallback={null}>
                   <PurchaseCreditsPage />
               </Suspense>
-            } />            {/* Admin Routes */}
+            } />
+            <Route path="/account/settings" element={
+              <Suspense fallback={null}>
+                  <AccountSettingsPage />
+              </Suspense>
+            } />
+            <Route path="/account/team" element={
+              <Suspense fallback={null}>
+                  <TeamManagementPage />
+              </Suspense>
+            } />
+            <Route path="/account/usage" element={
+              <Suspense fallback={null}>
+                  <UsageAnalyticsPage />
+              </Suspense>
+            } />
+            
+            {/* Admin Routes */}
+            {/* Admin Dashboard */}
+            <Route path="/admin/dashboard" element={
+              <Suspense fallback={null}>
+                  <AdminSystemDashboard />
+              </Suspense>
+            } />
+            
+            {/* Admin Account Management */}
+            <Route path="/admin/accounts" element={
+              <Suspense fallback={null}>
+                  <AdminAllAccountsPage />
+              </Suspense>
+            } />
+            <Route path="/admin/subscriptions" element={
+              <Suspense fallback={null}>
+                  <AdminSubscriptionsPage />
+              </Suspense>
+            } />
+            <Route path="/admin/account-limits" element={
+              <Suspense fallback={null}>
+                  <AdminAccountLimitsPage />
+              </Suspense>
+            } />
+            
+            {/* Admin Billing Administration */}
             <Route path="/admin/billing" element={
               <Suspense fallback={null}>
                   <AdminBilling />
               </Suspense>
             } />
+            <Route path="/admin/invoices" element={
+              <Suspense fallback={null}>
+                  <AdminAllInvoicesPage />
+              </Suspense>
+            } />
+            <Route path="/admin/payments" element={
+              <Suspense fallback={null}>
+                  <AdminAllPaymentsPage />
+              </Suspense>
+            } />
             <Route path="/admin/payments/approvals" element={
               <Suspense fallback={null}>
                   <PaymentApprovalPage />
               </Suspense>
-            } />            {/* Reference Data */}
+            } />
+            <Route path="/admin/credit-packages" element={
+              <Suspense fallback={null}>
+                  <AdminCreditPackagesPage />
+              </Suspense>
+            } />
+            
+            {/* Admin User Administration */}
+            <Route path="/admin/users" element={
+              <Suspense fallback={null}>
+                  <AdminAllUsersPage />
+              </Suspense>
+            } />
+            <Route path="/admin/roles" element={
+              <Suspense fallback={null}>
+                  <AdminRolesPermissionsPage />
+              </Suspense>
+            } />
+            <Route path="/admin/activity-logs" element={
+              <Suspense fallback={null}>
+                  <AdminActivityLogsPage />
+              </Suspense>
+            } />
+            
+            {/* Admin System Configuration */}
+            <Route path="/admin/settings/system" element={
+              <Suspense fallback={null}>
+                  <AdminSystemSettingsPage />
+              </Suspense>
+            } />
+            
+            {/* Admin Monitoring */}
+            <Route path="/admin/monitoring/health" element={
+              <Suspense fallback={null}>
+                  <AdminSystemHealthPage />
+              </Suspense>
+            } />
+            <Route path="/admin/monitoring/api" element={
+              <Suspense fallback={null}>
+                  <AdminAPIMonitorPage />
+              </Suspense>
+            } />
+            
+            {/* Reference Data */}
             <Route path="/reference/seed-keywords" element={
               <Suspense fallback={null}>
                   <SeedKeywords />
@@ -402,6 +515,11 @@ export default function App() {
             <Route path="/setup/industries-sectors-keywords" element={<Navigate to="/setup/add-keywords" replace />} />
 
             {/* Settings */}
+            <Route path="/settings/profile" element={
+              <Suspense fallback={null}>
+                  <ProfileSettingsPage />
+                </Suspense>
+            } />
             <Route path="/settings" element={
               <Suspense fallback={null}>
                   <GeneralSettings />