additional features, refinement and more control over the app from admin side, better bookings UX

components/dashboard/dashboard-header.tsx

@@ -15,6 +15,8 @@ interface DashboardHeaderProps {
 		userId: string;
 		email: string;
 		role: 'user' | 'admin';
+		name?: string;
+		surname?: string;
 	};
 }
 
@@ -101,7 +103,9 @@ export function DashboardHeader({ user }: DashboardHeaderProps) {
 							className='flex items-center space-x-2'
 						>
 							<User className='h-4 w-4 text-gray-600' />
-							<span className='text-sm text-gray-700'>{user.email.split('@')[0]}</span>
+							<span className='text-sm text-gray-700'>
+								{user.name && user.surname ? `${user.name} ${user.surname}` : user.email.split('@')[0]}
+							</span>
 						</Button>
 
 						<Button variant='outline' size='sm' onClick={handleLogout} disabled={isLoggingOut}>