Enhance device management and user experience features

- Updated `package.json` to include the latest version of `@radix-ui/react-separator` and added `moment` for date handling.
- Modified `blockDevice` function in `omada-actions.ts` to include a `blockedBy` parameter, allowing differentiation between admin and parent actions.
- Refactored `payment.ts` to include expiry date handling for devices during payment processing.
- Improved `DevicesTable` and `ClickableRow` components to support admin functionalities and enhance device interaction.
- Updated `BlockDeviceDialog` to accept an `admin` prop, allowing for tailored blocking actions based on user role.
- Enhanced UI components for better consistency and responsiveness across the dashboard.

These changes improve the overall functionality and maintainability of the application, providing a better user experience in device management.

actions/omada-actions.ts

@@ -112,8 +112,14 @@ export async function addDevicesToGroup({
 export async function blockDevice({
 	macAddress,
 	type,
-	reason
-}: { macAddress: string; type: "block" | "unblock", reason?: string }) {
+	reason,
+	blockedBy = "PARENT",
+}: {
+	macAddress: string;
+	type: "block" | "unblock";
+	reason?: string;
+	blockedBy?: "ADMIN" | "PARENT";
+}) {
 	console.log("hello world asdasd");
 	if (!macAddress) {
 		throw new Error("macAddress is a required parameter");
@@ -147,6 +153,7 @@ export async function blockDevice({
 			data: {
 				reasonForBlocking: type === "block" ? reason : "",
 				blocked: type === "block",
+				blockedBy: blockedBy,
 			},
 		});
 		revalidatePath("/parental-control");