feat(SPA): i18n internationzalization, english and french

web/src/components/PasswordStrengthHint.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { t } from '@/i18n'
 import { computed } from 'vue'
 
 interface PasswordRule {
@@ -47,7 +48,7 @@ const items = computed(() =>
 		<li v-for="item in items" :key="item.label" class="flex items-center gap-2 text-xs/[18px]">
 			<UIcon :name="item.icon" :class="['size-3.5 shrink-0', item.iconClass]" />
 			<span :class="item.textClass">{{ item.label }}</span>
-			<span class="sr-only">{{ item.met ? 'met' : 'not met' }}</span>
+			<span class="sr-only">{{ t(item.met ? 'met' : 'not met') }}</span>
 		</li>
 	</ul>
 </template>