feat: UsersTable and UserCardList get Email, Display name (dash when empty), Role (new RoleBadge), Invite status and Created

web/src/components/PasswordStrengthHint.vue

@@ -44,15 +44,8 @@ const items = computed(() =>
 
 <template>
 	<ul class="flex flex-col gap-1.5">
-		<li
-			v-for="item in items"
-			:key="item.label"
-			class="flex items-center gap-2 text-xs/[18px]"
-		>
-			<UIcon
-				:name="item.icon"
-				:class="['size-3.5 shrink-0', item.iconClass]"
-			/>
+		<li v-for="item in items" :key="item.label" class="flex items-center gap-2 text-xs/[18px]">
+			<UIcon :name="item.icon" :class="['size-3.5 shrink-0', item.iconClass]" />
 			<span :class="item.textClass">{{ item.label }}</span>
 			<span class="sr-only">{{ item.met ? 'met' : 'not met' }}</span>
 		</li>