Merge branch 'main' into 15-calendar-preview

# Conflicts:
#	frontend/src/App.vue
#	frontend/src/view/AdditionalModules.vue

frontend/src/components/ModuleSelection.vue

@@ -64,7 +64,7 @@ function nextStep() {
         :disabled="selectedModules.length < 1"
         class="col-4 justify-content-center"
         @click="nextStep()"
-        >Next Step
+        >{{ $t("moduleSelection.nextStep") }}
       </Button>
     </div>
     <div class="flex align-items-center justify-content-center">
@@ -72,16 +72,19 @@ function nextStep() {
         <template #header>
           <div class="flex justify-content-between flex-wrap">
             <div class="flex align-items-center justify-content-center">
-              <h3>Modules - {{ selectedModules.length }}</h3>
+              <h3>
+                {{ $t("moduleSelection.modules") }} -
+                {{ selectedModules.length }}
+              </h3>
             </div>
             <div class="flex align-items-center justify-content-center">
               <ToggleButton
                 v-model="allSelected"
                 class="w-12rem"
                 off-icon="pi pi-times"
-                off-label="Unselect All"
+                :off-label="$t('moduleSelection.deselectAll')"
                 on-icon="pi pi-check"
-                on-label="Select All"
+                :on-label="$t('moduleSelection.selectAll')"
                 @click="selectAllModules(!allSelected)"
               />
             </div>
@@ -89,7 +92,7 @@ function nextStep() {
         </template>
         <template #empty>
           <p class="p-4 text-2xl font-bold text-900 empty-message">
-            No Modules found for this course
+            {{ $t("moduleSelection.noModulesAvailable") }}
           </p>
         </template>
         <template #list="slotProps">
@@ -112,9 +115,9 @@ function nextStep() {
                     v-model="modulesWithSelection[slotProps.index].selected"
                     class="w-9rem"
                     off-icon="pi pi-times"
-                    off-label="Unselected"
+                    :off-label="$t('moduleSelection.unselected')"
                     on-icon="pi pi-check"
-                    on-label="Selected"
+                    :on-label="$t('moduleSelection.selected')"
                   />
                 </div>
               </div>