add transaltions to doc

Author: Romper9

adminforth/documentation/docs/tutorial/03-Customization/07-alert.md

@@ -13,9 +13,9 @@ Create a Vue component in the custom directory of your project, e.g. Alerts.vue:
 ```html title="./custom/Alerts.vue"
 <template>
     <div class="ml-3 mt-16">
-        <button @click="callAlert('Example success alert')" class="focus:outline-none text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:ring-green-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800">{{$t('Call alert')}}</button>
+        <button @click="callAlert($t('Example success alert'))" class="focus:outline-none text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:ring-green-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800">{{$t('Call alert')}}</button>
         <button @click="callConfirmation" class="focus:outline-none text-white bg-red-700 hover:bg-red-800 focus:ring-4 focus:ring-red-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-900">{{$t('Confirmation')}}</button>
-        <button @click="callAlert('Example danger alert','warning')" class="focus:outline-none text-white bg-orange-500 hover:bg-orange-400 focus:ring-4 focus:ring-orange-100 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-orange-600 dark:hover:bg-orange-700 dark:focus:ring-orange-900">{{$t('Danger alert')}}</button>
+        <button @click="callAlert($t('Example danger alert'),'warning')" class="focus:outline-none text-white bg-orange-500 hover:bg-orange-400 focus:ring-4 focus:ring-orange-100 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-orange-600 dark:hover:bg-orange-700 dark:focus:ring-orange-900">{{$t('Danger alert')}}</button>
     </div>
 </template>
 <script setup>

adminforth/documentation/docs/tutorial/03-Customization/08-pageInjections.md

@@ -213,7 +213,7 @@ Now create file `CustomLoginFooter.vue` in the `custom` folder of your project:
 ```html title="./custom/CustomLoginFooter.vue"
 <template>
   <div class="text-center text-gray-500 text-sm mt-4">
-    By logging in, you agree to our <a href="#" class="text-blue-500">Terms of Service</a> and <a href="#" class="text-blue-500">Privacy Policy</a>
+    {{$t('By logging in, you agree to our')}} <a href="#" class="text-blue-500">{{$t('Terms of Service')}}</a> {{$t('and')}} <a href="#" class="text-blue-500">{{$t('Privacy Policy')}}</a>
   </div>
 </template>
 ```

adminforth/documentation/docs/tutorial/03-Customization/13-standardPagesTuning.md

@@ -277,7 +277,7 @@ Sometimes you might need to create a link that will open the create form with so
       },
     }"
   >
-    Create new apartment
+    {{$t('Create new apartment')}}
   </LinkButton>
   ...
 </template>

adminforth/spa/src/components/GroupsTable.vue

@@ -57,7 +57,7 @@
                 class="w-full"
                 v-if="column.foreignResource"
                 :options="columnOptions[column.name] || []"
-                :placeholder = "columnOptions[column.name]?.length ?'Select...': 'There are no options available'"
+                :placeholder = "columnOptions[column.name]?.length ?$t('Select...'): $t('There are no options available')"
                 :modelValue="currentValues[column.name]"
                 @update:modelValue="setCurrentValue(column.name, $event)"
               ></Select>