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/price-calculator.tsx

@@ -35,8 +35,10 @@ export default function PriceCalculator() {
 
   return (
     <div className="border p-2 rounded-xl">
-      <div className="flex flex-col justify-between items-start text-gray-500 title-bg p-2 mb-4">
-        <h3 className="text-2xl font-semibold">Price Calculator</h3>
+      <div className="flex justify-between items-center border-[1px] rounded-md border-dashed font-bold title-bg py-4 px-2 mb-4">
+        <h3 className="text-sarLinkOrange text-2xl">
+          Price Calculator
+        </h3>
       </div>
       <div className="grid grid-cols-1 gap-4 md:grid-cols-2">
         {/* Initial Price Input */}