refactor: add tryCatch utility for error handling, update device-related components and types, and clean up unused code in payment actions

app/(dashboard)/devices/[deviceId]/page.tsx

@@ -1,39 +1,34 @@
-import prisma from '@/lib/db'
-import React from 'react'
+import React from "react";
 
-export default async function DeviceDetails({ params }: {
-  params: Promise<{ deviceId: string }>
+export default async function DeviceDetails({
+	params,
+}: {
+	params: Promise<{ deviceId: string }>;
 }) {
-  const deviceId = (await params)?.deviceId
-  const device = await prisma.device.findUnique({
-    where: {
-      id: deviceId,
-    },
+	const deviceId = (await params)?.deviceId;
 
-  })
-  return (
-    <div>
-      <div className="flex flex-col justify-between items-start text-gray-500 title-bg py-4 px-2 mb-4">
-        <h3 className='text-2xl font-bold'>
-          {device?.name}
-        </h3>
-        <span>{device?.mac}</span>
-      </div>
+	return null;
+	return (
+		<div>
+			<div className="flex flex-col justify-between items-start text-gray-500 title-bg py-4 px-2 mb-4">
+				<h3 className="text-2xl font-bold">{device?.name}</h3>
+				<span>{device?.mac}</span>
+			</div>
 
-      <div
-        id="user-filters"
-        className=" pb-4 gap-4 flex sm:flex-row flex-col items-start justify-start"
-      >
-        {/* <Search /> */}
-        {/* <Filter
+			<div
+				id="user-filters"
+				className=" pb-4 gap-4 flex sm:flex-row flex-col items-start justify-start"
+			>
+				{/* <Search /> */}
+				{/* <Filter
         options={sortfilterOptions}
         defaultOption="asc"
         queryParamKey="sortBy"
       /> */}
-      </div>
-      {/* <Suspense key={query} fallback={"loading...."}>
+			</div>
+			{/* <Suspense key={query} fallback={"loading...."}>
       <DevicesTable searchParams={searchParams} />
     </Suspense> */}
-    </div>
-  )
+		</div>
+	);
 }

app/(dashboard)/devices/page.tsx

@@ -23,8 +23,6 @@ export default async function Devices({
 				<h3 className="text-sarLinkOrange text-2xl">My Devices</h3>
 				<AddDeviceDialogForm user_id={session?.user?.id} />
 			</div>
-			<pre>{JSON.stringify(session, null, 2)}</pre>
-
 			<div
 				id="user-filters"
 				className=" pb-4 gap-4 flex sm:flex-row flex-col items-start justify-start"