feat(SPA): i18n internationzalization, english and french

web/src/components/InviteStatusBadge.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { t } from '@/i18n'
+
 import { computed } from 'vue'
 
 const props = withDefaults(
@@ -13,19 +15,25 @@ const props = withDefaults(
 
 const badges = {
 	accepted: {
-		label: 'Accepted',
+		get label() {
+			return t('Accepted')
+		},
 		icon: 'i-lucide-circle-check',
 		color: 'success',
 		class: 'border border-(--rc-success-soft) bg-(--rc-success-soft) text-success',
 	},
 	pending: {
-		label: 'Pending',
+		get label() {
+			return t('Pending')
+		},
 		icon: 'i-lucide-mail',
 		color: 'warning',
 		class: 'border border-(--rc-warning-soft) bg-(--rc-warning-soft) text-warning',
 	},
 	expired: {
-		label: 'Expired',
+		get label() {
+			return t('Expired')
+		},
 		icon: 'i-lucide-clock-alert',
 		color: 'neutral',
 		class: 'border border-accented bg-transparent text-muted',