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

web/src/components/UserEmailCell.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+defineProps<{
+	email: string
+	isYou: boolean
+	large?: boolean
+}>()
+</script>
+
+<template>
+	<span class="flex min-w-0 items-center gap-2">
+		<span
+			class="truncate font-medium text-highlighted"
+			:class="large ? 'text-[0.9375rem]/[21px]' : ''"
+			>{{ email }}</span
+		>
+		<span v-if="isYou" class="shrink-0 font-mono text-[0.6875rem] font-medium text-muted"
+			>you</span
+		>
+	</span>
+</template>