feat:#60 format, lint and fix build

frontend/src/components/CourseSelection.vue

@@ -27,8 +27,11 @@ const selectedSemester: Ref<{ name: string; value: string }> = ref(
 );
 
 //if semesters get changed, refresh the selected semester ref with a watcher
-watch(semesters,(newValue: { name: string; value: string }[]) =>
-    (selectedSemester.value = newValue[selectedSemester.value.value === "ws" ? 0 : 1]),
+watch(
+  semesters,
+  (newValue: { name: string; value: string }[]) =>
+    (selectedSemester.value =
+      newValue[selectedSemester.value.value === "ws" ? 0 : 1]),
 );
 
 courses().then(
@@ -52,7 +55,7 @@ async function getModules() {
   <div class="flex flex-column">
     <div class="flex align-items-center justify-content-center h-4rem m-2">
       <h3 class="text-4xl">
-        {{$t("courseSelection.headline")}}
+        {{ $t("courseSelection.headline") }}
         <i
           class="pi pi-calendar vertical-align-baseline"
           style="font-size: 2rem"
@@ -75,8 +78,8 @@ async function getModules() {
         option-label="name"
         :placeholder="$t('courseSelection.courseDropDown')"
         :empty-message="$t('courseSelection.noCoursesAvailable')"
+        :auto-filter-focus="true"
         @change="getModules()"
-        :autoFilterFocus="true"
       ></Dropdown>
       <Dropdown
         v-model="selectedSemester"
@@ -98,4 +101,4 @@ async function getModules() {
       </div>
     </div>
   </div>
-</template>
+</template>