feat(language): Update language store for auto language detection

This commit updates the `useLanguageStore` in `language.ts` to support auto language detection. Instead of hardcoding the language as "en", the store now sets the language to "auto". When updating the language using `updateLanguage` action, if the language parameter is "auto", it will use the auto-detected language value from `autoLanguage` instead. The `updateAvailableLanguages` action also updates the `availableLanguages` state using `gettext.available`.

frontend/src/stores/language.ts

@@ -1,17 +1,18 @@
-import { defineStore } from "pinia";
 import type { Language } from "vue3-gettext";
+import { language as autoLanguage } from "@/i18n";
+import { defineStore } from "pinia";
 
 export const useLanguageStore = defineStore("language", {
  state: () => ({
- language: "en" as string,
+ language: "auto" as string,
  availableLanguages: {} as { [key: string]: string },
  }),
  actions: {
  setLanguage(language: string) {
  this.language = language;
  },
  updateLanguage(gettext: Language, language: string) {
- gettext.current = language;
+ gettext.current = language === "auto" ? autoLanguage : language;
  },
  updateAvailableLanguages(gettext: Language) {
  this.availableLanguages = gettext.available;