refactor: update axios client import, enhance device and payment handling, and add cancel payment button component

components/add-devices-to-cart-button.tsx

@@ -10,6 +10,9 @@ export default function AddDevicesToCartButton({ device }: { device: Device }) {
 
 	const isChecked = devices.some((d) => d.id === device.id);
 
+	if (device.has_a_pending_payment || device.is_active) {
+		return null;
+	}
 	return (
 		<input
 			type="checkbox"