From 68461a0aac96a8166513612ec3f2ae8a3e67ba75 Mon Sep 17 00:00:00 2001
From: EwoutV <ewoutverlinde@hotmail.com>
Date: Thu, 4 Apr 2024 18:42:33 +0200
Subject: [PATCH] chore: pr comments

---
 backend/api/views/course_view.py              |   2 -
 backend/authentication/views.py               |   2 +-
 backend/ypovoli/settings.py                   |   1 +
 frontend/.prettierrc                          |   9 +-
 frontend/src/components/LanguageSelector.vue  |   8 +-
 frontend/src/components/RoleSelector.vue      |  16 +-
 frontend/src/components/YearSelector.vue      |  15 +-
 .../components/courses/CourseDetailCard.vue   |  16 +-
 .../components/courses/CourseGeneralCard.vue  |   3 +-
 .../src/components/courses/CourseList.vue     |   9 +-
 .../students/StudentCourseJoinButton.vue      |  20 +-
 frontend/src/components/layout/Footer.vue     |   5 +-
 frontend/src/components/layout/Header.vue     |  27 +-
 .../src/components/projects/GroupCard.vue     |   4 +-
 .../src/components/projects/ProjectCard.vue   |  24 +-
 .../src/components/projects/ProjectList.vue   |  14 +-
 frontend/src/composables/filters/paginator.ts |   8 +-
 .../composables/services/admins.service.ts    |   7 +-
 .../composables/services/assistant.service.ts |  62 +---
 .../composables/services/courses.service.ts   |  61 +---
 .../composables/services/faculties.service.ts |  14 +-
 .../composables/services/groups.service.ts    |  27 +-
 frontend/src/composables/services/helpers.ts  |  47 +--
 .../composables/services/project.service.ts   |  68 +---
 .../services/structure_check.service.ts       |  49 +--
 .../composables/services/students.service.ts  |  91 +----
 .../services/submission.service.ts            |  32 +-
 .../services/submission_status.service.ts     |  15 +-
 .../composables/services/teachers.service.ts  |  52 +--
 .../src/router/guards/authentication.guard.ts |   4 +-
 frontend/src/router/guards/logout.guard.ts    |   5 +-
 frontend/src/router/router.ts                 |   6 +-
 frontend/src/store/authentication.store.ts    |  15 +-
 frontend/src/test/unit/admin_service.test.ts  |  24 +-
 .../src/test/unit/assistant_service.test.ts   |  20 +-
 .../src/test/unit/project_service.test.ts     |  40 +--
 frontend/src/test/unit/setup.ts               | 337 ++++++------------
 .../src/test/unit/student_service.test.ts     |  44 +--
 .../src/test/unit/submission_service.test.ts  |  20 +-
 .../unit/submission_status_service.test.ts    |   3 +-
 .../src/test/unit/teacher_service.test.ts     |  20 +-
 frontend/src/types/Course.ts                  |   3 +-
 frontend/src/types/Group.ts                   |   8 +-
 frontend/src/types/users/Assistant.ts         |   4 +-
 frontend/src/types/users/User.ts              |   5 +-
 frontend/src/views/App.vue                    |   5 +-
 .../src/views/authentication/LoginView.vue    |  11 +-
 frontend/src/views/calendar/CalendarView.vue  |  22 +-
 .../src/views/courses/CreateCourseView.vue    |  34 +-
 .../src/views/courses/SearchCourseView.vue    |  38 +-
 .../src/views/dashboard/DashboardView.vue     |   4 +-
 .../dashboard/roles/StudentDashboardView.vue  |  16 +-
 frontend/src/views/projects/ProjectView.vue   |   4 +-
 53 files changed, 342 insertions(+), 1058 deletions(-)

diff --git a/backend/api/views/course_view.py b/backend/api/views/course_view.py
index 370b1ee1..38537f39 100644
--- a/backend/api/views/course_view.py
+++ b/backend/api/views/course_view.py
@@ -61,8 +61,6 @@ def search(self, request: Request) -> Response:
             name__icontains=search
         )
 
-        print(years, faculties)
-
         # Filter the queryset based on selected years
         if years:
             queryset = queryset.filter(academic_startyear__in=years)
diff --git a/backend/authentication/views.py b/backend/authentication/views.py
index bb401cd0..617cd58e 100644
--- a/backend/authentication/views.py
+++ b/backend/authentication/views.py
@@ -23,7 +23,7 @@ def login(self, request: Request) -> Response:
         should_echo = request.query_params.get('echo', False)
 
         if should_echo == "1" and settings.DEBUG:
-            client._service_url = 'https://localhost:8080/api/auth/cas/echo'
+            client._service_url = settings.CAS_DEBUG_RESPONSE
 
         return redirect(client.get_login_url())
 
diff --git a/backend/ypovoli/settings.py b/backend/ypovoli/settings.py
index ce904f80..27d287c9 100644
--- a/backend/ypovoli/settings.py
+++ b/backend/ypovoli/settings.py
@@ -91,6 +91,7 @@
 PORT = environ.get("DJANGO_CAS_PORT", "8080")
 CAS_ENDPOINT = "https://login.ugent.be"
 CAS_RESPONSE = f"https://{DOMAIN_NAME}:{PORT}/auth/verify"
+CAS_DEBUG_RESPONSE = f"https://{DOMAIN_NAME}:{PORT}/api/auth/cas/echo"
 API_ENDPOINT = f"https://{DOMAIN_NAME}/api"
 
 # Database
diff --git a/frontend/.prettierrc b/frontend/.prettierrc
index 57a4acdb..1d946086 100644
--- a/frontend/.prettierrc
+++ b/frontend/.prettierrc
@@ -1,11 +1,8 @@
 {
 	"tabWidth": 4,
-	"printWidth": 80,
-	"max_line_length": 80,
+	"printWidth": 120,
+	"max_line_length": 120,
 	"semi": true,
 	"singleQuote": true,
-	"arrowParens": "always",
-	"endOfLine": "auto",
-	"jsxBracketSameLine": true,
-	"bracketSameLine": true
+	"endOfLine": "auto"
 }
