Add payment processing and device management features

- Introduced createPayment action for handling payment creation.
- Added PaymentsTable component for displaying payment records with pagination.
- Implemented new PaymentPage for viewing individual payment details and associated devices.
- Refactored DeviceCartDrawer to integrate payment creation and device selection.
- Enhanced DevicesToPay component to display devices based on payment status.
- Updated PriceCalculator component for better user input handling.
- Introduced NumberInput component for consistent number input across forms.
- Modified Prisma schema to include new fields for payments and devices.
- Improved overall user experience with responsive design adjustments and new UI elements.

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

@@ -16,12 +16,12 @@ export default function AddDevicesToCartButton({ device }: { device: Device }) {
     >
       {devices.some((d) => d.id === device.id) ? (
         <>
-          Added
+          Selected
           <CheckCheck />
         </>
       ) : (
         <>
-          Add to cart
+          Select device
           <BadgePlus />
 
         </>