Update Danish translations and refactor i18n usage in subuser login form

- Expanded and improved Danish translations in `da.json` for `auth` and `common` sections.
- Refactored `SubuserLoginForm.vue` to utilize `useI18n` for dynamic text rendering.
- Enhanced i18n key usage for labels and placeholders in the form.

src/components/forms/auth/SubuserLoginForm.vue

@@ -1,9 +1,12 @@
 <script setup>
 import { ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 import { parseError, getError } from "@/components/request/HandleGlobalError.vue";
 import LoadButtonWhileAwait from "@/components/request/LoadButtonWhileAwait.vue";
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
 
+const { t } = useI18n();
+
 // Login method selection
 const loginMethod = ref('phone'); // 'phone' or 'username'
 
@@ -45,7 +48,7 @@ const doNothing = () => {
   <form @submit.prevent="doNothing">
     <!-- Login method selector -->
     <div class="form-field">
-      <label class="label">Log ind med</label>
+      <label class="label">{{ t('auth.login_with') }}</label>
       <div class="login-method-selector">
         <button 
           type="button" 
@@ -53,7 +56,7 @@ const doNothing = () => {
           :class="{ active: loginMethod === 'phone' }"
           @click="loginMethod = 'phone'"
         >
-          Telefon
+          {{ t('auth.phone') }}
         </button>
         <button 
           type="button" 
@@ -61,7 +64,7 @@ const doNothing = () => {
           :class="{ active: loginMethod === 'username' }"
           @click="loginMethod = 'username'"
         >
-          Brugernavn
+          {{ t('auth.username') }}
         </button>
       </div>
     </div>
@@ -69,11 +72,11 @@ const doNothing = () => {
     <!-- Phone login fields -->
     <template v-if="loginMethod === 'phone'">
       <div class="form-field">
-        <label class="label">Landekode</label>
+        <label class="label">{{ t('auth.country_code') }}</label>
         <input type="number" v-model="phone_country_code" placeholder="45" min="1" max="999" />
       </div>
       <div class="form-field">
-        <label class="label">Telefonnummer</label>
+        <label class="label">{{ t('auth.phone_number') }}</label>
         <input type="tel" v-model="phone" placeholder="12345678" />
       </div>
     </template>
@@ -81,14 +84,14 @@ const doNothing = () => {
     <!-- Username login fields -->
     <template v-else>
       <div class="form-field">
-        <label class="label">Brugernavn</label>
-        <input type="text" v-model="username" placeholder="Dit brugernavn" />
+        <label class="label">{{ t('auth.username') }}</label>
+        <input type="text" v-model="username" :placeholder="t('auth.your_username')" />
       </div>
     </template>
 
     <!-- Password field -->
     <div class="form-field">
-      <label class="label">Adgangskode</label>
+      <label class="label">{{ t('auth.password') }}</label>
       <input type="password" v-model="password" />
     </div>
 
@@ -100,10 +103,10 @@ const doNothing = () => {
     </div>
 
     <LoadButtonWhileAwait :loadFunction="login" class="submit" id="subuser-login-button">
-      Log ind
+      {{ t('auth.login') }}
     </LoadButtonWhileAwait>
     
-    <router-link :to="{name: 'login'}" class="link">Log ind som kunde</router-link>
+    <router-link :to="{name: 'login'}" class="link">{{ t('auth.login_as_customer') }}</router-link>
   </form>
 </template>