feat(SPA): i18n internationzalization, english and french

web/src/components/MediaSelectAllRow.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { t } from '@/i18n'
+
 import { computed } from 'vue'
 import type { SelectAllState } from '@/composables/useMediaSelection'
 
@@ -15,14 +17,14 @@ const modelValue = computed(() => {
 	}
 	return props.state === 'all'
 })
-const imageCount = computed(() => `${props.count} ${props.count === 1 ? 'image' : 'images'}`)
+const imageCount = computed(() => t(props.count === 1 ? '{0} image' : '{0} images', [props.count]))
 </script>
 
 <template>
 	<div class="flex items-center gap-2.5 text-muted">
 		<UCheckbox
 			:model-value="modelValue"
-			label="Select all"
+			:label="t('Select all')"
 			color="primary"
 			class="-ml-2.75 md:ml-0"
 			:ui="{