billing admin account 1

frontend/src/pages/account/AccountBillingPage.tsx

@@ -205,7 +205,7 @@ export default function AccountBillingPage() {
                 <h3 className="text-lg font-semibold mb-4">Quick Actions</h3>
                 <div className="space-y-2">
                   <Link
-                    to="/account/purchase-credits"
+                    to="/account/credits/purchase"
                     className="block w-full bg-blue-600 text-white text-center py-2 px-4 rounded hover:bg-blue-700 transition-colors"
                   >
                     Purchase Credits

frontend/src/pages/account/PurchaseCreditsPage.tsx

@@ -104,6 +104,7 @@ export default function PurchaseCreditsPage() {
       setError('');
 
       await createManualPayment({
+        invoice_id: invoiceData?.invoice_id || invoiceData?.id,
         amount: String(selectedPackage?.price || 0),
         payment_method: selectedPaymentMethod as 'stripe' | 'paypal' | 'bank_transfer' | 'local_wallet',
         reference: manualPaymentData.transaction_reference,
@@ -356,7 +357,7 @@ export default function PurchaseCreditsPage() {
             <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
               {paymentMethods.map((method) => (
                 <div
-                  key={method.type}
+                  key={method.id || method.type}
                   onClick={() => setSelectedPaymentMethod(method.type)}
                   className={`cursor-pointer rounded-lg border-2 p-4 transition-all ${
                     selectedPaymentMethod === method.type