Optimize team account settings for localization

Applied i18n translation to team account settings for improved multi-language support. The changes include replacing static text with translated keys in team account settings container, and adding new translation keys in language files. Minor changes include modification in package scripts and styling fixes.

packages/features/accounts/src/server/services/delete-personal-account.service.ts

@@ -105,7 +105,7 @@ export class DeletePersonalAccountService {
     const { renderAccountDeleteEmail } = await import('@kit/email-templates');
     const mailer = new Mailer();
 
-    const html = await renderAccountDeleteEmail({
+    const html = renderAccountDeleteEmail({
       userDisplayName: params.userDisplayName,
       productName: params.productName,
     });

packages/features/team-accounts/src/components/settings/team-account-danger-zone.tsx

@@ -148,7 +148,7 @@ function DeleteTeamConfirmationForm({
             <div
               className={
                 'border-2 border-red-500 p-4 text-sm text-red-500' +
-                ' flex flex-col space-y-2'
+                ' my-4 flex flex-col space-y-2'
               }
             >
               <div>

packages/features/team-accounts/src/components/settings/team-account-settings-container.tsx

@@ -7,6 +7,7 @@ import {
   CardHeader,
   CardTitle,
 } from '@kit/ui/card';
+import { Trans } from '@kit/ui/trans';
 
 import { TeamAccountDangerZone } from './team-account-danger-zone';
 import { UpdateTeamAccountImage } from './update-team-account-image-container';
@@ -31,10 +32,12 @@ export function TeamAccountSettingsContainer(props: {
     <div className={'flex flex-col space-y-8'}>
       <Card>
         <CardHeader>
-          <CardTitle>Team Logo</CardTitle>
+          <CardTitle>
+            <Trans i18nKey={'teams:settings.teamLogo'} />
+          </CardTitle>
 
           <CardDescription>
-            Update your team's logo to make it easier to identify
+            <Trans i18nKey={'teams:settings.teamLogoDescription'} />
           </CardDescription>
         </CardHeader>
 
@@ -45,9 +48,13 @@ export function TeamAccountSettingsContainer(props: {
 
       <Card>
         <CardHeader>
-          <CardTitle>Team Account Settings</CardTitle>
+          <CardTitle>
+            <Trans i18nKey={'teams:settings.teamName'} />
+          </CardTitle>
 
-          <CardDescription>Manage your team account settings</CardDescription>
+          <CardDescription>
+            <Trans i18nKey={'teams:settings.teamNameDescription'} />
+          </CardDescription>
         </CardHeader>
 
         <CardContent>
@@ -60,11 +67,12 @@ export function TeamAccountSettingsContainer(props: {
 
       <Card className={'border-destructive border-2'}>
         <CardHeader>
-          <CardTitle>Danger Zone</CardTitle>
+          <CardTitle>
+            <Trans i18nKey={'teams:settings.dangerZone'} />
+          </CardTitle>
 
           <CardDescription>
-            Please be careful when making changes in this section as they are
-            irreversible.
+            <Trans i18nKey={'teams:settings.dangerZoneDescription'} />
           </CardDescription>
         </CardHeader>
 

packages/stripe/src/services/stripe-webhook-handler.service.ts

@@ -194,7 +194,7 @@ export class StripeWebhookHandlerService
       price_amount: params.amount,
       cancel_at_period_end: subscription.cancel_at_period_end ?? false,
       interval: interval as string,
-      currency: price?.currency!,
+      currency: price?.currency as string,
       product_id: price?.product as string,
       variant_id: priceId,
       interval_count: price?.recurring?.interval_count ?? 1,