From a405c70bf9aad6aab721ded6c0763002e65a309a Mon Sep 17 00:00:00 2001
From: Daniel Egger <daniel.egger@gmail.com>
Date: Tue, 27 Aug 2024 15:30:51 +0200
Subject: [PATCH] Add "prettier-plugin-organize-imports" plugin -> imports got
 sorted

---
 client/.prettierrc                            |  6 ++++-
 client/package-lock.json                      | 22 +++++++++++++---
 client/src/components/AppFooter.vue           |  2 +-
 .../AssignmentSubmissionProgress.vue          |  2 +-
 .../evaluation/EvaluationContainer.vue        |  2 +-
 .../assignment/evaluation/EvaluationIntro.vue |  2 +-
 .../evaluation/EvaluationSummary.vue          |  2 +-
 .../assignment/evaluation/EvaluationTask.vue  |  2 +-
 .../cockpit/SubmissionsOverview.vue           | 18 ++++++-------
 .../components/cockpit/UserStatusCount.vue    |  2 +-
 .../dashboard/AgentConnectionCount.vue        |  4 +--
 .../AssignmentProgressSummaryBox.vue          |  4 +--
 .../dashboard/AssignmentSummary.vue           |  6 ++---
 .../dashboard/AssignmentSummaryBox.vue        |  2 +-
 .../dashboard/AttendanceSummaryBox.vue        |  2 +-
 .../dashboard/BerufsbildnerStatistics.vue     | 14 +++++-----
 .../dashboard/CompetenceSummary.vue           |  6 ++---
 .../src/components/dashboard/CoursePanel.vue  | 18 ++++++-------
 .../dashboard/MentorCompetenceSummary.vue     |  6 ++---
 .../dashboard/MentorOpenTasksCount.vue        |  4 +--
 .../dashboard/StatisticFilterList.vue         |  4 +--
 .../src/components/dashboard/UkStatistics.vue | 12 ++++-----
 .../dueDates/CourseSessionDueDatesList.vue    |  8 +++---
 .../src/components/dueDates/DueDateSingle.vue |  4 +--
 .../components/header/CoursePreviewBar.vue    |  4 +--
 .../components/header/MainNavigationBar.vue   | 16 ++++++------
 client/src/components/header/MobileMenu.vue   |  6 ++---
 .../learningMentor/AssignmentItem.vue         |  2 +-
 .../components/learningMentor/MyMentees.vue   |  4 +--
 .../components/learningMentor/MyMentors.vue   |  4 +--
 .../learningPath/LearningPathDiagram.vue      |  4 +--
 .../learningPath/SelfEvaluation.vue           |  6 ++---
 .../assignment/CaseWorkSubmit.vue             | 16 ++++++------
 .../assignment/PraxisAssignmentSubmit.vue     | 14 +++++-----
 .../learningPath/assignment/SimpleSubmit.vue  | 10 +++----
 .../DatatransCembraDeviceFingerprint.vue      |  2 +-
 .../onboarding/OrganisationAddress.vue        |  2 +-
 .../components/onboarding/PersonalAddress.vue |  4 +--
 .../src/components/onboarding/WizardPage.vue  |  2 +-
 .../components/onboarding/WizardSidePanel.vue |  2 +-
 .../personalProfile/ProfileEdit.vue           |  6 ++---
 .../personalProfile/ProfileView.vue           |  8 +++---
 .../FeedbackByLearningUnitSummary.vue         |  4 +--
 .../FeedbackProvided.vue                      |  2 +-
 .../FeedbackProviderReleaseOverview.vue       |  2 +-
 .../FeedbackReceived.vue                      |  2 +-
 .../FeedbackSubmissionProgress.vue            |  6 ++---
 .../SelfEvaluationAndFeedbackList.vue         |  8 +++---
 .../SelfEvaluationAndFeedbackOverview.vue     |  4 +--
 client/src/components/ui/ItCheckbox.vue       |  2 +-
 client/src/components/ui/ItDatePicker.vue     |  2 +-
 client/src/components/ui/RatingScale.vue      |  4 +--
 client/src/components/ui/RichText.vue         |  2 +-
 client/src/pages/StyleGuidePage.vue           |  2 +-
 .../AssignmentEvaluationPage.vue              |  6 ++---
 .../pages/cockpit/CockpitUserCirclePage.vue   |  4 +--
 client/src/pages/cockpit/FeedbackPage.vue     |  8 +++---
 client/src/pages/cockpit/FeedbackPageUK.vue   |  2 +-
 client/src/pages/cockpit/FeedbackPageVV.vue   |  2 +-
 .../assignmentsPage/AssignmentDetails.vue     | 10 +++----
 .../assignmentsPage/AssignmentsPage.vue       |  6 ++---
 .../AttendanceCheckPage.vue                   | 12 ++++-----
 .../cockpit/cockpitPage/CockpitExpertPage.vue | 10 +++----
 .../cockpit/documentPage/DocumentPage.vue     | 18 ++++++-------
 .../documentPage/DocumentUploadForm.vue       |  2 +-
 .../competence/ActionCompetenceDetail.vue     |  4 +--
 .../competence/ActionCompetenceListPage.vue   |  2 +-
 .../CompetenceCertificateComponent.vue        | 10 +++----
 .../CompetenceCertificateDetailPage.vue       |  8 +++---
 .../CompetenceCertificateListPage.vue         |  6 ++---
 .../pages/competence/CompetenceIndexPage.vue  |  8 +++---
 .../pages/competence/CompetenceParentPage.vue |  2 +-
 .../SelfEvaluationAndFeedbackPage.vue         |  2 +-
 client/src/pages/dashboard/CourseListPage.vue |  2 +-
 .../pages/dashboard/DashboardAsideWidget.vue  | 10 +++----
 .../pages/dashboard/DashboardDueDatesPage.vue | 14 +++++-----
 client/src/pages/dashboard/DashboardPage.vue  | 10 +++----
 .../pages/dashboard/DashboardPersonsPage.vue  | 16 ++++++------
 client/src/pages/dashboard/MentorPage.vue     |  2 +-
 client/src/pages/dashboard/ProgressPage.vue   | 10 +++----
 .../src/pages/dashboard/SimpleCoursePage.vue  |  2 +-
 .../agentAssignment/AgentAssignmentDetail.vue |  4 +--
 .../AgentAssignmentDetailPage.vue             |  4 +--
 .../AgentAssignmentStatisticPage.vue          | 10 +++----
 .../AgentCompetenceGradeDetailPage.vue        | 18 ++++++-------
 .../AgentCompetenceGradePage.vue              | 14 +++++-----
 .../dashboard/statistic/AssignmentList.vue    | 12 ++++-----
 .../dashboard/statistic/AttendanceList.vue    | 12 ++++-----
 .../dashboard/statistic/CompetenceList.vue    |  2 +-
 .../dashboard/statistic/FeedbackList.vue      |  8 +++---
 .../learningMentor/mentor/MentorIndexPage.vue |  2 +-
 .../mentor/MentorOverviewPage.vue             |  2 +-
 .../mentor/MentorParticipantsPage.vue         |  4 +--
 .../mentor/MentorPraxisAssignmentPage.vue     |  4 +--
 ...orSelfEvaluationFeedbackAssignmentPage.vue |  2 +-
 .../mentor/SelfEvaluationFeedbackPage.vue     |  8 +++---
 .../learningPath/circlePage/CircleDiagram.vue |  2 +-
 .../circlePage/CircleOverview.vue             |  2 +-
 .../learningPath/circlePage/CirclePage.vue    | 18 ++++++-------
 .../circlePage/DocumentSection.vue            |  4 +--
 .../circlePage/LearningSequence.vue           |  2 +-
 .../LearningContentContainer.vue              |  2 +-
 .../LearningContentPage.vue                   |  4 +--
 .../LearningContentParent.vue                 |  8 +++---
 .../AssignmentSubmissionResponses.vue         |  2 +-
 .../assignment/AssignmentSubmissionView.vue   | 12 ++++-----
 .../assignment/AssignmentTaskView.vue         |  4 +--
 .../assignment/AssignmentView.vue             |  8 +++---
 .../assignment/AttachmentSection.vue          |  4 +--
 .../attendanceCourse/AttendanceCourse.vue     |  2 +-
 .../blocks/AttendanceCourseBlock.vue          |  2 +-
 .../blocks/DocumentListBlock.vue              |  6 ++---
 .../blocks/EdoniqTestBlock.vue                | 16 ++++++------
 .../blocks/PlaceholderBlock.vue               |  2 +-
 .../blocks/RichTextBlock.vue                  |  2 +-
 .../feedback/FeedbackBase.vue                 |  6 ++---
 .../feedback/FeedbackBlockUK.vue              |  8 +++---
 .../feedback/FeedbackBlockVV.vue              |  2 +-
 .../layouts/LearningContentFooter.vue         |  2 +-
 .../layouts/LearningContentMultiLayout.vue    |  4 +--
 .../layouts/LearningContentSimpleLayout.vue   |  4 +--
 .../LearningPathCircleListTile.vue            |  2 +-
 .../learningPathPage/LearningPathPage.vue     | 22 ++++++++--------
 .../LearningPathPathTopic.vue                 |  2 +-
 .../learningPathPage/LearningPathPathView.vue |  4 +--
 .../selfEvaluationPage/SelfEvaluationPage.vue |  2 +-
 .../SelfEvaluationRequestFeedbackPage.vue     | 12 ++++-----
 .../mediaLibrary/MediaLibraryCategoryPage.vue |  2 +-
 .../mediaLibrary/MediaLibraryContentPage.vue  |  4 +--
 .../mediaLibrary/MediaLibraryIndexPage.vue    |  2 +-
 .../src/pages/onboarding/AccountConfirm.vue   |  2 +-
 .../src/pages/onboarding/AccountProfile.vue   | 14 +++++-----
 client/src/pages/onboarding/AccountSetup.vue  |  4 +--
 client/src/pages/onboarding/WizardBase.vue    |  6 ++---
 .../src/pages/onboarding/uk/SetupComplete.vue |  2 +-
 .../pages/onboarding/vv/CheckoutAddress.vue   | 26 +++++++++----------
 .../personalProfile/PersonalProfilePage.vue   |  2 +-
 client/src/pages/start/VVStartPage.vue        |  2 +-
 .../userProfile/LearningPathProfilePage.vue   |  8 +++---
 .../src/pages/userProfile/UserProfilePage.vue |  6 ++---
 .../userProfile/UserProfileTopicList.vue      |  8 +++---
 client/src/services/onboarding.ts             |  2 +-
 .../tests/test_attendance_export.py           |  1 -
 143 files changed, 441 insertions(+), 422 deletions(-)

diff --git a/client/.prettierrc b/client/.prettierrc
index ee7239ef..49aec493 100644
--- a/client/.prettierrc
+++ b/client/.prettierrc
@@ -2,7 +2,11 @@
   "htmlWhitespaceSensitivity": "ignore",
   "jsonRecursiveSort": true,
   "organizeImportsSkipDestructiveCodeActions": true,
-  "plugins": ["prettier-plugin-sort-json", "prettier-plugin-tailwindcss"],
+  "plugins": [
+    "prettier-plugin-sort-json",
+    "prettier-plugin-organize-imports",
+    "prettier-plugin-tailwindcss"
+  ],
   "printWidth": 88,
   "semi": true,
   "singleQuote": false,
diff --git a/client/package-lock.json b/client/package-lock.json
index a46c22ae..78e6e22a 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -5723,6 +5723,7 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
       "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dev": true,
       "dependencies": {
         "fill-range": "^7.0.1"
       },
@@ -8258,6 +8259,7 @@
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
       "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dev": true,
       "dependencies": {
         "to-regex-range": "^5.0.1"
       },
@@ -9316,6 +9318,7 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -9332,6 +9335,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
       "dependencies": {
         "is-extglob": "^2.1.1"
       },
@@ -9385,6 +9389,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
       "engines": {
         "node": ">=0.12.0"
       }
