Enhance dashboard functionality with new payment and device management features

- Added new PaymentPage component for processing payments and displaying devices to pay.
- Introduced DeviceDetails component for viewing individual device information.
- Implemented PriceCalculator component for calculating costs based on user input.
- Integrated Jotai for state management across components, including device cart functionality.
- Updated layout to include Jotai Provider for state management.
- Enhanced DevicesTable with AddDevicesToCartButton for adding devices to the cart.
- Refactored sidebar to include a link to the new Price Calculator page.
- Updated Prisma schema to include Payment and BillFormula models for better data handling.
- Added new UI components for device cart management and drawer functionality.
- Improved overall user experience with responsive design adjustments and new UI elements.

package.json

@@ -33,12 +33,14 @@
 		"clsx": "^2.1.1",
 		"cmdk": "^1.0.0",
 		"date-fns": "^4.1.0",
+		"jotai": "^2.8.0",
 		"lucide-react": "^0.460.0",
 		"next": "15.0.3",
 		"next-themes": "^0.4.3",
 		"nextjs-toploader": "^3.7.15",
 		"prisma": "^5.22.0",
 		"react": "19.0.0-rc-66855b96-20241106",
+		"react-aria-components": "^1.5.0",
 		"react-day-picker": "^8.10.1",
 		"react-dom": "19.0.0-rc-66855b96-20241106",
 		"react-hook-form": "^7.53.2",
@@ -46,6 +48,7 @@
 		"sonner": "^1.7.0",
 		"tailwind-merge": "^2.5.4",
 		"tailwindcss-animate": "^1.0.7",
+		"vaul": "^1.1.1",
 		"zod": "^3.23.8"
 	},
 	"devDependencies": {