feat(SPA): i18n internationzalization, english and french

web/src/components/MediaCardBadges.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { t } from '@/i18n'
+
 import MediaBadge from '@/components/MediaBadge.vue'
 
 defineProps<{
@@ -7,7 +9,7 @@ defineProps<{
 </script>
 
 <template>
-	<MediaBadge v-if="item.duplicate" kind="duplicate" label="Duplicate" />
-	<MediaBadge v-if="item.used_in > 0" kind="used" :label="`Used in ${item.used_in}`" />
-	<MediaBadge v-else kind="unused" label="Unused" />
+	<MediaBadge v-if="item.duplicate" kind="duplicate" :label="t('Duplicate')" />
+	<MediaBadge v-if="item.used_in > 0" kind="used" :label="t('Used in {0}', [item.used_in])" />
+	<MediaBadge v-else kind="unused" :label="t('Unused')" />
 </template>