feat(SPA): i18n internationzalization, english and french

web/src/App.vue

@@ -1,5 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
+import { en, fr } from '@nuxt/ui/locale'
+import { locale } from '@/i18n'
 import { RouterView } from 'vue-router'
 import { toastsAboveBulkBar } from '@/composables/useToastOffset'
 
@@ -11,7 +13,7 @@ const toaster = computed(() => ({
 </script>
 
 <template>
-	<UApp class="isolate" :toaster="toaster">
+	<UApp class="isolate" :toaster="toaster" :locale="locale === 'fr' ? fr : en">
 		<RouterView />
 	</UApp>
 </template>