@@ -10330,6 +10335,7 @@
       "version": "4.0.5",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
       "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "dev": true,
       "dependencies": {
         "braces": "^3.0.2",
         "picomatch": "^2.3.1"
@@ -11067,6 +11073,7 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
       "engines": {
         "node": ">=8.6"
       },
@@ -12666,6 +12673,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
       "dependencies": {
         "is-number": "^7.0.0"
       },
@@ -18799,6 +18807,7 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
       "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dev": true,
       "requires": {
         "fill-range": "^7.0.1"
       }
@@ -20659,6 +20668,7 @@
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
       "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dev": true,
       "requires": {
         "to-regex-range": "^5.0.1"
       }
@@ -21416,7 +21426,8 @@
     "is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ=="
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true
     },
     "is-fullwidth-code-point": {
       "version": "3.0.0",
@@ -21427,6 +21438,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
       "requires": {
         "is-extglob": "^2.1.1"
       }
@@ -21464,7 +21476,8 @@
     "is-number": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true
     },
     "is-number-object": {
       "version": "1.0.7",
@@ -22162,6 +22175,7 @@
       "version": "4.0.5",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
       "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "dev": true,
       "requires": {
         "braces": "^3.0.2",
         "picomatch": "^2.3.1"
@@ -22714,7 +22728,8 @@
     "picomatch": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true
     },
     "pify": {
       "version": "2.3.0",
@@ -23810,6 +23825,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
       "requires": {
         "is-number": "^7.0.0"
       }
diff --git a/client/src/components/AppFooter.vue b/client/src/components/AppFooter.vue
index 958469fb..ae8bdca3 100644
--- a/client/src/components/AppFooter.vue
+++ b/client/src/components/AppFooter.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
+import { SUPPORT_LOCALES } from "@/i18nextWrapper";
 import type { AvailableLanguages } from "@/stores/user";
 import { useUserStore } from "@/stores/user";
 import { Menu, MenuButton, MenuItem, MenuItems } from "@headlessui/vue";
 import * as log from "loglevel";
-import { SUPPORT_LOCALES } from "@/i18nextWrapper";
 
 log.debug("AppFooter created");
 
diff --git a/client/src/components/assignment/AssignmentSubmissionProgress.vue b/client/src/components/assignment/AssignmentSubmissionProgress.vue
index 06e8c72e..c89ee106 100644
--- a/client/src/components/assignment/AssignmentSubmissionProgress.vue
+++ b/client/src/components/assignment/AssignmentSubmissionProgress.vue
@@ -8,9 +8,9 @@ import type {
   LearningContentAssignment,
   LearningContentEdoniqTest,
 } from "@/types";
+import { stringifyParse } from "@/utils/utils";
 import log from "loglevel";
 import { computed, onMounted, reactive } from "vue";
-import { stringifyParse } from "@/utils/utils";
 
 const props = defineProps<{
   courseSession: CourseSession;
diff --git a/client/src/components/assignment/evaluation/EvaluationContainer.vue b/client/src/components/assignment/evaluation/EvaluationContainer.vue
index d2c33323..32ddcc08 100644
--- a/client/src/components/assignment/evaluation/EvaluationContainer.vue
+++ b/client/src/components/assignment/evaluation/EvaluationContainer.vue
@@ -2,6 +2,7 @@
 import EvaluationIntro from "@/components/assignment/evaluation/EvaluationIntro.vue";
 import EvaluationSummary from "@/components/assignment/evaluation/EvaluationSummary.vue";
 import EvaluationTask from "@/components/assignment/evaluation/EvaluationTask.vue";
+import { useCourseSessionDetailQuery } from "@/composables";
 import type {
   Assignment,
   AssignmentCompletion,
@@ -13,7 +14,6 @@ import dayjs from "dayjs";
 import { findIndex } from "lodash";
 import * as log from "loglevel";
 import { computed, onMounted } from "vue";
-import { useCourseSessionDetailQuery } from "@/composables";
 
 const props = defineProps<{
   assignmentUser: CourseSessionUser;
diff --git a/client/src/components/assignment/evaluation/EvaluationIntro.vue b/client/src/components/assignment/evaluation/EvaluationIntro.vue
index 445e2245..75b5b945 100644
--- a/client/src/components/assignment/evaluation/EvaluationIntro.vue
+++ b/client/src/components/assignment/evaluation/EvaluationIntro.vue
@@ -3,9 +3,9 @@ import { useCurrentCourseSession } from "@/composables";
 import { UPSERT_ASSIGNMENT_COMPLETION_MUTATION } from "@/graphql/mutations";
 import type { Assignment, AssignmentCompletion, CourseSessionUser } from "@/types";
 import { useMutation } from "@urql/vue";
-import { computed } from "vue";
 import dayjs, { Dayjs } from "dayjs";
 import * as log from "loglevel";
+import { computed } from "vue";
 
 const props = defineProps<{
   assignmentUser: CourseSessionUser;
diff --git a/client/src/components/assignment/evaluation/EvaluationSummary.vue b/client/src/components/assignment/evaluation/EvaluationSummary.vue
index b8d9fceb..44cc26c0 100644
--- a/client/src/components/assignment/evaluation/EvaluationSummary.vue
+++ b/client/src/components/assignment/evaluation/EvaluationSummary.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import ItSuccessAlert from "@/components/ui/ItSuccessAlert.vue";
+import RichText from "@/components/ui/RichText.vue";
 import { useCurrentCourseSession } from "@/composables";
 import { UPSERT_ASSIGNMENT_COMPLETION_MUTATION } from "@/graphql/mutations";
 import {
@@ -16,7 +17,6 @@ import { useMutation } from "@urql/vue";
 import dayjs, { Dayjs } from "dayjs";
 import * as log from "loglevel";
 import { computed, reactive } from "vue";
-import RichText from "@/components/ui/RichText.vue";
 
 const props = defineProps<{
   assignmentUser: CourseSessionUser;
diff --git a/client/src/components/assignment/evaluation/EvaluationTask.vue b/client/src/components/assignment/evaluation/EvaluationTask.vue
index 300c3506..74a93ed1 100644
--- a/client/src/components/assignment/evaluation/EvaluationTask.vue
+++ b/client/src/components/assignment/evaluation/EvaluationTask.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import ItTextarea from "@/components/ui/ItTextarea.vue";
+import RichText from "@/components/ui/RichText.vue";
 import { useCurrentCourseSession } from "@/composables";
 import { UPSERT_ASSIGNMENT_COMPLETION_MUTATION } from "@/graphql/mutations";
 import type {
@@ -13,7 +14,6 @@ import { useMutation } from "@urql/vue";
 import { useDebounceFn } from "@vueuse/core";
 import * as log from "loglevel";
 import { computed } from "vue";
-import RichText from "@/components/ui/RichText.vue";
 
 const props = defineProps<{
   assignmentUser: CourseSessionUser;
diff --git a/client/src/components/cockpit/SubmissionsOverview.vue b/client/src/components/cockpit/SubmissionsOverview.vue
index be151a42..77578d97 100644
--- a/client/src/components/cockpit/SubmissionsOverview.vue
+++ b/client/src/components/cockpit/SubmissionsOverview.vue
@@ -1,5 +1,11 @@
 <script setup lang="ts">
 import AssignmentSubmissionProgress from "@/components/assignment/AssignmentSubmissionProgress.vue";
+import FeedbackSubmissionProgress from "@/components/selfEvaluationFeedback/FeedbackSubmissionProgress.vue";
+import {
+  useCourseDataWithCompletion,
+  useCourseSessionDetailQuery,
+} from "@/composables";
+import { circleFlatLearningContents } from "@/services/circle";
 import type {
   CourseSession,
   LearningContent,
@@ -7,17 +13,11 @@ import type {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   LearningContentEdoniqTest,
 } from "@/types";
+import { learningContentTypeData } from "@/utils/typeMaps";
+import { getCockpitUrl } from "@/utils/utils";
+import { useTranslation } from "i18next-vue";
 import log from "loglevel";
 import { computed } from "vue";
-import { useTranslation } from "i18next-vue";
-import FeedbackSubmissionProgress from "@/components/selfEvaluationFeedback/FeedbackSubmissionProgress.vue";
-import { learningContentTypeData } from "@/utils/typeMaps";
-import {
-  useCourseDataWithCompletion,
-  useCourseSessionDetailQuery,
-} from "@/composables";
-import { circleFlatLearningContents } from "@/services/circle";
-import { getCockpitUrl } from "@/utils/utils";
 
 interface Submittable {
   id: string;
diff --git a/client/src/components/cockpit/UserStatusCount.vue b/client/src/components/cockpit/UserStatusCount.vue
index 692ace89..abae8e2b 100644
--- a/client/src/components/cockpit/UserStatusCount.vue
+++ b/client/src/components/cockpit/UserStatusCount.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useCourseDataWithCompletion } from "@/composables";
-import { computed } from "vue";
 import { calcPerformanceCriteriaStatusCount } from "@/services/competence";
+import { computed } from "vue";
 
 const props = defineProps<{
   courseSlug: string;
diff --git a/client/src/components/dashboard/AgentConnectionCount.vue b/client/src/components/dashboard/AgentConnectionCount.vue
index 077b8f87..eca05793 100644
--- a/client/src/components/dashboard/AgentConnectionCount.vue
+++ b/client/src/components/dashboard/AgentConnectionCount.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import BaseBox from "@/components/dashboard/BaseBox.vue";
+import { fetchMenteeCount } from "@/services/dashboard";
 import type { Ref } from "vue";
 import { onMounted, ref } from "vue";
-import { fetchMenteeCount } from "@/services/dashboard";
-import BaseBox from "@/components/dashboard/BaseBox.vue";
 
 const props = withDefaults(
   defineProps<{
diff --git a/client/src/components/dashboard/AssignmentProgressSummaryBox.vue b/client/src/components/dashboard/AssignmentProgressSummaryBox.vue
index 07dcd27a..6aaba03e 100644
--- a/client/src/components/dashboard/AssignmentProgressSummaryBox.vue
+++ b/client/src/components/dashboard/AssignmentProgressSummaryBox.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { computed } from "vue";
-import ItProgress from "@/components/ui/ItProgress.vue";
 import BaseBox from "@/components/dashboard/BaseBox.vue";
+import ItProgress from "@/components/ui/ItProgress.vue";
+import { computed } from "vue";
 
 const props = defineProps<{
   detailsLink: string;
diff --git a/client/src/components/dashboard/AssignmentSummary.vue b/client/src/components/dashboard/AssignmentSummary.vue
index 5ea3c887..0f77d478 100644
--- a/client/src/components/dashboard/AssignmentSummary.vue
+++ b/client/src/components/dashboard/AssignmentSummary.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { Ref } from "vue";
-import { computed, onMounted, ref } from "vue";
+import AssignmentProgressSummaryBox from "@/components/dashboard/AssignmentProgressSummaryBox.vue";
 import type { ProgressDashboardAssignmentType } from "@/gql/graphql";
 import { fetchProgressData } from "@/services/dashboard";
-import AssignmentProgressSummaryBox from "@/components/dashboard/AssignmentProgressSummaryBox.vue";
+import type { Ref } from "vue";
+import { computed, onMounted, ref } from "vue";
 
 const props = defineProps<{
   courseId: string;
diff --git a/client/src/components/dashboard/AssignmentSummaryBox.vue b/client/src/components/dashboard/AssignmentSummaryBox.vue
index 02d5c334..0c4c4059 100644
--- a/client/src/components/dashboard/AssignmentSummaryBox.vue
+++ b/client/src/components/dashboard/AssignmentSummaryBox.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import BaseBox from "@/components/dashboard/BaseBox.vue";
 import ItProgress from "@/components/ui/ItProgress.vue";
 import { computed } from "vue";
-import BaseBox from "@/components/dashboard/BaseBox.vue";
 
 const props = defineProps<{
   assignmentsCompleted: number;
diff --git a/client/src/components/dashboard/AttendanceSummaryBox.vue b/client/src/components/dashboard/AttendanceSummaryBox.vue
index cfed811b..a15cb807 100644
--- a/client/src/components/dashboard/AttendanceSummaryBox.vue
+++ b/client/src/components/dashboard/AttendanceSummaryBox.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import BaseBox from "@/components/dashboard/BaseBox.vue";
 import ItProgress from "@/components/ui/ItProgress.vue";
 import { computed } from "vue";
-import BaseBox from "@/components/dashboard/BaseBox.vue";
 
 const props = defineProps<{
   daysCompleted: number;
diff --git a/client/src/components/dashboard/BerufsbildnerStatistics.vue b/client/src/components/dashboard/BerufsbildnerStatistics.vue
index 75aad90b..7f16e879 100644
--- a/client/src/components/dashboard/BerufsbildnerStatistics.vue
+++ b/client/src/components/dashboard/BerufsbildnerStatistics.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import { computed, onMounted, ref } from "vue";
+import AgentConnectionCount from "@/components/dashboard/AgentConnectionCount.vue";
+import AssignmentSummaryBox from "@/components/dashboard/AssignmentSummaryBox.vue";
+import BaseBox from "@/components/dashboard/BaseBox.vue";
+import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
+import type { BaseStatisticsType } from "@/gql/graphql";
+import { percentToRoundedGrade } from "@/services/assignmentService";
 import {
   type DashboardRoleKeyType,
   fetchMentorCompetenceSummary,
 } from "@/services/dashboard";
-import type { BaseStatisticsType } from "@/gql/graphql";
-import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
-import AssignmentSummaryBox from "@/components/dashboard/AssignmentSummaryBox.vue";
-import BaseBox from "@/components/dashboard/BaseBox.vue";
-import { percentToRoundedGrade } from "@/services/assignmentService";
-import AgentConnectionCount from "@/components/dashboard/AgentConnectionCount.vue";
+import { computed, onMounted, ref } from "vue";
 
 const props = defineProps<{
   courseSlug: string;
diff --git a/client/src/components/dashboard/CompetenceSummary.vue b/client/src/components/dashboard/CompetenceSummary.vue
index 2c8c287c..f463d5a9 100644
--- a/client/src/components/dashboard/CompetenceSummary.vue
+++ b/client/src/components/dashboard/CompetenceSummary.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
+import CompetenceSummaryBox from "@/components/dashboard/CompetenceSummaryBox.vue";
+import type { ProgressDashboardCompetenceType } from "@/gql/graphql";
+import { fetchProgressData } from "@/services/dashboard";
 import type { Ref } from "vue";
 import { computed, onMounted, ref } from "vue";
-import type { ProgressDashboardCompetenceType } from "@/gql/graphql";
-import CompetenceSummaryBox from "@/components/dashboard/CompetenceSummaryBox.vue";
-import { fetchProgressData } from "@/services/dashboard";
 
 const props = defineProps<{
   courseId: string;
diff --git a/client/src/components/dashboard/CoursePanel.vue b/client/src/components/dashboard/CoursePanel.vue
index 73549811..b73210f3 100644
--- a/client/src/components/dashboard/CoursePanel.vue
+++ b/client/src/components/dashboard/CoursePanel.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import { computed } from "vue";
-import type { DashboardCourseConfigType, WidgetType } from "@/services/dashboard";
-import LearningPathDiagram from "@/components/learningPath/LearningPathDiagram.vue";
-import CompetenceSummary from "@/components/dashboard/CompetenceSummary.vue";
-import AssignmentSummary from "@/components/dashboard/AssignmentSummary.vue";
-import MentorOpenTasksCount from "@/components/dashboard/MentorOpenTasksCount.vue";
 import AgentConnectionCount from "@/components/dashboard/AgentConnectionCount.vue";
-import MentorCompetenceSummary from "@/components/dashboard/MentorCompetenceSummary.vue";
-import { getCockpitUrl, getLearningMentorUrl, getLearningPathUrl } from "@/utils/utils";
-import UkStatistics from "@/components/dashboard/UkStatistics.vue";
+import AssignmentSummary from "@/components/dashboard/AssignmentSummary.vue";
 import BerufsbildnerStatistics from "@/components/dashboard/BerufsbildnerStatistics.vue";
+import CompetenceSummary from "@/components/dashboard/CompetenceSummary.vue";
+import MentorCompetenceSummary from "@/components/dashboard/MentorCompetenceSummary.vue";
+import MentorOpenTasksCount from "@/components/dashboard/MentorOpenTasksCount.vue";
+import UkStatistics from "@/components/dashboard/UkStatistics.vue";
+import LearningPathDiagram from "@/components/learningPath/LearningPathDiagram.vue";
+import type { DashboardCourseConfigType, WidgetType } from "@/services/dashboard";
+import { getCockpitUrl, getLearningMentorUrl, getLearningPathUrl } from "@/utils/utils";
+import { computed } from "vue";
 
 const mentorWidgets = [
   "MentorTasksWidget",
diff --git a/client/src/components/dashboard/MentorCompetenceSummary.vue b/client/src/components/dashboard/MentorCompetenceSummary.vue
index c515a27d..d9983090 100644
--- a/client/src/components/dashboard/MentorCompetenceSummary.vue
+++ b/client/src/components/dashboard/MentorCompetenceSummary.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { computed, onMounted, ref } from "vue";
+import BaseBox from "@/components/dashboard/BaseBox.vue";
+import type { BaseStatisticsType } from "@/gql/graphql";
 import {
   type DashboardRoleKeyType,
   fetchMentorCompetenceSummary,
 } from "@/services/dashboard";
-import type { BaseStatisticsType } from "@/gql/graphql";
-import BaseBox from "@/components/dashboard/BaseBox.vue";
+import { computed, onMounted, ref } from "vue";
 
 const props = defineProps<{
   courseId: string;
diff --git a/client/src/components/dashboard/MentorOpenTasksCount.vue b/client/src/components/dashboard/MentorOpenTasksCount.vue
index 95014ec8..6a3337f9 100644
--- a/client/src/components/dashboard/MentorOpenTasksCount.vue
+++ b/client/src/components/dashboard/MentorOpenTasksCount.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import BaseBox from "@/components/dashboard/BaseBox.vue";
+import { fetchOpenTasksCount } from "@/services/dashboard";
 import type { Ref } from "vue";
 import { onMounted, ref } from "vue";
-import { fetchOpenTasksCount } from "@/services/dashboard";
-import BaseBox from "@/components/dashboard/BaseBox.vue";
 
 const props = defineProps<{
   courseId: string;
diff --git a/client/src/components/dashboard/StatisticFilterList.vue b/client/src/components/dashboard/StatisticFilterList.vue
index e6e6247d..c37ab89c 100644
--- a/client/src/components/dashboard/StatisticFilterList.vue
+++ b/client/src/components/dashboard/StatisticFilterList.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { computed, ref, watch } from "vue";
 import ItDropdownSelect from "@/components/ui/ItDropdownSelect.vue";
-import { useTranslation } from "i18next-vue";
 import type { StatisticsCourseSessionPropertiesType } from "@/gql/graphql";
 import type { StatisticsFilterItem } from "@/types";
+import { useTranslation } from "i18next-vue";
 import _ from "lodash";
+import { computed, ref, watch } from "vue";
 
 const { t } = useTranslation();
 
diff --git a/client/src/components/dashboard/UkStatistics.vue b/client/src/components/dashboard/UkStatistics.vue
index 2afd5e48..7f26191c 100644
--- a/client/src/components/dashboard/UkStatistics.vue
+++ b/client/src/components/dashboard/UkStatistics.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
+import AssignmentSummaryBox from "@/components/dashboard/AssignmentSummaryBox.vue";
+import AttendanceSummaryBox from "@/components/dashboard/AttendanceSummaryBox.vue";
+import CompetenceSummaryBox from "@/components/dashboard/CompetenceSummaryBox.vue";
+import FeedbackSummaryBox from "@/components/dashboard/FeedbackSummaryBox.vue";
+import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
+import type { CourseStatisticsType } from "@/gql/graphql";
 import { useDashboardStore } from "@/stores/dashboard";
 import { computed, onMounted, ref } from "vue";
-import AttendanceSummaryBox from "@/components/dashboard/AttendanceSummaryBox.vue";
-import type { CourseStatisticsType } from "@/gql/graphql";
-import AssignmentSummaryBox from "@/components/dashboard/AssignmentSummaryBox.vue";
-import FeedbackSummaryBox from "@/components/dashboard/FeedbackSummaryBox.vue";
-import CompetenceSummaryBox from "@/components/dashboard/CompetenceSummaryBox.vue";
-import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
 
 const props = defineProps<{
   courseId: string;
diff --git a/client/src/components/dueDates/CourseSessionDueDatesList.vue b/client/src/components/dueDates/CourseSessionDueDatesList.vue
index da5f469a..cb32e64c 100644
--- a/client/src/components/dueDates/CourseSessionDueDatesList.vue
+++ b/client/src/components/dueDates/CourseSessionDueDatesList.vue
@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-import { useDashboardPersonsDueDates } from "@/composables";
-import { computed } from "vue";
-import _ from "lodash";
-import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
 import DueDateSingle from "@/components/dueDates/DueDateSingle.vue";
+import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
+import { useDashboardPersonsDueDates } from "@/composables";
+import _ from "lodash";
+import { computed } from "vue";
 
 const props = withDefaults(
   defineProps<{
diff --git a/client/src/components/dueDates/DueDateSingle.vue b/client/src/components/dueDates/DueDateSingle.vue
index ce068271..d111319d 100644
--- a/client/src/components/dueDates/DueDateSingle.vue
+++ b/client/src/components/dueDates/DueDateSingle.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { useTranslation } from "i18next-vue";
 import type { DashboardDueDate } from "@/services/dashboard";
-import { computed } from "vue";
 import dayjs from "dayjs";
+import { useTranslation } from "i18next-vue";
+import { computed } from "vue";
 
 const props = defineProps<{
   dueDate: DashboardDueDate;
diff --git a/client/src/components/header/CoursePreviewBar.vue b/client/src/components/header/CoursePreviewBar.vue
index fbdc425f..1e7bc3ba 100644
--- a/client/src/components/header/CoursePreviewBar.vue
+++ b/client/src/components/header/CoursePreviewBar.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { useTranslation } from "i18next-vue";
-import { useRouteLookups } from "@/utils/route";
 import { useCurrentCourseSession } from "@/composables";
+import { useRouteLookups } from "@/utils/route";
 import { getCompetenceNaviUrl, getLearningPathUrl } from "@/utils/utils";
+import { useTranslation } from "i18next-vue";
 
 const { inCompetenceProfile, inLearningPath } = useRouteLookups();
 const courseSession = useCurrentCourseSession();
diff --git a/client/src/components/header/MainNavigationBar.vue b/client/src/components/header/MainNavigationBar.vue
index 14cb45ca..9a855115 100644
--- a/client/src/components/header/MainNavigationBar.vue
+++ b/client/src/components/header/MainNavigationBar.vue
@@ -1,20 +1,16 @@
 <script setup lang="ts">
-import log from "loglevel";
-import { getLoginURL } from "@/router/utils";
 import AccountMenu from "@/components/header/AccountMenu.vue";
+import CoursePreviewBar from "@/components/header/CoursePreviewBar.vue";
 import MobileMenu from "@/components/header/MobileMenu.vue";
 import NotificationPopover from "@/components/notifications/NotificationPopover.vue";
 import NotificationPopoverContent from "@/components/notifications/NotificationPopoverContent.vue";
 import ItFullScreenModal from "@/components/ui/ItFullScreenModal.vue";
+import { useVVByLink } from "@/composables";
+import { getLoginURL } from "@/router/utils";
 import { useCourseSessionsStore } from "@/stores/courseSessions";
 import { useNotificationsStore } from "@/stores/notifications";
 import { useUserStore } from "@/stores/user";
 import { useRouteLookups } from "@/utils/route";
-import { Popover, PopoverButton, PopoverPanel } from "@headlessui/vue";
-import { breakpointsTailwind, useBreakpoints } from "@vueuse/core";
-import { computed, onMounted, reactive } from "vue";
-import { useTranslation } from "i18next-vue";
-import CoursePreviewBar from "@/components/header/CoursePreviewBar.vue";
 import {
   getCockpitUrl,
   getCompetenceNaviUrl,
@@ -23,7 +19,11 @@ import {
   getMediaCenterUrl,
   isVVLearningMentor,
 } from "@/utils/utils";
-import { useVVByLink } from "@/composables";
+import { Popover, PopoverButton, PopoverPanel } from "@headlessui/vue";
+import { breakpointsTailwind, useBreakpoints } from "@vueuse/core";
+import { useTranslation } from "i18next-vue";
+import log from "loglevel";
+import { computed, onMounted, reactive } from "vue";
 
 log.debug("MainNavigationBar created");
 
diff --git a/client/src/components/header/MobileMenu.vue b/client/src/components/header/MobileMenu.vue
index 24fa9d8c..ccc6bf77 100644
--- a/client/src/components/header/MobileMenu.vue
+++ b/client/src/components/header/MobileMenu.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
 import ItFullScreenModal from "@/components/ui/ItFullScreenModal.vue";
+import { useVVByLink } from "@/composables";
+import { useCourseSessionsStore } from "@/stores/courseSessions";
 import type { User } from "@/stores/user";
 import type { CourseSession } from "@/types";
-import { useRouter } from "vue-router";
 import {
   getCockpitUrl,
   getCompetenceNaviUrl,
@@ -12,8 +13,7 @@ import {
   isVVLearningMentor,
 } from "@/utils/utils";
 import { computed } from "vue";
-import { useCourseSessionsStore } from "@/stores/courseSessions";
-import { useVVByLink } from "@/composables";
+import { useRouter } from "vue-router";
 
 const router = useRouter();
 
diff --git a/client/src/components/learningMentor/AssignmentItem.vue b/client/src/components/learningMentor/AssignmentItem.vue
index c11fa437..d2eb9d6e 100644
--- a/client/src/components/learningMentor/AssignmentItem.vue
+++ b/client/src/components/learningMentor/AssignmentItem.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { RouteLocationRaw } from "vue-router";
 import { computed } from "vue";
+import type { RouteLocationRaw } from "vue-router";
 
 const props = defineProps<{
   taskTitle: string;
diff --git a/client/src/components/learningMentor/MyMentees.vue b/client/src/components/learningMentor/MyMentees.vue
index c90a57ce..ee2b229c 100644
--- a/client/src/components/learningMentor/MyMentees.vue
+++ b/client/src/components/learningMentor/MyMentees.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { useLearningMentees } from "@/services/learningMentees";
+import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
 import { useCurrentCourseSession } from "@/composables";
 import { useCSRFFetch } from "@/fetchHelpers";
+import { useLearningMentees } from "@/services/learningMentees";
 import { computed } from "vue";
-import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
 
 const courseSession = useCurrentCourseSession();
 const { isLoading, summary, fetchData } = useLearningMentees(courseSession.value.id);
diff --git a/client/src/components/learningMentor/MyMentors.vue b/client/src/components/learningMentor/MyMentors.vue
index 85941cc6..efbf6914 100644
--- a/client/src/components/learningMentor/MyMentors.vue
+++ b/client/src/components/learningMentor/MyMentors.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { useCurrentCourseSession } from "@/composables";
 import ItModal from "@/components/ui/ItModal.vue";
-import { computed, ref } from "vue";
+import { useCurrentCourseSession } from "@/composables";
 import { useCSRFFetch } from "@/fetchHelpers";
 import { useUserStore } from "@/stores/user";
+import { computed, ref } from "vue";
 
 const courseSession = useCurrentCourseSession();
 
diff --git a/client/src/components/learningPath/LearningPathDiagram.vue b/client/src/components/learningPath/LearningPathDiagram.vue
index f3129073..94ae34e3 100644
--- a/client/src/components/learningPath/LearningPathDiagram.vue
+++ b/client/src/components/learningPath/LearningPathDiagram.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
+import { useCourseCircleProgress, useCourseDataWithCompletion } from "@/composables";
 import LearningPathCircle from "@/pages/learningPath/learningPathPage/LearningPathCircle.vue";
 import {
   calculateCircleSectorData,
@@ -6,8 +8,6 @@ import {
   useCourseFilter,
 } from "@/pages/learningPath/learningPathPage/utils";
 import { computed } from "vue";
-import { useCourseCircleProgress, useCourseDataWithCompletion } from "@/composables";
-import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
 
 export type DiagramType = "horizontal" | "horizontalSmall" | "singleSmall";
 
diff --git a/client/src/components/learningPath/SelfEvaluation.vue b/client/src/components/learningPath/SelfEvaluation.vue
index 5f8f5847..195361ed 100644
--- a/client/src/components/learningPath/SelfEvaluation.vue
+++ b/client/src/components/learningPath/SelfEvaluation.vue
@@ -11,12 +11,12 @@ import * as log from "loglevel";
 import { useCourseDataWithCompletion, useCurrentCourseSession } from "@/composables";
 import LearningContentContainer from "@/pages/learningPath/learningContentPage/LearningContentContainer.vue";
 import LearningContentMultiLayout from "@/pages/learningPath/learningContentPage/layouts/LearningContentMultiLayout.vue";
+import SelfEvaluationRequestFeedbackPage from "@/pages/learningPath/selfEvaluationPage/SelfEvaluationRequestFeedbackPage.vue";
+import { getPreviousRoute } from "@/router/history";
 import eventBus from "@/utils/eventBus";
+import { getCompetenceNaviUrl } from "@/utils/utils";
 import { useRouteQuery } from "@vueuse/router";
 import { computed, onUnmounted } from "vue";
-import { getPreviousRoute } from "@/router/history";
-import { getCompetenceNaviUrl } from "@/utils/utils";
-import SelfEvaluationRequestFeedbackPage from "@/pages/learningPath/selfEvaluationPage/SelfEvaluationRequestFeedbackPage.vue";
 
 log.debug("LearningContent.vue setup");
 
diff --git a/client/src/components/learningPath/assignment/CaseWorkSubmit.vue b/client/src/components/learningPath/assignment/CaseWorkSubmit.vue
index 6362660f..261568da 100644
--- a/client/src/components/learningPath/assignment/CaseWorkSubmit.vue
+++ b/client/src/components/learningPath/assignment/CaseWorkSubmit.vue
@@ -1,17 +1,17 @@
 <script setup lang="ts">
-import ItCheckbox from "@/components/ui/ItCheckbox.vue";
-import { computed, reactive } from "vue";
-import type { CourseSessionUserObjectsType } from "@/gql/graphql";
-import dayjs from "dayjs";
 import DateEmbedding from "@/components/dueDates/DateEmbedding.vue";
 import ItButton from "@/components/ui/ItButton.vue";
-import { useMutation } from "@urql/vue";
+import ItCheckbox from "@/components/ui/ItCheckbox.vue";
+import { bustItGetCache } from "@/fetchHelpers";
+import type { CourseSessionUserObjectsType } from "@/gql/graphql";
 import { UPSERT_ASSIGNMENT_COMPLETION_MUTATION } from "@/graphql/mutations";
 import { useUserStore } from "@/stores/user";
-import { bustItGetCache } from "@/fetchHelpers";
-import eventBus from "@/utils/eventBus";
-import log from "loglevel";
 import type { Assignment } from "@/types";
+import eventBus from "@/utils/eventBus";
+import { useMutation } from "@urql/vue";
+import dayjs from "dayjs";
+import log from "loglevel";
+import { computed, reactive } from "vue";
 
 const props = defineProps<{
   evaluationDocumentUrl: string;
diff --git a/client/src/components/learningPath/assignment/PraxisAssignmentSubmit.vue b/client/src/components/learningPath/assignment/PraxisAssignmentSubmit.vue
index 65486a0c..a8f0c559 100644
--- a/client/src/components/learningPath/assignment/PraxisAssignmentSubmit.vue
+++ b/client/src/components/learningPath/assignment/PraxisAssignmentSubmit.vue
@@ -1,20 +1,20 @@
 <script setup lang="ts">
 import ItButton from "@/components/ui/ItButton.vue";
 import ItCheckbox from "@/components/ui/ItCheckbox.vue";
-import { ref } from "vue";
 import { bustItGetCache } from "@/fetchHelpers";
 import { useUserStore } from "@/stores/user";
 import eventBus from "@/utils/eventBus";
-import log from "loglevel";
 import dayjs from "dayjs";
+import log from "loglevel";
+import { ref } from "vue";
 
-import { useMutation } from "@urql/vue";
+import SampleSolution from "@/components/assignment/SampleSolution.vue";
+import DateEmbedding from "@/components/dueDates/DateEmbedding.vue";
+import NoMentorInformationPanel from "@/components/learningMentor/NoMentorInformationPanel.vue";
+import { useMyLearningMentors } from "@/composables";
 import { UPSERT_ASSIGNMENT_COMPLETION_MUTATION } from "@/graphql/mutations";
 import type { Assignment } from "@/types";
-import DateEmbedding from "@/components/dueDates/DateEmbedding.vue";
-import { useMyLearningMentors } from "@/composables";
-import NoMentorInformationPanel from "@/components/learningMentor/NoMentorInformationPanel.vue";
-import SampleSolution from "@/components/assignment/SampleSolution.vue";
+import { useMutation } from "@urql/vue";
 
 const props = defineProps<{
   submissionDeadlineStart?: string | null;
diff --git a/client/src/components/learningPath/assignment/SimpleSubmit.vue b/client/src/components/learningPath/assignment/SimpleSubmit.vue
index 3422d712..fbb4955d 100644
--- a/client/src/components/learningPath/assignment/SimpleSubmit.vue
+++ b/client/src/components/learningPath/assignment/SimpleSubmit.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
 import ItButton from "@/components/ui/ItButton.vue";
 import ItCheckbox from "@/components/ui/ItCheckbox.vue";
-import { ref } from "vue";
 import { bustItGetCache } from "@/fetchHelpers";
-import { useUserStore } from "@/stores/user";
-import eventBus from "@/utils/eventBus";
-import log from "loglevel";
-import { useMutation } from "@urql/vue";
 import { UPSERT_ASSIGNMENT_COMPLETION_MUTATION } from "@/graphql/mutations";
+import { useUserStore } from "@/stores/user";
 import type { Assignment } from "@/types";
+import eventBus from "@/utils/eventBus";
+import { useMutation } from "@urql/vue";
+import log from "loglevel";
+import { ref } from "vue";
 
 const props = defineProps<{
   courseSessionId: string;
diff --git a/client/src/components/onboarding/DatatransCembraDeviceFingerprint.vue b/client/src/components/onboarding/DatatransCembraDeviceFingerprint.vue
index 6ccb9de2..f70cd58a 100644
--- a/client/src/components/onboarding/DatatransCembraDeviceFingerprint.vue
+++ b/client/src/components/onboarding/DatatransCembraDeviceFingerprint.vue
@@ -9,8 +9,8 @@
 </template>
 
 <script>
-import { ref, computed, onMounted } from "vue";
 import { getLocalSessionKey } from "@/statistics";
+import { computed, onMounted, ref } from "vue";
 
 export default {
   // code needed for Datatrans/Cembra device fingerprinting
diff --git a/client/src/components/onboarding/OrganisationAddress.vue b/client/src/components/onboarding/OrganisationAddress.vue
index e56e33cd..44a995f8 100644
--- a/client/src/components/onboarding/OrganisationAddress.vue
+++ b/client/src/components/onboarding/OrganisationAddress.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { computed } from "vue";
 import { useEntities } from "@/services/entities";
+import { computed } from "vue";
 
 const props = defineProps<{
   modelValue: {
diff --git a/client/src/components/onboarding/PersonalAddress.vue b/client/src/components/onboarding/PersonalAddress.vue
index 3425afeb..9cbf1d9f 100644
--- a/client/src/components/onboarding/PersonalAddress.vue
+++ b/client/src/components/onboarding/PersonalAddress.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { computed } from "vue";
+import ItDatePicker from "@/components/ui/ItDatePicker.vue";
 import { useEntities } from "@/services/entities";
 import "@vuepic/vue-datepicker/dist/main.css";
 import { t } from "i18next";
-import ItDatePicker from "@/components/ui/ItDatePicker.vue";
+import { computed } from "vue";
 
 const props = defineProps<{
   modelValue: {
diff --git a/client/src/components/onboarding/WizardPage.vue b/client/src/components/onboarding/WizardPage.vue
index cbafd525..76cf9774 100644
--- a/client/src/components/onboarding/WizardPage.vue
+++ b/client/src/components/onboarding/WizardPage.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import ItNavigationProgress from "@/components/ui/ItNavigationProgress.vue";
+import { isString, startsWith } from "lodash";
 import { computed } from "vue";
 import { useRoute } from "vue-router";
-import { isString, startsWith } from "lodash";
 
 const route = useRoute();
 const props = defineProps<{
diff --git a/client/src/components/onboarding/WizardSidePanel.vue b/client/src/components/onboarding/WizardSidePanel.vue
index 38827e62..ebf591cb 100644
--- a/client/src/components/onboarding/WizardSidePanel.vue
+++ b/client/src/components/onboarding/WizardSidePanel.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { SUPPORT_LOCALES } from "@/i18nextWrapper";
-import { Menu, MenuButton, MenuItem, MenuItems } from "@headlessui/vue";
 import type { AvailableLanguages } from "@/stores/user";
 import { useUserStore } from "@/stores/user";
+import { Menu, MenuButton, MenuItem, MenuItems } from "@headlessui/vue";
 
 const props = defineProps<{
   courseName: string;
diff --git a/client/src/components/personalProfile/ProfileEdit.vue b/client/src/components/personalProfile/ProfileEdit.vue
index 398e363a..0b29e004 100644
--- a/client/src/components/personalProfile/ProfileEdit.vue
+++ b/client/src/components/personalProfile/ProfileEdit.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { useEntities } from "@/services/entities";
 import AvatarImage from "@/components/ui/AvatarImage.vue";
-import { ref } from "vue";
-import { type User, useUserStore } from "@/stores/user";
 import ItDatePicker from "@/components/ui/ItDatePicker.vue";
+import { useEntities } from "@/services/entities";
+import { type User, useUserStore } from "@/stores/user";
 import { normalizeSwissPhoneNumber } from "@/utils/phone";
+import { ref } from "vue";
 
 const emit = defineEmits(["cancel", "save"]);
 
diff --git a/client/src/components/personalProfile/ProfileView.vue b/client/src/components/personalProfile/ProfileView.vue
index ac2e494c..a5b10fb8 100644
--- a/client/src/components/personalProfile/ProfileView.vue
+++ b/client/src/components/personalProfile/ProfileView.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { useUserStore } from "@/stores/user";
-import { computed } from "vue";
 import { useEntities } from "@/services/entities";
-import { useTranslation } from "i18next-vue";
-import dayjs from "dayjs";
+import { useUserStore } from "@/stores/user";
 import { displaySwissPhoneNumber } from "@/utils/phone";
+import dayjs from "dayjs";
+import { useTranslation } from "i18next-vue";
+import { computed } from "vue";
 
 const { t } = useTranslation();
 
diff --git a/client/src/components/selfEvaluationFeedback/FeedbackByLearningUnitSummary.vue b/client/src/components/selfEvaluationFeedback/FeedbackByLearningUnitSummary.vue
index 893e5be3..5d846ccc 100644
--- a/client/src/components/selfEvaluationFeedback/FeedbackByLearningUnitSummary.vue
+++ b/client/src/components/selfEvaluationFeedback/FeedbackByLearningUnitSummary.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { computed } from "vue";
-import type { LearningUnitSummary } from "@/services/selfEvaluationFeedback";
 import SmileyCell from "@/components/selfEvaluationFeedback/SmileyCell.vue";
+import type { LearningUnitSummary } from "@/services/selfEvaluationFeedback";
+import { computed } from "vue";
 
 const props = defineProps<{
   summary: LearningUnitSummary;
diff --git a/client/src/components/selfEvaluationFeedback/FeedbackProvided.vue b/client/src/components/selfEvaluationFeedback/FeedbackProvided.vue
index f8346fed..d1eb526a 100644
--- a/client/src/components/selfEvaluationFeedback/FeedbackProvided.vue
+++ b/client/src/components/selfEvaluationFeedback/FeedbackProvided.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { computed } from "vue";
 import {
   type FeedbackRequest,
   getFeedbackEvaluationCaption,
   getSelfEvaluationCaption,
   getSmiley,
 } from "@/services/selfEvaluationFeedback";
+import { computed } from "vue";
 
 const props = defineProps<{
   feedback: FeedbackRequest;
diff --git a/client/src/components/selfEvaluationFeedback/FeedbackProviderReleaseOverview.vue b/client/src/components/selfEvaluationFeedback/FeedbackProviderReleaseOverview.vue
index c92dcd7c..a8bd8abc 100644
--- a/client/src/components/selfEvaluationFeedback/FeedbackProviderReleaseOverview.vue
+++ b/client/src/components/selfEvaluationFeedback/FeedbackProviderReleaseOverview.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { FeedbackRequest } from "@/services/selfEvaluationFeedback";
 import FeedbackProvided from "@/components/selfEvaluationFeedback/FeedbackProvided.vue";
 import ItButton from "@/components/ui/ItButton.vue";
+import type { FeedbackRequest } from "@/services/selfEvaluationFeedback";
 
 defineProps<{
   feedback: FeedbackRequest;
diff --git a/client/src/components/selfEvaluationFeedback/FeedbackReceived.vue b/client/src/components/selfEvaluationFeedback/FeedbackReceived.vue
index eedffca1..6983c05c 100644
--- a/client/src/components/selfEvaluationFeedback/FeedbackReceived.vue
+++ b/client/src/components/selfEvaluationFeedback/FeedbackReceived.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { computed } from "vue";
 import {
   type FeedbackRequest,
   getFeedbackReceivedCaption,
   getSelfEvaluationCaption,
   getSmiley,
 } from "@/services/selfEvaluationFeedback";
+import { computed } from "vue";
 
 const props = defineProps<{
   feedback: FeedbackRequest;
diff --git a/client/src/components/selfEvaluationFeedback/FeedbackSubmissionProgress.vue b/client/src/components/selfEvaluationFeedback/FeedbackSubmissionProgress.vue
index 259d4b3f..7cd7dd31 100644
--- a/client/src/components/selfEvaluationFeedback/FeedbackSubmissionProgress.vue
+++ b/client/src/components/selfEvaluationFeedback/FeedbackSubmissionProgress.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
+import ItProgress from "@/components/ui/ItProgress.vue";
+import { useCourseSessionDetailQuery } from "@/composables";
+import { itGet } from "@/fetchHelpers";
 import type { CourseSession } from "@/types";
 import log from "loglevel";
 import { computed, onMounted, ref } from "vue";
-import ItProgress from "@/components/ui/ItProgress.vue";
-import { itGet } from "@/fetchHelpers";
-import { useCourseSessionDetailQuery } from "@/composables";
 
 const props = defineProps<{
   courseSession: CourseSession;
diff --git a/client/src/components/selfEvaluationFeedback/SelfEvaluationAndFeedbackList.vue b/client/src/components/selfEvaluationFeedback/SelfEvaluationAndFeedbackList.vue
index 0297bb96..3b4f33a6 100644
--- a/client/src/components/selfEvaluationFeedback/SelfEvaluationAndFeedbackList.vue
+++ b/client/src/components/selfEvaluationFeedback/SelfEvaluationAndFeedbackList.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { useSelfEvaluationFeedbackSummaries } from "@/services/selfEvaluationFeedback";
-import { useCurrentCourseSession, useEvaluationWithFeedback } from "@/composables";
-import { computed, ref } from "vue";
 import FeedbackByLearningUnitSummary from "@/components/selfEvaluationFeedback/FeedbackByLearningUnitSummary.vue";
 import ItDropdownSelect from "@/components/ui/ItDropdownSelect.vue";
-import { t } from "i18next";
+import { useCurrentCourseSession, useEvaluationWithFeedback } from "@/composables";
+import { useSelfEvaluationFeedbackSummaries } from "@/services/selfEvaluationFeedback";
 import { useUserStore } from "@/stores/user";
+import { t } from "i18next";
+import { computed, ref } from "vue";
 
 const props = defineProps<{
   profileUserId: string;
diff --git a/client/src/components/selfEvaluationFeedback/SelfEvaluationAndFeedbackOverview.vue b/client/src/components/selfEvaluationFeedback/SelfEvaluationAndFeedbackOverview.vue
index 55074c29..72372bdc 100644
--- a/client/src/components/selfEvaluationFeedback/SelfEvaluationAndFeedbackOverview.vue
+++ b/client/src/components/selfEvaluationFeedback/SelfEvaluationAndFeedbackOverview.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { computed } from "vue";
-import { useSelfEvaluationFeedbackSummaries } from "@/services/selfEvaluationFeedback";
 import { useCurrentCourseSession, useEvaluationWithFeedback } from "@/composables";
+import { useSelfEvaluationFeedbackSummaries } from "@/services/selfEvaluationFeedback";
+import { computed } from "vue";
 
 const emit = defineEmits(["showAll"]);
 
diff --git a/client/src/components/ui/ItCheckbox.vue b/client/src/components/ui/ItCheckbox.vue
index db9f9525..b55bd047 100644
--- a/client/src/components/ui/ItCheckbox.vue
+++ b/client/src/components/ui/ItCheckbox.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import type { CheckboxItem } from "@/components/ui/checkbox.types";
-import log from "loglevel";
 import {
   itCheckboxDefaultIconCheckedTailwindClass,
   itCheckboxDefaultIconUncheckedTailwindClass,
 } from "@/constants";
+import log from "loglevel";
 
 interface Props {
   checkboxItem: CheckboxItem<any>;
diff --git a/client/src/components/ui/ItDatePicker.vue b/client/src/components/ui/ItDatePicker.vue
index 4c44f46d..777cac48 100644
--- a/client/src/components/ui/ItDatePicker.vue
+++ b/client/src/components/ui/ItDatePicker.vue
@@ -2,7 +2,7 @@
 import { useUserStore } from "@/stores/user";
 import VueDatePicker from "@vuepic/vue-datepicker";
 import "@vuepic/vue-datepicker/dist/main.css";
-import { defineProps, withDefaults, defineModel } from "vue";
+import { defineModel, defineProps, withDefaults } from "vue";
 
 const model = defineModel<string>();
 
diff --git a/client/src/components/ui/RatingScale.vue b/client/src/components/ui/RatingScale.vue
index 07b0d9f3..dc9617e3 100644
--- a/client/src/components/ui/RatingScale.vue
+++ b/client/src/components/ui/RatingScale.vue
@@ -73,11 +73,11 @@
 
 <script setup lang="ts">
 import QuestionSummary from "@/components/ui/QuestionSummary.vue";
+import { getBlendedColorForRating } from "@/utils/ratingToColor";
 import { Popover, PopoverButton, PopoverPanel } from "@headlessui/vue";
-import { computed } from "vue";
 import { useTranslation } from "i18next-vue";
 import log from "loglevel";
-import { getBlendedColorForRating } from "@/utils/ratingToColor";
+import { computed } from "vue";
 
 const { t } = useTranslation();
 
diff --git a/client/src/components/ui/RichText.vue b/client/src/components/ui/RichText.vue
index 5e8378dd..c66da6c3 100644
--- a/client/src/components/ui/RichText.vue
+++ b/client/src/components/ui/RichText.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { computed } from "vue";
 import { setExternalLinksToOpenInNewTab } from "@/utils/dom";
+import { computed } from "vue";
 
 const props = withDefaults(
   defineProps<{
diff --git a/client/src/pages/StyleGuidePage.vue b/client/src/pages/StyleGuidePage.vue
index 24f03a87..ff15590f 100644
--- a/client/src/pages/StyleGuidePage.vue
+++ b/client/src/pages/StyleGuidePage.vue
@@ -11,9 +11,9 @@ import ItToggleSwitch from "@/components/ui/ItToggleSwitch.vue";
 import RatingScale from "@/components/ui/RatingScale.vue";
 import VerticalBarChart from "@/components/ui/VerticalBarChart.vue";
 import LearningPathCircle from "@/pages/learningPath/learningPathPage/LearningPathCircle.vue";
+import "@vuepic/vue-datepicker/dist/main.css";
 import logger from "loglevel";
 import { reactive, ref } from "vue";
-import "@vuepic/vue-datepicker/dist/main.css";
 
 const state = reactive({
   checkboxValue: true,
diff --git a/client/src/pages/assignmentEvaluation/AssignmentEvaluationPage.vue b/client/src/pages/assignmentEvaluation/AssignmentEvaluationPage.vue
index 560e2dd7..aab377cf 100644
--- a/client/src/pages/assignmentEvaluation/AssignmentEvaluationPage.vue
+++ b/client/src/pages/assignmentEvaluation/AssignmentEvaluationPage.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
+import EvaluationContainer from "@/components/assignment/evaluation/EvaluationContainer.vue";
 import { useCurrentCourseSession } from "@/composables";
 import { ASSIGNMENT_COMPLETION_QUERY } from "@/graphql/queries";
-import EvaluationContainer from "@/components/assignment/evaluation/EvaluationContainer.vue";
 import AssignmentSubmissionResponses from "@/pages/learningPath/learningContentPage/assignment/AssignmentSubmissionResponses.vue";
+import { getPreviousRoute } from "@/router/history";
 import type { Assignment, AssignmentCompletion, CourseSessionUser } from "@/types";
 import { useQuery } from "@urql/vue";
+import { useTranslation } from "i18next-vue";
 import log from "loglevel";
 import { computed, onMounted } from "vue";
 import { useRouter } from "vue-router";
-import { getPreviousRoute } from "@/router/history";
 import { getAssignmentTypeTitle } from "../../utils/utils";
-import { useTranslation } from "i18next-vue";
 
 const props = defineProps<{
   courseSlug: string;
diff --git a/client/src/pages/cockpit/CockpitUserCirclePage.vue b/client/src/pages/cockpit/CockpitUserCirclePage.vue
index eb892680..118781b6 100644
--- a/client/src/pages/cockpit/CockpitUserCirclePage.vue
+++ b/client/src/pages/cockpit/CockpitUserCirclePage.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
+import { useCourseSessionDetailQuery } from "@/composables";
+import { useExpertCockpitPageData } from "@/pages/cockpit/cockpitPage/composables";
 import CirclePage from "@/pages/learningPath/circlePage/CirclePage.vue";
 import * as log from "loglevel";
 import { computed, onMounted } from "vue";
-import { useCourseSessionDetailQuery } from "@/composables";
-import { useExpertCockpitPageData } from "@/pages/cockpit/cockpitPage/composables";
 
 const props = defineProps<{
   userId: string;
diff --git a/client/src/pages/cockpit/FeedbackPage.vue b/client/src/pages/cockpit/FeedbackPage.vue
index e48dc6d4..9e88cf7b 100644
--- a/client/src/pages/cockpit/FeedbackPage.vue
+++ b/client/src/pages/cockpit/FeedbackPage.vue
@@ -42,15 +42,15 @@
 <script setup lang="ts">
 import { useCurrentCourseSession } from "@/composables";
 import { itGet } from "@/fetchHelpers";
-import * as log from "loglevel";
-import { onMounted, ref } from "vue";
-import type { FeedbackData, FeedbackType } from "@/types";
-import FeedbackPageVV from "@/pages/cockpit/FeedbackPageVV.vue";
 import FeedbackPageUK from "@/pages/cockpit/FeedbackPageUK.vue";
+import FeedbackPageVV from "@/pages/cockpit/FeedbackPageVV.vue";
 import { useExpertCockpitPageData } from "@/pages/cockpit/cockpitPage/composables";
 import { exportFeedback } from "@/services/dashboard";
 import { useUserStore } from "@/stores/user";
+import type { FeedbackData, FeedbackType } from "@/types";
 import { openDataAsXls } from "@/utils/export";
+import * as log from "loglevel";
+import { onMounted, ref } from "vue";
 
 const props = defineProps<{
   courseSlug: string;
diff --git a/client/src/pages/cockpit/FeedbackPageUK.vue b/client/src/pages/cockpit/FeedbackPageUK.vue
index f9467de9..747aee1d 100644
--- a/client/src/pages/cockpit/FeedbackPageUK.vue
+++ b/client/src/pages/cockpit/FeedbackPageUK.vue
@@ -12,8 +12,8 @@
 <script setup lang="ts">
 import FeedbackResults from "@/pages/cockpit/FeedbackResults.vue";
 import type { FeedbackData } from "@/types";
-import * as log from "loglevel";
 import { useTranslation } from "i18next-vue";
+import * as log from "loglevel";
 
 defineProps<{
   feedbackData: FeedbackData;
diff --git a/client/src/pages/cockpit/FeedbackPageVV.vue b/client/src/pages/cockpit/FeedbackPageVV.vue
index 96ad8e98..b656614d 100644
--- a/client/src/pages/cockpit/FeedbackPageVV.vue
+++ b/client/src/pages/cockpit/FeedbackPageVV.vue
@@ -12,8 +12,8 @@
 <script setup lang="ts">
 import FeedbackResults from "@/pages/cockpit/FeedbackResults.vue";
 import type { FeedbackData } from "@/types";
-import * as log from "loglevel";
 import { useTranslation } from "i18next-vue";
+import * as log from "loglevel";
 
 defineProps<{
   feedbackData: FeedbackData;
diff --git a/client/src/pages/cockpit/assignmentsPage/AssignmentDetails.vue b/client/src/pages/cockpit/assignmentsPage/AssignmentDetails.vue
index a7087392..ddc599b5 100644
--- a/client/src/pages/cockpit/assignmentsPage/AssignmentDetails.vue
+++ b/client/src/pages/cockpit/assignmentsPage/AssignmentDetails.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
+import AssignmentSubmissionProgress from "@/components/assignment/AssignmentSubmissionProgress.vue";
 import ItPersonRow from "@/components/ui/ItPersonRow.vue";
 import type { StatusCount } from "@/components/ui/ItProgress.vue";
+import { useCourseSessionDetailQuery } from "@/composables";
 import type { GradedUser } from "@/services/assignmentService";
 import { loadAssignmentCompletionStatusData } from "@/services/assignmentService";
 import type {
@@ -9,13 +11,11 @@ import type {
   LearningContentAssignment,
   LearningContentEdoniqTest,
 } from "@/types";
-import log from "loglevel";
-import { computed, onMounted, reactive } from "vue";
-import AssignmentSubmissionProgress from "@/components/assignment/AssignmentSubmissionProgress.vue";
-import { useCourseSessionDetailQuery } from "@/composables";
-import { formatDueDate } from "../../../components/dueDates/dueDatesUtils";
 import { stringifyParse } from "@/utils/utils";
 import { useTranslation } from "i18next-vue";
+import log from "loglevel";
+import { computed, onMounted, reactive } from "vue";
+import { formatDueDate } from "../../../components/dueDates/dueDatesUtils";
 
 const { t } = useTranslation();
 
diff --git a/client/src/pages/cockpit/assignmentsPage/AssignmentsPage.vue b/client/src/pages/cockpit/assignmentsPage/AssignmentsPage.vue
index 1e92d1db..0fc43148 100644
--- a/client/src/pages/cockpit/assignmentsPage/AssignmentsPage.vue
+++ b/client/src/pages/cockpit/assignmentsPage/AssignmentsPage.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import { useCourseData, useCurrentCourseSession } from "@/composables";
 import AssignmentDetails from "@/pages/cockpit/assignmentsPage/AssignmentDetails.vue";
-import * as log from "loglevel";
-import { computed, onMounted } from "vue";
-import type { LearningContentAssignment, LearningContentEdoniqTest } from "@/types";
 import { useExpertCockpitPageData } from "@/pages/cockpit/cockpitPage/composables";
 import { getPreviousRoute } from "@/router/history";
+import type { LearningContentAssignment, LearningContentEdoniqTest } from "@/types";
+import * as log from "loglevel";
+import { computed, onMounted } from "vue";
 
 const props = defineProps<{
   courseSlug: string;
diff --git a/client/src/pages/cockpit/attendanceCheckPage/AttendanceCheckPage.vue b/client/src/pages/cockpit/attendanceCheckPage/AttendanceCheckPage.vue
index 9f6d6e94..184a2fd2 100644
--- a/client/src/pages/cockpit/attendanceCheckPage/AttendanceCheckPage.vue
+++ b/client/src/pages/cockpit/attendanceCheckPage/AttendanceCheckPage.vue
@@ -4,18 +4,18 @@ import ItDropdownSelect from "@/components/ui/ItDropdownSelect.vue";
 import ItPersonRow from "@/components/ui/ItPersonRow.vue";
 import { useCourseSessionDetailQuery, useCurrentCourseSession } from "@/composables";
 import type { AttendanceUserStatus } from "@/gql/graphql";
+import { graphqlClient } from "@/graphql/client";
 import { ATTENDANCE_CHECK_MUTATION } from "@/graphql/mutations";
+import { ATTENDANCE_CHECK_QUERY } from "@/graphql/queries";
+import { exportAttendance } from "@/services/dashboard";
+import { useUserStore } from "@/stores/user";
 import type { DropdownSelectable } from "@/types";
+import { openDataAsXls } from "@/utils/export";
 import { useMutation } from "@urql/vue";
 import dayjs from "dayjs";
+import { useTranslation } from "i18next-vue";
 import log from "loglevel";
 import { computed, onMounted, reactive, watch } from "vue";
-import { useTranslation } from "i18next-vue";
-import { ATTENDANCE_CHECK_QUERY } from "@/graphql/queries";
-import { graphqlClient } from "@/graphql/client";
-import { exportAttendance } from "@/services/dashboard";
-import { openDataAsXls } from "@/utils/export";
-import { useUserStore } from "@/stores/user";
 
 const { t } = useTranslation();
 const attendanceMutation = useMutation(ATTENDANCE_CHECK_MUTATION);
diff --git a/client/src/pages/cockpit/cockpitPage/CockpitExpertPage.vue b/client/src/pages/cockpit/cockpitPage/CockpitExpertPage.vue
index 864d9af2..da0c0e98 100644
--- a/client/src/pages/cockpit/cockpitPage/CockpitExpertPage.vue
+++ b/client/src/pages/cockpit/cockpitPage/CockpitExpertPage.vue
@@ -2,14 +2,14 @@
 import LearningPathDiagram from "@/components/learningPath/LearningPathDiagram.vue";
 import ItPersonRow from "@/components/ui/ItPersonRow.vue";
 
-import { useCourseSessionDetailQuery, useCurrentCourseSession } from "@/composables";
 import SubmissionsOverview from "@/components/cockpit/SubmissionsOverview.vue";
+import UserStatusCount from "@/components/cockpit/UserStatusCount.vue";
+import CourseSessionDueDatesList from "@/components/dueDates/CourseSessionDueDatesList.vue";
+import ItDropdownSelect from "@/components/ui/ItDropdownSelect.vue";
+import { useCourseSessionDetailQuery, useCurrentCourseSession } from "@/composables";
+import { useExpertCockpitPageData } from "@/pages/cockpit/cockpitPage/composables";
 import { useExpertCockpitStore } from "@/stores/expertCockpit";
 import log from "loglevel";
-import ItDropdownSelect from "@/components/ui/ItDropdownSelect.vue";
-import UserStatusCount from "@/components/cockpit/UserStatusCount.vue";
-import { useExpertCockpitPageData } from "@/pages/cockpit/cockpitPage/composables";
-import CourseSessionDueDatesList from "@/components/dueDates/CourseSessionDueDatesList.vue";
 
 const props = defineProps<{
   courseSlug: string;
diff --git a/client/src/pages/cockpit/documentPage/DocumentPage.vue b/client/src/pages/cockpit/documentPage/DocumentPage.vue
index b7f5064d..249d8902 100644
--- a/client/src/pages/cockpit/documentPage/DocumentPage.vue
+++ b/client/src/pages/cockpit/documentPage/DocumentPage.vue
@@ -1,22 +1,22 @@
 <script setup lang="ts">
-import { useCourseData, useCurrentCourseSession } from "@/composables";
+import DocumentListItem from "@/components/circle/DocumentListItem.vue";
 import ItDropdownSelect from "@/components/ui/ItDropdownSelect.vue";
-import { useExpertCockpitStore } from "@/stores/expertCockpit";
 import ItModal from "@/components/ui/ItModal.vue";
+import { useCourseData, useCurrentCourseSession } from "@/composables";
+import { useExpertCockpitPageData } from "@/pages/cockpit/cockpitPage/composables";
 import DocumentUploadForm from "@/pages/cockpit/documentPage/DocumentUploadForm.vue";
-import { computed, onMounted, ref, watch } from "vue";
-import { useTranslation } from "i18next-vue";
-import type { CircleDocument, DocumentUploadData } from "@/types";
-import dialog from "@/utils/confirm-dialog";
-import log from "loglevel";
 import {
   deleteCircleDocument,
   fetchCourseSessionDocuments,
   uploadCircleDocument,
 } from "@/services/files";
 import { useCourseSessionsStore } from "@/stores/courseSessions";
-import DocumentListItem from "@/components/circle/DocumentListItem.vue";
-import { useExpertCockpitPageData } from "@/pages/cockpit/cockpitPage/composables";
+import { useExpertCockpitStore } from "@/stores/expertCockpit";
+import type { CircleDocument, DocumentUploadData } from "@/types";
+import dialog from "@/utils/confirm-dialog";
+import { useTranslation } from "i18next-vue";
+import log from "loglevel";
+import { computed, onMounted, ref, watch } from "vue";
 
 const cockpitStore = useExpertCockpitStore();
 const courseSession = useCurrentCourseSession();
diff --git a/client/src/pages/cockpit/documentPage/DocumentUploadForm.vue b/client/src/pages/cockpit/documentPage/DocumentUploadForm.vue
index 1946b2f5..089d6478 100644
--- a/client/src/pages/cockpit/documentPage/DocumentUploadForm.vue
+++ b/client/src/pages/cockpit/documentPage/DocumentUploadForm.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import ItDropdownSelect from "@/components/ui/ItDropdownSelect.vue";
 import type { DocumentUploadData, DropdownSelectable } from "@/types";
-import { reactive } from "vue";
 import { useTranslation } from "i18next-vue";
+import { reactive } from "vue";
 
 export interface Props {
   learningSequences?: DropdownSelectable[];
diff --git a/client/src/pages/competence/ActionCompetenceDetail.vue b/client/src/pages/competence/ActionCompetenceDetail.vue
index cab017f7..10b4e7b1 100644
--- a/client/src/pages/competence/ActionCompetenceDetail.vue
+++ b/client/src/pages/competence/ActionCompetenceDetail.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import ItToggleArrow from "@/components/ui/ItToggleArrow.vue";
-import log from "loglevel";
-import { ref, watch } from "vue";
 import SinglePerformanceCriteriaRow from "@/pages/competence/SinglePerformanceCriteriaRow.vue";
 import type { ActionCompetence } from "@/types";
+import log from "loglevel";
+import { ref, watch } from "vue";
 
 interface Props {
   competence: ActionCompetence;
diff --git a/client/src/pages/competence/ActionCompetenceListPage.vue b/client/src/pages/competence/ActionCompetenceListPage.vue
index bbea9cf9..9334173e 100644
--- a/client/src/pages/competence/ActionCompetenceListPage.vue
+++ b/client/src/pages/competence/ActionCompetenceListPage.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import { useCourseDataWithCompletion } from "@/composables";
 import CompetenceDetail from "@/pages/competence/ActionCompetenceDetail.vue";
 import * as log from "loglevel";
 import { ref } from "vue";
-import { useCourseDataWithCompletion } from "@/composables";
 
 log.debug("CompetenceListPage created");
 
diff --git a/client/src/pages/competence/CompetenceCertificateComponent.vue b/client/src/pages/competence/CompetenceCertificateComponent.vue
index ee1728e0..893ad19d 100644
--- a/client/src/pages/competence/CompetenceCertificateComponent.vue
+++ b/client/src/pages/competence/CompetenceCertificateComponent.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import * as log from "loglevel";
-import type { CompetenceCertificate } from "@/types";
-import CompetenceAssignmentRow from "@/pages/competence/CompetenceAssignmentRow.vue";
-import { computed } from "vue";
 import ItProgress from "@/components/ui/ItProgress.vue";
+import { useCurrentCourseSession } from "@/composables";
+import CompetenceAssignmentRow from "@/pages/competence/CompetenceAssignmentRow.vue";
 import {
   assignmentsUserPoints,
   calcCompetenceCertificateGrade,
   competenceCertificateProgressStatusCount,
 } from "@/pages/competence/utils";
-import { useCurrentCourseSession } from "@/composables";
+import type { CompetenceCertificate } from "@/types";
+import * as log from "loglevel";
+import { computed } from "vue";
 
 log.debug("CompetenceCertificateComponent setup");
 
diff --git a/client/src/pages/competence/CompetenceCertificateDetailPage.vue b/client/src/pages/competence/CompetenceCertificateDetailPage.vue
index dc0f00bf..61c0c7f5 100644
--- a/client/src/pages/competence/CompetenceCertificateDetailPage.vue
+++ b/client/src/pages/competence/CompetenceCertificateDetailPage.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
+import { useAllCompetenceCertificates } from "@/composables";
+import CompetenceCertificateComponent from "@/pages/competence/CompetenceCertificateComponent.vue";
+import { getPreviousRoute } from "@/router/history";
+import { useUserStore } from "@/stores/user";
 import log from "loglevel";
 import { computed } from "vue";
-import { useAllCompetenceCertificates } from "@/composables";
-import { getPreviousRoute } from "@/router/history";
-import CompetenceCertificateComponent from "@/pages/competence/CompetenceCertificateComponent.vue";
-import { useUserStore } from "@/stores/user";
 
 const props = defineProps<{
   courseSlug: string;
diff --git a/client/src/pages/competence/CompetenceCertificateListPage.vue b/client/src/pages/competence/CompetenceCertificateListPage.vue
index f6b981b8..bae5a789 100644
--- a/client/src/pages/competence/CompetenceCertificateListPage.vue
+++ b/client/src/pages/competence/CompetenceCertificateListPage.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import log from "loglevel";
-import { computed, onMounted } from "vue";
 import { useAllCompetenceCertificates } from "@/composables";
 import CompetenceCertificateComponent from "@/pages/competence/CompetenceCertificateComponent.vue";
 import {
   assignmentsUserPoints,
   calcCompetencesTotalGrade,
 } from "@/pages/competence/utils";
-import { useRoute } from "vue-router";
 import { useUserStore } from "@/stores/user";
+import log from "loglevel";
+import { computed, onMounted } from "vue";
+import { useRoute } from "vue-router";
 
 const props = defineProps<{
   courseSlug: string;
diff --git a/client/src/pages/competence/CompetenceIndexPage.vue b/client/src/pages/competence/CompetenceIndexPage.vue
index 2707a0d1..3400629d 100644
--- a/client/src/pages/competence/CompetenceIndexPage.vue
+++ b/client/src/pages/competence/CompetenceIndexPage.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import log from "loglevel";
-import { computed } from "vue";
+import SelfEvaluationAndFeedbackOverview from "@/components/selfEvaluationFeedback/SelfEvaluationAndFeedbackOverview.vue";
+import ItProgress from "@/components/ui/ItProgress.vue";
 import { useAllCompetenceCertificates, useCurrentCourseSession } from "@/composables";
 import {
   assignmentsUserPoints,
@@ -8,9 +8,9 @@ import {
   calcCompetencesTotalGrade,
   competenceCertificateProgressStatusCount,
 } from "@/pages/competence/utils";
-import ItProgress from "@/components/ui/ItProgress.vue";
-import SelfEvaluationAndFeedbackOverview from "@/components/selfEvaluationFeedback/SelfEvaluationAndFeedbackOverview.vue";
 import { useUserStore } from "@/stores/user";
+import log from "loglevel";
+import { computed } from "vue";
 import { useRouter } from "vue-router";
 
 const props = defineProps<{
diff --git a/client/src/pages/competence/CompetenceParentPage.vue b/client/src/pages/competence/CompetenceParentPage.vue
index 9c0a1037..aeffbddf 100644
--- a/client/src/pages/competence/CompetenceParentPage.vue
+++ b/client/src/pages/competence/CompetenceParentPage.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import { useCurrentCourseSession, useEvaluationWithFeedback } from "@/composables";
 import * as log from "loglevel";
 import { onMounted } from "vue";
 import { useRoute } from "vue-router";
-import { useCurrentCourseSession, useEvaluationWithFeedback } from "@/composables";
 
 log.debug("CompetenceParentPage created");
 
diff --git a/client/src/pages/competence/SelfEvaluationAndFeedbackPage.vue b/client/src/pages/competence/SelfEvaluationAndFeedbackPage.vue
index 8d7b92d9..3e94ef2a 100644
--- a/client/src/pages/competence/SelfEvaluationAndFeedbackPage.vue
+++ b/client/src/pages/competence/SelfEvaluationAndFeedbackPage.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { useUserStore } from "@/stores/user";
 import SelfEvaluationAndFeedbackList from "@/components/selfEvaluationFeedback/SelfEvaluationAndFeedbackList.vue";
+import { useUserStore } from "@/stores/user";
 
 const userId = useUserStore().id;
 </script>
diff --git a/client/src/pages/dashboard/CourseListPage.vue b/client/src/pages/dashboard/CourseListPage.vue
index fe76aa9e..75851515 100644
--- a/client/src/pages/dashboard/CourseListPage.vue
+++ b/client/src/pages/dashboard/CourseListPage.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { getCockpitUrl } from "@/utils/utils";
 import { useDashboardStore } from "@/stores/dashboard";
+import { getCockpitUrl } from "@/utils/utils";
 
 const dashboardStore = useDashboardStore();
 </script>
diff --git a/client/src/pages/dashboard/DashboardAsideWidget.vue b/client/src/pages/dashboard/DashboardAsideWidget.vue
index c36e24e7..008d66e4 100644
--- a/client/src/pages/dashboard/DashboardAsideWidget.vue
+++ b/client/src/pages/dashboard/DashboardAsideWidget.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
-import log from "loglevel";
-import { useDashboardPersonsDueDates } from "@/composables";
-import { computed } from "vue";
-import _ from "lodash";
 import DueDateSingle from "@/components/dueDates/DueDateSingle.vue";
+import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
+import { useDashboardPersonsDueDates } from "@/composables";
+import _ from "lodash";
+import log from "loglevel";
+import { computed } from "vue";
 
 log.debug("DashboardAsideWidget created");
 
diff --git a/client/src/pages/dashboard/DashboardDueDatesPage.vue b/client/src/pages/dashboard/DashboardDueDatesPage.vue
index c8fdf2e6..81bfb207 100644
--- a/client/src/pages/dashboard/DashboardDueDatesPage.vue
+++ b/client/src/pages/dashboard/DashboardDueDatesPage.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
-import log from "loglevel";
-import { useDashboardPersonsDueDates } from "@/composables";
+import DueDateSingle from "@/components/dueDates/DueDateSingle.vue";
 import ItDropdownSelect from "@/components/ui/ItDropdownSelect.vue";
-import { computed, ref, watch } from "vue";
+import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
+import { useDashboardPersonsDueDates } from "@/composables";
+import { getPreviousRoute } from "@/router/history";
+import { useRouteQuery } from "@vueuse/router";
 import { useTranslation } from "i18next-vue";
 import _ from "lodash";
-import { useRouteQuery } from "@vueuse/router";
-import DueDateSingle from "@/components/dueDates/DueDateSingle.vue";
-import { getPreviousRoute } from "@/router/history";
+import log from "loglevel";
+import { computed, ref, watch } from "vue";
 
 log.debug("DashboardPersonsPage created");
 
diff --git a/client/src/pages/dashboard/DashboardPage.vue b/client/src/pages/dashboard/DashboardPage.vue
index 7b0923b2..d2e9937f 100644
--- a/client/src/pages/dashboard/DashboardPage.vue
+++ b/client/src/pages/dashboard/DashboardPage.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { onMounted } from "vue";
-import { useDashboardStore } from "@/stores/dashboard";
-import type { DashboardCourseConfigType } from "@/services/dashboard";
-import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
-import NoCourseSession from "@/components/dashboard/NoCourseSession.vue";
 import CoursePanel from "@/components/dashboard/CoursePanel.vue";
+import NoCourseSession from "@/components/dashboard/NoCourseSession.vue";
+import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
 import DashboardAsideWidget from "@/pages/dashboard/DashboardAsideWidget.vue";
+import type { DashboardCourseConfigType } from "@/services/dashboard";
+import { useDashboardStore } from "@/stores/dashboard";
+import { onMounted } from "vue";
 
 const dashboardStore = useDashboardStore();
 
diff --git a/client/src/pages/dashboard/DashboardPersonsPage.vue b/client/src/pages/dashboard/DashboardPersonsPage.vue
index 4d182a08..6e89792f 100644
--- a/client/src/pages/dashboard/DashboardPersonsPage.vue
+++ b/client/src/pages/dashboard/DashboardPersonsPage.vue
@@ -1,19 +1,19 @@
 <script setup lang="ts">
-import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
-import log from "loglevel";
-import { useDashboardPersonsDueDates } from "@/composables";
 import ItDropdownSelect from "@/components/ui/ItDropdownSelect.vue";
-import { computed, ref, watch } from "vue";
-import { useTranslation } from "i18next-vue";
-import _ from "lodash";
+import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
+import { useDashboardPersonsDueDates } from "@/composables";
 import {
   type DashboardPersonCourseSessionType,
   exportPersons,
 } from "@/services/dashboard";
-import { useRouteQuery } from "@vueuse/router";
-import type { DashboardPersonsPageMode, StatisticsFilterItem } from "@/types";
 import { useUserStore } from "@/stores/user";
+import type { DashboardPersonsPageMode, StatisticsFilterItem } from "@/types";
 import { exportDataAsXls } from "@/utils/export";
+import { useRouteQuery } from "@vueuse/router";
+import { useTranslation } from "i18next-vue";
+import _ from "lodash";
+import log from "loglevel";
+import { computed, ref, watch } from "vue";
 
 log.debug("DashboardPersonsPage created");
 
diff --git a/client/src/pages/dashboard/MentorPage.vue b/client/src/pages/dashboard/MentorPage.vue
index b68420d5..dac60083 100644
--- a/client/src/pages/dashboard/MentorPage.vue
+++ b/client/src/pages/dashboard/MentorPage.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { getLearningMentorUrl } from "@/utils/utils";
 import { useDashboardStore } from "@/stores/dashboard";
+import { getLearningMentorUrl } from "@/utils/utils";
 
 const dashboardStore = useDashboardStore();
 </script>
diff --git a/client/src/pages/dashboard/ProgressPage.vue b/client/src/pages/dashboard/ProgressPage.vue
index ca65c47a..66b0fb70 100644
--- a/client/src/pages/dashboard/ProgressPage.vue
+++ b/client/src/pages/dashboard/ProgressPage.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import { useDashboardStore } from "@/stores/dashboard";
-import { computed } from "vue";
+import AssignmentProgressSummaryBox from "@/components/dashboard/AssignmentProgressSummaryBox.vue";
+import CompetenceSummaryBox from "@/components/dashboard/CompetenceSummaryBox.vue";
 import LearningPathDiagram from "@/components/learningPath/LearningPathDiagram.vue";
-import { getLearningPathUrl } from "@/utils/utils";
 import type {
   CourseProgressType,
   ProgressDashboardAssignmentType,
   ProgressDashboardCompetenceType,
 } from "@/gql/graphql";
-import CompetenceSummaryBox from "@/components/dashboard/CompetenceSummaryBox.vue";
-import AssignmentProgressSummaryBox from "@/components/dashboard/AssignmentProgressSummaryBox.vue";
+import { useDashboardStore } from "@/stores/dashboard";
+import { getLearningPathUrl } from "@/utils/utils";
+import { computed } from "vue";
 
 const dashboardStore = useDashboardStore();
 
diff --git a/client/src/pages/dashboard/SimpleCoursePage.vue b/client/src/pages/dashboard/SimpleCoursePage.vue
index 737d2fa1..8c8b839b 100644
--- a/client/src/pages/dashboard/SimpleCoursePage.vue
+++ b/client/src/pages/dashboard/SimpleCoursePage.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { getCockpitUrl } from "@/utils/utils";
 import { useDashboardStore } from "@/stores/dashboard";
+import { getCockpitUrl } from "@/utils/utils";
 
 const dashboardStore = useDashboardStore();
 </script>
diff --git a/client/src/pages/dashboard/agentAssignment/AgentAssignmentDetail.vue b/client/src/pages/dashboard/agentAssignment/AgentAssignmentDetail.vue
index 12170fd9..cb502d44 100644
--- a/client/src/pages/dashboard/agentAssignment/AgentAssignmentDetail.vue
+++ b/client/src/pages/dashboard/agentAssignment/AgentAssignmentDetail.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { useCourseData, useCurrentCourseSession } from "@/composables";
 import AssignmentDetails from "@/pages/cockpit/assignmentsPage/AssignmentDetails.vue";
+import { useExpertCockpitPageData } from "@/pages/cockpit/cockpitPage/composables";
+import type { LearningContentAssignment, LearningContentEdoniqTest } from "@/types";
 import * as log from "loglevel";
 import { computed } from "vue";
-import type { LearningContentAssignment, LearningContentEdoniqTest } from "@/types";
-import { useExpertCockpitPageData } from "@/pages/cockpit/cockpitPage/composables";
 
 const props = defineProps<{
   courseSlug: string;
diff --git a/client/src/pages/dashboard/agentAssignment/AgentAssignmentDetailPage.vue b/client/src/pages/dashboard/agentAssignment/AgentAssignmentDetailPage.vue
index 66500f5d..1859090e 100644
--- a/client/src/pages/dashboard/agentAssignment/AgentAssignmentDetailPage.vue
+++ b/client/src/pages/dashboard/agentAssignment/AgentAssignmentDetailPage.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { useCurrentCourseSession } from "@/composables";
+import AgentAssignmentDetail from "@/pages/dashboard/agentAssignment/AgentAssignmentDetail.vue";
+import { fetchDashboardPersons } from "@/services/dashboard";
 import * as log from "loglevel";
 import { onMounted, ref } from "vue";
-import { fetchDashboardPersons } from "@/services/dashboard";
-import AgentAssignmentDetail from "@/pages/dashboard/agentAssignment/AgentAssignmentDetail.vue";
 
 const props = defineProps<{
   courseSlug: string;
diff --git a/client/src/pages/dashboard/agentAssignment/AgentAssignmentStatisticPage.vue b/client/src/pages/dashboard/agentAssignment/AgentAssignmentStatisticPage.vue
index 99921b27..77a71ac6 100644
--- a/client/src/pages/dashboard/agentAssignment/AgentAssignmentStatisticPage.vue
+++ b/client/src/pages/dashboard/agentAssignment/AgentAssignmentStatisticPage.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import log from "loglevel";
-import { onMounted, ref } from "vue";
+import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
+import type { BaseStatisticsType } from "@/gql/graphql";
+import AssignmentList from "@/pages/dashboard/statistic/AssignmentList.vue";
 import {
   courseIdForCourseSlug,
   fetchMentorCompetenceSummary,
 } from "@/services/dashboard";
-import type { BaseStatisticsType } from "@/gql/graphql";
 import { useDashboardStore } from "@/stores/dashboard";
-import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
-import AssignmentList from "@/pages/dashboard/statistic/AssignmentList.vue";
+import log from "loglevel";
+import { onMounted, ref } from "vue";
 
 const dashboardStore = useDashboardStore();
 
diff --git a/client/src/pages/dashboard/agentAssignment/AgentCompetenceGradeDetailPage.vue b/client/src/pages/dashboard/agentAssignment/AgentCompetenceGradeDetailPage.vue
index 795de9ee..d403f740 100644
--- a/client/src/pages/dashboard/agentAssignment/AgentCompetenceGradeDetailPage.vue
+++ b/client/src/pages/dashboard/agentAssignment/AgentCompetenceGradeDetailPage.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
+import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
+import type { CompetenceCertificateObjectType } from "@/gql/graphql";
+import { graphqlClient } from "@/graphql/client";
+import { COMPETENCE_NAVI_CERTIFICATE_QUERY } from "@/graphql/queries";
+import { calcCompetenceCertificateGrade } from "@/pages/competence/utils";
+import { percentToRoundedGrade } from "@/services/assignmentService";
+import { type DashboardPersonType, fetchDashboardPersons } from "@/services/dashboard";
+import type { CompetenceCertificateAssignment } from "@/types";
+import _ from "lodash";
 import log from "loglevel";
 import { computed, onMounted, ref } from "vue";
-import { type DashboardPersonType, fetchDashboardPersons } from "@/services/dashboard";
-import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
-import { COMPETENCE_NAVI_CERTIFICATE_QUERY } from "@/graphql/queries";
-import { graphqlClient } from "@/graphql/client";
-import type { CompetenceCertificateObjectType } from "@/gql/graphql";
-import { calcCompetenceCertificateGrade } from "@/pages/competence/utils";
-import _ from "lodash";
-import type { CompetenceCertificateAssignment } from "@/types";
-import { percentToRoundedGrade } from "@/services/assignmentService";
 
 const props = defineProps<{
   agentRole: string;
diff --git a/client/src/pages/dashboard/agentAssignment/AgentCompetenceGradePage.vue b/client/src/pages/dashboard/agentAssignment/AgentCompetenceGradePage.vue
index 0e7bd152..85c78f0f 100644
--- a/client/src/pages/dashboard/agentAssignment/AgentCompetenceGradePage.vue
+++ b/client/src/pages/dashboard/agentAssignment/AgentCompetenceGradePage.vue
@@ -1,17 +1,17 @@
 <script setup lang="ts">
-import log from "loglevel";
-import { computed, onMounted, type Ref, ref } from "vue";
+import StatisticFilterList from "@/components/dashboard/StatisticFilterList.vue";
+import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
+import type { AssignmentStatisticsRecordType, BaseStatisticsType } from "@/gql/graphql";
+import { percentToRoundedGrade } from "@/services/assignmentService";
 import {
   courseIdForCourseSlug,
   fetchMentorCompetenceSummary,
 } from "@/services/dashboard";
-import type { AssignmentStatisticsRecordType, BaseStatisticsType } from "@/gql/graphql";
 import { useDashboardStore } from "@/stores/dashboard";
-import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
-import _ from "lodash";
-import { percentToRoundedGrade } from "@/services/assignmentService";
-import StatisticFilterList from "@/components/dashboard/StatisticFilterList.vue";
 import type { StatisticsFilterItem } from "@/types";
+import _ from "lodash";
+import log from "loglevel";
+import { computed, onMounted, type Ref, ref } from "vue";
 
 const dashboardStore = useDashboardStore();
 
diff --git a/client/src/pages/dashboard/statistic/AssignmentList.vue b/client/src/pages/dashboard/statistic/AssignmentList.vue
index b8cf29eb..0b8ac664 100644
--- a/client/src/pages/dashboard/statistic/AssignmentList.vue
+++ b/client/src/pages/dashboard/statistic/AssignmentList.vue
@@ -1,18 +1,18 @@
 <script setup lang="ts">
+import StatisticFilterList from "@/components/dashboard/StatisticFilterList.vue";
+import { getDateString } from "@/components/dueDates/dueDatesUtils";
+import ItProgress from "@/components/ui/ItProgress.vue";
 import type {
   AssignmentCompletionMetricsType,
   AssignmentStatisticsRecordType,
   BaseStatisticsType,
   StatisticsCircleDataType,
 } from "@/gql/graphql";
-import StatisticFilterList from "@/components/dashboard/StatisticFilterList.vue";
-import { getDateString } from "@/components/dueDates/dueDatesUtils";
-import dayjs from "dayjs";
-import ItProgress from "@/components/ui/ItProgress.vue";
-import { type Ref, ref } from "vue";
-import { exportDataAsXls } from "@/utils/export";
 import { exportCompetenceElements } from "@/services/dashboard";
 import { useUserStore } from "@/stores/user";
+import { exportDataAsXls } from "@/utils/export";
+import dayjs from "dayjs";
+import { type Ref, ref } from "vue";
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const props = defineProps<{
diff --git a/client/src/pages/dashboard/statistic/AttendanceList.vue b/client/src/pages/dashboard/statistic/AttendanceList.vue
index 5e3511f2..693049e5 100644
--- a/client/src/pages/dashboard/statistic/AttendanceList.vue
+++ b/client/src/pages/dashboard/statistic/AttendanceList.vue
@@ -1,17 +1,17 @@
 <script setup lang="ts">
+import StatisticFilterList from "@/components/dashboard/StatisticFilterList.vue";
+import { getDateString } from "@/components/dueDates/dueDatesUtils";
+import ItProgress from "@/components/ui/ItProgress.vue";
 import type {
   CourseStatisticsType,
   PresenceRecordStatisticsType,
   StatisticsCircleDataType,
 } from "@/gql/graphql";
-import StatisticFilterList from "@/components/dashboard/StatisticFilterList.vue";
-import ItProgress from "@/components/ui/ItProgress.vue";
-import { getDateString } from "@/components/dueDates/dueDatesUtils";
-import dayjs from "dayjs";
-import { ref, type Ref } from "vue";
-import { exportDataAsXls } from "@/utils/export";
 import { exportAttendance } from "@/services/dashboard";
 import { useUserStore } from "@/stores/user";
+import { exportDataAsXls } from "@/utils/export";
+import dayjs from "dayjs";
+import { ref, type Ref } from "vue";
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const props = defineProps<{
diff --git a/client/src/pages/dashboard/statistic/CompetenceList.vue b/client/src/pages/dashboard/statistic/CompetenceList.vue
index 331cc5e1..9a8e2ceb 100644
--- a/client/src/pages/dashboard/statistic/CompetenceList.vue
+++ b/client/src/pages/dashboard/statistic/CompetenceList.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
+import StatisticFilterList from "@/components/dashboard/StatisticFilterList.vue";
 import type {
   CompetenceRecordStatisticsType,
   CourseStatisticsType,
   StatisticsCircleDataType,
 } from "@/gql/graphql";
-import StatisticFilterList from "@/components/dashboard/StatisticFilterList.vue";
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const props = defineProps<{
diff --git a/client/src/pages/dashboard/statistic/FeedbackList.vue b/client/src/pages/dashboard/statistic/FeedbackList.vue
index 96123886..2988d7c4 100644
--- a/client/src/pages/dashboard/statistic/FeedbackList.vue
+++ b/client/src/pages/dashboard/statistic/FeedbackList.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
+import StatisticFilterList from "@/components/dashboard/StatisticFilterList.vue";
 import type {
   CourseStatisticsType,
   FeedbackStatisticsRecordType,
   PresenceRecordStatisticsType,
   StatisticsCircleDataType,
 } from "@/gql/graphql";
-import StatisticFilterList from "@/components/dashboard/StatisticFilterList.vue";
-import { getBlendedColorForRating } from "@/utils/ratingToColor";
-import { ref, type Ref } from "vue";
-import { exportDataAsXls } from "@/utils/export";
 import { exportFeedback } from "@/services/dashboard";
 import { useUserStore } from "@/stores/user";
+import { exportDataAsXls } from "@/utils/export";
+import { getBlendedColorForRating } from "@/utils/ratingToColor";
+import { ref, type Ref } from "vue";
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const props = defineProps<{
diff --git a/client/src/pages/learningMentor/mentor/MentorIndexPage.vue b/client/src/pages/learningMentor/mentor/MentorIndexPage.vue
index 82ed09a2..bef2fd26 100644
--- a/client/src/pages/learningMentor/mentor/MentorIndexPage.vue
+++ b/client/src/pages/learningMentor/mentor/MentorIndexPage.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { useRoute, useRouter } from "vue-router";
 import { useCurrentCourseSession } from "@/composables";
 import { onMounted } from "vue";
+import { useRoute, useRouter } from "vue-router";
 
 const route = useRoute();
 const router = useRouter();
diff --git a/client/src/pages/learningMentor/mentor/MentorOverviewPage.vue b/client/src/pages/learningMentor/mentor/MentorOverviewPage.vue
index 7a0a9220..a574f96e 100644
--- a/client/src/pages/learningMentor/mentor/MentorOverviewPage.vue
+++ b/client/src/pages/learningMentor/mentor/MentorOverviewPage.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import ItDropdownSelect from "@/components/ui/ItDropdownSelect.vue";
 import PraxisAssignmentItem from "@/components/learningMentor/PraxisAssignmentItem.vue";
 import SelfAssignmentFeedbackAssignmentItem from "@/components/learningMentor/SelfAssignmentFeedbackAssignmentItem.vue";
+import ItDropdownSelect from "@/components/ui/ItDropdownSelect.vue";
 import { useAssignmentTodoListStore } from "@/stores/learningMentor/assignmentTodoList";
 
 const assignmentTodoListStore = useAssignmentTodoListStore();
diff --git a/client/src/pages/learningMentor/mentor/MentorParticipantsPage.vue b/client/src/pages/learningMentor/mentor/MentorParticipantsPage.vue
index 1e5e7507..32aa81f6 100644
--- a/client/src/pages/learningMentor/mentor/MentorParticipantsPage.vue
+++ b/client/src/pages/learningMentor/mentor/MentorParticipantsPage.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { useCurrentCourseSession } from "@/composables";
-import MyMentors from "@/components/learningMentor/MyMentors.vue";
 import MyMentees from "@/components/learningMentor/MyMentees.vue";
+import MyMentors from "@/components/learningMentor/MyMentors.vue";
+import { useCurrentCourseSession } from "@/composables";
 import { computed } from "vue";
 
 const courseSession = useCurrentCourseSession();
diff --git a/client/src/pages/learningMentor/mentor/MentorPraxisAssignmentPage.vue b/client/src/pages/learningMentor/mentor/MentorPraxisAssignmentPage.vue
index 306b351c..a374c036 100644
--- a/client/src/pages/learningMentor/mentor/MentorPraxisAssignmentPage.vue
+++ b/client/src/pages/learningMentor/mentor/MentorPraxisAssignmentPage.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
+import { useCurrentCourseSession } from "@/composables";
 import type { Assignment, UserShort } from "@/services/learningMentees";
 import { useLearningMentees } from "@/services/learningMentees";
-import { computed, onMounted, type Ref } from "vue";
-import { useCurrentCourseSession } from "@/composables";
 import log from "loglevel";
+import { computed, onMounted, type Ref } from "vue";
 
 const props = defineProps<{
   praxisAssignmentId: string;
diff --git a/client/src/pages/learningMentor/mentor/MentorSelfEvaluationFeedbackAssignmentPage.vue b/client/src/pages/learningMentor/mentor/MentorSelfEvaluationFeedbackAssignmentPage.vue
index 3f9dd9ea..a3e6a7f6 100644
--- a/client/src/pages/learningMentor/mentor/MentorSelfEvaluationFeedbackAssignmentPage.vue
+++ b/client/src/pages/learningMentor/mentor/MentorSelfEvaluationFeedbackAssignmentPage.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import { useCurrentCourseSession } from "@/composables";
 import type { Assignment, UserShort } from "@/services/learningMentees";
 import { useLearningMentees } from "@/services/learningMentees";
 import { computed, type Ref } from "vue";
-import { useCurrentCourseSession } from "@/composables";
 
 const props = defineProps<{
   learningUnitId: string;
diff --git a/client/src/pages/learningMentor/mentor/SelfEvaluationFeedbackPage.vue b/client/src/pages/learningMentor/mentor/SelfEvaluationFeedbackPage.vue
index 2023c283..00a96216 100644
--- a/client/src/pages/learningMentor/mentor/SelfEvaluationFeedbackPage.vue
+++ b/client/src/pages/learningMentor/mentor/SelfEvaluationFeedbackPage.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
+import FeedbackProviderRankCriteria from "@/components/selfEvaluationFeedback/FeedbackProviderRankCriteria.vue";
+import FeedbackProviderReleaseOverview from "@/components/selfEvaluationFeedback/FeedbackProviderReleaseOverview.vue";
 import LearningContentMultiLayout from "@/pages/learningPath/learningContentPage/layouts/LearningContentMultiLayout.vue";
 import LearningContentContainer from "@/pages/learningPath/learningContentPage/LearningContentContainer.vue";
-import { useRouter } from "vue-router";
-import { computed, ref, watch } from "vue";
 import {
   type Criterion,
   useSelfEvaluationFeedback,
 } from "@/services/selfEvaluationFeedback";
 import { useRouteQuery } from "@vueuse/router";
-import FeedbackProviderRankCriteria from "@/components/selfEvaluationFeedback/FeedbackProviderRankCriteria.vue";
-import FeedbackProviderReleaseOverview from "@/components/selfEvaluationFeedback/FeedbackProviderReleaseOverview.vue";
 import log from "loglevel";
+import { computed, ref, watch } from "vue";
+import { useRouter } from "vue-router";
 
 const router = useRouter();
 const props = defineProps<{
diff --git a/client/src/pages/learningPath/circlePage/CircleDiagram.vue b/client/src/pages/learningPath/circlePage/CircleDiagram.vue
index baeaae2a..c86153e6 100644
--- a/client/src/pages/learningPath/circlePage/CircleDiagram.vue
+++ b/client/src/pages/learningPath/circlePage/CircleDiagram.vue
@@ -9,11 +9,11 @@ import { computed, onMounted } from "vue";
 // @ts-ignore
 import colors from "@/colors.json";
 
-import type { CircleType, LearningSequence } from "@/types";
 import {
   allFinishedInLearningSequence,
   someFinishedInLearningSequence,
 } from "@/services/circle";
+import type { CircleType, LearningSequence } from "@/types";
 
 const props = defineProps<{
   circle: CircleType;
diff --git a/client/src/pages/learningPath/circlePage/CircleOverview.vue b/client/src/pages/learningPath/circlePage/CircleOverview.vue
index b822194e..fca2aed4 100644
--- a/client/src/pages/learningPath/circlePage/CircleOverview.vue
+++ b/client/src/pages/learningPath/circlePage/CircleOverview.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import ItFullScreenModal from "@/components/ui/ItFullScreenModal.vue";
-import type { CircleType } from "@/types";
 import RichText from "@/components/ui/RichText.vue";
+import type { CircleType } from "@/types";
 
 defineProps<{
   circle: CircleType;
diff --git a/client/src/pages/learningPath/circlePage/CirclePage.vue b/client/src/pages/learningPath/circlePage/CirclePage.vue
index 6824d277..55f53ca6 100644
--- a/client/src/pages/learningPath/circlePage/CirclePage.vue
+++ b/client/src/pages/learningPath/circlePage/CirclePage.vue
@@ -1,20 +1,20 @@
 <script setup lang="ts">
+import {
+  useCourseDataWithCompletion,
+  useCourseSessionDetailQuery,
+  useCurrentCourseSession,
+} from "@/composables";
+import { useCSRFFetch } from "@/fetchHelpers";
+import LearningSequence from "@/pages/learningPath/circlePage/LearningSequence.vue";
+import { useCircleStore } from "@/stores/circle";
 import type { CourseSessionUser } from "@/types";
+import { stringifyParse } from "@/utils/utils";
 import log from "loglevel";
 import { computed, watch } from "vue";
 import { useRoute } from "vue-router";
 import CircleDiagram from "./CircleDiagram.vue";
 import CircleOverview from "./CircleOverview.vue";
 import DocumentSection from "./DocumentSection.vue";
-import {
-  useCourseDataWithCompletion,
-  useCourseSessionDetailQuery,
-  useCurrentCourseSession,
-} from "@/composables";
-import { stringifyParse } from "@/utils/utils";
-import { useCircleStore } from "@/stores/circle";
-import LearningSequence from "@/pages/learningPath/circlePage/LearningSequence.vue";
-import { useCSRFFetch } from "@/fetchHelpers";
 
 export interface Props {
   courseSlug: string;
diff --git a/client/src/pages/learningPath/circlePage/DocumentSection.vue b/client/src/pages/learningPath/circlePage/DocumentSection.vue
index a0540334..8f41ec66 100644
--- a/client/src/pages/learningPath/circlePage/DocumentSection.vue
+++ b/client/src/pages/learningPath/circlePage/DocumentSection.vue
@@ -22,9 +22,9 @@
 <script setup lang="ts">
 import DocumentListItem from "@/components/circle/DocumentListItem.vue";
 import { useCurrentCourseSession } from "@/composables";
-import { computed, onMounted, ref } from "vue";
-import type { CircleDocument, CircleType } from "@/types";
 import { fetchCourseSessionDocuments } from "@/services/files";
+import type { CircleDocument, CircleType } from "@/types";
+import { computed, onMounted, ref } from "vue";
 
 const props = defineProps<{
   circle: CircleType;
diff --git a/client/src/pages/learningPath/circlePage/LearningSequence.vue b/client/src/pages/learningPath/circlePage/LearningSequence.vue
index d582018e..a11337c8 100644
--- a/client/src/pages/learningPath/circlePage/LearningSequence.vue
+++ b/client/src/pages/learningPath/circlePage/LearningSequence.vue
@@ -20,8 +20,8 @@ import {
   someFinishedInLearningSequence,
 } from "@/services/circle";
 
-import { findLastIndex } from "lodash";
 import CompletionStatus from "@/components/circle/CompletionStatus.vue";
+import { findLastIndex } from "lodash";
 
 type Props = {
   courseSlug: string;
diff --git a/client/src/pages/learningPath/learningContentPage/LearningContentContainer.vue b/client/src/pages/learningPath/learningContentPage/LearningContentContainer.vue
index 4e69037e..f474fc07 100644
--- a/client/src/pages/learningPath/learningContentPage/LearningContentContainer.vue
+++ b/client/src/pages/learningPath/learningContentPage/LearningContentContainer.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import * as log from "loglevel";
 import CoursePreviewBar from "@/components/header/CoursePreviewBar.vue";
 import { useCourseSessionsStore } from "@/stores/courseSessions";
+import * as log from "loglevel";
 
 const courseSessionsStore = useCourseSessionsStore();
 
diff --git a/client/src/pages/learningPath/learningContentPage/LearningContentPage.vue b/client/src/pages/learningPath/learningContentPage/LearningContentPage.vue
index 59e58cea..05193d68 100644
--- a/client/src/pages/learningPath/learningContentPage/LearningContentPage.vue
+++ b/client/src/pages/learningPath/learningContentPage/LearningContentPage.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
+import { useCourseDataWithCompletion } from "@/composables";
 import LearningContentParent from "@/pages/learningPath/learningContentPage/LearningContentParent.vue";
+import { stringifyParse } from "@/utils/utils";
 import * as log from "loglevel";
 import { computed } from "vue";
-import { useCourseDataWithCompletion } from "@/composables";
-import { stringifyParse } from "@/utils/utils";
 
 const props = defineProps<{
   courseSlug: string;
diff --git a/client/src/pages/learningPath/learningContentPage/LearningContentParent.vue b/client/src/pages/learningPath/learningContentPage/LearningContentParent.vue
index e33113fd..4f0ea8a7 100644
--- a/client/src/pages/learningPath/learningContentPage/LearningContentParent.vue
+++ b/client/src/pages/learningPath/learningContentPage/LearningContentParent.vue
@@ -1,7 +1,10 @@
 <script setup lang="ts">
+import { useCourseDataWithCompletion } from "@/composables";
 import LearningContentContainer from "@/pages/learningPath/learningContentPage/LearningContentContainer.vue";
 import DocumentListBlock from "@/pages/learningPath/learningContentPage/blocks/DocumentListBlock.vue";
 import EdoniqTestBlock from "@/pages/learningPath/learningContentPage/blocks/EdoniqTestBlock.vue";
+import { getPreviousRoute } from "@/router/history";
+import { useCircleStore } from "@/stores/circle";
 import type {
   CircleType,
   LearningContent,
@@ -9,6 +12,7 @@ import type {
   LearningContentWithCompletion,
 } from "@/types";
 import eventBus from "@/utils/eventBus";
+import { stringifyParse } from "@/utils/utils";
 import log from "loglevel";
 import type { Component } from "vue";
 import { computed, onUnmounted } from "vue";
@@ -21,10 +25,6 @@ import RichTextBlock from "./blocks/RichTextBlock.vue";
 import VideoBlock from "./blocks/VideoBlock.vue";
 import FeedbackBlockUK from "./feedback/FeedbackBlockUK.vue";
 import FeedbackBlockVV from "./feedback/FeedbackBlockVV.vue";
-import { getPreviousRoute } from "@/router/history";
-import { stringifyParse } from "@/utils/utils";
-import { useCourseDataWithCompletion } from "@/composables";
-import { useCircleStore } from "@/stores/circle";
 
 const props = defineProps<{
   learningContent: LearningContent;
diff --git a/client/src/pages/learningPath/learningContentPage/assignment/AssignmentSubmissionResponses.vue b/client/src/pages/learningPath/learningContentPage/assignment/AssignmentSubmissionResponses.vue
index 33ba611b..dfdbcdca 100644
--- a/client/src/pages/learningPath/learningContentPage/assignment/AssignmentSubmissionResponses.vue
+++ b/client/src/pages/learningPath/learningContentPage/assignment/AssignmentSubmissionResponses.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import RichText from "@/components/ui/RichText.vue";
 import type {
   Assignment,
   AssignmentCompletionData,
@@ -6,7 +7,6 @@ import type {
   AssignmentTaskCompletionData,
   UserDataText,
 } from "@/types";
-import RichText from "@/components/ui/RichText.vue";
 
 const props = defineProps<{
   assignment: Assignment;
diff --git a/client/src/pages/learningPath/learningContentPage/assignment/AssignmentSubmissionView.vue b/client/src/pages/learningPath/learningContentPage/assignment/AssignmentSubmissionView.vue
index ebdd32de..b945e67b 100644
--- a/client/src/pages/learningPath/learningContentPage/assignment/AssignmentSubmissionView.vue
+++ b/client/src/pages/learningPath/learningContentPage/assignment/AssignmentSubmissionView.vue
@@ -1,19 +1,19 @@
 <script setup lang="ts">
+import SampleSolution from "@/components/assignment/SampleSolution.vue";
+import CaseWorkSubmit from "@/components/learningPath/assignment/CaseWorkSubmit.vue";
+import PraxisAssignmentSubmit from "@/components/learningPath/assignment/PraxisAssignmentSubmit.vue";
+import SimpleSubmit from "@/components/learningPath/assignment/SimpleSubmit.vue";
 import ItSuccessAlert from "@/components/ui/ItSuccessAlert.vue";
 import {
   useCourseData,
   useCourseSessionDetailQuery,
   useCurrentCourseSession,
 } from "@/composables";
+import type { AssignmentAssignmentAssignmentTypeChoices } from "@/gql/graphql";
 import AssignmentSubmissionResponses from "@/pages/learningPath/learningContentPage/assignment/AssignmentSubmissionResponses.vue";
 import type { Assignment, AssignmentCompletion, AssignmentTask } from "@/types";
-import { computed } from "vue";
 import { useTranslation } from "i18next-vue";
-import type { AssignmentAssignmentAssignmentTypeChoices } from "@/gql/graphql";
-import CaseWorkSubmit from "@/components/learningPath/assignment/CaseWorkSubmit.vue";
-import SimpleSubmit from "@/components/learningPath/assignment/SimpleSubmit.vue";
-import PraxisAssignmentSubmit from "@/components/learningPath/assignment/PraxisAssignmentSubmit.vue";
-import SampleSolution from "@/components/assignment/SampleSolution.vue";
+import { computed } from "vue";
 
 const props = defineProps<{
   assignment: Assignment;
diff --git a/client/src/pages/learningPath/learningContentPage/assignment/AssignmentTaskView.vue b/client/src/pages/learningPath/learningContentPage/assignment/AssignmentTaskView.vue
index 6dbf6537..88e990cc 100644
--- a/client/src/pages/learningPath/learningContentPage/assignment/AssignmentTaskView.vue
+++ b/client/src/pages/learningPath/learningContentPage/assignment/AssignmentTaskView.vue
@@ -1,8 +1,10 @@
 <script setup lang="ts">
 import ItCheckbox from "@/components/ui/ItCheckbox.vue";
 import ItTextarea from "@/components/ui/ItTextarea.vue";
+import RichText from "@/components/ui/RichText.vue";
 import { useCurrentCourseSession } from "@/composables";
 import { UPSERT_ASSIGNMENT_COMPLETION_MUTATION } from "@/graphql/mutations";
+import AttachmentSection from "@/pages/learningPath/learningContentPage/assignment/AttachmentSection.vue";
 import type {
   AssignmentCompletion,
   AssignmentCompletionData,
@@ -15,8 +17,6 @@ import { useMutation } from "@urql/vue";
 import { useDebounceFn } from "@vueuse/core";
 import log from "loglevel";
 import { computed, reactive } from "vue";
-import AttachmentSection from "@/pages/learningPath/learningContentPage/assignment/AttachmentSection.vue";
-import RichText from "@/components/ui/RichText.vue";
 
 const props = defineProps<{
   assignmentId: string;
diff --git a/client/src/pages/learningPath/learningContentPage/assignment/AssignmentView.vue b/client/src/pages/learningPath/learningContentPage/assignment/AssignmentView.vue
index 48ae62a3..ae802236 100644
--- a/client/src/pages/learningPath/learningContentPage/assignment/AssignmentView.vue
+++ b/client/src/pages/learningPath/learningContentPage/assignment/AssignmentView.vue
@@ -1,5 +1,7 @@
 <script setup lang="ts">
+import EvaluationSummary from "@/components/assignment/evaluation/EvaluationSummary.vue";
 import { useCourseSessionDetailQuery, useCurrentCourseSession } from "@/composables";
+import { bustItGetCache } from "@/fetchHelpers";
 import { UPSERT_ASSIGNMENT_COMPLETION_MUTATION } from "@/graphql/mutations";
 import { ASSIGNMENT_COMPLETION_QUERY } from "@/graphql/queries";
 import AssignmentIntroductionView from "@/pages/learningPath/learningContentPage/assignment/AssignmentIntroductionView.vue";
@@ -13,14 +15,12 @@ import type {
   AssignmentTask,
   LearningContentAssignment,
 } from "@/types";
+import { learningContentTypeData } from "@/utils/typeMaps";
 import { useMutation, useQuery } from "@urql/vue";
 import { useRouteQuery } from "@vueuse/router";
+import { useTranslation } from "i18next-vue";
 import * as log from "loglevel";
 import { computed, onMounted, ref, watchEffect } from "vue";
-import { useTranslation } from "i18next-vue";
-import { learningContentTypeData } from "@/utils/typeMaps";
-import EvaluationSummary from "@/components/assignment/evaluation/EvaluationSummary.vue";
-import { bustItGetCache } from "@/fetchHelpers";
 
 const { t } = useTranslation();
 const courseSession = useCurrentCourseSession();
diff --git a/client/src/pages/learningPath/learningContentPage/assignment/AttachmentSection.vue b/client/src/pages/learningPath/learningContentPage/assignment/AttachmentSection.vue
index 62738a83..05c43cb9 100644
--- a/client/src/pages/learningPath/learningContentPage/assignment/AttachmentSection.vue
+++ b/client/src/pages/learningPath/learningContentPage/assignment/AttachmentSection.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { ref, watch } from "vue";
-import type { UserDataFileInfo } from "@/types";
 import { useFileUpload } from "@/composables";
+import type { UserDataFileInfo } from "@/types";
+import { ref, watch } from "vue";
 
 const props = defineProps<{
   fileInfo: UserDataFileInfo | null;
diff --git a/client/src/pages/learningPath/learningContentPage/attendanceCourse/AttendanceCourse.vue b/client/src/pages/learningPath/learningContentPage/attendanceCourse/AttendanceCourse.vue
index 44d8c31c..d4efd26b 100644
--- a/client/src/pages/learningPath/learningContentPage/attendanceCourse/AttendanceCourse.vue
+++ b/client/src/pages/learningPath/learningContentPage/attendanceCourse/AttendanceCourse.vue
@@ -28,8 +28,8 @@
 
 <script setup lang="ts">
 import { formatDueDate } from "@/components/dueDates/dueDatesUtils";
-import { computed } from "vue";
 import type { CourseSessionAttendanceCourseObjectType } from "@/gql/graphql";
+import { computed } from "vue";
 
 export interface Props {
   attendanceCourse: CourseSessionAttendanceCourseObjectType;
diff --git a/client/src/pages/learningPath/learningContentPage/blocks/AttendanceCourseBlock.vue b/client/src/pages/learningPath/learningContentPage/blocks/AttendanceCourseBlock.vue
index 1b960955..55be1e38 100644
--- a/client/src/pages/learningPath/learningContentPage/blocks/AttendanceCourseBlock.vue
+++ b/client/src/pages/learningPath/learningContentPage/blocks/AttendanceCourseBlock.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
+import { useCourseSessionDetailQuery } from "@/composables";
 import AttendanceCourse from "@/pages/learningPath/learningContentPage/attendanceCourse/AttendanceCourse.vue";
 import type { LearningContentAttendanceCourse } from "@/types";
 import { computed } from "vue";
 import LearningContentSimpleLayout from "../layouts/LearningContentSimpleLayout.vue";
-import { useCourseSessionDetailQuery } from "@/composables";
 
 const props = defineProps<{
   content: LearningContentAttendanceCourse;
diff --git a/client/src/pages/learningPath/learningContentPage/blocks/DocumentListBlock.vue b/client/src/pages/learningPath/learningContentPage/blocks/DocumentListBlock.vue
index 9379086b..4b9845c2 100644
--- a/client/src/pages/learningPath/learningContentPage/blocks/DocumentListBlock.vue
+++ b/client/src/pages/learningPath/learningContentPage/blocks/DocumentListBlock.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import MediaLink from "@/components/mediaLibrary/MediaLink.vue";
+import { itGetCached } from "@/fetchHelpers";
 import type {
   LearningContentDocumentList,
   MediaLibraryContentBlockValue,
 } from "@/types";
-import LearningContentSimpleLayout from "../layouts/LearningContentSimpleLayout.vue";
-import { onMounted, ref } from "vue";
 import log from "loglevel";
-import { itGetCached } from "@/fetchHelpers";
+import { onMounted, ref } from "vue";
+import LearningContentSimpleLayout from "../layouts/LearningContentSimpleLayout.vue";
 
 const props = defineProps<{
   content: LearningContentDocumentList;
diff --git a/client/src/pages/learningPath/learningContentPage/blocks/EdoniqTestBlock.vue b/client/src/pages/learningPath/learningContentPage/blocks/EdoniqTestBlock.vue
index cb5d81b2..5b555b34 100644
--- a/client/src/pages/learningPath/learningContentPage/blocks/EdoniqTestBlock.vue
+++ b/client/src/pages/learningPath/learningContentPage/blocks/EdoniqTestBlock.vue
@@ -1,17 +1,17 @@
 <script setup lang="ts">
-import { useTranslation } from "i18next-vue";
+import { formatDueDate, getDateString } from "@/components/dueDates/dueDatesUtils";
 import ItCheckbox from "@/components/ui/ItCheckbox.vue";
+import ItSuccessAlert from "@/components/ui/ItSuccessAlert.vue";
+import { useCourseSessionDetailQuery, useCurrentCourseSession } from "@/composables";
+import { itPost } from "@/fetchHelpers";
+import { ASSIGNMENT_COMPLETION_QUERY } from "@/graphql/queries";
 import LearningContentSimpleLayout from "@/pages/learningPath/learningContentPage/layouts/LearningContentSimpleLayout.vue";
 import type { AssignmentCompletion, LearningContentEdoniqTest } from "@/types";
-import { computed, ref } from "vue";
-import * as log from "loglevel";
-import { itPost } from "@/fetchHelpers";
 import { useQuery } from "@urql/vue";
-import { ASSIGNMENT_COMPLETION_QUERY } from "@/graphql/queries";
-import { useCourseSessionDetailQuery, useCurrentCourseSession } from "@/composables";
 import dayjs from "dayjs";
-import ItSuccessAlert from "@/components/ui/ItSuccessAlert.vue";
-import { formatDueDate, getDateString } from "@/components/dueDates/dueDatesUtils";
+import { useTranslation } from "i18next-vue";
+import * as log from "loglevel";
+import { computed, ref } from "vue";
 
 const { t } = useTranslation();
 
diff --git a/client/src/pages/learningPath/learningContentPage/blocks/PlaceholderBlock.vue b/client/src/pages/learningPath/learningContentPage/blocks/PlaceholderBlock.vue
index bf8e7afb..7056f529 100644
--- a/client/src/pages/learningPath/learningContentPage/blocks/PlaceholderBlock.vue
+++ b/client/src/pages/learningPath/learningContentPage/blocks/PlaceholderBlock.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import RichText from "@/components/ui/RichText.vue";
 import LearningContentSimpleLayout from "@/pages/learningPath/learningContentPage/layouts/LearningContentSimpleLayout.vue";
 import type { LearningContent } from "@/types";
-import RichText from "@/components/ui/RichText.vue";
 
 const props = defineProps<{
   content: LearningContent;
diff --git a/client/src/pages/learningPath/learningContentPage/blocks/RichTextBlock.vue b/client/src/pages/learningPath/learningContentPage/blocks/RichTextBlock.vue
index a9f71691..ccfd8d9c 100644
--- a/client/src/pages/learningPath/learningContentPage/blocks/RichTextBlock.vue
+++ b/client/src/pages/learningPath/learningContentPage/blocks/RichTextBlock.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import RichText from "@/components/ui/RichText.vue";
 import LearningContentSimpleLayout from "@/pages/learningPath/learningContentPage/layouts/LearningContentSimpleLayout.vue";
 import type { LearningContentRichText } from "@/types";
-import RichText from "@/components/ui/RichText.vue";
 
 const props = defineProps<{
   content: LearningContentRichText;
diff --git a/client/src/pages/learningPath/learningContentPage/feedback/FeedbackBase.vue b/client/src/pages/learningPath/learningContentPage/feedback/FeedbackBase.vue
index 0da667ea..bd7a1995 100644
--- a/client/src/pages/learningPath/learningContentPage/feedback/FeedbackBase.vue
+++ b/client/src/pages/learningPath/learningContentPage/feedback/FeedbackBase.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
+import { useCourseSessionDetailQuery, useCurrentCourseSession } from "@/composables";
+import { bustItGetCache } from "@/fetchHelpers";
 import { graphql } from "@/gql";
 import FeedbackCompletition from "@/pages/learningPath/learningContentPage/feedback/FeedbackCompletition.vue";
 import LearningContentMultiLayout from "@/pages/learningPath/learningContentPage/layouts/LearningContentMultiLayout.vue";
+import { useUserStore } from "@/stores/user";
 import type { LearningContentFeedbackUK, LearningContentFeedbackVV } from "@/types";
 import { useMutation } from "@urql/vue";
 import { useRouteQuery } from "@vueuse/router";
 import log from "loglevel";
 import { computed, onMounted, reactive, ref } from "vue";
-import { useCourseSessionDetailQuery, useCurrentCourseSession } from "@/composables";
-import { bustItGetCache } from "@/fetchHelpers";
-import { useUserStore } from "@/stores/user";
 
 const props = defineProps<{
   content: LearningContentFeedbackVV | LearningContentFeedbackUK;
diff --git a/client/src/pages/learningPath/learningContentPage/feedback/FeedbackBlockUK.vue b/client/src/pages/learningPath/learningContentPage/feedback/FeedbackBlockUK.vue
index 0c0f00e8..c6314068 100644
--- a/client/src/pages/learningPath/learningContentPage/feedback/FeedbackBlockUK.vue
+++ b/client/src/pages/learningPath/learningContentPage/feedback/FeedbackBlockUK.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
 import ItRadioGroup from "@/components/ui/ItRadioGroup.vue";
 import ItTextarea from "@/components/ui/ItTextarea.vue";
+import { useCourseSessionDetailQuery } from "@/composables";
 import {
   PERCENTAGES,
   RATINGS,
   YES_NO,
 } from "@/pages/learningPath/learningContentPage/feedback/feedback.constants";
-import type { LearningContentFeedbackUK, LearningContentFeedbackVV } from "@/types";
-import { computed } from "vue";
-import { useTranslation } from "i18next-vue";
-import { useCourseSessionDetailQuery } from "@/composables";
 import FeedbackBase from "@/pages/learningPath/learningContentPage/feedback/FeedbackBase.vue";
+import type { LearningContentFeedbackUK, LearningContentFeedbackVV } from "@/types";
+import { useTranslation } from "i18next-vue";
+import { computed } from "vue";
 
 const props = defineProps<{
   content: LearningContentFeedbackVV | LearningContentFeedbackUK;
diff --git a/client/src/pages/learningPath/learningContentPage/feedback/FeedbackBlockVV.vue b/client/src/pages/learningPath/learningContentPage/feedback/FeedbackBlockVV.vue
index 13279ccc..e5d7712d 100644
--- a/client/src/pages/learningPath/learningContentPage/feedback/FeedbackBlockVV.vue
+++ b/client/src/pages/learningPath/learningContentPage/feedback/FeedbackBlockVV.vue
@@ -6,8 +6,8 @@ import {
   RATINGS,
   YES_NO,
 } from "@/pages/learningPath/learningContentPage/feedback/feedback.constants";
-import type { LearningContentFeedbackUK, LearningContentFeedbackVV } from "@/types";
 import FeedbackBase from "@/pages/learningPath/learningContentPage/feedback/FeedbackBase.vue";
+import type { LearningContentFeedbackUK, LearningContentFeedbackVV } from "@/types";
 import { useTranslation } from "i18next-vue";
 
 const props = defineProps<{
diff --git a/client/src/pages/learningPath/learningContentPage/layouts/LearningContentFooter.vue b/client/src/pages/learningPath/learningContentPage/layouts/LearningContentFooter.vue
index 242c9c9f..d4df8903 100644
--- a/client/src/pages/learningPath/learningContentPage/layouts/LearningContentFooter.vue
+++ b/client/src/pages/learningPath/learningContentPage/layouts/LearningContentFooter.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { computed } from "vue";
 import { useTranslation } from "i18next-vue";
+import { computed } from "vue";
 
 export type ClosingButtonVariant = "close" | "mark_as_done";
 
diff --git a/client/src/pages/learningPath/learningContentPage/layouts/LearningContentMultiLayout.vue b/client/src/pages/learningPath/learningContentPage/layouts/LearningContentMultiLayout.vue
index 01966d97..c48de150 100644
--- a/client/src/pages/learningPath/learningContentPage/layouts/LearningContentMultiLayout.vue
+++ b/client/src/pages/learningPath/learningContentPage/layouts/LearningContentMultiLayout.vue
@@ -4,10 +4,10 @@ import ItNavigationProgress from "@/components/ui/ItNavigationProgress.vue";
 import type { ClosingButtonVariant } from "@/pages/learningPath/learningContentPage/layouts/LearningContentFooter.vue";
 import LearningContentFooter from "@/pages/learningPath/learningContentPage/layouts/LearningContentFooter.vue";
 import type { LearningContent } from "@/types";
-import { learningContentTypeData } from "@/utils/typeMaps";
-import { computed } from "vue";
 import eventBus from "@/utils/eventBus";
+import { learningContentTypeData } from "@/utils/typeMaps";
 import { t } from "i18next";
+import { computed } from "vue";
 
 interface Props {
   title?: string;
diff --git a/client/src/pages/learningPath/learningContentPage/layouts/LearningContentSimpleLayout.vue b/client/src/pages/learningPath/learningContentPage/layouts/LearningContentSimpleLayout.vue
index a1bba02c..7ec43621 100644
--- a/client/src/pages/learningPath/learningContentPage/layouts/LearningContentSimpleLayout.vue
+++ b/client/src/pages/learningPath/learningContentPage/layouts/LearningContentSimpleLayout.vue
@@ -2,10 +2,10 @@
 // Basic layout for a learning content that only has a single step
 import LearningContentFooter from "@/pages/learningPath/learningContentPage/layouts/LearningContentFooter.vue";
 import type { LearningContent } from "@/types";
-import { learningContentTypeData } from "@/utils/typeMaps";
-import { computed } from "vue";
 import eventBus from "@/utils/eventBus";
+import { learningContentTypeData } from "@/utils/typeMaps";
 import { useTranslation } from "i18next-vue";
+import { computed } from "vue";
 
 export interface Props {
   title?: string;
diff --git a/client/src/pages/learningPath/learningPathPage/LearningPathCircleListTile.vue b/client/src/pages/learningPath/learningPathPage/LearningPathCircleListTile.vue
index a30f02fa..dbe376dc 100644
--- a/client/src/pages/learningPath/learningPathPage/LearningPathCircleListTile.vue
+++ b/client/src/pages/learningPath/learningPathPage/LearningPathCircleListTile.vue
@@ -2,8 +2,8 @@
 import LearningPathCircle from "@/pages/learningPath/learningPathPage/LearningPathCircle.vue";
 import LearningPathContinueButton from "@/pages/learningPath/learningPathPage/LearningPathContinueButton.vue";
 import { calculateCircleSectorData } from "@/pages/learningPath/learningPathPage/utils";
-import { computed, ref, watch } from "vue";
 import type { CircleType, LearningContentWithCompletion } from "@/types";
+import { computed, ref, watch } from "vue";
 
 const props = defineProps<{
   circle: CircleType;
diff --git a/client/src/pages/learningPath/learningPathPage/LearningPathPage.vue b/client/src/pages/learningPath/learningPathPage/LearningPathPage.vue
index 3d8aecc8..b2620b98 100644
--- a/client/src/pages/learningPath/learningPathPage/LearningPathPage.vue
+++ b/client/src/pages/learningPath/learningPathPage/LearningPathPage.vue
@@ -1,21 +1,21 @@
 <script setup lang="ts">
-import LearningPathListView from "@/pages/learningPath/learningPathPage/LearningPathListView.vue";
-import LearningPathPathView from "@/pages/learningPath/learningPathPage/LearningPathPathView.vue";
-import CircleProgress from "@/pages/learningPath/learningPathPage/LearningPathProgress.vue";
-import LearningPathTopics from "@/pages/learningPath/learningPathPage/LearningPathTopics.vue";
-import LearningPathProfileFilter from "@/pages/learningPath/learningPathPage/LearningPathProfileFilter.vue";
-import type { ViewType } from "@/pages/learningPath/learningPathPage/LearningPathViewSwitch.vue";
-import LearningPathViewSwitch from "@/pages/learningPath/learningPathPage/LearningPathViewSwitch.vue";
-import { breakpointsTailwind, useBreakpoints } from "@vueuse/core";
-import { computed, ref } from "vue";
+import CourseSessionDueDatesList from "@/components/dueDates/CourseSessionDueDatesList.vue";
 import {
   useCourseCircleProgress,
   useCourseDataWithCompletion,
   useCurrentCourseSession,
 } from "@/composables";
-import CourseSessionDueDatesList from "@/components/dueDates/CourseSessionDueDatesList.vue";
-import { useMutation } from "@urql/vue";
 import { UPDATE_COURSE_PROFILE_MUTATION } from "@/graphql/mutations";
+import LearningPathListView from "@/pages/learningPath/learningPathPage/LearningPathListView.vue";
+import LearningPathPathView from "@/pages/learningPath/learningPathPage/LearningPathPathView.vue";
+import LearningPathProfileFilter from "@/pages/learningPath/learningPathPage/LearningPathProfileFilter.vue";
+import CircleProgress from "@/pages/learningPath/learningPathPage/LearningPathProgress.vue";
+import LearningPathTopics from "@/pages/learningPath/learningPathPage/LearningPathTopics.vue";
+import type { ViewType } from "@/pages/learningPath/learningPathPage/LearningPathViewSwitch.vue";
+import LearningPathViewSwitch from "@/pages/learningPath/learningPathPage/LearningPathViewSwitch.vue";
+import { useMutation } from "@urql/vue";
+import { breakpointsTailwind, useBreakpoints } from "@vueuse/core";
+import { computed, ref } from "vue";
 import { filterCircles, useCourseFilter } from "./utils";
 
 const props = defineProps<{
diff --git a/client/src/pages/learningPath/learningPathPage/LearningPathPathTopic.vue b/client/src/pages/learningPath/learningPathPage/LearningPathPathTopic.vue
index dbcbded5..c79130f6 100644
--- a/client/src/pages/learningPath/learningPathPage/LearningPathPathTopic.vue
+++ b/client/src/pages/learningPath/learningPathPage/LearningPathPathTopic.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { computed } from "vue";
 import type { LearningContentWithCompletion, TopicType } from "@/types";
+import { computed } from "vue";
 import LearningPathCircleColumn from "./LearningPathCircleColumn.vue";
 import { filterCircles } from "./utils";
 
diff --git a/client/src/pages/learningPath/learningPathPage/LearningPathPathView.vue b/client/src/pages/learningPath/learningPathPage/LearningPathPathView.vue
index 0b6353ab..096ef66c 100644
--- a/client/src/pages/learningPath/learningPathPage/LearningPathPathView.vue
+++ b/client/src/pages/learningPath/learningPathPage/LearningPathPathView.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
+import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
 import LearningPathScrollButton from "@/pages/learningPath/learningPathPage/LearningPathScrollButton.vue";
+import type { LearningContentWithCompletion, LearningPathType } from "@/types";
 import { useScroll } from "@vueuse/core";
 import { computed, nextTick, ref, watch } from "vue";
-import type { LearningContentWithCompletion, LearningPathType } from "@/types";
-import LoadingSpinner from "@/components/ui/LoadingSpinner.vue";
 import LearningPathPathTopic from "./LearningPathPathTopic.vue";
 
 const props = defineProps<{
diff --git a/client/src/pages/learningPath/selfEvaluationPage/SelfEvaluationPage.vue b/client/src/pages/learningPath/selfEvaluationPage/SelfEvaluationPage.vue
index 3fabaef7..88b8d7b3 100644
--- a/client/src/pages/learningPath/selfEvaluationPage/SelfEvaluationPage.vue
+++ b/client/src/pages/learningPath/selfEvaluationPage/SelfEvaluationPage.vue
@@ -2,8 +2,8 @@
 import * as log from "loglevel";
 
 import SelfEvaluation from "@/components/learningPath/SelfEvaluation.vue";
-import { computed } from "vue";
 import { useCourseDataWithCompletion } from "@/composables";
+import { computed } from "vue";
 
 log.debug("LearningUnitSelfEvaluationView created");
 
diff --git a/client/src/pages/learningPath/selfEvaluationPage/SelfEvaluationRequestFeedbackPage.vue b/client/src/pages/learningPath/selfEvaluationPage/SelfEvaluationRequestFeedbackPage.vue
index 1c05a0df..1fff650f 100644
--- a/client/src/pages/learningPath/selfEvaluationPage/SelfEvaluationRequestFeedbackPage.vue
+++ b/client/src/pages/learningPath/selfEvaluationPage/SelfEvaluationRequestFeedbackPage.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import type { LearningUnit, LearningUnitPerformanceCriteria } from "@/types";
-import { useMyLearningMentors } from "@/composables";
-import { computed, ref } from "vue";
-import ItButton from "@/components/ui/ItButton.vue";
 import NoMentorInformationPanel from "@/components/learningMentor/NoMentorInformationPanel.vue";
-import { useSelfEvaluationFeedback } from "@/services/selfEvaluationFeedback";
-import FeedbackRequestedInformationPanel from "@/components/selfEvaluationFeedback/FeedbackRequestedInformationPanel.vue";
 import FeedbackReceived from "@/components/selfEvaluationFeedback/FeedbackReceived.vue";
 import FeedbackRequested from "@/components/selfEvaluationFeedback/FeedbackRequested.vue";
+import FeedbackRequestedInformationPanel from "@/components/selfEvaluationFeedback/FeedbackRequestedInformationPanel.vue";
+import ItButton from "@/components/ui/ItButton.vue";
 import ItDropdownSelect from "@/components/ui/ItDropdownSelect.vue";
+import { useMyLearningMentors } from "@/composables";
+import { useSelfEvaluationFeedback } from "@/services/selfEvaluationFeedback";
+import type { LearningUnit, LearningUnitPerformanceCriteria } from "@/types";
+import { computed, ref } from "vue";
 
 const props = defineProps<{
   learningUnit: LearningUnit;
diff --git a/client/src/pages/mediaLibrary/MediaLibraryCategoryPage.vue b/client/src/pages/mediaLibrary/MediaLibraryCategoryPage.vue
index 303587da..373f6754 100644
--- a/client/src/pages/mediaLibrary/MediaLibraryCategoryPage.vue
+++ b/client/src/pages/mediaLibrary/MediaLibraryCategoryPage.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { useMediaLibraryStore } from "@/stores/mediaLibrary";
+import type { MediaLibraryCategoryPage } from "@/types";
 import * as log from "loglevel";
 import { computed } from "vue";
-import type { MediaLibraryCategoryPage } from "@/types";
 
 const props = defineProps<{
   categorySlug: string;
diff --git a/client/src/pages/mediaLibrary/MediaLibraryContentPage.vue b/client/src/pages/mediaLibrary/MediaLibraryContentPage.vue
index d7d182ee..c33c31b4 100644
--- a/client/src/pages/mediaLibrary/MediaLibraryContentPage.vue
+++ b/client/src/pages/mediaLibrary/MediaLibraryContentPage.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
+import RichText from "@/components/ui/RichText.vue";
 import { useMediaLibraryStore } from "@/stores/mediaLibrary";
+import type { MediaLibraryCategoryPage, MediaLibraryContentPage } from "@/types";
 import * as log from "loglevel";
 import { computed } from "vue";
-import type { MediaLibraryCategoryPage, MediaLibraryContentPage } from "@/types";
-import RichText from "@/components/ui/RichText.vue";
 
 const props = defineProps<{
   categorySlug: string;
diff --git a/client/src/pages/mediaLibrary/MediaLibraryIndexPage.vue b/client/src/pages/mediaLibrary/MediaLibraryIndexPage.vue
index 1e7beacb..1ca91914 100644
--- a/client/src/pages/mediaLibrary/MediaLibraryIndexPage.vue
+++ b/client/src/pages/mediaLibrary/MediaLibraryIndexPage.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import OverviewCard from "@/components/mediaLibrary/OverviewCard.vue";
 import { useMediaLibraryStore } from "@/stores/mediaLibrary";
 import * as log from "loglevel";
-import OverviewCard from "@/components/mediaLibrary/OverviewCard.vue";
 
 log.debug("MediaLibraryIndexPage created");
 const mediaStore = useMediaLibraryStore();
diff --git a/client/src/pages/onboarding/AccountConfirm.vue b/client/src/pages/onboarding/AccountConfirm.vue
index 8750119b..03196e13 100644
--- a/client/src/pages/onboarding/AccountConfirm.vue
+++ b/client/src/pages/onboarding/AccountConfirm.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import InfoBox from "@/components/onboarding/InfoBox.vue";
 import WizardPage from "@/components/onboarding/WizardPage.vue";
 import { useUserStore } from "@/stores/user";
-import InfoBox from "@/components/onboarding/InfoBox.vue";
 
 const userStore = useUserStore();
 </script>
diff --git a/client/src/pages/onboarding/AccountProfile.vue b/client/src/pages/onboarding/AccountProfile.vue
index 727dd96e..030e89c1 100644
--- a/client/src/pages/onboarding/AccountProfile.vue
+++ b/client/src/pages/onboarding/AccountProfile.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import WizardPage from "@/components/onboarding/WizardPage.vue";
-import ItDropdownSelect from "@/components/ui/ItDropdownSelect.vue";
-import { computed, ref, watch } from "vue";
-import { useUserStore } from "@/stores/user";
-import { useRoute, useRouter } from "vue-router";
-import { useTranslation } from "i18next-vue";
-import { isOtherOrganisation, profileNextRoute } from "@/services/onboarding";
-import { useEntities } from "@/services/entities";
 import AvatarImage from "@/components/ui/AvatarImage.vue";
+import ItDropdownSelect from "@/components/ui/ItDropdownSelect.vue";
+import { useEntities } from "@/services/entities";
+import { isOtherOrganisation, profileNextRoute } from "@/services/onboarding";
+import { useUserStore } from "@/stores/user";
+import { useTranslation } from "i18next-vue";
+import { computed, ref, watch } from "vue";
+import { useRoute, useRouter } from "vue-router";
 
 const { t } = useTranslation();
 
diff --git a/client/src/pages/onboarding/AccountSetup.vue b/client/src/pages/onboarding/AccountSetup.vue
index 2f7a69b7..d9324a95 100644
--- a/client/src/pages/onboarding/AccountSetup.vue
+++ b/client/src/pages/onboarding/AccountSetup.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import WizardPage from "@/components/onboarding/WizardPage.vue";
-import { useUserStore } from "@/stores/user";
 import { getLoginURL, getSignUpURL } from "@/router/utils";
-import { useRoute } from "vue-router";
+import { useUserStore } from "@/stores/user";
 import { computed } from "vue";
+import { useRoute } from "vue-router";
 
 const props = defineProps({
   courseType: {
diff --git a/client/src/pages/onboarding/WizardBase.vue b/client/src/pages/onboarding/WizardBase.vue
index c0d7c9f8..8676399a 100644
--- a/client/src/pages/onboarding/WizardBase.vue
+++ b/client/src/pages/onboarding/WizardBase.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import WizardSidePanel from "@/components/onboarding/WizardSidePanel.vue";
-import { computed } from "vue";
 import mood_uk from "@/assets/images/mood_uk.jpg";
 import mood_vv from "@/assets/images/mood_vv.jpg";
+import WizardSidePanel from "@/components/onboarding/WizardSidePanel.vue";
+import { getVVCourseName } from "@/pages/onboarding/vv/composables";
 import { useTranslation } from "i18next-vue";
 import { startsWith } from "lodash";
-import { getVVCourseName } from "@/pages/onboarding/vv/composables";
+import { computed } from "vue";
 
 const props = defineProps({
   courseType: {
diff --git a/client/src/pages/onboarding/uk/SetupComplete.vue b/client/src/pages/onboarding/uk/SetupComplete.vue
index 7f7276c5..af76fd1b 100644
--- a/client/src/pages/onboarding/uk/SetupComplete.vue
+++ b/client/src/pages/onboarding/uk/SetupComplete.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import WizardPage from "@/components/onboarding/WizardPage.vue";
 import InfoBox from "@/components/onboarding/InfoBox.vue";
+import WizardPage from "@/components/onboarding/WizardPage.vue";
 import { ref } from "vue";
 
 // This page will probably not be reached with a course session already assigned.
diff --git a/client/src/pages/onboarding/vv/CheckoutAddress.vue b/client/src/pages/onboarding/vv/CheckoutAddress.vue
index 918dc3a3..df9e3122 100644
--- a/client/src/pages/onboarding/vv/CheckoutAddress.vue
+++ b/client/src/pages/onboarding/vv/CheckoutAddress.vue
@@ -1,24 +1,24 @@
 <script setup lang="ts">
-import WizardPage from "@/components/onboarding/WizardPage.vue";
-import { computed, ref, watch } from "vue";
-import { type User, useUserStore } from "@/stores/user";
-import PersonalAddress from "@/components/onboarding/PersonalAddress.vue";
-import OrganisationAddress from "@/components/onboarding/OrganisationAddress.vue";
-import { itPost } from "@/fetchHelpers";
-import { useEntities } from "@/services/entities";
-import { useRoute } from "vue-router";
-import { useTranslation } from "i18next-vue";
-import { getVVCourseName } from "./composables";
 import DatatransCembraDeviceFingerprint from "@/components/onboarding/DatatransCembraDeviceFingerprint.vue";
-import { getLocalSessionKey } from "@/statistics";
-import log from "loglevel";
-import { normalizeSwissPhoneNumber, validatePhoneNumber } from "@/utils/phone";
+import OrganisationAddress from "@/components/onboarding/OrganisationAddress.vue";
+import PersonalAddress from "@/components/onboarding/PersonalAddress.vue";
+import WizardPage from "@/components/onboarding/WizardPage.vue";
 import {
   ORGANISATION_NO_COMPANY_ID,
   ORGANISATION_OTHER_BROKER_ID,
   ORGANISATION_OTHER_HEALTH_INSURANCE_ID,
   ORGANISATION_OTHER_PRIVATE_INSURANCE_ID,
 } from "@/consts";
+import { itPost } from "@/fetchHelpers";
+import { useEntities } from "@/services/entities";
+import { getLocalSessionKey } from "@/statistics";
+import { type User, useUserStore } from "@/stores/user";
+import { normalizeSwissPhoneNumber, validatePhoneNumber } from "@/utils/phone";
+import { useTranslation } from "i18next-vue";
+import log from "loglevel";
+import { computed, ref, watch } from "vue";
+import { useRoute } from "vue-router";
+import { getVVCourseName } from "./composables";
 
 const props = defineProps({
   courseType: {
diff --git a/client/src/pages/personalProfile/PersonalProfilePage.vue b/client/src/pages/personalProfile/PersonalProfilePage.vue
index 99312b07..401b53c0 100644
--- a/client/src/pages/personalProfile/PersonalProfilePage.vue
+++ b/client/src/pages/personalProfile/PersonalProfilePage.vue
@@ -3,8 +3,8 @@ import { useUserStore } from "@/stores/user";
 
 import { ref } from "vue";
 
-import ProfileView from "@/components/personalProfile/ProfileView.vue";
 import ProfileEdit from "@/components/personalProfile/ProfileEdit.vue";
+import ProfileView from "@/components/personalProfile/ProfileView.vue";
 
 const user = useUserStore();
 const editMode = ref(false);
diff --git a/client/src/pages/start/VVStartPage.vue b/client/src/pages/start/VVStartPage.vue
index 1b55cde8..3cc022d3 100644
--- a/client/src/pages/start/VVStartPage.vue
+++ b/client/src/pages/start/VVStartPage.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { useTranslation } from "i18next-vue";
 import StartPageFooter from "@/components/start/StartPageFooter.vue";
+import { useTranslation } from "i18next-vue";
 
 const { t } = useTranslation();
 </script>
diff --git a/client/src/pages/userProfile/LearningPathProfilePage.vue b/client/src/pages/userProfile/LearningPathProfilePage.vue
index ca7921c9..d6ab1fd2 100644
--- a/client/src/pages/userProfile/LearningPathProfilePage.vue
+++ b/client/src/pages/userProfile/LearningPathProfilePage.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { useCourseDataWithCompletion } from "@/composables";
 import UserProfileContent from "@/components/userProfile/UserProfileContent.vue";
-import LearningSequence from "@/pages/learningPath/circlePage/LearningSequence.vue";
-import { computed, ref, watch } from "vue";
-import type { CircleType } from "@/types";
+import { useCourseDataWithCompletion } from "@/composables";
 import { COURSE_QUERY } from "@/graphql/queries";
+import LearningSequence from "@/pages/learningPath/circlePage/LearningSequence.vue";
+import type { CircleType } from "@/types";
 import { useQuery } from "@urql/vue";
+import { computed, ref, watch } from "vue";
 import UserProfileTopicList from "./UserProfileTopicList.vue";
 
 const props = defineProps<{
diff --git a/client/src/pages/userProfile/UserProfilePage.vue b/client/src/pages/userProfile/UserProfilePage.vue
index b98e8126..30e24429 100644
--- a/client/src/pages/userProfile/UserProfilePage.vue
+++ b/client/src/pages/userProfile/UserProfilePage.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
+import { useCurrentCourseSession } from "@/composables";
+import { useFetch } from "@vueuse/core";
+import { useTranslation } from "i18next-vue";
 import { onMounted } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import { useTranslation } from "i18next-vue";
-import { useFetch } from "@vueuse/core";
-import { useCurrentCourseSession } from "@/composables";
 
 const props = defineProps<{
   userId: string;
diff --git a/client/src/pages/userProfile/UserProfileTopicList.vue b/client/src/pages/userProfile/UserProfileTopicList.vue
index f4bebc55..eab026ff 100644
--- a/client/src/pages/userProfile/UserProfileTopicList.vue
+++ b/client/src/pages/userProfile/UserProfileTopicList.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { CircleType, TopicType } from "@/types";
-import { calculateCircleSectorData } from "@/pages/learningPath/learningPathPage/utils";
-import LearningPathCircle from "../learningPath/learningPathPage/LearningPathCircle.vue";
-import { computed } from "vue";
 import { COURSE_PROFILE_ALL_FILTER } from "@/constants";
+import { calculateCircleSectorData } from "@/pages/learningPath/learningPathPage/utils";
+import type { CircleType, TopicType } from "@/types";
+import { computed } from "vue";
+import LearningPathCircle from "../learningPath/learningPathPage/LearningPathCircle.vue";
 
 interface Props {
   topic: TopicType;
diff --git a/client/src/services/onboarding.ts b/client/src/services/onboarding.ts
index 1b2e4d5e..7a351477 100644
--- a/client/src/services/onboarding.ts
+++ b/client/src/services/onboarding.ts
@@ -1,9 +1,9 @@
-import { isString, startsWith } from "lodash";
 import {
   ORGANISATION_OTHER_BROKER_ID,
   ORGANISATION_OTHER_HEALTH_INSURANCE_ID,
   ORGANISATION_OTHER_PRIVATE_INSURANCE_ID,
 } from "@/consts";
+import { isString, startsWith } from "lodash";
 
 export function profileNextRoute(courseType: string | string[]) {
   if (courseType === "uk") {
diff --git a/server/vbv_lernwelt/course_session/tests/test_attendance_export.py b/server/vbv_lernwelt/course_session/tests/test_attendance_export.py
index 9b8ebb48..eb217f4b 100644
--- a/server/vbv_lernwelt/course_session/tests/test_attendance_export.py
+++ b/server/vbv_lernwelt/course_session/tests/test_attendance_export.py
@@ -16,7 +16,6 @@ class ExportBaseTestCase(TestCase):
     def _check_export(self, wb, expected_data, max_row, max_col):
         for row in wb.active.iter_rows(max_col=max_col, max_row=max_row):
             for cell in row:
-                print(cell.value)
                 self.assertEqual(
                     cell.value, expected_data[row[0].row - 1][row.index(cell)]
                 )