feat: integrate Sentry for error tracking and enhance user notifications

- Added Sentry integration for error tracking across various components, including error boundaries and user actions.
- Updated global error handling to capture exceptions and provide detailed feedback to users.
- Enhanced user notifications with toast messages for actions such as credit management, image generation, and canvas exports.
- Improved user experience by displaying relevant messages during interactions, ensuring better visibility of system states and errors.

components/billing/pricing-cards.tsx

@@ -12,6 +12,8 @@ import {
   SUBSCRIPTION_PRODUCTS,
   TIER_MONTHLY_CREDITS,
 } from "@/lib/polar-products";
+import { toast } from "@/lib/toast";
+import { msg } from "@/lib/toast-messages";
 
 const TIER_ORDER = ["free", "starter", "pro", "max"] as const;
 
@@ -20,6 +22,10 @@ export function PricingCards() {
   const currentTier = normalizeTier(subscription?.tier);
 
   async function handleCheckout(polarProductId: string) {
+    toast.info(
+      msg.billing.redirectingToCheckout.title,
+      msg.billing.redirectingToCheckout.desc,
+    );
     await authClient.checkout({ products: [polarProductId] });
   }