Enhance payment processing and device management features

- Introduced wallet payment option in verifyPayment function to allow users to pay using their wallet balance.
- Added new BlockDeviceDialog component for managing device blocking and unblocking actions.
- Updated DeviceCard component to display device status and integrate blocking functionality.
- Refactored DevicesTable to utilize DeviceCard for better UI representation of devices.
- Implemented Wallet component to manage wallet balance and top-up functionality.
- Enhanced API routes and Prisma schema to support wallet transactions and device blocking reasons.
- Improved overall user experience with responsive design adjustments and new UI elements.

These changes improve user control over payments and device management, enhancing the overall functionality of the application.

components/block-device-dialog.tsx

@@ -0,0 +1,35 @@
+'use client'
+
+import { blockDevice } from "@/actions/omada-actions";
+import { Button } from "@/components/ui/button";
+import type { Device } from "@prisma/client";
+import { useState } from "react";
+import { toast } from "sonner";
+import { TextShimmer } from "./ui/text-shimmer";
+
+export default function BlockDeviceDialog({ device }: { device: Device }) {
+  const [disabled, setDisabled] = useState(false);
+  return (
+    <Button
+      className="w-full mt-2"
+      disabled={disabled}
+      onClick={() => {
+        setDisabled(true);
+        toast.promise(blockDevice({ macAddress: device.mac, type: device.blocked ? "unblock" : "block" }), {
+          loading: device.blocked ? "Unblocking..." : "Blocking...",
+          success: () => {
+            setDisabled(false);
+            return `Device ${device.name} successfully ${device.blocked ? "unblocked" : "blocked"
+              }!`;
+          },
+          error: () => {
+            setDisabled(false);
+            return "Something went wrong";
+          },
+        });
+      }}
+    >
+      {disabled ? <TextShimmer>{device.blocked ? "Unblocking..." : "Blocking..."}</TextShimmer> : (device?.blocked ? "Unblock" : "Block")}
+    </Button>
+  )
+}