Implement new features and enhance existing components for improved user experience

- Added a new `bun.lockb` file for dependency management.
- Updated `next.config.ts` to set output to "standalone" for better deployment options.
- Removed `package-lock.json` to streamline package management.
- Modified `package.json` to update dependencies, including `@prisma/client` and `sonner`, and adjusted build scripts for improved functionality.
- Enhanced Tailwind CSS configuration to include new animations and color schemes.
- Refactored various dashboard components to improve UI consistency, including adding a new `My Wallet` page and updating existing pages to use a unified styling approach.
- Introduced a new `BlockDeviceDialog` component for managing device blocking with user-defined reasons.
- Improved logging and error handling in payment verification and device management functions.

These changes enhance the overall functionality, maintainability, and user experience of the application.

components/clickable-row.tsx

@@ -45,11 +45,11 @@ export default function ClickableRow({ device, parentalControl }: { device: Devi
               year: "numeric",
             })}
           </span>
-          {parentalControl && (
+          {(parentalControl && device.blocked) && (
             <div className="p-2 rounded border my-2">
               <span>Comment: </span>
               <p className="text-neutral-500">
-                blocked because he was watching youtube
+                {device?.reasonForBlocking}
               </p>
             </div>
           )}
@@ -60,7 +60,7 @@ export default function ClickableRow({ device, parentalControl }: { device: Devi
         {!parentalControl ? (
           <AddDevicesToCartButton device={device} />
         ) : (
-          <BlockDeviceDialog device={device} />
+          <BlockDeviceDialog type={device.blocked ? "unblock" : "block"} device={device} />
         )}
       </TableCell>
     </TableRow >