feat:#69 finished translation for faq, imprint and privacy

frontend/src/view/AdditionalModules.vue

@@ -1,13 +1,16 @@
 <script lang="ts" setup>
-import { defineAsyncComponent, ref, Ref } from "vue";
-import { Module } from "../model/module.ts";
-import { fetchAllModules } from "../api/fetchCourse.ts";
+import {defineAsyncComponent, ref, Ref} from "vue";
+import {Module} from "../model/module.ts";
+import {fetchAllModules} from "../api/fetchCourse.ts";
 import moduleStore from "../store/moduleStore.ts";
-import { MultiSelectAllChangeEvent } from "primevue/multiselect";
+import {MultiSelectAllChangeEvent} from "primevue/multiselect";
 import router from "../router";
-import { fetchModule } from "../api/fetchModule.ts";
-import { useDialog } from "primevue/usedialog";
+import {fetchModule} from "../api/fetchModule.ts";
+import {useDialog} from "primevue/usedialog";
+import {useI18n} from "vue-i18n";
+
 const dialog = useDialog();
+const { t } = useI18n({ useScope: "global" });
 
 const fetchedModules = async () => {
   return await fetchAllModules();
@@ -71,6 +74,14 @@ const onSelectAllChange = (event: MultiSelectAllChangeEvent) => {
 function selectChange() {
   selectAll.value = selectedModules.value.length === modules.value.length;
 }
+
+function itemsLabel(selectedModules: Module[]): string {
+  return (selectedModules ? selectedModules.length : 0) != 1 ? t("additionalModules.modules") : t("additionalModules.module");
+}
+
+function itemsLabelWithNumber(selectedModules: Module[]): string {
+  return selectedModules.length.toString() + " " + itemsLabel(selectedModules) + " " + t("additionalModules.dropDownFooterSelected");
+}
 </script>
 
 <template>
@@ -95,6 +106,7 @@ function selectChange() {
         :show-toggle-all="false"
         @change="selectChange()"
         @selectall-change="onSelectAllChange($event)"
+        :selectedItemsLabel="itemsLabelWithNumber(selectedModules)"
       >
         <template #option="slotProps">
           <div class="flex justify-content-between w-full">
@@ -119,8 +131,7 @@ function selectChange() {
         <template #footer>
           <div class="py-2 px-3">
             <b>{{ selectedModules ? selectedModules.length : 0 }}</b>
-            {{ $t("additionalModules.dropDownFooterItem") }}
-            {{ (selectedModules ? selectedModules.length : 0) > 1 ? "s" : "" }}
+            {{ itemsLabel(selectedModules) }}
             {{ $t("additionalModules.dropDownFooterSelected") }}
           </div>
         </template>

frontend/src/view/ImprintPage.vue

@@ -3,7 +3,7 @@
 <template>
   <div class="flex align-items-center justify-content-center flex-column">
     <div class="flex align-items-center justify-content-center h-4rem mt-2">
-      <h3 class="text-4xl">Imprint</h3>
+      <h3 class="text-4xl">{{$t("imprint")}}</h3>
     </div>
     <div class="flex flex-column col-7">
       <p>nach dem Telemediengesetz (TMG) der Bundesrepublik Deutschland.</p>

frontend/src/view/PrivacyPolicy.vue

@@ -3,7 +3,7 @@
 <template>
   <div class="flex align-items-center justify-content-center flex-column">
     <div class="flex align-items-center justify-content-center h-4rem mt-2">
-      <h3 class="text-4xl">Privacy policy</h3>
+      <h3 class="text-4xl">{{$t("privacy")}}</h3>
     </div>
     <div class="flex flex-column col-7">
       <h1>Datenschutzerklärung</h1>