fix: replace first and last name with single field (#4915)

web/src/lib/components/shared-components/navigation-bar/account-info-panel.svelte

@@ -26,8 +26,7 @@
 
     <div>
       <p class="text-center text-lg font-medium text-immich-primary dark:text-immich-dark-primary">
-        {user.firstName}
-        {user.lastName}
+        {user.name}
       </p>
       <p class="text-sm text-gray-500 dark:text-immich-dark-fg">{user.email}</p>
     </div>

web/src/lib/components/shared-components/navigation-bar/navigation-bar.svelte

@@ -133,7 +133,7 @@
               out:fade={{ delay: 200, duration: 150 }}
               class="absolute -bottom-12 right-5 rounded-md border bg-gray-500 p-2 text-[12px] text-gray-100 shadow-md dark:border-immich-dark-gray dark:bg-immich-dark-gray"
             >
-              <p>{user.firstName} {user.lastName}</p>
+              <p>{user.name}</p>
               <p>{user.email}</p>
             </div>
           {/if}

web/src/lib/components/shared-components/user-avatar.svelte

@@ -9,8 +9,7 @@
 
   interface User {
     id: string;
-    firstName: string;
-    lastName: string;
+    name: string;
     email: string;
     profileImagePath: string;
   }
@@ -51,7 +50,7 @@
 
   $: colorClass = colorClasses[autoColor ? getUserColor() : color];
   $: sizeClass = sizeClasses[size];
-  $: title = `${user.firstName} ${user.lastName} (${user.email})`;
+  $: title = `${user.name} (${user.email})`;
   $: interactiveClass = interactive
     ? 'border-2 border-immich-primary hover:border-immich-dark-primary dark:hover:border-immich-primary dark:border-immich-dark-primary transition-colors'
     : '';
@@ -82,7 +81,7 @@
       class:font-medium={!autoColor}
       class:font-semibold={autoColor}
     >
-      {((user.firstName[0] || '') + (user.lastName[0] || '')).toUpperCase()}
+      {(user.name[0] || '').toUpperCase()}
     </span>
   {/if}
 </figure>