feat(SPA): i18n internationzalization, english and french

web/src/components/MediaGrid.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { t } from '@/i18n'
+
 import { ref } from 'vue'
 import MediaCardBadges from '@/components/MediaCardBadges.vue'
 import MediaCheckbox from '@/components/MediaCheckbox.vue'
@@ -127,7 +129,7 @@ function onKeyup(event: KeyboardEvent) {
 			>
 				<MediaCheckbox
 					:state="selected.includes(item.id) ? 'checked' : 'unchecked'"
-					:label="`Select ${item.filename}`"
+					:label="t('Select {0}', [item.filename])"
 					:tabbable="false"
 					@toggle="emit('toggle', item.id)"
 				/>