cleanup billing management

js/src/features/network-settings.tsx

@@ -17,6 +17,7 @@ import {
   useRevokeInvitation,
 } from "@/hooks/use-invitations";
 import { useAuthStore } from "@/stores/auth-store";
+import { BillingSection } from "@/features/network-billing";
 import type { Human } from "@/api/types";
 
 function MemberRow({
@@ -175,7 +176,7 @@ export default function NetworkSettingsPage() {
         <div className="flex-1" />
       </div>
 
-      <ScrollArea className="flex-1">
+      <ScrollArea className="min-h-0 flex-1">
         <SettingsGroup title="Members">
           {network?.humans.map((human, index) => (
             <div key={human.id}>
@@ -219,6 +220,12 @@ export default function NetworkSettingsPage() {
                 </p>
               )}
             </SettingsGroup>
+
+            <Separator className="mt-4" />
+
+            <SettingsGroup title="Billing">
+              <BillingSection networkId={networkId!} />
+            </SettingsGroup>
           </>
         )}
       </ScrollArea>