Perf improvements and billing updates

apps/web/app/(dashboard)/home/(user)/loading.tsx

@@ -1,3 +1,5 @@
 import { GlobalLoader } from '@kit/ui/global-loader';
 
-export default GlobalLoader;
+import { withI18n } from '~/lib/i18n/with-i18n';
+
+export default withI18n(GlobalLoader);

apps/web/app/(dashboard)/home/[account]/billing/_components/team-account-checkout-form.tsx

@@ -26,6 +26,7 @@ export function TeamAccountCheckoutForm(params: { accountId: string }) {
   if (checkoutToken) {
     return (
       <EmbeddedCheckout
+        load
         checkoutToken={checkoutToken}
         provider={billingConfig.provider}
       />

apps/web/app/(dashboard)/home/[account]/billing/return/page.tsx

@@ -16,11 +16,18 @@ interface SessionPageProps {
   };
 }
 
-const LazyEmbeddedCheckout = dynamic(async () => {
-  const { EmbeddedCheckout } = await import('@kit/billing-gateway/components');
+const LazyEmbeddedCheckout = dynamic(
+  async () => {
+    const { EmbeddedCheckout } = await import(
+      '@kit/billing-gateway/components'
+    );
 
-  return EmbeddedCheckout;
-});
+    return EmbeddedCheckout;
+  },
+  {
+    ssr: false,
+  },
+);
 
 async function ReturnStripeSessionPage({ searchParams }: SessionPageProps) {
   const { customerEmail, checkoutToken } = await loadCheckoutSession(

apps/web/app/(dashboard)/home/[account]/loading.tsx

@@ -1,3 +1,5 @@
 import { GlobalLoader } from '@kit/ui/global-loader';
 
-export default GlobalLoader;
+import { withI18n } from '~/lib/i18n/with-i18n';
+
+export default withI18n(GlobalLoader);

apps/web/app/(dashboard)/home/loading.tsx

@@ -1,3 +1,5 @@
 import { GlobalLoader } from '@kit/ui/global-loader';
 
-export default GlobalLoader;
+import { withI18n } from '~/lib/i18n/with-i18n';
+
+export default withI18n(GlobalLoader);