feat(SPA): i18n internationzalization, english and french

web/src/components/OfflineBanner.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { translate } from '@/i18n'
+
 import { onMounted, onUnmounted, ref } from 'vue'
 
 const DEFAULT_MESSAGE =
@@ -43,7 +45,7 @@ onUnmounted(() => {
 		v-if="isOffline"
 		color="neutral"
 		:icon="icon"
-		:title="message"
+		:title="translate(message)"
 		:ui="bleed ? BLEED_UI : undefined"
 	/>
 </template>