feat(SPA): i18n internationzalization, english and french

web/src/components/MediaSkeletonGrid.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { t } from '@/i18n'
+
 defineProps<{
 	count: number
 }>()
@@ -10,7 +12,7 @@ defineProps<{
 		data-testid="media-skeleton"
 		class="grid grid-cols-2 gap-2.5 md:grid-cols-5 md:gap-4"
 	>
-		<span role="status" class="sr-only">Loading images</span>
+		<span role="status" class="sr-only">{{ t('Loading images') }}</span>
 		<div
 			v-for="n in count"
 			:key="n"