feat(SPA): i18n internationzalization, english and french

web/src/components/MediaArticleStatusBadge.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { t } from '@/i18n'
+
 import MediaBadge from '@/components/MediaBadge.vue'
 
 defineProps<{
@@ -10,7 +12,7 @@ defineProps<{
 <template>
 	<MediaBadge
 		:kind="published ? 'online' : 'draft'"
-		:label="published ? 'Online' : 'Draft'"
+		:label="published ? t('Online') : t('Draft')"
 		:size="size"
 	/>
 </template>