dont change anthing, just format it

<div className="border-t pt-4 space-y-4">
                    <div className="space-y-1 text-right"><div className="text-sm text-muted-foreground">Subtotal: ₦{getCartTotal().toLocaleString()}</div>{discount.amount && parseFloat(cleanFormattedNumber(discount.amount)) > 0 && <div className="text-sm text-green-600">Discount ({discount.type === 'percentage' ? `${parseFloat(cleanFormattedNumber(discount.amount))}%` : `₦${discount.amount}`}): -₦{discountAmount.toLocaleString()}</div>}<div className={`text-lg font-bold mt-1 ${finalTotal === 0 ? 'text-green-600' : ''}`}>Total: ₦{finalTotal.toLocaleString()}</div></div>
                    <div className="space-y-2"><Label>Payment Method</Label><RadioGroup value={paymentMethod} onValueChange={setPaymentMethod} className="flex gap-6"><div className="flex items-center space-x-2"><RadioGroupItem value="Cash" id="cash" /><Label htmlFor="cash">Cash</Label></div><div className="flex items-center space-x-2"><RadioGroupItem value="POS" id="pos" /><Label htmlFor="pos">POS</Label></div><div className="flex items-center space-x-2"><RadioGroupItem value="Transfer" id="transfer" /><Label htmlFor="transfer">Transfer</Label></div></RadioGroup></div>
                    <Button onClick={handlePurchase} disabled={submitting || cart.length === 0 || !selectedStudent || !selectedSession} className="w-full bg-gradient-to-r from-purple-600 to-pink-600">{submitting ? <LoadingButton /> : <><Shirt className="w-4 h-4 mr-2" />Complete Purchase</>}</Button>
                  </div>