Replace Logger with getLogger and update next version

This commit replaces the use of Logger with getLogger in various parts of the code to handle logging. The Logger has been replaced with getLogger, which assists in getting logs in an asynchronous manner. In addition to this, it updates the next version in pnpm-lock.yaml from next@14.2.0-canary.61 to next@14.2.0-canary.62 and various other dependencies. Also made minor annotations and comments to the function 'isBrowser' and 'formatCurrency' in the 'utils.ts' file.

apps/web/app/(dashboard)/home/(user)/billing/_lib/server/user-billing.service.ts

@@ -5,7 +5,7 @@ import { z } from 'zod';
 
 import { getProductPlanPair } from '@kit/billing';
 import { getBillingGatewayProvider } from '@kit/billing-gateway';
-import { Logger } from '@kit/shared/logger';
+import { getLogger } from '@kit/shared/logger';
 import { Database } from '@kit/supabase/database';
 import { requireUser } from '@kit/supabase/require-user';
 import { getSupabaseServerActionClient } from '@kit/supabase/server-actions-client';
@@ -51,8 +51,9 @@ export class UserBillingService {
     }
 
     const { plan } = getProductPlanPair(billingConfig, planId);
+    const logger = await getLogger();
 
-    Logger.info(
+    logger.info(
       {
         name: `billing.personal-account`,
         planId,
@@ -73,7 +74,7 @@ export class UserBillingService {
         variantQuantities: [],
       });
 
-      Logger.info(
+      logger.info(
         {
           userId: user.id,
         },
@@ -86,7 +87,7 @@ export class UserBillingService {
         checkoutToken,
       };
     } catch (error) {
-      Logger.error(
+      logger.error(
         {
           name: `billing.personal-account`,
           planId,
@@ -118,7 +119,9 @@ export class UserBillingService {
       throw new Error('Customer not found');
     }
 
-    Logger.info(
+    const logger = await getLogger();
+
+    logger.info(
       {
         name: `billing.personal-account`,
         customerId,
@@ -137,7 +140,7 @@ export class UserBillingService {
 
       url = session.url;
     } catch (error) {
-      Logger.error(
+      logger.error(
         {
           error,
           customerId,
@@ -151,7 +154,7 @@ export class UserBillingService {
       );
     }
 
-    Logger.info(
+    logger.info(
       {
         name: `billing.personal-account`,
         customerId,
@@ -167,6 +170,14 @@ export class UserBillingService {
 
 async function getCustomerIdFromAccountId(accountId: string) {
   const client = getSupabaseServerActionClient();
+  const logger = await getLogger();
+
+  logger.info(
+    {
+      accountId,
+    },
+    `Getting customer ID for account ${accountId}...`,
+  );
 
   const { data, error } = await client
     .from('billing_customers')
@@ -175,6 +186,14 @@ async function getCustomerIdFromAccountId(accountId: string) {
     .maybeSingle();
 
   if (error) {
+    logger.error(
+      {
+        accountId,
+        error,
+      },
+      `Failed to get customer ID`,
+    );
+
     throw error;
   }