\ No newline at end of file
diff --git a/frontend/src/components/LanguageSelector.vue b/frontend/src/components/LanguageSelector.vue
index b0c7b4e6..e4deaf19 100644
--- a/frontend/src/components/LanguageSelector.vue
+++ b/frontend/src/components/LanguageSelector.vue
@@ -50,13 +50,11 @@ onMounted(() => {
         class="w-auto"
         :options="availableLocales"
         @change="updateLocale($event.value)"
-        variant="outlined">
+        variant="outlined"
+    >
         <template #option="{ option }">
             <div class="flex align-items-center">
-                <img
-                    :alt="t('layout.header.language.' + option)"
-                    :src="getFlag(option)"
-                    class="h-1rem mr-2" />
+                <img :alt="t('layout.header.language.' + option)" :src="getFlag(option)" class="h-1rem mr-2" />
                 <span>{{ t('layout.header.language.' + option) }}</span>
             </div>
         </template>
diff --git a/frontend/src/components/RoleSelector.vue b/frontend/src/components/RoleSelector.vue
index 9d48294c..bc2bea57 100644
--- a/frontend/src/components/RoleSelector.vue
+++ b/frontend/src/components/RoleSelector.vue
@@ -10,26 +10,16 @@ const { view, user } = storeToRefs(useAuthStore());
 
 <template>
     <template v-if="user !== null">
-        <Dropdown
-            id="view"
-            v-model="view"
-            class="w-auto"
-            :options="user.roles"
-            variant="outlined">
+        <Dropdown id="view" v-model="view" class="w-auto" :options="user.roles" variant="outlined">
             <template #option="{ option }">
                 <div class="flex align-items-center">
                     <div>
-                        {{
-                            t('layout.header.view', [
-                                t('types.roles.' + option).toLowerCase(),
-                            ])
-                        }}
+                        {{ t('layout.header.view', [t('types.roles.' + option).toLowerCase()]) }}
                     </div>
                 </div>
             </template>
             <template #value="{ value }">
-                <div
-                    class="h-full flex justify-content-center align-items-center">
+                <div class="h-full flex justify-content-center align-items-center">
                     <div class="text-sm">{{ t('types.roles.' + value) }}</div>
                 </div>
             </template>
diff --git a/frontend/src/components/YearSelector.vue b/frontend/src/components/YearSelector.vue
index 65a73a86..157c9bbf 100644
--- a/frontend/src/components/YearSelector.vue
+++ b/frontend/src/components/YearSelector.vue
@@ -22,24 +22,15 @@ const year = defineModel();
 </script>
 
 <template>
-    <Dropdown
-        v-model="year"
-        :options="years"
-        optionLabel="label"
-        optionValue="value"
-        class="custom-dropdown">
+    <Dropdown v-model="year" :options="years" optionLabel="label" optionValue="value" class="custom-dropdown">
         <template #value="{ value }">
             <span class="text-primary font-semibold"
-                >{{ t('components.buttons.academic_year') }} {{ value }} -
-                {{ value + 1 }}</span
+                >{{ t('components.buttons.academic_year') }} {{ value }} - {{ value + 1 }}</span
             >
         </template>
         <template #option="{ option }">
             <span class="pi pi-calendar mr-2" />
-            <span
-                >{{ t('components.buttons.academic_year') }}
-                {{ (option as any).label }}</span
-            >
+            <span>{{ t('components.buttons.academic_year') }} {{ (option as any).label }}</span>
         </template>
         <template #dropdownicon>
             <i class="pi pi-chevron-down pr-1 text-primary"></i>
diff --git a/frontend/src/components/courses/CourseDetailCard.vue b/frontend/src/components/courses/CourseDetailCard.vue
index a49b20eb..e5c87cb3 100644
--- a/frontend/src/components/courses/CourseDetailCard.vue
+++ b/frontend/src/components/courses/CourseDetailCard.vue
@@ -28,11 +28,8 @@ const images = Object.keys(
                 class="w-full h-12rem border-round-top"
                 style="object-fit: cover; margin-bottom: -4px"
                 :alt="course.name ?? ''"
-                :src="
-                    images[
-                        Math.ceil(Math.random() * images.length) % images.length
-                    ]
-                " />
+                :src="images[Math.ceil(Math.random() * images.length) % images.length]"
+            />
         </template>
         <template #title>
             <h2 class="text-primary m-0 text-xl">{{ course.name }}</h2>
@@ -44,13 +41,8 @@ const images = Object.keys(
             {{ course.getExcerpt() }}
         </template>
         <template #footer>
-            <RouterLink
-                :to="{ name: 'course', params: { courseId: course.id } }">
-                <Button
-                    :icon="PrimeIcons.ARROW_RIGHT"
-                    :label="t('components.card.open')"
-                    icon-pos="right"
-                    outlined />
+            <RouterLink :to="{ name: 'course', params: { courseId: course.id } }">
+                <Button :icon="PrimeIcons.ARROW_RIGHT" :label="t('components.card.open')" icon-pos="right" outlined />
             </RouterLink>
         </template>
     </Card>
diff --git a/frontend/src/components/courses/CourseGeneralCard.vue b/frontend/src/components/courses/CourseGeneralCard.vue
index 42d6798e..a29ccfce 100644
--- a/frontend/src/components/courses/CourseGeneralCard.vue
+++ b/frontend/src/components/courses/CourseGeneralCard.vue
@@ -35,7 +35,8 @@ function getFacultyIcon(faculty: Faculty): string {
             :src="getFacultyIcon(course.faculty)"
             :alt="course.faculty.name"
             class="absolute top-0 left-0 w-3rem"
-            v-if="course.faculty !== null" />
+            v-if="course.faculty !== null"
+        />
         <div class="h-full flex flex-column justify-content-between">
             <div>
                 <div class="text-primary font-semibold text-lg">
diff --git a/frontend/src/components/courses/CourseList.vue b/frontend/src/components/courses/CourseList.vue
index ec1d1143..5cc39c62 100644
--- a/frontend/src/components/courses/CourseList.vue
+++ b/frontend/src/components/courses/CourseList.vue
@@ -29,7 +29,8 @@ const { t } = useI18n();
                     class="col-12 md:col-6 lg:col-4"
                     :class="'xl:col-' + 12 / cols"
                     v-for="course in courses"
-                    :key="course.id">
+                    :key="course.id"
+                >
                     <CourseDetailCard :course="course" v-if="detail" />
                     <CourseGeneralCard class="h-full" :course="course" v-else />
                 </div>
@@ -41,11 +42,7 @@ const { t } = useI18n();
             </template>
         </template>
         <template v-else>
-            <div
-                class="col-12 md:col-6 lg:col-4"
-                :class="'xl:col-' + 12 / cols"
-                v-for="index in cols"
-                :key="index">
+            <div class="col-12 md:col-6 lg:col-4" :class="'xl:col-' + 12 / cols" v-for="index in cols" :key="index">
                 <Skeleton :height="detail ? '25rem' : '10rem'" />
             </div>
         </template>
diff --git a/frontend/src/components/courses/students/StudentCourseJoinButton.vue b/frontend/src/components/courses/students/StudentCourseJoinButton.vue
index b8b3622b..458379b0 100644
--- a/frontend/src/components/courses/students/StudentCourseJoinButton.vue
+++ b/frontend/src/components/courses/students/StudentCourseJoinButton.vue
@@ -25,17 +25,12 @@ async function joinCourse(): Promise<void> {
 
         addSuccessMessage(
             t('toasts.messages.success'),
-            t('toasts.messages.courses.enrollment.success', [
-                props.course.name,
-            ]),
+            t('toasts.messages.courses.enrollment.success', [props.course.name]),
         );
 
         await refreshUser();
     } catch (error) {
-        addErrorMessage(
-            t('toasts.messages.error'),
-            t('toasts.messages.courses.enrollment.error', [props.course.name]),
-        );
+        addErrorMessage(t('toasts.messages.error'), t('toasts.messages.courses.enrollment.error', [props.course.name]));
     }
 }
 
@@ -53,10 +48,7 @@ async function leaveCourse(): Promise<void> {
 
         await refreshUser();
     } catch (error) {
-        addErrorMessage(
-            t('toasts.messages.error'),
-            t('toasts.messages.courses.leave.error', [props.course.name]),
-        );
+        addErrorMessage(t('toasts.messages.error'), t('toasts.messages.courses.leave.error', [props.course.name]));
     }
 }
 </script>
@@ -69,7 +61,8 @@ async function leaveCourse(): Promise<void> {
         icon="pi pi-arrow-right"
         @click="joinCourse"
         v-if="!student.hasCourse(course)"
-        link />
+        link
+    />
     <Button
         class="text-sm p-0"
         label="Uitschrijven"
@@ -77,7 +70,8 @@ async function leaveCourse(): Promise<void> {
         icon="pi pi-arrow-right"
         @click="leaveCourse"
         v-else
-        link />
+        link
+    />
 </template>
 
 <style scoped lang="scss"></style>
diff --git a/frontend/src/components/layout/Footer.vue b/frontend/src/components/layout/Footer.vue
index 8bb05b5c..3ac8e1bc 100644
--- a/frontend/src/components/layout/Footer.vue
+++ b/frontend/src/components/layout/Footer.vue
@@ -13,10 +13,7 @@ const logo: Record<string, string> = { nl, en };
 <template>
     <div id="footer" class="p-4 py-3">
         <div class="w-full lg:w-2 flex align-items-center py-3">
-            <img
-                class="w-full max-w-9rem"
-                :src="logo[locale]"
-                :alt="t('layout.header.logo')" />
+            <img class="w-full max-w-9rem" :src="logo[locale]" :alt="t('layout.header.logo')" />
         </div>
     </div>
 </template>
diff --git a/frontend/src/components/layout/Header.vue b/frontend/src/components/layout/Header.vue
index 9f34b319..72615863 100644
--- a/frontend/src/components/layout/Header.vue
+++ b/frontend/src/components/layout/Header.vue
@@ -45,31 +45,24 @@ const items = computed(() => [
 <template>
     <div class="flex w-full">
         <div class="w-full lg:w-2 flex align-items-center p-3 lg:pl-0">
-            <img
-                class="w-full max-w-9rem"
-                :src="logo"
-                :alt="t('layout.header.logo')" />
+            <img class="w-full max-w-9rem" :src="logo" :alt="t('layout.header.logo')" />
         </div>
         <div class="flex flex-column w-full lg:w-10">
             <div id="header" class="w-full flex text-white p-4">
                 <div class="flex align-items-end">
                     <h1 class="text-white m-0">Ypovoli</h1>
                 </div>
-                <div
-                    class="text-right ml-auto text-sm flex flex-column align-items-end gap-3">
+                <div class="text-right ml-auto text-sm flex flex-column align-items-end gap-3">
                     <div class="flex align-items-center gap-3">
                         <!-- Role selector -->
-                        <RoleSelector
-                            v-if="user !== null && user.roles.length > 1" />
+                        <RoleSelector v-if="user !== null && user.roles.length > 1" />
                         <!-- Language selector -->
                         <LanguageSelector />
                     </div>
                     <div>
                         <!-- User information -->
                         <template v-if="isAuthenticated && user">
-                            <RouterLink
-                                :to="{ name: 'logout' }"
-                                class="text-white">
+                            <RouterLink :to="{ name: 'logout' }" class="text-white">
                                 Ingelogd als {{ user.getFullName() }}
                             </RouterLink>
                         </template>
@@ -80,7 +73,8 @@ const items = computed(() => [
                                     icon="pi pi-unlock"
                                     :label="t('layout.header.login')"
                                     severity="secondary"
-                                    class="text-sm" />
+                                    class="text-sm"
+                                />
                             </RouterLink>
                         </template>
                     </div>
@@ -89,13 +83,10 @@ const items = computed(() => [
             <!-- Navigation -->
             <div id="navigation" class="w-full h-full flex">
                 <template v-if="isAuthenticated">
-                    <RouterLink
-                        :to="{ name: item.route }"
-                        v-for="item in items"
-                        :key="item.route"
-                        class="nav-item">
+                    <RouterLink :to="{ name: item.route }" v-for="item in items" :key="item.route" class="nav-item">
                         <div
-                            class="flex align-items-center uppercase flex justify-content-center p-3 pl-0 cursor-pointer text-primary font-medium">
+                            class="flex align-items-center uppercase flex justify-content-center p-3 pl-0 cursor-pointer text-primary font-medium"
+                        >
                             <span class="mr-2" :class="'pi pi-' + item.icon" />
                             {{ item.label }}
                         </div>
diff --git a/frontend/src/components/projects/GroupCard.vue b/frontend/src/components/projects/GroupCard.vue
index cf029452..2b0a418c 100644
--- a/frontend/src/components/projects/GroupCard.vue
+++ b/frontend/src/components/projects/GroupCard.vue
@@ -23,9 +23,7 @@ onMounted(async () => {
         <div class="groupcard">
             <h2>{{ t('views.projects.groupMembers') }}</h2>
             <div>
-                <p v-for="student in students" :key="student.id">
-                    {{ student.first_name }} {{ student.last_name }}
-                </p>
+                <p v-for="student in students" :key="student.id">{{ student.first_name }} {{ student.last_name }}</p>
             </div>
         </div>
     </div>
diff --git a/frontend/src/components/projects/ProjectCard.vue b/frontend/src/components/projects/ProjectCard.vue
index 26d297a2..628b329b 100644
--- a/frontend/src/components/projects/ProjectCard.vue
+++ b/frontend/src/components/projects/ProjectCard.vue
@@ -30,25 +30,18 @@ const { t } = useI18n();
 <template>
     <Card class="border-round project-card">
         <template #header>
-            <h2 class="text-primary m-0 text-xl">
-                <span class="pi pi-book text-xl mr-2" /> {{ course.name }}
-            </h2>
+            <h2 class="text-primary m-0 text-xl"><span class="pi pi-book text-xl mr-2" /> {{ course.name }}</h2>
         </template>
         <template #subtitle>
             {{ project.name }}
         </template>
         <template #content>
             <div class="mb-2">
-                <i
-                    :class="['pi', PrimeIcons.CALENDAR_PLUS, 'icon-color']"
-                    class="mr-2"></i>
-                {{ t('views.projects.deadline') }}: {{ formattedDeadline
-                }}<br />
+                <i :class="['pi', PrimeIcons.CALENDAR_PLUS, 'icon-color']" class="mr-2"></i>
+                {{ t('views.projects.deadline') }}: {{ formattedDeadline }}<br />
             </div>
             <div>
-                <i
-                    :class="['pi', PrimeIcons.INFO_CIRCLE, 'icon-color']"
-                    class="mr-2"></i>
+                <i :class="['pi', PrimeIcons.INFO_CIRCLE, 'icon-color']" class="mr-2"></i>
                 {{ t('views.projects.submissionStatus') }}: ok
             </div>
         </template>
@@ -60,12 +53,9 @@ const { t } = useI18n();
                         courseId: course.id,
                         projectId: project.id,
                     },
-                }">
-                <Button
-                    :icon="PrimeIcons.ARROW_RIGHT"
-                    :label="t('components.card.open')"
-                    icon-pos="right"
-                    outlined />
+                }"
+            >
+                <Button :icon="PrimeIcons.ARROW_RIGHT" :label="t('components.card.open')" icon-pos="right" outlined />
             </RouterLink>
         </template>
     </Card>
diff --git a/frontend/src/components/projects/ProjectList.vue b/frontend/src/components/projects/ProjectList.vue
index c84aea6d..03fcc07a 100644
--- a/frontend/src/components/projects/ProjectList.vue
+++ b/frontend/src/components/projects/ProjectList.vue
@@ -20,9 +20,7 @@ const { t } = useI18n();
 const { projects, getProjectsByCourse } = useProject();
 
 /* State */
-const allProjects = computed(() =>
-    props.courses.flatMap((course) => course.projects),
-);
+const allProjects = computed(() => props.courses.flatMap((course) => course.projects));
 
 watch(
     () => props.courses,
@@ -49,14 +47,8 @@ watch(
 <template>
     <template v-if="allProjects.length > 0">
         <div class="grid align-items-stretch">
-            <div
-                class="col-12 md:col-6 lg:col-4 xl:col-3"
-                v-for="project in allProjects"
-                :key="project.id">
-                <ProjectCard
-                    class="h-100"
-                    :project="project"
-                    :course="project.course" />
+            <div class="col-12 md:col-6 lg:col-4 xl:col-3" v-for="project in allProjects" :key="project.id">
+                <ProjectCard class="h-100" :project="project" :course="project.course" />
             </div>
         </div>
     </template>
diff --git a/frontend/src/composables/filters/paginator.ts b/frontend/src/composables/filters/paginator.ts
index 98d2bfb4..c2209677 100644
--- a/frontend/src/composables/filters/paginator.ts
+++ b/frontend/src/composables/filters/paginator.ts
@@ -8,10 +8,7 @@ export interface PaginatorState {
     paginate: (newFirst: number) => Promise<void>;
 }
 
-export function usePaginator(
-    initialPage: number = 1,
-    initialPageSize: number = 20,
-): PaginatorState {
+export function usePaginator(initialPage: number = 1, initialPageSize: number = 20): PaginatorState {
     /* Composables */
     const { query } = useRoute();
     const { push } = useRouter();
@@ -38,8 +35,7 @@ export function usePaginator(
     /* Computed */
     const first = computed({
         get: () => (page.value - 1) * pageSize.value,
-        set: (value: number) =>
-            (page.value = Math.floor(value / pageSize.value) + 1),
+        set: (value: number) => (page.value = Math.floor(value / pageSize.value) + 1),
     });
 
     /**
diff --git a/frontend/src/composables/services/admins.service.ts b/frontend/src/composables/services/admins.service.ts
index 8f031813..45288d95 100644
--- a/frontend/src/composables/services/admins.service.ts
+++ b/frontend/src/composables/services/admins.service.ts
@@ -1,11 +1,6 @@
 import { type Ref, ref } from 'vue';
 import { endpoints } from '@/config/endpoints.ts';
-import {
-    get,
-    getList,
-    create,
-    deleteId,
-} from '@/composables/services/helpers.ts';
+import { get, getList, create, deleteId } from '@/composables/services/helpers.ts';
 import { User } from '@/types/users/User.ts';
 
 interface AdminState {
diff --git a/frontend/src/composables/services/assistant.service.ts b/frontend/src/composables/services/assistant.service.ts
index ae275a47..aa7e6a3f 100644
--- a/frontend/src/composables/services/assistant.service.ts
+++ b/frontend/src/composables/services/assistant.service.ts
@@ -2,13 +2,7 @@ import { Assistant } from '@/types/users/Assistant.ts';
 import { Response } from '@/types/Response';
 import { type Ref, ref } from 'vue';
 import { endpoints } from '@/config/endpoints.ts';
-import {
-    get,
-    getList,
-    create,
-    deleteId,
-    deleteIdWithData,
-} from '@/composables/services/helpers.ts';
+import { get, getList, create, deleteId, deleteIdWithData } from '@/composables/services/helpers.ts';
 import { useCourses } from '@/composables/services/courses.service.ts';
 
 interface AssistantState {
@@ -18,14 +12,8 @@ interface AssistantState {
     getAssistantByID: (id: string, init: boolean) => Promise<void>;
     getAssistantByCourse: (courseId: string) => Promise<void>;
     getAssistants: () => Promise<void>;
-    assistantJoinCourse: (
-        courseId: string,
-        assistantId: string,
-    ) => Promise<void>;
-    assistantLeaveCourse: (
-        courseId: string,
-        assistantId: string,
-    ) => Promise<void>;
+    assistantJoinCourse: (courseId: string, assistantId: string) => Promise<void>;
+    assistantLeaveCourse: (courseId: string, assistantId: string) => Promise<void>;
     createAssistant: (assistantData: Assistant) => Promise<void>;
     deleteAssistant: (id: string) => Promise<void>;
 }
@@ -39,10 +27,7 @@ export function useAssistant(): AssistantState {
     /* Nested state */
     const { courses, getCourseByAssistant } = useCourses();
 
-    async function getAssistantByID(
-        id: string,
-        init: boolean = false,
-    ): Promise<void> {
+    async function getAssistantByID(id: string, init: boolean = false): Promise<void> {
         const endpoint = endpoints.assistants.retrieve.replace('{id}', id);
         await get<Assistant>(endpoint, assistant, Assistant.fromJSON);
 
@@ -52,10 +37,7 @@ export function useAssistant(): AssistantState {
     }
 
     async function getAssistantByCourse(courseId: string): Promise<void> {
-        const endpoint = endpoints.assistants.byCourse.replace(
-            '{courseId}',
-            courseId,
-        );
+        const endpoint = endpoints.assistants.byCourse.replace('{courseId}', courseId);
         await get<Assistant>(endpoint, assistant, Assistant.fromJSON);
     }
 
@@ -64,36 +46,14 @@ export function useAssistant(): AssistantState {
         await getList<Assistant>(endpoint, assistants, Assistant.fromJSON);
     }
 
-    async function assistantJoinCourse(
-        courseId: string,
-        assistantId: string,
-    ): Promise<void> {
-        const endpoint = endpoints.assistants.byCourse.replace(
-            '{courseId}',
-            courseId,
-        );
-        await create<Response>(
-            endpoint,
-            { assistantId },
-            response,
-            Response.fromJSON,
-        );
+    async function assistantJoinCourse(courseId: string, assistantId: string): Promise<void> {
+        const endpoint = endpoints.assistants.byCourse.replace('{courseId}', courseId);
+        await create<Response>(endpoint, { assistantId }, response, Response.fromJSON);
     }
 
-    async function assistantLeaveCourse(
-        courseId: string,
-        assistantId: string,
-    ): Promise<void> {
-        const endpoint = endpoints.assistants.byCourse.replace(
-            '{courseId}',
-            courseId,
-        );
-        await deleteIdWithData<Response>(
-            endpoint,
-            { assistantId },
-            response,
-            Response.fromJSON,
-        );
+    async function assistantLeaveCourse(courseId: string, assistantId: string): Promise<void> {
+        const endpoint = endpoints.assistants.byCourse.replace('{courseId}', courseId);
+        await deleteIdWithData<Response>(endpoint, { assistantId }, response, Response.fromJSON);
     }
 
     async function createAssistant(assistantData: Assistant): Promise<void> {
diff --git a/frontend/src/composables/services/courses.service.ts b/frontend/src/composables/services/courses.service.ts
index bb356e23..2cfe0620 100644
--- a/frontend/src/composables/services/courses.service.ts
+++ b/frontend/src/composables/services/courses.service.ts
@@ -1,13 +1,7 @@
 import { Course } from '@/types/Course.ts';
 import { type Ref, ref } from 'vue';
 import { endpoints } from '@/config/endpoints.ts';
-import {
-    get,
-    getList,
-    create,
-    deleteId,
-    getPaginatedList,
-} from '@/composables/services/helpers.ts';
+import { get, getList, create, deleteId, getPaginatedList } from '@/composables/services/helpers.ts';
 import { type PaginatorResponse } from '@/types/filter/Paginator.ts';
 import { type Filter } from '@/types/filter/Filter.ts';
 
@@ -17,11 +11,7 @@ interface CoursesState {
     course: Ref<Course | null>;
     getCourseByID: (id: string) => Promise<void>;
     getCourses: () => Promise<void>;
-    searchCourses: (
-        filters: Filter,
-        page: number,
-        pageSize: number,
-    ) => Promise<void>;
+    searchCourses: (filters: Filter, page: number, pageSize: number) => Promise<void>;
     getCoursesByStudent: (studentId: string) => Promise<void>;
     getCoursesByTeacher: (teacherId: string) => Promise<void>;
     getCourseByAssistant: (assistantId: string) => Promise<void>;
@@ -45,43 +35,23 @@ export function useCourses(): CoursesState {
         await getList<Course>(endpoint, courses, Course.fromJSON);
     }
 
-    async function searchCourses(
-        filters: Filter,
-        page: number,
-        pageSize: number,
-    ): Promise<void> {
+    async function searchCourses(filters: Filter, page: number, pageSize: number): Promise<void> {
         const endpoint = endpoints.courses.search;
-        await getPaginatedList<Course>(
-            endpoint,
-            filters,
-            page,
-            pageSize,
-            pagination,
-            Course.fromJSON,
-        );
+        await getPaginatedList<Course>(endpoint, filters, page, pageSize, pagination, Course.fromJSON);
     }
 
     async function getCoursesByStudent(studentId: string): Promise<void> {
-        const endpoint = endpoints.courses.byStudent.replace(
-            '{studentId}',
-            studentId,
-        );
+        const endpoint = endpoints.courses.byStudent.replace('{studentId}', studentId);
         await getList<Course>(endpoint, courses, Course.fromJSON);
     }
 
     async function getCoursesByTeacher(teacherId: string): Promise<void> {
-        const endpoint = endpoints.courses.byTeacher.replace(
-            '{teacherId}',
-            teacherId,
-        );
+        const endpoint = endpoints.courses.byTeacher.replace('{teacherId}', teacherId);
         await getList<Course>(endpoint, courses, Course.fromJSON);
     }
 
     async function getCourseByAssistant(assistantId: string): Promise<void> {
-        const endpoint = endpoints.courses.byAssistant.replace(
-            '{assistantId}',
-            assistantId,
-        );
+        const endpoint = endpoints.courses.byAssistant.replace('{assistantId}', assistantId);
         await getList<Course>(endpoint, courses, Course.fromJSON);
     }
 
@@ -99,20 +69,9 @@ export function useCourses(): CoursesState {
         );
     }
 
-    async function cloneCourse(
-        courseId: string,
-        cloneAssistants: boolean,
-    ): Promise<void> {
-        const endpoint = endpoints.courses.clone.replace(
-            '{courseId}',
-            courseId,
-        );
-        await create<Course>(
-            endpoint,
-            { cloneAssistants: cloneAssistants.toString() },
-            course,
-            Course.fromJSON,
-        );
+    async function cloneCourse(courseId: string, cloneAssistants: boolean): Promise<void> {
+        const endpoint = endpoints.courses.clone.replace('{courseId}', courseId);
+        await create<Course>(endpoint, { cloneAssistants: cloneAssistants.toString() }, course, Course.fromJSON);
     }
 
     async function deleteCourse(id: string): Promise<void> {
diff --git a/frontend/src/composables/services/faculties.service.ts b/frontend/src/composables/services/faculties.service.ts
index e516ccdb..9b298378 100644
--- a/frontend/src/composables/services/faculties.service.ts
+++ b/frontend/src/composables/services/faculties.service.ts
@@ -1,12 +1,7 @@
 import { Faculty } from '@/types/Faculty.ts';
 import { type Ref, ref } from 'vue';
 import { endpoints } from '@/config/endpoints.ts';
-import {
-    get,
-    getList,
-    create,
-    deleteId,
-} from '@/composables/services/helpers.ts';
+import { get, getList, create, deleteId } from '@/composables/services/helpers.ts';
 
 interface FacultyState {
     faculties: Ref<Faculty[] | null>;
@@ -33,12 +28,7 @@ export function useFaculty(): FacultyState {
 
     async function createFaculty(facultyData: Faculty): Promise<void> {
         const endpoint = endpoints.faculties.index;
-        await create<Faculty>(
-            endpoint,
-            { name: facultyData.name },
-            faculty,
-            Faculty.fromJSON,
-        );
+        await create<Faculty>(endpoint, { name: facultyData.name }, faculty, Faculty.fromJSON);
     }
 
     async function deleteFaculty(id: string): Promise<void> {
diff --git a/frontend/src/composables/services/groups.service.ts b/frontend/src/composables/services/groups.service.ts
index 6b8057c4..e56b5dc1 100644
--- a/frontend/src/composables/services/groups.service.ts
+++ b/frontend/src/composables/services/groups.service.ts
@@ -1,12 +1,7 @@
 import { Group } from '@/types/Group.ts';
 import { type Ref, ref } from 'vue';
 import { endpoints } from '@/config/endpoints.ts';
-import {
-    get,
-    getList,
-    create,
-    deleteId,
-} from '@/composables/services/helpers.ts';
+import { get, getList, create, deleteId } from '@/composables/services/helpers.ts';
 
 interface GroupState {
     groups: Ref<Group[] | null>;
@@ -28,29 +23,17 @@ export function useGroup(): GroupState {
     }
 
     async function getGroupsByProject(projectId: string): Promise<void> {
-        const endpoint = endpoints.groups.byProject.replace(
-            '{projectId}',
-            projectId,
-        );
+        const endpoint = endpoints.groups.byProject.replace('{projectId}', projectId);
         await getList<Group>(endpoint, groups, Group.fromJSON);
     }
 
     async function getGroupsByStudent(studentId: string): Promise<void> {
-        const endpoint = endpoints.groups.byStudent.replace(
-            '{studentId}',
-            studentId,
-        );
+        const endpoint = endpoints.groups.byStudent.replace('{studentId}', studentId);
         await getList<Group>(endpoint, groups, Group.fromJSON);
     }
 
-    async function createGroup(
-        groupData: Group,
-        projectId: string,
-    ): Promise<void> {
-        const endpoint = endpoints.groups.byProject.replace(
-            '{projectId}',
-            projectId,
-        );
+    async function createGroup(groupData: Group, projectId: string): Promise<void> {
+        const endpoint = endpoints.groups.byProject.replace('{projectId}', projectId);
         await create<Group>(
             endpoint,
             {
diff --git a/frontend/src/composables/services/helpers.ts b/frontend/src/composables/services/helpers.ts
index ac77df4f..26e40da2 100644
--- a/frontend/src/composables/services/helpers.ts
+++ b/frontend/src/composables/services/helpers.ts
@@ -13,11 +13,7 @@ import { type Filter } from '@/types/filter/Filter.ts';
  * @param ref
  * @param fromJson
  */
-export async function get<T>(
-    endpoint: string,
-    ref: Ref<T | null>,
-    fromJson: (data: any) => T,
-): Promise<void> {
+export async function get<T>(endpoint: string, ref: Ref<T | null>, fromJson: (data: any) => T): Promise<void> {
     try {
         const response = await client.get(endpoint);
         ref.value = fromJson(response.data);
@@ -59,11 +55,7 @@ export async function create<T>(
  * @param ref
  * @param fromJson
  */
-export async function deleteId<T>(
-    endpoint: string,
-    ref: Ref<T | null>,
-    fromJson: (data: any) => T,
-): Promise<void> {
+export async function deleteId<T>(endpoint: string, ref: Ref<T | null>, fromJson: (data: any) => T): Promise<void> {
     try {
         const response = await client.delete(endpoint);
         ref.value = fromJson(response.data);
@@ -105,11 +97,7 @@ export async function deleteIdWithData<T>(
  * @param ref
  * @param fromJson
  */
-export async function getList<T>(
-    endpoint: string,
-    ref: Ref<T[] | null>,
-    fromJson: (data: any) => T,
-): Promise<void> {
+export async function getList<T>(endpoint: string, ref: Ref<T[] | null>, fromJson: (data: any) => T): Promise<void> {
     try {
         const response = await client.get(endpoint);
         ref.value = response.data.map((data: T) => fromJson(data));
@@ -185,9 +173,7 @@ export async function getListMerged<T>(
     for (const endpoint of endpoints) {
         try {
             const response = await client.get(endpoint);
-            const responseData: T[] = response.data.map((data: T) =>
-                fromJson(data),
-            );
+            const responseData: T[] = response.data.map((data: T) => fromJson(data));
             allData.push(...responseData); // Merge into the allData array
         } catch (error: any) {
             processError(error);
@@ -217,14 +203,8 @@ export function processError(error: any): void {
         const status = error.response.status;
 
         if (status === 404) {
-            addErrorMessage(
-                t('composables.helpers.errors.notFound'),
-                t('composables.helpers.errors.notFoundDetail'),
-            );
-        } else if (
-            error.response.status === 401 ||
-            error.response.status === 403
-        ) {
+            addErrorMessage(t('composables.helpers.errors.notFound'), t('composables.helpers.errors.notFoundDetail'));
+        } else if (error.response.status === 401 || error.response.status === 403) {
             addErrorMessage(
                 t('composables.helpers.errors.unauthorized'),
                 t('composables.helpers.errors.unauthorizedDetail'),
@@ -239,23 +219,14 @@ export function processError(error: any): void {
                     message = response[key].join(', ');
                 }
 
-                addErrorMessage(
-                    t('composables.helpers.errors.server'),
-                    message,
-                );
+                addErrorMessage(t('composables.helpers.errors.server'), message);
             }
         }
     } else if (error.request !== undefined && error.request !== null) {
         // The request was made but no response was received
-        addErrorMessage(
-            t('composables.helpers.errors.network'),
-            t('composables.helpers.errors.networkDetail'),
-        );
+        addErrorMessage(t('composables.helpers.errors.network'), t('composables.helpers.errors.networkDetail'));
     } else {
         // Something happened in setting up the request that triggered an error
-        addErrorMessage(
-            t('composables.helpers.errors.request'),
-            t('composables.helpers.errors.requestDetail'),
-        );
+        addErrorMessage(t('composables.helpers.errors.request'), t('composables.helpers.errors.requestDetail'));
     }
 }
diff --git a/frontend/src/composables/services/project.service.ts b/frontend/src/composables/services/project.service.ts
index cb26ec82..4e39187f 100644
--- a/frontend/src/composables/services/project.service.ts
+++ b/frontend/src/composables/services/project.service.ts
@@ -3,14 +3,7 @@ import { Course } from '@/types/Course';
 import { type Ref, ref } from 'vue';
 import { endpoints } from '@/config/endpoints.ts';
 import axios from 'axios';
-import {
-    get,
-    getList,
-    getListMerged,
-    create,
-    deleteId,
-    processError,
-} from '@/composables/services/helpers.ts';
+import { get, getList, getListMerged, create, deleteId, processError } from '@/composables/services/helpers.ts';
 
 interface ProjectState {
     projects: Ref<Project[] | null>;
@@ -18,10 +11,7 @@ interface ProjectState {
     getProjectByID: (id: string) => Promise<void>;
     getProjectsByCourse: (courseId: string) => Promise<void>;
     getProjectsByStudent: (studentId: string) => Promise<void>;
-    getProjectsByCourseAndDeadline: (
-        courseId: string,
-        deadlineDate: Date,
-    ) => Promise<void>;
+    getProjectsByCourseAndDeadline: (courseId: string, deadlineDate: Date) => Promise<void>;
     createProject: (projectData: Project, courseId: string) => Promise<void>;
     deleteProject: (id: string) => Promise<void>;
 }
@@ -36,18 +26,12 @@ export function useProject(): ProjectState {
     }
 
     async function getProjectsByCourse(courseId: string): Promise<void> {
-        const endpoint = endpoints.projects.byCourse.replace(
-            '{courseId}',
-            courseId,
-        );
+        const endpoint = endpoints.projects.byCourse.replace('{courseId}', courseId);
         await getList<Project>(endpoint, projects, Project.fromJSON);
     }
 
     async function getProjectsByStudent(studentId: string): Promise<void> {
-        const endpoint = endpoints.courses.byStudent.replace(
-            '{studentId}',
-            studentId,
-        );
+        const endpoint = endpoints.courses.byStudent.replace('{studentId}', studentId);
         const courses = ref<Course[] | null>(null);
         await getList<Course>(endpoint, courses, Course.fromJSON);
 
@@ -57,43 +41,25 @@ export function useProject(): ProjectState {
             coursesValue = [];
         }
         for (const course of coursesValue) {
-            endpList.push(
-                endpoints.projects.byCourse.replace(
-                    '{courseId}',
-                    course.id.toString(),
-                ),
-            );
+            endpList.push(endpoints.projects.byCourse.replace('{courseId}', course.id.toString()));
         }
 
         await getListMerged<Project>(endpList, projects, Project.fromJSON);
     }
 
-    async function getProjectsByCourseAndDeadline(
-        courseId: string,
-        deadlineDate: Date,
-    ): Promise<void> {
-        const endpoint = endpoints.projects.byCourse.replace(
-            '{courseId}',
-            courseId,
-        );
+    async function getProjectsByCourseAndDeadline(courseId: string, deadlineDate: Date): Promise<void> {
+        const endpoint = endpoints.projects.byCourse.replace('{courseId}', courseId);
 
         await axios
             .get(endpoint)
             .then((response) => {
-                const allProjects = response.data.map((projectData: Project) =>
-                    Project.fromJSON(projectData),
-                );
+                const allProjects = response.data.map((projectData: Project) => Project.fromJSON(projectData));
 
                 // Filter projects based on the deadline date
-                const projectsWithMatchingDeadline = allProjects.filter(
-                    (project: Project) => {
-                        const projectDeadlineDate = project.deadline;
-                        return (
-                            projectDeadlineDate.toDateString() ===
-                            deadlineDate.toDateString()
-                        );
-                    },
-                );
+                const projectsWithMatchingDeadline = allProjects.filter((project: Project) => {
+                    const projectDeadlineDate = project.deadline;
+                    return projectDeadlineDate.toDateString() === deadlineDate.toDateString();
+                });
 
                 // Update the projects ref with the filtered projects
                 projects.value = projectsWithMatchingDeadline;
@@ -108,14 +74,8 @@ export function useProject(): ProjectState {
             });
     }
 
-    async function createProject(
-        projectData: Project,
-        courseId: string,
-    ): Promise<void> {
-        const endpoint = endpoints.projects.byCourse.replace(
-            '{courseId}',
-            courseId,
-        );
+    async function createProject(projectData: Project, courseId: string): Promise<void> {
+        const endpoint = endpoints.projects.byCourse.replace('{courseId}', courseId);
         await create<Project>(
             endpoint,
             {
diff --git a/frontend/src/composables/services/structure_check.service.ts b/frontend/src/composables/services/structure_check.service.ts
index 3bcb3a61..cfc89d90 100644
--- a/frontend/src/composables/services/structure_check.service.ts
+++ b/frontend/src/composables/services/structure_check.service.ts
@@ -1,22 +1,14 @@
 import { StructureCheck } from '@/types/StructureCheck.ts';
 import { type Ref, ref } from 'vue';
 import { endpoints } from '@/config/endpoints.ts';
-import {
-    get,
-    getList,
-    create,
-    deleteId,
-} from '@/composables/services/helpers.ts';
+import { get, getList, create, deleteId } from '@/composables/services/helpers.ts';
 
 interface StructureCheckState {
     structureChecks: Ref<StructureCheck[] | null>;
     structureCheck: Ref<StructureCheck | null>;
     getStructureCheckByID: (id: string) => Promise<void>;
     getStructureCheckByProject: (projectId: string) => Promise<void>;
-    createStructureCheck: (
-        structureCheckData: StructureCheck,
-        projectId: string,
-    ) => Promise<void>;
+    createStructureCheck: (structureCheckData: StructureCheck, projectId: string) => Promise<void>;
     deleteStructureCheck: (id: string) => Promise<void>;
 }
 
@@ -26,35 +18,16 @@ export function useStructureCheck(): StructureCheckState {
 
     async function getStructureCheckByID(id: string): Promise<void> {
         const endpoint = endpoints.structureChecks.retrieve.replace('{id}', id);
-        await get<StructureCheck>(
-            endpoint,
-            structureCheck,
-            StructureCheck.fromJSON,
-        );
+        await get<StructureCheck>(endpoint, structureCheck, StructureCheck.fromJSON);
     }
 
-    async function getStructureCheckByProject(
-        projectId: string,
-    ): Promise<void> {
-        const endpoint = endpoints.structureChecks.byProject.replace(
-            '{projectId}',
-            projectId,
-        );
-        await getList<StructureCheck>(
-            endpoint,
-            structureChecks,
-            StructureCheck.fromJSON,
-        );
+    async function getStructureCheckByProject(projectId: string): Promise<void> {
+        const endpoint = endpoints.structureChecks.byProject.replace('{projectId}', projectId);
+        await getList<StructureCheck>(endpoint, structureChecks, StructureCheck.fromJSON);
     }
 
-    async function createStructureCheck(
-        structureCheckData: StructureCheck,
-        projectId: string,
-    ): Promise<void> {
-        const endpoint = endpoints.structureChecks.byProject.replace(
-            '{projectId}',
-            projectId,
-        );
+    async function createStructureCheck(structureCheckData: StructureCheck, projectId: string): Promise<void> {
+        const endpoint = endpoints.structureChecks.byProject.replace('{projectId}', projectId);
         await create<StructureCheck>(
             endpoint,
             {
@@ -67,11 +40,7 @@ export function useStructureCheck(): StructureCheckState {
 
     async function deleteStructureCheck(id: string): Promise<void> {
         const endpoint = endpoints.structureChecks.retrieve.replace('{id}', id);
-        await deleteId<StructureCheck>(
-            endpoint,
-            structureCheck,
-            StructureCheck.fromJSON,
-        );
+        await deleteId<StructureCheck>(endpoint, structureCheck, StructureCheck.fromJSON);
     }
 
     return {
diff --git a/frontend/src/composables/services/students.service.ts b/frontend/src/composables/services/students.service.ts
index d52ff179..d1931a07 100644
--- a/frontend/src/composables/services/students.service.ts
+++ b/frontend/src/composables/services/students.service.ts
@@ -2,13 +2,7 @@ import { Student } from '@/types/users/Student.ts';
 import { Response } from '@/types/Response';
 import { type Ref, ref } from 'vue';
 import { endpoints } from '@/config/endpoints.ts';
-import {
-    get,
-    getList,
-    create,
-    deleteId,
-    deleteIdWithData,
-} from '@/composables/services/helpers.ts';
+import { get, getList, create, deleteId, deleteIdWithData } from '@/composables/services/helpers.ts';
 import { useCourses } from '@/composables/services/courses.service.ts';
 
 interface StudentsState {
@@ -36,10 +30,7 @@ export function useStudents(): StudentsState {
     /* Nested state */
     const { courses, getCoursesByStudent } = useCourses();
 
-    async function getStudentByID(
-        id: string,
-        init: boolean = false,
-    ): Promise<void> {
+    async function getStudentByID(id: string, init: boolean = false): Promise<void> {
         const endpoint = endpoints.students.retrieve.replace('{id}', id);
         await get<Student>(endpoint, student, Student.fromJSON);
 
@@ -54,83 +45,33 @@ export function useStudents(): StudentsState {
     }
 
     async function getStudentsByCourse(courseId: string): Promise<void> {
-        const endpoint = endpoints.students.byCourse.replace(
-            '{courseId}',
-            courseId,
-        );
+        const endpoint = endpoints.students.byCourse.replace('{courseId}', courseId);
         await getList<Student>(endpoint, students, Student.fromJSON);
     }
 
     async function getStudentsByGroup(groupId: string): Promise<void> {
-        const endpoint = endpoints.students.byGroup.replace(
-            '{groupId}',
-            groupId,
-        );
+        const endpoint = endpoints.students.byGroup.replace('{groupId}', groupId);
         await getList<Student>(endpoint, students, Student.fromJSON);
     }
 
-    async function studentJoinCourse(
-        courseId: string,
-        studentId: string,
-    ): Promise<void> {
-        const endpoint = endpoints.students.byCourse.replace(
-            '{courseId}',
-            courseId,
-        );
-        await create<Response>(
-            endpoint,
-            { student_id: studentId },
-            response,
-            Response.fromJSON,
-        );
+    async function studentJoinCourse(courseId: string, studentId: string): Promise<void> {
+        const endpoint = endpoints.students.byCourse.replace('{courseId}', courseId);
+        await create<Response>(endpoint, { student_id: studentId }, response, Response.fromJSON);
     }
 
-    async function studentLeaveCourse(
-        courseId: string,
-        studentId: string,
-    ): Promise<void> {
-        const endpoint = endpoints.students.byCourse.replace(
-            '{courseId}',
-            courseId,
-        );
-        await deleteIdWithData<Response>(
-            endpoint,
-            { student_id: studentId },
-            response,
-            Response.fromJSON,
-        );
+    async function studentLeaveCourse(courseId: string, studentId: string): Promise<void> {
+        const endpoint = endpoints.students.byCourse.replace('{courseId}', courseId);
+        await deleteIdWithData<Response>(endpoint, { student_id: studentId }, response, Response.fromJSON);
     }
 
-    async function studentJoinGroup(
-        groupId: string,
-        studentId: string,
-    ): Promise<void> {
-        const endpoint = endpoints.students.byGroup.replace(
-            '{groupId}',
-            groupId,
-        );
-        await create<Response>(
-            endpoint,
-            { student_id: studentId },
-            response,
-            Response.fromJSON,
-        );
+    async function studentJoinGroup(groupId: string, studentId: string): Promise<void> {
+        const endpoint = endpoints.students.byGroup.replace('{groupId}', groupId);
+        await create<Response>(endpoint, { student_id: studentId }, response, Response.fromJSON);
     }
 
-    async function studentLeaveGroup(
-        groupId: string,
-        studentId: string,
-    ): Promise<void> {
-        const endpoint = endpoints.students.byGroup.replace(
-            '{groupId}',
-            groupId,
-        );
-        await deleteIdWithData<Response>(
-            endpoint,
-            { student_id: studentId },
-            response,
-            Response.fromJSON,
-        );
+    async function studentLeaveGroup(groupId: string, studentId: string): Promise<void> {
+        const endpoint = endpoints.students.byGroup.replace('{groupId}', groupId);
+        await deleteIdWithData<Response>(endpoint, { student_id: studentId }, response, Response.fromJSON);
     }
 
     async function createStudent(studentData: Student): Promise<void> {
diff --git a/frontend/src/composables/services/submission.service.ts b/frontend/src/composables/services/submission.service.ts
index cb264bf4..a2cc0c76 100644
--- a/frontend/src/composables/services/submission.service.ts
+++ b/frontend/src/composables/services/submission.service.ts
@@ -1,12 +1,7 @@
 import { Submission } from '@/types/Submission.ts';
 import { type Ref, ref } from 'vue';
 import { endpoints } from '@/config/endpoints.ts';
-import {
-    get,
-    getList,
-    create,
-    deleteId,
-} from '@/composables/services/helpers.ts';
+import { get, getList, create, deleteId } from '@/composables/services/helpers.ts';
 
 interface SubmissionState {
     submissions: Ref<Submission[] | null>;
@@ -14,10 +9,7 @@ interface SubmissionState {
     getSubmissionByID: (id: string) => Promise<void>;
     getSubmissionByProject: (projectId: string) => Promise<void>;
     getSubmissionByGroup: (groupId: string) => Promise<void>;
-    createSubmission: (
-        submissionData: Submission,
-        groupId: string,
-    ) => Promise<void>;
+    createSubmission: (submissionData: Submission, groupId: string) => Promise<void>;
     deleteSubmission: (id: string) => Promise<void>;
 }
 
@@ -31,29 +23,17 @@ export function useSubmission(): SubmissionState {
     }
 
     async function getSubmissionByProject(projectId: string): Promise<void> {
-        const endpoint = endpoints.submissions.byProject.replace(
-            '{projectId}',
-            projectId,
-        );
+        const endpoint = endpoints.submissions.byProject.replace('{projectId}', projectId);
         await getList<Submission>(endpoint, submissions, Submission.fromJSON);
     }
 
     async function getSubmissionByGroup(groupId: string): Promise<void> {
-        const endpoint = endpoints.submissions.byGroup.replace(
-            '{groupId}',
-            groupId,
-        );
+        const endpoint = endpoints.submissions.byGroup.replace('{groupId}', groupId);
         await getList<Submission>(endpoint, submissions, Submission.fromJSON);
     }
 
-    async function createSubmission(
-        submissionData: Submission,
-        groupId: string,
-    ): Promise<void> {
-        const endpoint = endpoints.submissions.byGroup.replace(
-            '{groupId}',
-            groupId,
-        );
+    async function createSubmission(submissionData: Submission, groupId: string): Promise<void> {
+        const endpoint = endpoints.submissions.byGroup.replace('{groupId}', groupId);
         await create<Submission>(
             endpoint,
             {
diff --git a/frontend/src/composables/services/submission_status.service.ts b/frontend/src/composables/services/submission_status.service.ts
index 967e53d6..77174b7a 100644
--- a/frontend/src/composables/services/submission_status.service.ts
+++ b/frontend/src/composables/services/submission_status.service.ts
@@ -11,18 +11,9 @@ interface SubmissionStatusState {
 export function useSubmissionStatus(): SubmissionStatusState {
     const submissionStatus = ref<SubmissionStatus | null>(null);
 
-    async function getSubmissionStatusByProject(
-        projectId: string,
-    ): Promise<void> {
-        const endpoint = endpoints.submissions.status.replace(
-            '{projectId}',
-            projectId,
-        );
-        await get<SubmissionStatus>(
-            endpoint,
-            submissionStatus,
-            SubmissionStatus.fromJSON,
-        );
+    async function getSubmissionStatusByProject(projectId: string): Promise<void> {
+        const endpoint = endpoints.submissions.status.replace('{projectId}', projectId);
+        await get<SubmissionStatus>(endpoint, submissionStatus, SubmissionStatus.fromJSON);
     }
 
     return {
diff --git a/frontend/src/composables/services/teachers.service.ts b/frontend/src/composables/services/teachers.service.ts
index b5915ed3..22ada208 100644
--- a/frontend/src/composables/services/teachers.service.ts
+++ b/frontend/src/composables/services/teachers.service.ts
@@ -3,13 +3,7 @@ import { Teacher } from '@/types/users/Teacher.ts';
 import { Response } from '@/types/Response';
 import { type Ref, ref } from 'vue';
 import { endpoints } from '@/config/endpoints.ts';
-import {
-    get,
-    getList,
-    create,
-    deleteId,
-    deleteIdWithData,
-} from '@/composables/services/helpers.ts';
+import { get, getList, create, deleteId, deleteIdWithData } from '@/composables/services/helpers.ts';
 import { useCourses } from '@/composables/services/courses.service.ts';
 
 interface TeacherState {
@@ -34,10 +28,7 @@ export function useTeacher(): TeacherState {
     /* Nested state */
     const { courses, getCoursesByTeacher } = useCourses();
 
-    async function getTeacherByID(
-        id: string,
-        init: boolean = false,
-    ): Promise<void> {
+    async function getTeacherByID(id: string, init: boolean = false): Promise<void> {
         const endpoint = endpoints.teachers.retrieve.replace('{id}', id);
         await get<Teacher>(endpoint, teacher, Teacher.fromJSON);
 
@@ -47,10 +38,7 @@ export function useTeacher(): TeacherState {
     }
 
     async function getTeacherByCourse(courseId: string): Promise<void> {
-        const endpoint = endpoints.teachers.byCourse.replace(
-            '{courseId}',
-            courseId,
-        );
+        const endpoint = endpoints.teachers.byCourse.replace('{courseId}', courseId);
         await get<Teacher>(endpoint, teacher, Teacher.fromJSON);
     }
 
@@ -59,36 +47,14 @@ export function useTeacher(): TeacherState {
         await getList<Teacher>(endpoint, teachers, Teacher.fromJSON);
     }
 
-    async function teacherJoinCourse(
-        courseId: string,
-        teacherId: string,
-    ): Promise<void> {
-        const endpoint = endpoints.teachers.byCourse.replace(
-            '{courseId}',
-            courseId,
-        );
-        await create<Response>(
-            endpoint,
-            { teacherId },
-            response,
-            Response.fromJSON,
-        );
+    async function teacherJoinCourse(courseId: string, teacherId: string): Promise<void> {
+        const endpoint = endpoints.teachers.byCourse.replace('{courseId}', courseId);
+        await create<Response>(endpoint, { teacherId }, response, Response.fromJSON);
     }
 
-    async function teacherLeaveCourse(
-        courseId: string,
-        teacherId: string,
-    ): Promise<void> {
-        const endpoint = endpoints.teachers.byCourse.replace(
-            '{courseId}',
-            courseId,
-        );
-        await deleteIdWithData<Response>(
-            endpoint,
-            { teacherId },
-            response,
-            Response.fromJSON,
-        );
+    async function teacherLeaveCourse(courseId: string, teacherId: string): Promise<void> {
+        const endpoint = endpoints.teachers.byCourse.replace('{courseId}', courseId);
+        await deleteIdWithData<Response>(endpoint, { teacherId }, response, Response.fromJSON);
     }
 
     async function createTeacher(teacherData: Teacher): Promise<void> {
diff --git a/frontend/src/router/guards/authentication.guard.ts b/frontend/src/router/guards/authentication.guard.ts
index 1210d547..068a50ad 100644
--- a/frontend/src/router/guards/authentication.guard.ts
+++ b/frontend/src/router/guards/authentication.guard.ts
@@ -2,9 +2,7 @@ import { type RouteLocationNormalized } from 'vue-router';
 import { useAuthStore } from '@/store/authentication.store.ts';
 import { storeToRefs } from 'pinia';
 
-export async function AuthenticationGuard(
-    to: RouteLocationNormalized,
-): Promise<{ name: string } | undefined> {
+export async function AuthenticationGuard(to: RouteLocationNormalized): Promise<{ name: string } | undefined> {
     const { refreshUser } = useAuthStore();
     const { intent } = storeToRefs(useAuthStore());
 
diff --git a/frontend/src/router/guards/logout.guard.ts b/frontend/src/router/guards/logout.guard.ts
index 008363f8..5840b33f 100644
--- a/frontend/src/router/guards/logout.guard.ts
+++ b/frontend/src/router/guards/logout.guard.ts
@@ -1,7 +1,4 @@
-import {
-    type NavigationGuardNext,
-    type RouteLocationNormalized,
-} from 'vue-router';
+import { type NavigationGuardNext, type RouteLocationNormalized } from 'vue-router';
 import { useAuthStore } from '@/store/authentication.store.ts';
 
 export async function LogoutGuard(
diff --git a/frontend/src/router/router.ts b/frontend/src/router/router.ts
index 2e559674..d0d87a26 100644
--- a/frontend/src/router/router.ts
+++ b/frontend/src/router/router.ts
@@ -8,11 +8,7 @@ import Dummy from '@/components/Dummy.vue';
 import LoginView from '@/views/authentication/LoginView.vue';
 import CalendarView from '@/views/calendar/CalendarView.vue';
 import VerifyView from '@/views/authentication/VerifyView.vue';
-import {
-    type RouteRecordRaw,
-    createWebHistory,
-    createRouter,
-} from 'vue-router';
+import { type RouteRecordRaw, createWebHistory, createRouter } from 'vue-router';
 import { AuthenticationGuard } from '@/router/guards/authentication.guard.ts';
 import { LogoutGuard } from '@/router/guards/logout.guard.ts';
 import ProjectView from '@/views/projects/ProjectView.vue';
diff --git a/frontend/src/store/authentication.store.ts b/frontend/src/store/authentication.store.ts
index a069588c..e6bf4ef3 100644
--- a/frontend/src/store/authentication.store.ts
+++ b/frontend/src/store/authentication.store.ts
@@ -91,10 +91,7 @@ export const useAuthStore = defineStore('auth', () => {
             // Get the role information.
             await initUser();
         } catch (error: any) {
-            addErrorMessage(
-                error.response.statusText as string,
-                error.response.data.detail as string,
-            );
+            addErrorMessage(error.response.statusText as string, error.response.data.detail as string);
         }
     }
 
@@ -114,15 +111,9 @@ export const useAuthStore = defineStore('auth', () => {
                 ticket,
             });
 
-            addSuccessMessage(
-                t('toasts.messages.success'),
-                t('toasts.messages.login.success'),
-            );
+            addSuccessMessage(t('toasts.messages.success'), t('toasts.messages.login.success'));
         } catch (error: any) {
-            addErrorMessage(
-                t('toasts.messages.error'),
-                error.response.data.detail as string,
-            );
+            addErrorMessage(t('toasts.messages.error'), error.response.data.detail as string);
         }
     }
 
diff --git a/frontend/src/test/unit/admin_service.test.ts b/frontend/src/test/unit/admin_service.test.ts
index cc7c39d5..415f300d 100644
--- a/frontend/src/test/unit/admin_service.test.ts
+++ b/frontend/src/test/unit/admin_service.test.ts
@@ -22,12 +22,8 @@ describe('admin', (): void => {
         expect(admin.value?.first_name).toBe('Tybo');
         expect(admin.value?.last_name).toBe('Verslype');
         expect(admin.value?.last_enrolled).toBe(2023);
-        expect(admin.value?.last_login).toEqual(
-            new Date('July 23, 2024 01:15:00'),
-        );
-        expect(admin.value?.create_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(admin.value?.last_login).toEqual(new Date('July 23, 2024 01:15:00'));
+        expect(admin.value?.create_time).toEqual(new Date('July 21, 2024 01:15:00'));
         expect(admin.value?.faculties).toEqual([]);
     });
 
@@ -43,12 +39,8 @@ describe('admin', (): void => {
         expect(admins.value?.[0]?.first_name).toBe('Tybo');
         expect(admins.value?.[0]?.last_name).toBe('Verslype');
         expect(admins.value?.[0]?.last_enrolled).toBe(2023);
-        expect(admins.value?.[0]?.last_login).toEqual(
-            new Date('July 23, 2024 01:15:00'),
-        );
-        expect(admins.value?.[0]?.create_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(admins.value?.[0]?.last_login).toEqual(new Date('July 23, 2024 01:15:00'));
+        expect(admins.value?.[0]?.create_time).toEqual(new Date('July 21, 2024 01:15:00'));
         expect(admins.value?.[0]?.faculties).toEqual([]);
 
         expect(admins.value?.[1]?.username).toBe('simmig');
@@ -57,12 +49,8 @@ describe('admin', (): void => {
         expect(admins.value?.[1]?.first_name).toBe('Simon');
         expect(admins.value?.[1]?.last_name).toBe('Mignolet');
         expect(admins.value?.[1]?.last_enrolled).toBe(2023);
-        expect(admins.value?.[0]?.last_login).toEqual(
-            new Date('July 23, 2024 01:15:00'),
-        );
-        expect(admins.value?.[0]?.create_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(admins.value?.[0]?.last_login).toEqual(new Date('July 23, 2024 01:15:00'));
+        expect(admins.value?.[0]?.create_time).toEqual(new Date('July 21, 2024 01:15:00'));
         expect(admins.value?.[1]?.faculties).toEqual([]);
     });
 });
diff --git a/frontend/src/test/unit/assistant_service.test.ts b/frontend/src/test/unit/assistant_service.test.ts
index c6695f62..cd8ec120 100644
--- a/frontend/src/test/unit/assistant_service.test.ts
+++ b/frontend/src/test/unit/assistant_service.test.ts
@@ -29,9 +29,7 @@ describe('assistant', (): void => {
         expect(assistant.value?.last_name).toBe('Simpson');
         expect(assistant.value?.last_enrolled).toBe(2023);
         expect(assistant.value?.last_login).toBeNull();
-        expect(assistant.value?.create_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(assistant.value?.create_time).toEqual(new Date('July 21, 2024 01:15:00'));
         expect(assistant.value?.courses).toEqual([]);
         expect(assistant.value?.faculties).toEqual([]);
     });
@@ -49,9 +47,7 @@ describe('assistant', (): void => {
         expect(assistants.value?.[0]?.last_name).toBe('Simpson');
         expect(assistants.value?.[0]?.last_enrolled).toBe(2023);
         expect(assistants.value?.[0]?.last_login).toBeNull();
-        expect(assistants.value?.[0]?.create_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(assistants.value?.[0]?.create_time).toEqual(new Date('July 21, 2024 01:15:00'));
         expect(assistants.value?.[0]?.courses).toEqual([]);
         expect(assistants.value?.[0]?.faculties).toEqual([]);
 
@@ -62,9 +58,7 @@ describe('assistant', (): void => {
         expect(assistants.value?.[1]?.last_name).toBe('Clijsters');
         expect(assistants.value?.[1]?.last_enrolled).toBe(2023);
         expect(assistants.value?.[0]?.last_login).toBeNull();
-        expect(assistants.value?.[0]?.create_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(assistants.value?.[0]?.create_time).toEqual(new Date('July 21, 2024 01:15:00'));
         expect(assistants.value?.[1]?.courses).toEqual([]);
         expect(assistants.value?.[1]?.faculties).toEqual([]);
     });
@@ -82,9 +76,7 @@ describe('assistant', (): void => {
         expect(assistants.value?.[0]?.last_name).toBe('Simpson');
         expect(assistants.value?.[0]?.last_enrolled).toBe(2023);
         expect(assistants.value?.[0]?.last_login).toBeNull();
-        expect(assistants.value?.[0]?.create_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(assistants.value?.[0]?.create_time).toEqual(new Date('July 21, 2024 01:15:00'));
         expect(assistants.value?.[0]?.courses).toEqual([]);
         expect(assistants.value?.[0]?.faculties).toEqual([]);
 
@@ -95,9 +87,7 @@ describe('assistant', (): void => {
         expect(assistants.value?.[1]?.last_name).toBe('Clijsters');
         expect(assistants.value?.[1]?.last_enrolled).toBe(2023);
         expect(assistants.value?.[0]?.last_login).toBeNull();
-        expect(assistants.value?.[0]?.create_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(assistants.value?.[0]?.create_time).toEqual(new Date('July 21, 2024 01:15:00'));
         expect(assistants.value?.[1]?.courses).toEqual([]);
         expect(assistants.value?.[1]?.faculties).toEqual([]);
     });
diff --git a/frontend/src/test/unit/project_service.test.ts b/frontend/src/test/unit/project_service.test.ts
index 7e45b9aa..db04dfda 100644
--- a/frontend/src/test/unit/project_service.test.ts
+++ b/frontend/src/test/unit/project_service.test.ts
@@ -24,12 +24,8 @@ describe('project', (): void => {
         expect(project.value?.visible).toBe(true);
         expect(project.value?.archived).toBe(false);
         expect(project.value?.locked_groups).toBe(false);
-        expect(project.value?.start_date).toStrictEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
-        expect(project.value?.deadline).toStrictEqual(
-            new Date('July 23, 2024 01:15:00'),
-        );
+        expect(project.value?.start_date).toStrictEqual(new Date('July 21, 2024 01:15:00'));
+        expect(project.value?.deadline).toStrictEqual(new Date('July 23, 2024 01:15:00'));
         expect(project.value?.max_score).toBe(100);
         expect(project.value?.score_visible).toBe(true);
         expect(project.value?.group_size).toBe(8);
@@ -52,12 +48,8 @@ describe('project', (): void => {
         expect(projects.value?.[0]?.visible).toBe(true);
         expect(projects.value?.[0]?.archived).toBe(false);
         expect(projects.value?.[0]?.locked_groups).toBe(false);
-        expect(projects.value?.[0]?.start_date).toStrictEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
-        expect(projects.value?.[0]?.deadline).toStrictEqual(
-            new Date('July 23, 2024 01:15:00'),
-        );
+        expect(projects.value?.[0]?.start_date).toStrictEqual(new Date('July 21, 2024 01:15:00'));
+        expect(projects.value?.[0]?.deadline).toStrictEqual(new Date('July 23, 2024 01:15:00'));
         expect(projects.value?.[0]?.max_score).toBe(100);
         expect(projects.value?.[0]?.score_visible).toBe(true);
         expect(projects.value?.[0]?.group_size).toBe(8);
@@ -73,12 +65,8 @@ describe('project', (): void => {
         expect(projects.value?.[1]?.visible).toBe(true);
         expect(projects.value?.[1]?.archived).toBe(false);
         expect(projects.value?.[1]?.locked_groups).toBe(false);
-        expect(projects.value?.[1]?.start_date).toStrictEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
-        expect(projects.value?.[1]?.deadline).toStrictEqual(
-            new Date('July 23, 2024 01:15:00'),
-        );
+        expect(projects.value?.[1]?.start_date).toStrictEqual(new Date('July 21, 2024 01:15:00'));
+        expect(projects.value?.[1]?.deadline).toStrictEqual(new Date('July 23, 2024 01:15:00'));
         expect(projects.value?.[1]?.max_score).toBe(20);
         expect(projects.value?.[1]?.score_visible).toBe(false);
         expect(projects.value?.[1]?.group_size).toBe(3);
@@ -101,12 +89,8 @@ describe('project', (): void => {
         expect(projects.value?.[0]?.visible).toBe(true);
         expect(projects.value?.[0]?.archived).toBe(false);
         expect(projects.value?.[0]?.locked_groups).toBe(false);
-        expect(projects.value?.[0]?.start_date).toStrictEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
-        expect(projects.value?.[0]?.deadline).toStrictEqual(
-            new Date('July 23, 2024 01:15:00'),
-        );
+        expect(projects.value?.[0]?.start_date).toStrictEqual(new Date('July 21, 2024 01:15:00'));
+        expect(projects.value?.[0]?.deadline).toStrictEqual(new Date('July 23, 2024 01:15:00'));
         expect(projects.value?.[0]?.max_score).toBe(100);
         expect(projects.value?.[0]?.score_visible).toBe(true);
         expect(projects.value?.[0]?.group_size).toBe(8);
@@ -122,12 +106,8 @@ describe('project', (): void => {
         expect(projects.value?.[1]?.visible).toBe(true);
         expect(projects.value?.[1]?.archived).toBe(false);
         expect(projects.value?.[1]?.locked_groups).toBe(false);
-        expect(projects.value?.[1]?.start_date).toStrictEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
-        expect(projects.value?.[1]?.deadline).toStrictEqual(
-            new Date('July 23, 2024 01:15:00'),
-        );
+        expect(projects.value?.[1]?.start_date).toStrictEqual(new Date('July 21, 2024 01:15:00'));
+        expect(projects.value?.[1]?.deadline).toStrictEqual(new Date('July 23, 2024 01:15:00'));
         expect(projects.value?.[1]?.max_score).toBe(20);
         expect(projects.value?.[1]?.score_visible).toBe(false);
         expect(projects.value?.[1]?.group_size).toBe(3);
diff --git a/frontend/src/test/unit/setup.ts b/frontend/src/test/unit/setup.ts
index ad05446b..983ca216 100644
--- a/frontend/src/test/unit/setup.ts
+++ b/frontend/src/test/unit/setup.ts
@@ -341,241 +341,110 @@ const submissions = [
 ];
 
 export const restHandlers = [
-    http.get(
-        baseUrl + endpoints.groups.retrieve.replace('{id}', ':id'),
-        ({ params }) => {
-            return HttpResponse.json(groups.find((x) => x.id === params.id));
-        },
-    ),
-    http.get(
-        baseUrl + endpoints.submissions.retrieve.replace('{id}', ':id'),
-        ({ params }) => {
-            return HttpResponse.json(
-                submissions.find((x) => x.id === params.id),
-            );
-        },
-    ),
-    http.get(
-        baseUrl + endpoints.structureChecks.retrieve.replace('{id}', ':id'),
-        ({ params }) => {
-            return HttpResponse.json(
-                structureChecks.find((x) => x.id === params.id),
-            );
-        },
-    ),
-    http.get(
-        baseUrl + endpoints.admins.retrieve.replace('{id}', ':id'),
-        ({ params }) => {
-            return HttpResponse.json(admins.find((x) => x.id === params.id));
-        },
-    ),
-    http.get(
-        baseUrl + endpoints.teachers.retrieve.replace('{id}', ':id'),
-        ({ params }) => {
-            return HttpResponse.json(teachers.find((x) => x.id === params.id));
-        },
-    ),
-    http.get(
-        baseUrl + endpoints.assistants.retrieve.replace('{id}', ':id'),
-        ({ params }) => {
-            return HttpResponse.json(
-                assistants.find((x) => x.id === params.id),
-            );
-        },
-    ),
-    http.get(
-        baseUrl + endpoints.students.retrieve.replace('{id}', ':id'),
-        ({ params }) => {
-            return HttpResponse.json(students.find((x) => x.id === params.id));
-        },
-    ),
-    http.get(
-        baseUrl + endpoints.projects.retrieve.replace('{id}', ':id'),
-        ({ params }) => {
-            return HttpResponse.json(projects.find((x) => x.id === params.id));
-        },
-    ),
-    http.get(
-        baseUrl + endpoints.courses.retrieve.replace('{id}', ':id'),
-        ({ params }) => {
-            return HttpResponse.json(courses.find((x) => x.id === params.id));
-        },
-    ),
-    http.get(
-        baseUrl + endpoints.groups.byProject.replace('{projectId}', ':id'),
-        ({ params }) => {
-            return HttpResponse.json(
-                groups.filter((x) => x.project === params.id),
-            );
-        },
-    ),
-    http.get(
-        baseUrl + endpoints.submissions.byProject.replace('{projectId}', ':id'),
-        ({ params }) => {
-            const project = projects.find((x) => x.id === params.id);
-            const submittedSubmissions =
-                project !== null && project !== undefined
-                    ? project.submissions
-                    : [];
-            return HttpResponse.json(
-                submissions.filter((x) => submittedSubmissions.includes(x.id)),
-            );
-        },
-    ),
-    http.get(
-        baseUrl + endpoints.teachers.byCourse.replace('{courseId}', ':id'),
-        ({ params }) => {
-            const course = courses.find((x) => x.id === params.id);
-            const teacherIds =
-                course !== null && course !== undefined ? course.teachers : [];
-            return HttpResponse.json(
-                submissions.filter((x) => teacherIds.includes(x.id)),
-            );
-        },
-    ),
-    http.get(
-        baseUrl + endpoints.assistants.byCourse.replace('{courseId}', ':id'),
-        ({ params }) => {
-            const course = courses.find((x) => x.id === params.id);
-            const assistantIds =
-                course !== null && course !== undefined
-                    ? course.assistants
-                    : [];
-            return HttpResponse.json(
-                assistants.filter((x) => assistantIds.includes(x.id)),
-            );
-        },
-    ),
-    http.get(
-        baseUrl + endpoints.courses.byStudent.replace('{studentId}', ':id'),
-        ({ params }) => {
-            const student = students.find((x) => x.id === params.id);
-            const courseIds =
-                student !== null && student !== undefined
-                    ? student.courses
-                    : [];
-            return HttpResponse.json(
-                courses.filter((x) => courseIds.includes(x.id)),
-            );
-        },
-    ),
-    http.get(
-        baseUrl + endpoints.groups.byStudent.replace('{studentId}', ':id'),
-        ({ params }) => {
-            const student = students.find((x) => x.id === params.id);
-            const groupIds =
-                student !== null && student !== undefined ? student.groups : [];
-            return HttpResponse.json(
-                groups.filter((x) => groupIds.includes(x.id)),
-            );
-        },
-    ),
-    http.get(
-        baseUrl + endpoints.students.byCourse.replace('{courseId}', ':id'),
-        ({ params }) => {
-            const course = courses.find((x) => x.id === params.id);
-            const studentIds =
-                course !== null && course !== undefined ? course.students : [];
-            return HttpResponse.json(
-                students.filter((x) => studentIds.includes(x.id)),
-            );
-        },
-    ),
-    http.get(
-        baseUrl + endpoints.students.byGroup.replace('{groupId}', ':id'),
-        ({ params }) => {
-            const group = groups.find((x) => x.id === params.id);
-            const studentIds =
-                group !== null && group !== undefined ? group.students : [];
-            return HttpResponse.json(
-                students.filter((x) => studentIds.includes(x.id)),
-            );
-        },
-    ),
-    http.get(
-        baseUrl + endpoints.submissions.status.replace('{projectId}', ':id'),
-        ({ params }) => {
-            const project = projects.find((x) => x.id === params.id);
-            const groupIds =
-                project !== null && project !== undefined ? project.groups : [];
-            const submissionIds =
-                project !== null && project !== undefined
-                    ? project.submissions
-                    : [];
-            const subGroupIds = Array.from(
-                new Set(
-                    submissions
-                        .filter((x) => submissionIds.includes(x.id))
-                        .map((x) => x.group),
-                ),
-            );
+    http.get(baseUrl + endpoints.groups.retrieve.replace('{id}', ':id'), ({ params }) => {
+        return HttpResponse.json(groups.find((x) => x.id === params.id));
+    }),
+    http.get(baseUrl + endpoints.submissions.retrieve.replace('{id}', ':id'), ({ params }) => {
+        return HttpResponse.json(submissions.find((x) => x.id === params.id));
+    }),
+    http.get(baseUrl + endpoints.structureChecks.retrieve.replace('{id}', ':id'), ({ params }) => {
+        return HttpResponse.json(structureChecks.find((x) => x.id === params.id));
+    }),
+    http.get(baseUrl + endpoints.admins.retrieve.replace('{id}', ':id'), ({ params }) => {
+        return HttpResponse.json(admins.find((x) => x.id === params.id));
+    }),
+    http.get(baseUrl + endpoints.teachers.retrieve.replace('{id}', ':id'), ({ params }) => {
+        return HttpResponse.json(teachers.find((x) => x.id === params.id));
+    }),
+    http.get(baseUrl + endpoints.assistants.retrieve.replace('{id}', ':id'), ({ params }) => {
+        return HttpResponse.json(assistants.find((x) => x.id === params.id));
+    }),
+    http.get(baseUrl + endpoints.students.retrieve.replace('{id}', ':id'), ({ params }) => {
+        return HttpResponse.json(students.find((x) => x.id === params.id));
+    }),
+    http.get(baseUrl + endpoints.projects.retrieve.replace('{id}', ':id'), ({ params }) => {
+        return HttpResponse.json(projects.find((x) => x.id === params.id));
+    }),
+    http.get(baseUrl + endpoints.courses.retrieve.replace('{id}', ':id'), ({ params }) => {
+        return HttpResponse.json(courses.find((x) => x.id === params.id));
+    }),
+    http.get(baseUrl + endpoints.groups.byProject.replace('{projectId}', ':id'), ({ params }) => {
+        return HttpResponse.json(groups.filter((x) => x.project === params.id));
+    }),
+    http.get(baseUrl + endpoints.submissions.byProject.replace('{projectId}', ':id'), ({ params }) => {
+        const project = projects.find((x) => x.id === params.id);
+        const submittedSubmissions = project !== null && project !== undefined ? project.submissions : [];
+        return HttpResponse.json(submissions.filter((x) => submittedSubmissions.includes(x.id)));
+    }),
+    http.get(baseUrl + endpoints.teachers.byCourse.replace('{courseId}', ':id'), ({ params }) => {
+        const course = courses.find((x) => x.id === params.id);
+        const teacherIds = course !== null && course !== undefined ? course.teachers : [];
+        return HttpResponse.json(submissions.filter((x) => teacherIds.includes(x.id)));
+    }),
+    http.get(baseUrl + endpoints.assistants.byCourse.replace('{courseId}', ':id'), ({ params }) => {
+        const course = courses.find((x) => x.id === params.id);
+        const assistantIds = course !== null && course !== undefined ? course.assistants : [];
+        return HttpResponse.json(assistants.filter((x) => assistantIds.includes(x.id)));
+    }),
+    http.get(baseUrl + endpoints.courses.byStudent.replace('{studentId}', ':id'), ({ params }) => {
+        const student = students.find((x) => x.id === params.id);
+        const courseIds = student !== null && student !== undefined ? student.courses : [];
+        return HttpResponse.json(courses.filter((x) => courseIds.includes(x.id)));
+    }),
+    http.get(baseUrl + endpoints.groups.byStudent.replace('{studentId}', ':id'), ({ params }) => {
+        const student = students.find((x) => x.id === params.id);
+        const groupIds = student !== null && student !== undefined ? student.groups : [];
+        return HttpResponse.json(groups.filter((x) => groupIds.includes(x.id)));
+    }),
+    http.get(baseUrl + endpoints.students.byCourse.replace('{courseId}', ':id'), ({ params }) => {
+        const course = courses.find((x) => x.id === params.id);
+        const studentIds = course !== null && course !== undefined ? course.students : [];
+        return HttpResponse.json(students.filter((x) => studentIds.includes(x.id)));
+    }),
+    http.get(baseUrl + endpoints.students.byGroup.replace('{groupId}', ':id'), ({ params }) => {
+        const group = groups.find((x) => x.id === params.id);
+        const studentIds = group !== null && group !== undefined ? group.students : [];
+        return HttpResponse.json(students.filter((x) => studentIds.includes(x.id)));
+    }),
+    http.get(baseUrl + endpoints.submissions.status.replace('{projectId}', ':id'), ({ params }) => {
+        const project = projects.find((x) => x.id === params.id);
+        const groupIds = project !== null && project !== undefined ? project.groups : [];
+        const submissionIds = project !== null && project !== undefined ? project.submissions : [];
+        const subGroupIds = Array.from(
+            new Set(submissions.filter((x) => submissionIds.includes(x.id)).map((x) => x.group)),
+        );
 
-            // Filter submissions for each subgroup and get the submission with the highest number
-            const subgroupSubmissions = subGroupIds.map((groupId) => {
-                const submissionsForGroup = submissions.filter(
-                    (submission) => submission.group === groupId,
-                );
-                if (submissionsForGroup.length > 0) {
-                    return submissionsForGroup.reduce(
-                        (maxSubmission, currentSubmission) => {
-                            return currentSubmission.submission_number >
-                                maxSubmission.submission_number
-                                ? currentSubmission
-                                : maxSubmission;
-                        },
-                    );
-                } else {
-                    return null;
-                }
-            });
-            return HttpResponse.json({
-                groups_submitted: new Set(
-                    submissions
-                        .filter((x) => submissionIds.includes(x.id))
-                        .map((x) => x.group),
-                ).size,
-                non_empty_groups: groups.filter(
-                    (x) => groupIds.includes(x.id) && x.students.length > 0,
-                ).length,
-                submissions_passed: subgroupSubmissions.filter(
-                    (x) => x?.structureChecks_passed,
-                ).length,
-            });
-        },
-    ),
-    http.get(
-        baseUrl +
-            endpoints.structureChecks.byProject.replace('{projectId}', ':id'),
-        ({ params }) => {
-            return HttpResponse.json(
-                structureChecks.filter((x) => x.project === params.id),
-            );
-        },
-    ),
-    http.get(
-        baseUrl + endpoints.projects.byCourse.replace('{courseId}', ':id'),
-        ({ params }) => {
-            return HttpResponse.json(
-                projects.filter((x) => x.course === params.id),
-            );
-        },
-    ),
-    http.get(
-        baseUrl + endpoints.submissions.byGroup.replace('{groupId}', ':id'),
-        ({ params }) => {
-            return HttpResponse.json(
-                submissions.filter((x) => x.group === params.id),
-            );
-        },
-    ),
-    http.get(
-        baseUrl + endpoints.faculties.retrieve.replace('{name}', ':name'),
-        ({ params }) => {
-            return HttpResponse.json(
-                faculties.find((x) => x.name === params.name),
-            );
-        },
-    ),
+        // Filter submissions for each subgroup and get the submission with the highest number
+        const subgroupSubmissions = subGroupIds.map((groupId) => {
+            const submissionsForGroup = submissions.filter((submission) => submission.group === groupId);
+            if (submissionsForGroup.length > 0) {
+                return submissionsForGroup.reduce((maxSubmission, currentSubmission) => {
+                    return currentSubmission.submission_number > maxSubmission.submission_number
+                        ? currentSubmission
+                        : maxSubmission;
+                });
+            } else {
+                return null;
+            }
+        });
+        return HttpResponse.json({
+            groups_submitted: new Set(submissions.filter((x) => submissionIds.includes(x.id)).map((x) => x.group)).size,
+            non_empty_groups: groups.filter((x) => groupIds.includes(x.id) && x.students.length > 0).length,
+            submissions_passed: subgroupSubmissions.filter((x) => x?.structureChecks_passed).length,
+        });
+    }),
+    http.get(baseUrl + endpoints.structureChecks.byProject.replace('{projectId}', ':id'), ({ params }) => {
+        return HttpResponse.json(structureChecks.filter((x) => x.project === params.id));
+    }),
+    http.get(baseUrl + endpoints.projects.byCourse.replace('{courseId}', ':id'), ({ params }) => {
+        return HttpResponse.json(projects.filter((x) => x.course === params.id));
+    }),
+    http.get(baseUrl + endpoints.submissions.byGroup.replace('{groupId}', ':id'), ({ params }) => {
+        return HttpResponse.json(submissions.filter((x) => x.group === params.id));
+    }),
+    http.get(baseUrl + endpoints.faculties.retrieve.replace('{name}', ':name'), ({ params }) => {
+        return HttpResponse.json(faculties.find((x) => x.name === params.name));
+    }),
     http.get(baseUrl + endpoints.faculties.index, () => {
         return HttpResponse.json(faculties);
     }),
diff --git a/frontend/src/test/unit/student_service.test.ts b/frontend/src/test/unit/student_service.test.ts
index 7cc80552..f966e4bc 100644
--- a/frontend/src/test/unit/student_service.test.ts
+++ b/frontend/src/test/unit/student_service.test.ts
@@ -34,9 +34,7 @@ describe('students', (): void => {
         expect(student.value?.last_enrolled).toBe(2023);
         expect(student.value?.studentId).toBeNull();
         expect(student.value?.last_login).toBeNull();
-        expect(student.value?.create_time.toISOString()).toEqual(
-            '2024-07-20T23:15:00.000Z',
-        );
+        expect(student.value?.create_time.toISOString()).toEqual('2024-07-20T23:15:00.000Z');
         expect(student.value?.courses).toEqual([]);
         expect(student.value?.groups).toEqual([]);
         expect(student.value?.faculties).toEqual([]);
@@ -56,9 +54,7 @@ describe('students', (): void => {
         expect(students.value?.[0]?.last_enrolled).toBe(2023);
         expect(students.value?.[0]?.studentId).toBeNull();
         expect(students.value?.[0]?.last_login).toBeNull();
-        expect(students.value?.[0]?.create_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(students.value?.[0]?.create_time).toEqual(new Date('July 21, 2024 01:15:00'));
         expect(students.value?.[0]?.courses).toEqual([]);
         expect(students.value?.[0]?.groups).toEqual([]);
         expect(students.value?.[0]?.faculties).toEqual([]);
@@ -71,9 +67,7 @@ describe('students', (): void => {
         expect(students.value?.[1]?.last_enrolled).toBe(2023);
         expect(students.value?.[1]?.studentId).toBeNull();
         expect(students.value?.[1]?.last_login).toBeNull();
-        expect(students.value?.[1]?.create_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(students.value?.[1]?.create_time).toEqual(new Date('July 21, 2024 01:15:00'));
         expect(students.value?.[1]?.courses).toEqual([]);
         expect(students.value?.[1]?.groups).toEqual([]);
         expect(students.value?.[1]?.faculties).toEqual([]);
@@ -85,12 +79,8 @@ describe('students', (): void => {
         expect(students.value?.[2]?.last_name).toBe('Verslype');
         expect(students.value?.[2]?.last_enrolled).toBe(2023);
         expect(students.value?.[2]?.studentId).toBe('02012470');
-        expect(students.value?.[2]?.last_login).toEqual(
-            new Date('July 30, 2024 01:15:00'),
-        );
-        expect(students.value?.[2]?.create_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(students.value?.[2]?.last_login).toEqual(new Date('July 30, 2024 01:15:00'));
+        expect(students.value?.[2]?.create_time).toEqual(new Date('July 21, 2024 01:15:00'));
         expect(students.value?.[2]?.courses).toEqual([]);
         expect(students.value?.[2]?.groups).toEqual([]);
         expect(students.value?.[2]?.faculties).toEqual([]);
@@ -103,9 +93,7 @@ describe('students', (): void => {
         expect(students.value?.[3]?.last_enrolled).toBe(2023);
         expect(students.value?.[3]?.studentId).toBeNull();
         expect(students.value?.[3]?.last_login).toBeNull();
-        expect(students.value?.[3]?.create_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(students.value?.[3]?.create_time).toEqual(new Date('July 21, 2024 01:15:00'));
         expect(students.value?.[3]?.courses).toEqual([]);
         expect(students.value?.[3]?.groups).toEqual([]);
         expect(students.value?.[3]?.faculties).toEqual([]);
@@ -125,9 +113,7 @@ describe('students', (): void => {
         expect(students.value?.[0]?.last_enrolled).toBe(2023);
         expect(students.value?.[0]?.studentId).toBeNull();
         expect(students.value?.[0]?.last_login).toBeNull();
-        expect(students.value?.[0]?.create_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(students.value?.[0]?.create_time).toEqual(new Date('July 21, 2024 01:15:00'));
         expect(students.value?.[0]?.courses).toEqual([]);
         expect(students.value?.[0]?.groups).toEqual([]);
         expect(students.value?.[0]?.faculties).toEqual([]);
@@ -140,9 +126,7 @@ describe('students', (): void => {
         expect(students.value?.[1]?.last_enrolled).toBe(2023);
         expect(students.value?.[1]?.studentId).toBeNull();
         expect(students.value?.[1]?.last_login).toBeNull();
-        expect(students.value?.[1]?.create_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(students.value?.[1]?.create_time).toEqual(new Date('July 21, 2024 01:15:00'));
         expect(students.value?.[1]?.courses).toEqual([]);
         expect(students.value?.[1]?.groups).toEqual([]);
         expect(students.value?.[1]?.faculties).toEqual([]);
@@ -154,12 +138,8 @@ describe('students', (): void => {
         expect(students.value?.[2]?.last_name).toBe('Verslype');
         expect(students.value?.[2]?.last_enrolled).toBe(2023);
         expect(students.value?.[2]?.studentId).toBe('02012470');
-        expect(students.value?.[2]?.last_login).toEqual(
-            new Date('July 30, 2024 01:15:00'),
-        );
-        expect(students.value?.[2]?.create_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(students.value?.[2]?.last_login).toEqual(new Date('July 30, 2024 01:15:00'));
+        expect(students.value?.[2]?.create_time).toEqual(new Date('July 21, 2024 01:15:00'));
         expect(students.value?.[2]?.courses).toEqual([]);
         expect(students.value?.[2]?.groups).toEqual([]);
         expect(students.value?.[2]?.faculties).toEqual([]);
@@ -172,9 +152,7 @@ describe('students', (): void => {
         expect(students.value?.[3]?.last_enrolled).toBe(2023);
         expect(students.value?.[3]?.studentId).toBeNull();
         expect(students.value?.[3]?.last_login).toBeNull();
-        expect(students.value?.[3]?.create_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(students.value?.[3]?.create_time).toEqual(new Date('July 21, 2024 01:15:00'));
         expect(students.value?.[3]?.courses).toEqual([]);
         expect(students.value?.[3]?.groups).toEqual([]);
         expect(students.value?.[3]?.faculties).toEqual([]);
diff --git a/frontend/src/test/unit/submission_service.test.ts b/frontend/src/test/unit/submission_service.test.ts
index 1c54c630..e555aa3f 100644
--- a/frontend/src/test/unit/submission_service.test.ts
+++ b/frontend/src/test/unit/submission_service.test.ts
@@ -21,9 +21,7 @@ describe('submissions', (): void => {
         expect(submission.value?.files).toEqual([]);
         expect(submission.value?.extra_checks_results).toEqual([]);
         expect(submission.value?.submission_number).toBe(1);
-        expect(submission.value?.submission_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(submission.value?.submission_time).toEqual(new Date('July 21, 2024 01:15:00'));
     });
 
     it('gets submissions data by group', async () => {
@@ -36,17 +34,13 @@ describe('submissions', (): void => {
         expect(submissions.value?.[0]?.files).toEqual([]);
         expect(submissions.value?.[0]?.extra_checks_results).toEqual([]);
         expect(submissions.value?.[0]?.submission_number).toBe(1);
-        expect(submissions.value?.[0]?.submission_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(submissions.value?.[0]?.submission_time).toEqual(new Date('July 21, 2024 01:15:00'));
 
         expect(submissions.value?.[1]?.group).toBeNull();
         expect(submissions.value?.[1]?.files).toEqual([]);
         expect(submissions.value?.[1]?.extra_checks_results).toEqual([]);
         expect(submissions.value?.[1]?.submission_number).toBe(2);
-        expect(submissions.value?.[1]?.submission_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(submissions.value?.[1]?.submission_time).toEqual(new Date('July 21, 2024 01:15:00'));
     });
 
     it('gets submissions data by project', async () => {
@@ -59,16 +53,12 @@ describe('submissions', (): void => {
         expect(submissions.value?.[0]?.files).toEqual([]);
         expect(submissions.value?.[0]?.extra_checks_results).toEqual([]);
         expect(submissions.value?.[0]?.submission_number).toBe(1);
-        expect(submissions.value?.[0]?.submission_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(submissions.value?.[0]?.submission_time).toEqual(new Date('July 21, 2024 01:15:00'));
 
         expect(submissions.value?.[1]?.group).toBeNull();
         expect(submissions.value?.[1]?.files).toEqual([]);
         expect(submissions.value?.[1]?.extra_checks_results).toEqual([]);
         expect(submissions.value?.[1]?.submission_number).toBe(2);
-        expect(submissions.value?.[1]?.submission_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(submissions.value?.[1]?.submission_time).toEqual(new Date('July 21, 2024 01:15:00'));
     });
 });
diff --git a/frontend/src/test/unit/submission_status_service.test.ts b/frontend/src/test/unit/submission_status_service.test.ts
index 547138de..0573af2c 100644
--- a/frontend/src/test/unit/submission_status_service.test.ts
+++ b/frontend/src/test/unit/submission_status_service.test.ts
@@ -2,8 +2,7 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { useSubmissionStatus } from '@/composables/services/submission_status.service.ts';
 
-const { submissionStatus, getSubmissionStatusByProject } =
-    useSubmissionStatus();
+const { submissionStatus, getSubmissionStatusByProject } = useSubmissionStatus();
 
 describe('submision_status', (): void => {
     it('gets submision status data by project', async () => {
diff --git a/frontend/src/test/unit/teacher_service.test.ts b/frontend/src/test/unit/teacher_service.test.ts
index 2c1a8cd3..e0816395 100644
--- a/frontend/src/test/unit/teacher_service.test.ts
+++ b/frontend/src/test/unit/teacher_service.test.ts
@@ -29,9 +29,7 @@ describe('teachers', (): void => {
         expect(teacher.value?.last_name).toBe('Boonen');
         expect(teacher.value?.last_enrolled).toBe(2023);
         expect(teacher.value?.last_login).toBeNull();
-        expect(teacher.value?.create_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(teacher.value?.create_time).toEqual(new Date('July 21, 2024 01:15:00'));
         expect(teacher.value?.courses).toEqual([]);
         expect(teacher.value?.faculties).toEqual([]);
     });
@@ -49,9 +47,7 @@ describe('teachers', (): void => {
         expect(teachers.value?.[0]?.last_name).toBe('Boonen');
         expect(teachers.value?.[0]?.last_enrolled).toBe(2023);
         expect(teachers.value?.[0]?.last_login).toBeNull();
-        expect(teachers.value?.[0]?.create_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(teachers.value?.[0]?.create_time).toEqual(new Date('July 21, 2024 01:15:00'));
         expect(teachers.value?.[0]?.courses).toEqual([]);
         expect(teachers.value?.[0]?.faculties).toEqual([]);
 
@@ -62,9 +58,7 @@ describe('teachers', (): void => {
         expect(teachers.value?.[1]?.last_name).toBe('Sagan');
         expect(teachers.value?.[1]?.last_enrolled).toBe(2023);
         expect(teachers.value?.[0]?.last_login).toBeNull();
-        expect(teachers.value?.[0]?.create_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(teachers.value?.[0]?.create_time).toEqual(new Date('July 21, 2024 01:15:00'));
         expect(teachers.value?.[1]?.courses).toEqual([]);
         expect(teachers.value?.[1]?.faculties).toEqual([]);
     });
@@ -82,9 +76,7 @@ describe('teachers', (): void => {
         expect(teachers.value?.[0]?.last_name).toBe('Boonen');
         expect(teachers.value?.[0]?.last_enrolled).toBe(2023);
         expect(teachers.value?.[0]?.last_login).toBeNull();
-        expect(teachers.value?.[0]?.create_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(teachers.value?.[0]?.create_time).toEqual(new Date('July 21, 2024 01:15:00'));
         expect(teachers.value?.[0]?.courses).toEqual([]);
         expect(teachers.value?.[0]?.faculties).toEqual([]);
 
@@ -95,9 +87,7 @@ describe('teachers', (): void => {
         expect(teachers.value?.[1]?.last_name).toBe('Sagan');
         expect(teachers.value?.[1]?.last_enrolled).toBe(2023);
         expect(teachers.value?.[0]?.last_login).toBeNull();
-        expect(teachers.value?.[0]?.create_time).toEqual(
-            new Date('July 21, 2024 01:15:00'),
-        );
+        expect(teachers.value?.[0]?.create_time).toEqual(new Date('July 21, 2024 01:15:00'));
         expect(teachers.value?.[1]?.courses).toEqual([]);
         expect(teachers.value?.[1]?.faculties).toEqual([]);
     });
diff --git a/frontend/src/types/Course.ts b/frontend/src/types/Course.ts
index 35c5ff2d..ee30591d 100644
--- a/frontend/src/types/Course.ts
+++ b/frontend/src/types/Course.ts
@@ -46,8 +46,7 @@ export class Course {
      * @param course
      */
     static fromJSON(course: Course): Course {
-        const faculty =
-            course.faculty !== null ? Faculty.fromJSON(course.faculty) : null;
+        const faculty = course.faculty !== null ? Faculty.fromJSON(course.faculty) : null;
 
         return new Course(
             course.id,
diff --git a/frontend/src/types/Group.ts b/frontend/src/types/Group.ts
index 6ce59ab9..b2e29f1b 100644
--- a/frontend/src/types/Group.ts
+++ b/frontend/src/types/Group.ts
@@ -21,12 +21,6 @@ export class Group {
     }
 
     static fromJSONFullObject(group: Group): Group {
-        return new Group(
-            group.id,
-            group.score,
-            group.project,
-            group.students,
-            group.submissions,
-        );
+        return new Group(group.id, group.score, group.project, group.students, group.submissions);
     }
 }
diff --git a/frontend/src/types/users/Assistant.ts b/frontend/src/types/users/Assistant.ts
index a12453b8..0f2604e6 100644
--- a/frontend/src/types/users/Assistant.ts
+++ b/frontend/src/types/users/Assistant.ts
@@ -51,9 +51,7 @@ export class Assistant extends User {
             assistant.faculties,
             assistant.courses,
             new Date(assistant.create_time),
-            assistant.last_login !== null
-                ? new Date(assistant.last_login)
-                : null,
+            assistant.last_login !== null ? new Date(assistant.last_login) : null,
         );
     }
 
diff --git a/frontend/src/types/users/User.ts b/frontend/src/types/users/User.ts
index 0565a86f..d90e1de9 100644
--- a/frontend/src/types/users/User.ts
+++ b/frontend/src/types/users/User.ts
@@ -24,10 +24,7 @@ export class User {
         const startYear = User.getAcademicYear(this.create_time);
         const endYear = User.getAcademicYear(new Date());
 
-        return Array.from(
-            { length: endYear - startYear + 1 },
-            (_, i) => startYear + i,
-        );
+        return Array.from({ length: endYear - startYear + 1 }, (_, i) => startYear + i);
     }
 
     /**
diff --git a/frontend/src/views/App.vue b/frontend/src/views/App.vue
index b98c55ce..2bc2713b 100644
--- a/frontend/src/views/App.vue
+++ b/frontend/src/views/App.vue
@@ -16,10 +16,7 @@ watch(message, () => {
     // Check if the message is not null or undefined.
     if (message.value !== null) {
         // Check if the message has a detail.
-        if (
-            message.value.detail === null ||
-            message.value.detail === undefined
-        ) {
+        if (message.value.detail === null || message.value.detail === undefined) {
             message.value.detail = t('toasts.messages.unknown');
         }
 
diff --git a/frontend/src/views/authentication/LoginView.vue b/frontend/src/views/authentication/LoginView.vue
index 5e17c76a..f316e3b1 100644
--- a/frontend/src/views/authentication/LoginView.vue
+++ b/frontend/src/views/authentication/LoginView.vue
@@ -25,17 +25,16 @@ const { t } = useI18n();
                         icon-pos="right"
                         :icon="PrimeIcons.ARROW_RIGHT"
                         :label="t('views.login.button')"
-                        severity="secondary" />
+                        severity="secondary"
+                    />
                 </a>
             </div>
             <div class="w-7 relative surface-100 p-4">
-                <img
-                    :src="Illustration"
-                    :alt="t('views.login.illustration')"
-                    class="w-15rem" />
+                <img :src="Illustration" :alt="t('views.login.illustration')" class="w-15rem" />
                 <div
                     class="absolute bottom-0 right-0 bg-primary text-white p-4 w-20rem"
-                    style="transform: translateY(50%)">
+                    style="transform: translateY(50%)"
+                >
                     <h1 class="mt-0">
                         {{ t('views.login.card.title') }}
                     </h1>
diff --git a/frontend/src/views/calendar/CalendarView.vue b/frontend/src/views/calendar/CalendarView.vue
index 0f5ee6c0..20eb4ccf 100644
--- a/frontend/src/views/calendar/CalendarView.vue
+++ b/frontend/src/views/calendar/CalendarView.vue
@@ -25,9 +25,7 @@ const { projects, getProjectsByCourse } = useProject();
 
 const formattedDate = computed(() => {
     // Format the selected date using moment.js
-    return moment(selectedDate.value)
-        .locale(locale.value)
-        .format('DD MMMM YYYY');
+    return moment(selectedDate.value).locale(locale.value).format('DD MMMM YYYY');
 });
 
 const loadProjects = async (): Promise<void> => {
@@ -49,9 +47,7 @@ const loadProjects = async (): Promise<void> => {
                 });
 
                 // Concatenate the projects
-                allProjects.value = allProjects.value.concat(
-                    projects.value ?? [],
-                );
+                allProjects.value = allProjects.value.concat(projects.value ?? []);
             }
         }
     }
@@ -61,10 +57,7 @@ const loadProjects = async (): Promise<void> => {
 const projectsWithDeadline = computed(() => {
     // Filter the projects with the selected date
     return allProjects.value?.filter((project) => {
-        return moment(project.deadline).isSame(
-            moment(selectedDate.value),
-            'day',
-        );
+        return moment(project.deadline).isSame(moment(selectedDate.value), 'day');
     });
 });
 
@@ -95,13 +88,8 @@ watch(
 
                 <!-- Listing projects with given deadline -->
                 <div class="grid grid-cols-2 gap-4">
-                    <div
-                        v-for="project in projectsWithDeadline"
-                        :key="project.id">
-                        <ProjectCard
-                            class="h-100"
-                            :project="project"
-                            :course="project.course" />
+                    <div v-for="project in projectsWithDeadline" :key="project.id">
+                        <ProjectCard class="h-100" :project="project" :course="project.course" />
                     </div>
                 </div>
             </div>
diff --git a/frontend/src/views/courses/CreateCourseView.vue b/frontend/src/views/courses/CreateCourseView.vue
index 83052e7f..93a519a9 100644
--- a/frontend/src/views/courses/CreateCourseView.vue
+++ b/frontend/src/views/courses/CreateCourseView.vue
@@ -49,39 +49,20 @@ const submitCourse = async (): Promise<void> => {
                 <form @submit.prevent="submitCourse">
                     <!-- Course name -->
                     <div class="mb-4">
-                        <label for="courseName">{{
-                            t('views.courses.name')
-                        }}</label>
-                        <InputText
-                            id="courseName"
-                            v-model="courseName"
-                            required />
+                        <label for="courseName">{{ t('views.courses.name') }}</label>
+                        <InputText id="courseName" v-model="courseName" required />
                     </div>
 
                     <!-- Course description -->
                     <div class="mb-4">
-                        <label for="courseDescription">{{
-                            t('views.courses.description')
-                        }}</label>
-                        <Textarea
-                            id="courseDescription"
-                            v-model="courseDescription"
-                            autoResize
-                            rows="5"
-                            cols="30" />
+                        <label for="courseDescription">{{ t('views.courses.description') }}</label>
+                        <Textarea id="courseDescription" v-model="courseDescription" autoResize rows="5" cols="30" />
                     </div>
 
                     <!-- Course academic year -->
                     <div class="mb-4">
-                        <label for="courseYear">{{
-                            t('views.courses.year')
-                        }}</label>
-                        <Calendar
-                            id="courseYear"
-                            v-model="courseYear"
-                            view="year"
-                            dateFormat="yy"
-                            required />
+                        <label for="courseYear">{{ t('views.courses.year') }}</label>
+                        <Calendar id="courseYear" v-model="courseYear" view="year" dateFormat="yy" required />
                     </div>
 
                     <!-- Submit button -->
@@ -91,7 +72,8 @@ const submitCourse = async (): Promise<void> => {
                             type="submit"
                             icon="pi pi-check"
                             iconPos="right"
-                            rounded />
+                            rounded
+                        />
                     </div>
                 </form>
             </div>
diff --git a/frontend/src/views/courses/SearchCourseView.vue b/frontend/src/views/courses/SearchCourseView.vue
index 1818ccbf..8a6690a6 100644
--- a/frontend/src/views/courses/SearchCourseView.vue
+++ b/frontend/src/views/courses/SearchCourseView.vue
@@ -65,41 +65,30 @@ onMounted(async () => {
                 <Accordion :active-index="[0]" multiple>
                     <AccordionTab header="Zoeken">
                         <IconField iconPosition="left">
-                            <InputText
-                                placeholder="Zoek een vak op naam"
-                                v-model="filter.search"
-                                class="w-full" />
+                            <InputText placeholder="Zoek een vak op naam" v-model="filter.search" class="w-full" />
                             <InputIcon class="pi pi-search"></InputIcon>
                         </IconField>
                     </AccordionTab>
                     <AccordionTab header="Faculteit" v-if="faculties">
-                        <div
-                            v-for="faculty in faculties"
-                            :key="faculty.id"
-                            class="flex align-items-center mb-2">
+                        <div v-for="faculty in faculties" :key="faculty.id" class="flex align-items-center mb-2">
                             <Checkbox
                                 v-model="filter.faculties"
                                 :inputId="faculty.id"
                                 name="faculties"
-                                :value="faculty.id" />
-                            <label :for="faculty.id" class="ml-2 text-sm">{{
-                                faculty.name
-                            }}</label>
+                                :value="faculty.id"
+                            />
+                            <label :for="faculty.id" class="ml-2 text-sm">{{ faculty.name }}</label>
                         </div>
                     </AccordionTab>
                     <AccordionTab header="Academiejaar" v-if="user">
-                        <div
-                            v-for="year in user.academic_years"
-                            :key="year"
-                            class="flex align-items-center mb-2">
+                        <div v-for="year in user.academic_years" :key="year" class="flex align-items-center mb-2">
                             <Checkbox
                                 v-model="filter.years"
                                 :inputId="year.toString()"
                                 name="faculties"
-                                :value="year" />
-                            <label :for="year.toString()" class="ml-2 text-sm"
-                                >{{ year }} - {{ year + 1 }}</label
-                            >
+                                :value="year"
+                            />
+                            <label :for="year.toString()" class="ml-2 text-sm">{{ year }} - {{ year + 1 }}</label>
                         </div>
                     </AccordionTab>
                 </Accordion>
@@ -111,16 +100,13 @@ onMounted(async () => {
                 <p class="mt-3" v-if="pagination">
                     {{ t('views.courses.search.results', [pagination.count]) }}
                 </p>
-                <CourseList
-                    class="mt-3"
-                    :courses="pagination?.results ?? null"
-                    :cols="3"
-                    :detail="false" />
+                <CourseList class="mt-3" :courses="pagination?.results ?? null" :cols="3" :detail="false" />
                 <Paginator
                     :rows="pageSize"
                     :total-records="pagination?.count"
                     :first="first"
-                    @update:first="paginate($event)" />
+                    @update:first="paginate($event)"
+                />
             </div>
         </div>
     </BaseLayout>
diff --git a/frontend/src/views/dashboard/DashboardView.vue b/frontend/src/views/dashboard/DashboardView.vue
index 572a47c3..a6dc5a87 100644
--- a/frontend/src/views/dashboard/DashboardView.vue
+++ b/frontend/src/views/dashboard/DashboardView.vue
@@ -11,9 +11,7 @@ const { user } = storeToRefs(useAuthStore());
 
 <template>
     <BaseLayout>
-        <StudentDashboardView
-            v-if="user?.isStudent()"
-            :student="user as Student" />
+        <StudentDashboardView v-if="user?.isStudent()" :student="user as Student" />
     </BaseLayout>
 </template>
 
diff --git a/frontend/src/views/dashboard/roles/StudentDashboardView.vue b/frontend/src/views/dashboard/roles/StudentDashboardView.vue
index e292b065..e88bfdc8 100644
--- a/frontend/src/views/dashboard/roles/StudentDashboardView.vue
+++ b/frontend/src/views/dashboard/roles/StudentDashboardView.vue
@@ -25,10 +25,7 @@ const { courses, getCoursesByStudent } = useCourses();
 const selectedYear = ref<number>(User.getAcademicYear());
 
 const filteredCourses = computed(
-    () =>
-        courses.value?.filter(
-            (course) => course.academic_startyear === selectedYear.value,
-        ) ?? [],
+    () => courses.value?.filter((course) => course.academic_startyear === selectedYear.value) ?? [],
 );
 
 /* Watchers */
@@ -50,15 +47,14 @@ watch(
         <Title class="m-0">{{ t('views.dashboard.courses') }}</Title>
         <!-- Course list controls -->
         <ButtonGroup class="flex align-items-center">
-            <YearSelector
-                :years="student.academic_years"
-                v-model="selectedYear" />
+            <YearSelector :years="student.academic_years" v-model="selectedYear" />
             <RouterLink :to="{ name: 'courses' }">
                 <Button
                     :icon="PrimeIcons.PLUS"
                     icon-pos="right"
                     class="custom-button"
-                    style="height: 51px; width: 51px" />
+                    style="height: 51px; width: 51px"
+                />
             </RouterLink>
         </ButtonGroup>
     </div>
@@ -70,9 +66,7 @@ watch(
         <Title class="m-0">{{ t('views.dashboard.projects') }}</Title>
         <!-- Project list controls -->
         <ButtonGroup>
-            <YearSelector
-                :years="student.academic_years"
-                v-model="selectedYear" />
+            <YearSelector :years="student.academic_years" v-model="selectedYear" />
         </ButtonGroup>
     </div>
     <!-- Project list body -->
diff --git a/frontend/src/views/projects/ProjectView.vue b/frontend/src/views/projects/ProjectView.vue
index d4174f28..536c984b 100644
--- a/frontend/src/views/projects/ProjectView.vue
+++ b/frontend/src/views/projects/ProjectView.vue
@@ -33,9 +33,7 @@ watch(
             await getGroupsByStudent('1');
 
             for (const studentGroup of groups.value ?? []) {
-                const isCommonGroup = projectGroups?.some(
-                    (projectGroup) => projectGroup.id === studentGroup.id,
-                );
+                const isCommonGroup = projectGroups?.some((projectGroup) => projectGroup.id === studentGroup.id);
 
                 if (isCommonGroup === true) {
                     group.value = studentGroup;