Add internationalization support with astro-i18next integration

- Implemented astro-i18next for multi-language support, including English, Dutch, and Italian.
- Configured default locale and language fallback settings.
- Defined routes for localized content in the configuration.
- Updated package.json and package-lock.json to include new dependencies for i18next and related plugins.

node_modules/i18next-http-backend/lib/request.js

@@ -0,0 +1,171 @@
+import { hasXMLHttpRequest } from './utils.js'
+import * as fetchNode from './getFetch.cjs'
+
+let fetchApi = typeof fetch === 'function' ? fetch : undefined
+if (typeof global !== 'undefined' && global.fetch) {
+  fetchApi = global.fetch
+} else if (typeof window !== 'undefined' && window.fetch) {
+  fetchApi = window.fetch
+}
+let XmlHttpRequestApi
+if (hasXMLHttpRequest()) {
+  if (typeof global !== 'undefined' && global.XMLHttpRequest) {
+    XmlHttpRequestApi = global.XMLHttpRequest
+  } else if (typeof window !== 'undefined' && window.XMLHttpRequest) {
+    XmlHttpRequestApi = window.XMLHttpRequest
+  }
+}
+let ActiveXObjectApi
+if (typeof ActiveXObject === 'function') {
+  if (typeof global !== 'undefined' && global.ActiveXObject) {
+    ActiveXObjectApi = global.ActiveXObject
+  } else if (typeof window !== 'undefined' && window.ActiveXObject) {
+    ActiveXObjectApi = window.ActiveXObject
+  }
+}
+if (!fetchApi && fetchNode && !XmlHttpRequestApi && !ActiveXObjectApi) fetchApi = fetchNode.default || fetchNode // because of strange export
+if (typeof fetchApi !== 'function') fetchApi = undefined
+
+const addQueryString = (url, params) => {
+  if (params && typeof params === 'object') {
+    let queryString = ''
+    // Must encode data
+    for (const paramName in params) {
+      queryString += '&' + encodeURIComponent(paramName) + '=' + encodeURIComponent(params[paramName])
+    }
+    if (!queryString) return url
+    url = url + (url.indexOf('?') !== -1 ? '&' : '?') + queryString.slice(1)
+  }
+  return url
+}
+
+const fetchIt = (url, fetchOptions, callback, altFetch) => {
+  const resolver = (response) => {
+    if (!response.ok) return callback(response.statusText || 'Error', { status: response.status })
+    response.text().then((data) => {
+      callback(null, { status: response.status, data })
+    }).catch(callback)
+  }
+  if (altFetch) {
+    // already checked to have the proper signature
+    const altResponse = altFetch(url, fetchOptions)
+    if (altResponse instanceof Promise) {
+      altResponse.then(resolver).catch(callback)
+      return
+    }
+    // fall through
+  }
+  if (typeof fetch === 'function') { // react-native debug mode needs the fetch function to be called directly (no alias)
+    fetch(url, fetchOptions).then(resolver).catch(callback)
+  } else {
+    fetchApi(url, fetchOptions).then(resolver).catch(callback)
+  }
+}
+
+let omitFetchOptions = false
+
+// fetch api stuff
+const requestWithFetch = (options, url, payload, callback) => {
+  if (options.queryStringParams) {
+    url = addQueryString(url, options.queryStringParams)
+  }
+  const headers = {
+    ...(typeof options.customHeaders === 'function' ? options.customHeaders() : options.customHeaders)
+  }
+  if (typeof window === 'undefined' && typeof global !== 'undefined' && typeof global.process !== 'undefined' && global.process.versions && global.process.versions.node) {
+    headers['User-Agent'] = `i18next-http-backend (node/${global.process.version}; ${global.process.platform} ${global.process.arch})`
+  }
+  if (payload) headers['Content-Type'] = 'application/json'
+  const reqOptions = typeof options.requestOptions === 'function' ? options.requestOptions(payload) : options.requestOptions
+  const fetchOptions = {
+    method: payload ? 'POST' : 'GET',
+    body: payload ? options.stringify(payload) : undefined,
+    headers,
+    ...(omitFetchOptions ? {} : reqOptions)
+  }
+  const altFetch = typeof options.alternateFetch === 'function' && options.alternateFetch.length >= 1 ? options.alternateFetch : undefined
+  try {
+    fetchIt(url, fetchOptions, callback, altFetch)
+  } catch (e) {
+    if (!reqOptions || Object.keys(reqOptions).length === 0 || !e.message || e.message.indexOf('not implemented') < 0) {
+      return callback(e)
+    }
+    try {
+      Object.keys(reqOptions).forEach((opt) => {
+        delete fetchOptions[opt]
+      })
+      fetchIt(url, fetchOptions, callback, altFetch)
+      omitFetchOptions = true
+    } catch (err) {
+      callback(err)
+    }
+  }
+}
+
+// xml http request stuff
+const requestWithXmlHttpRequest = (options, url, payload, callback) => {
+  if (payload && typeof payload === 'object') {
+    // if (!cache) payload._t = Date.now()
+    // URL encoded form payload must be in querystring format
+    payload = addQueryString('', payload).slice(1)
+  }
+
+  if (options.queryStringParams) {
+    url = addQueryString(url, options.queryStringParams)
+  }
+
+  try {
+    let x
+    if (XmlHttpRequestApi) {
+      x = new XmlHttpRequestApi()
+    } else {
+      x = new ActiveXObjectApi('MSXML2.XMLHTTP.3.0')
+    }
+    x.open(payload ? 'POST' : 'GET', url, 1)
+    if (!options.crossDomain) {
+      x.setRequestHeader('X-Requested-With', 'XMLHttpRequest')
+    }
+    x.withCredentials = !!options.withCredentials
+    if (payload) {
+      x.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
+    }
+    if (x.overrideMimeType) {
+      x.overrideMimeType('application/json')
+    }
+    let h = options.customHeaders
+    h = typeof h === 'function' ? h() : h
+    if (h) {
+      for (const i in h) {
+        x.setRequestHeader(i, h[i])
+      }
+    }
+    x.onreadystatechange = () => {
+      x.readyState > 3 && callback(x.status >= 400 ? x.statusText : null, { status: x.status, data: x.responseText })
+    }
+    x.send(payload)
+  } catch (e) {
+    console && console.log(e)
+  }
+}
+
+const request = (options, url, payload, callback) => {
+  if (typeof payload === 'function') {
+    callback = payload
+    payload = undefined
+  }
+  callback = callback || (() => {})
+
+  if (fetchApi && url.indexOf('file:') !== 0) {
+    // use fetch api
+    return requestWithFetch(options, url, payload, callback)
+  }
+
+  if (hasXMLHttpRequest() || typeof ActiveXObject === 'function') {
+    // use xml http request
+    return requestWithXmlHttpRequest(options, url, payload, callback)
+  }
+
+  callback(new Error('No fetch and no xhr implementation found!'))
+}
+
+export default request