feat(MED-122): consistently format name in titlecase

packages/features/accounts/src/components/personal-account-dropdown.tsx

@@ -29,6 +29,7 @@ import { cn } from '@kit/ui/utils';
   
 import { usePersonalAccountData } from '../hooks/use-personal-account-data';
 import { Avatar, AvatarFallback, AvatarImage } from '@kit/ui/avatar';
+import { toTitleCase } from '~/lib/utils';
 
 const PERSONAL_ACCOUNT_SLUG = 'personal';
 
@@ -124,7 +125,7 @@ export function PersonalAccountDropdown({
               data-test={'account-dropdown-display-name'}
               className={'truncate text-sm'}
             >
-              {displayName}
+              {toTitleCase(displayName)}
             </span>
 
           </div>

packages/features/accounts/tsconfig.json

@@ -1,7 +1,10 @@
 {
   "extends": "@kit/tsconfig/base.json",
   "compilerOptions": {
-    "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json"
+    "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json",
+    "paths": {
+      "~/lib/utils": ["../../../lib/utils.ts"]
+    }
   },
   "include": ["*.ts", "*.tsx", "src"],
   "exclude": ["node_modules"]