feat(SPA): i18n internationzalization, english and french

web/src/components/EndpointCard.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { t } from '@/i18n'
+
 import { ref } from 'vue'
 import CodeBlock from '@/components/CodeBlock.vue'
 
@@ -14,7 +16,12 @@ const activeTab = ref('fetch')
 const tabItems = [
 	{ label: 'fetch', value: 'fetch' },
 	{ label: 'curl', value: 'curl' },
-	{ label: 'Response', value: 'response' },
+	{
+		get label() {
+			return t('Response')
+		},
+		value: 'response',
+	},
 ]
 </script>