feat(SPA): i18n internationzalization, english and french

web/src/components/UserCardList.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { t } from '@/i18n'
+
 import InviteStatusBadge from '@/components/InviteStatusBadge.vue'
 import RoleBadge from '@/components/RoleBadge.vue'
 import UserRowAction from '@/components/UserRowAction.vue'
@@ -62,7 +64,7 @@ function rowKey(item: UserListItem) {
 				<div class="flex items-center gap-2 text-xs text-muted">
 					<RoleBadge :role="userRole(item)" />
 					<InviteStatusBadge :status="item.status" size="sm" />
-					<span>Created {{ formatCreatedDate(item.created_at) }}</span>
+					<span>{{ t('Created') }} {{ formatCreatedDate(item.created_at) }}</span>
 				</div>
 				<div v-if="canManage && item.kind === 'invite'" class="flex pt-1">
 					<UserRowAction