feat(MED-97): show person name instead of keycloak email in company invite form

app/home/(user)/(dashboard)/cart/page.tsx

@@ -10,7 +10,7 @@ import { withI18n } from '~/lib/i18n/with-i18n';
 import Cart from '../../_components/cart';
 import CartTimer from '../../_components/cart/cart-timer';
 import { loadCurrentUserAccount } from '../../_lib/server/load-user-account';
-import { AccountBalanceService } from '~/lib/services/accountBalance.service';
+import { AccountBalanceService } from '@kit/accounts/services/account-balance.service';
 
 export async function generateMetadata() {
   const { t } = await createI18nServerInstance();

app/join/page.tsx

@@ -17,6 +17,7 @@ import { Trans } from '@kit/ui/trans';
 
 import { createI18nServerInstance } from '~/lib/i18n/i18n.server';
 import { withI18n } from '~/lib/i18n/with-i18n';
+import { toTitleCase } from '~/lib/utils';
 
 interface JoinTeamAccountPageProps {
   searchParams: Promise<{
@@ -110,12 +111,12 @@ async function JoinTeamAccountPage(props: JoinTeamAccountPageProps) {
   // once the user accepts the invitation, we redirect them to the account home page
   const membershipConfirmation = pathsConfig.auth.membershipConfirmation;
 
-  const email = auth.data.email ?? '';
+  const fullName = toTitleCase(auth.data.user_metadata.full_name ?? '');
 
   return (
     <AuthLayoutShell Logo={AppLogo}>
       <AcceptInvitationContainer
-        email={email}
+        fullName={fullName}
         inviteToken={token}
         invitation={invitation}
         paths={{