From c4195916a755331b5d61fa5cf914ef55db9cffa0 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Wed, 19 Jan 2022 11:56:20 +0100
Subject: [PATCH] Lint some more code

---
 client/package.json                           |   2 +-
 client/src/App.vue                            |  15 +-
 client/src/components/AddContentButton.vue    |   5 +-
 client/src/components/AddContentElement.vue   |   5 +-
 client/src/components/AddWidget.vue           |   7 +-
 .../components/AssignmentWithSubmissions.vue  |  43 ++--
 client/src/components/BackLink.vue            |   5 +-
 client/src/components/Chapter.vue             |  19 +-
 client/src/components/ColorChooser.vue        |  11 +-
 client/src/components/ContentBlock.vue        |  40 ++--
 client/src/components/FullscreenImage.vue     |   7 +-
 .../src/components/FullscreenInfographic.vue  |   3 +-
 client/src/components/FullscreenVideo.vue     |   7 +-
 client/src/components/HeaderBar.vue           |  16 +-
 client/src/components/HelpfulTooltip.vue      |   2 +-
 client/src/components/LoadingButton.vue       |  10 +-
 client/src/components/LogoutWidget.vue        |   3 +-
 client/src/components/MobileHeader.vue        |  10 +-
 client/src/components/Modal.vue               |  15 +-
 client/src/components/ModalInput.vue          |   6 +-
 client/src/components/MoreOptionsWidget.vue   |  10 +-
 client/src/components/ReadOnlyBanner.vue      |  11 +-
 client/src/components/ScrollUp.vue            |   5 +-
 client/src/components/SectionBlock.vue        |  22 ++-
 client/src/components/StudentSubmission.vue   |  14 +-
 .../components/StudentSubmissionDocument.vue  |   5 +-
 client/src/components/UserMetaWidget.vue      |   3 +-
 client/src/components/UserWidget.vue          |   6 +-
 .../book-navigation/BookTopicNavigation.vue   |   5 +-
 .../book-navigation/ContentNavigation.vue     |  35 ++--
 .../book-navigation/NavigationSidebar.vue     |  10 +-
 .../book-navigation/SubNavigationItem.vue     |  15 +-
 .../content-block-form/ContentsForm.vue       |  18 +-
 .../content-blocks/ContentComponent.vue       |   5 +-
 .../components/content-blocks/ContentList.vue |   8 +-
 .../content-blocks/ContentListBlock.vue       |   5 +-
 .../content-blocks/DocumentBlock.vue          |  10 +-
 .../content-blocks/GeniallyBlock.vue          |   3 +-
 .../components/content-blocks/ImageBlock.vue  |   3 +-
 .../content-blocks/ImageUrlBlock.vue          |   3 +-
 .../content-blocks/InfogramBlock.vue          |   3 +-
 .../components/content-blocks/Instruction.vue |   8 +-
 .../content-blocks/InstrumentWidget.vue       |   7 +-
 .../components/content-blocks/LinkBlock.vue   |   8 +-
 .../content-blocks/ModuleRoomSlug.vue         |   4 +-
 .../content-blocks/SectionTitleBlock.vue      |   3 +-
 .../components/content-blocks/Solution.vue    |   9 +-
 .../content-blocks/SubtitleBlock.vue          |   3 +-
 .../components/content-blocks/SurveyBlock.vue |   7 +-
 client/src/components/content-blocks/Task.vue |   3 +-
 .../components/content-blocks/TextBlock.vue   |   3 +-
 .../content-blocks/ThinglinkBlock.vue         |   3 +-
 .../components/content-blocks/VideoBlock.vue  |  10 +-
 .../content-blocks/assignment/Assignment.vue  |  16 +-
 .../assignment/FinalSubmission.vue            |   8 +-
 .../content-blocks/assignment/SpellCheck.vue  |   5 +-
 .../assignment/SubmissionForm.vue             |  17 +-
 .../assignment/SubmissionInput.vue            |  12 +-
 .../content-forms/AssignmentForm.vue          |   2 +-
 .../components/content-forms/DocumentForm.vue |  14 +-
 .../components/content-forms/ImageForm.vue    |  12 +-
 .../src/components/content-forms/LinkForm.vue |   6 +-
 .../src/components/content-forms/TextForm.vue |   3 +-
 .../content-forms/TextFormWithHelpText.vue    |   8 +-
 .../components/content-forms/VideoForm.vue    |  21 +-
 client/src/components/icons/AddIcon.vue       |   9 +-
 client/src/components/icons/AddNoteIcon.vue   |  10 +-
 client/src/components/icons/AddPointer.vue    |   9 +-
 client/src/components/icons/ArrowUp.vue       |   6 +-
 client/src/components/icons/BookmarkIcon.vue  |   6 +-
 client/src/components/icons/BulbIcon.vue      |  12 +-
 client/src/components/icons/Cards.vue         |   6 +-
 client/src/components/icons/ChevronDown.vue   |   5 +-
 client/src/components/icons/ChevronLeft.vue   |   5 +-
 client/src/components/icons/ChevronRight.vue  |   5 +-
 client/src/components/icons/ChevronUp.vue     |   5 +-
 client/src/components/icons/CircleIcon.vue    |   6 +-
 client/src/components/icons/ClosedEyeIcon.vue |   6 +-
 client/src/components/icons/Cross.vue         |   6 +-
 client/src/components/icons/DefaultAvatar.vue |  30 ++-
 client/src/components/icons/DocumentIcon.vue  |  12 +-
 .../icons/DocumentWithLinesIcon.vue           |  19 +-
 client/src/components/icons/EhbLogo.vue       |  79 +++++---
 client/src/components/icons/Ellipses.vue      |  12 +-
 client/src/components/icons/EyeIcon.vue       |   6 +-
 client/src/components/icons/Group.vue         |  15 +-
 client/src/components/icons/Hamburger.vue     |   9 +-
 client/src/components/icons/HepLogo.vue       |  63 ++++--
 .../src/components/icons/HepLogoNoClaim.vue   |  15 +-
 client/src/components/icons/ImageIcon.vue     |   9 +-
 client/src/components/icons/InfoIcon.vue      |  11 +-
 client/src/components/icons/LinkIcon.vue      |   9 +-
 client/src/components/icons/LoadingIcon.vue   |   6 +-
 client/src/components/icons/Logo.vue          |   4 +-
 client/src/components/icons/NoteIcon.vue      |  12 +-
 client/src/components/icons/PenIcon.vue       |   6 +-
 client/src/components/icons/Play.vue          |   6 +-
 client/src/components/icons/PlusIcon.vue      |   3 +-
 client/src/components/icons/ShareIcon.vue     |   6 +-
 .../src/components/icons/SpeechBubbleIcon.vue |   6 +-
 client/src/components/icons/TextIcon.vue      |   9 +-
 client/src/components/icons/Tick.vue          |   5 +-
 .../src/components/icons/TickCircleIcon.vue   |   8 +-
 client/src/components/icons/TrashIcon.vue     |  12 +-
 client/src/components/icons/UserIcon.vue      |   9 +-
 client/src/components/icons/VideoIcon.vue     |   6 +-
 .../illustrations/ContentsIllustration.vue    | 103 ++++++----
 .../illustrations/HelloIllustration.vue       |   3 +-
 .../illustrations/PortfolioIllustration.vue   | 130 +++++++-----
 .../illustrations/RoomsIllustration.vue       | 187 ++++++++++++------
 .../components/instruments/FilterEntry.vue    |   5 +-
 .../components/instruments/FilterGroup.vue    |   5 +-
 .../instruments/InstrumentEntry.vue           |  11 +-
 .../instruments/InstrumentFilter.vue          |   1 -
 client/src/components/modules/Module.vue      |  36 ++--
 .../components/modules/ModuleNavigation.vue   |  57 +++---
 .../modules/ModuleSubNavigation.vue           |   7 +-
 .../src/components/modules/ModuleTeaser.vue   |  15 +-
 .../components/modules/SnapshotCreated.vue    |  17 +-
 .../src/components/modules/SnapshotHeader.vue |  30 ++-
 .../components/modules/SnapshotListItem.vue   |   6 +-
 .../src/components/modules/SnapshotMenu.vue   |  19 +-
 .../components/modules/SnapshotTeamMenu.vue   |   8 +-
 client/src/components/news/NewsTeaser.vue     |   9 +-
 client/src/components/news/NewsTeaserOld.vue  |   6 +-
 client/src/components/news/NewsTeasers.vue    |   5 +-
 .../src/components/notes/BookmarkActions.vue  |  18 +-
 .../src/components/notes/EditNoteWizard.vue   |   3 +-
 client/src/components/notes/NewNoteWizard.vue |   3 +-
 client/src/components/notes/NoteForm.vue      |  12 +-
 .../objective-groups/NewObjectiveWizard.vue   |   8 +-
 .../components/objective-groups/Objective.vue |  16 +-
 .../objective-groups/ObjectiveForm.vue        |   6 +-
 .../objective-groups/ObjectiveGroup.vue       |  15 +-
 .../objective-groups/ObjectiveGroups.vue      |   2 +-
 client/src/components/page-form/PageForm.vue  |  13 +-
 .../components/page-form/PageFormInput.vue    |   8 +-
 .../components/portfolio/AddProjectEntry.vue  |   3 +-
 .../portfolio/CreateProjectButton.vue         |   4 +-
 .../portfolio/EditProjectEntryWizard.vue      |   3 +-
 .../portfolio/NewProjectEntryWizard.vue       |   3 +-
 .../src/components/portfolio/OwnerWidget.vue  |   3 +-
 .../portfolio/PortfolioOnboarding.vue         |  16 +-
 .../components/portfolio/ProjectActions.vue   |  33 ++--
 .../src/components/portfolio/ProjectEntry.vue |  25 ++-
 .../components/portfolio/ProjectEntryForm.vue |  17 +-
 .../src/components/portfolio/ProjectForm.vue  |  19 +-
 .../src/components/portfolio/ProjectList.vue  |   9 +-
 .../components/portfolio/ProjectListItem.vue  |  21 +-
 .../components/portfolio/ProjectWidget.vue    |  23 ++-
 client/src/components/portfolio/ShareLink.vue |   2 +-
 .../src/components/profile/ActivityEntry.vue  |  11 +-
 .../src/components/profile/ActivityFilter.vue |   2 +-
 client/src/components/profile/Avatar.vue      |  14 +-
 .../components/profile/AvatarUploadForm.vue   |   3 +-
 .../components/profile/ContentBookmark.vue    |   6 +-
 .../components/profile/DeactivatePerson.vue   |  17 +-
 .../src/components/profile/EditGroupName.vue  |   5 +-
 .../src/components/profile/EditNameWizard.vue |  13 +-
 client/src/components/profile/GroupList.vue   |  54 +++--
 .../components/profile/InstrumentActivity.vue |  23 ++-
 client/src/components/profile/JoinForm.vue    |  18 +-
 .../src/components/profile/ModuleActivity.vue |  40 ++--
 client/src/components/profile/Profile.vue     |  15 +-
 .../src/components/profile/ProfileSidebar.vue |  41 ++--
 .../src/components/profile/ProfileWidget.vue  |   7 +-
 client/src/components/profile/ShowCode.vue    |   8 +-
 client/src/components/rooms/AddRoom.vue       |   2 +-
 .../components/rooms/AddRoomEntryButton.vue   |   5 +-
 .../src/components/rooms/ChangeVisibility.vue |  25 ++-
 client/src/components/rooms/Comment.vue       |   5 +-
 client/src/components/rooms/CommentInput.vue  |   7 +-
 .../src/components/rooms/EntryCountWidget.vue |   2 +-
 client/src/components/rooms/MoreActions.vue   |  10 +-
 client/src/components/rooms/RoomActions.vue   |   9 +-
 client/src/components/rooms/RoomEntry.vue     |  26 ++-
 .../src/components/rooms/RoomEntryActions.vue |   6 +-
 client/src/components/rooms/RoomForm.vue      |  25 ++-
 .../src/components/rooms/RoomGroupWidget.vue  |   2 +-
 .../components/rooms/RoomVisibilityWidget.vue |   5 +-
 client/src/components/rooms/RoomWidget.vue    |  20 +-
 .../src/components/rooms/RoomsOnboarding.vue  |  14 +-
 .../school-class/ClassSelectionWidget.vue     |  31 +--
 .../components/school-class/CurrentClass.vue  |   3 +-
 .../school-class/EditClassNameWizard.vue      |   3 +-
 .../components/toggle-menu/ToggleEditing.vue  |   3 +-
 .../toggle-menu/ToggleSolutionsForModule.vue  |   3 +-
 client/src/components/ui/BaseInput.vue        |  14 +-
 .../components/ui/ButtonWithIconAndText.vue   |   3 +-
 client/src/components/ui/Checkbox.vue         |   2 +-
 client/src/components/ui/EmojiBar.vue         |   5 +-
 client/src/components/ui/InputWithLabel.vue   |   3 +-
 client/src/components/ui/PopoverLink.vue      |   9 +-
 client/src/components/ui/WidgetFooter.vue     |   2 +-
 client/src/components/ui/WidgetPopover.vue    |   7 +-
 .../components/ui/file-upload/FileUpload.vue  |   3 -
 .../ui/file-upload/SimpleFileUpload.vue       |   3 +-
 .../SimpleFileUploadHiddenInput.vue           |   3 +-
 .../ui/file-upload/SimpleFileUploadIcon.vue   |   2 +-
 .../file-upload/SimpleFileUploadWithIcon.vue  |   5 +-
 .../components/validation/ValidatedInput.vue  |   7 +-
 client/src/components/videos/SrfEmbed.vue     |   3 +-
 client/src/components/videos/VimeoEmbed.vue   |   3 +-
 client/src/components/videos/YoutubeEmbed.vue |   3 +-
 .../visibility/VisibilityAction.vue           |   9 +-
 client/src/layouts/BlankLayout.vue            |   2 +-
 client/src/layouts/DefaultFooter.vue          |  30 +--
 client/src/layouts/DefaultLayout.vue          |  15 +-
 client/src/layouts/FullScreenLayout.vue       |  10 +-
 client/src/layouts/PublicLayout.vue           |   7 +-
 client/src/layouts/SimpleFooter.vue           |   8 +-
 client/src/layouts/SimpleLayout.vue           |  11 +-
 client/src/layouts/SplitLayout.vue            |   4 +-
 client/src/pages/activity.vue                 |  15 +-
 client/src/pages/article.vue                  |  17 +-
 client/src/pages/beta-login.vue               |  19 +-
 client/src/pages/editRoom.vue                 |   3 +-
 client/src/pages/hello.vue                    |  29 ++-
 client/src/pages/index.vue                    |  16 +-
 client/src/pages/instrument.vue               |  11 +-
 client/src/pages/instrumentOverview.vue       |  10 +-
 client/src/pages/joinClass.vue                |   3 +-
 client/src/pages/license-activation.vue       |  32 +--
 client/src/pages/login-error.vue              |  14 +-
 client/src/pages/me/joinTeam.vue              |   3 +-
 client/src/pages/me/myTeam.vue                |  21 +-
 client/src/pages/me/showSchoolClassCode.vue   |   3 +-
 client/src/pages/me/showTeamCode.vue          |   3 +-
 client/src/pages/module/module-base.vue       |   2 +-
 client/src/pages/module/module.vue            |   3 +-
 client/src/pages/module/moduleRoom.vue        |  14 +-
 client/src/pages/module/moduleSettings.vue    |  28 ++-
 client/src/pages/module/moduleVisibility.vue  |  23 ++-
 client/src/pages/news.vue                     |   4 +-
 client/src/pages/oldClasses.vue               |  18 +-
 client/src/pages/onboarding.vue               |  11 +-
 client/src/pages/onboarding/start.vue         |   6 +-
 client/src/pages/onboarding/step1.vue         |  32 ++-
 client/src/pages/onboarding/step2.vue         |  16 +-
 client/src/pages/onboarding/step3.vue         |  16 +-
 client/src/pages/p404.vue                     |   9 +-
 client/src/pages/portfolio/editProject.vue    |   3 +-
 client/src/pages/portfolio/portfolio.vue      |  13 +-
 client/src/pages/portfolio/project.vue        |  33 ++--
 client/src/pages/profile.vue                  |   2 +-
 client/src/pages/room.vue                     |  26 ++-
 client/src/pages/rooms.vue                    |  12 +-
 client/src/pages/snapshot/snapshot.vue        |   3 +-
 client/src/pages/snapshot/snapshots.vue       |   9 +-
 client/src/pages/start-old.vue                |  26 ++-
 client/src/pages/start.vue                    |  50 +++--
 client/src/pages/studentSubmission.vue        |  14 +-
 client/src/pages/styleguide.vue               |  38 +++-
 client/src/pages/submissions.vue              |   8 +-
 client/src/pages/survey.vue                   |  12 +-
 client/src/pages/test.vue                     |   5 +-
 256 files changed, 2171 insertions(+), 1170 deletions(-)

diff --git a/client/package.json b/client/package.json
index 4cc8b1f5..165f2b60 100644
--- a/client/package.json
+++ b/client/package.json
@@ -9,7 +9,7 @@
     "analyze": "webpack --profile --json --config build/webpack.dev.conf.js > dist/stats.json && webpack-bundle-analyzer dist/stats.json",
     "start": ". ../server/.env && npm run dev",
     "lint": "eslint --ext .js,.vue,.ts src",
-    "fix-lint": "eslint --ext .js,.vue --fix src",
+    "fix-lint": "eslint --ext .js,.vue,.ts --fix src",
     "build": "node build/build.js",
     "open:cypress:e2e": "npm run cypress:e2e:open",
     "open:cypress:frontend": "npm run cypress:frontend:open",
diff --git a/client/src/App.vue b/client/src/App.vue
index 4dbd06d5..843d2bd1 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -2,16 +2,19 @@
   <div
     :class="{'no-scroll': showModal || showMobileNavigation}"
     class="app"
-    id="app">
-    <read-only-banner/>
-    <scroll-up/>
+    id="app"
+  >
+    <read-only-banner />
+    <scroll-up />
     <component
       :is="showModalDeprecated"
-      v-if="showModalDeprecated"/>
+      v-if="showModalDeprecated"
+    />
     <component
       :is="showModal"
-      v-if="showModal"/>
-    <component :is="layout"/>
+      v-if="showModal"
+    />
+    <component :is="layout" />
   </div>
 </template>
 
diff --git a/client/src/components/AddContentButton.vue b/client/src/components/AddContentButton.vue
index 76196426..e76e62a1 100644
--- a/client/src/components/AddContentButton.vue
+++ b/client/src/components/AddContentButton.vue
@@ -2,8 +2,9 @@
   <div class="add-content">
     <a
       class="add-content__button"
-      @click="addContent">
-      <add-pointer class="add-content__icon"/>
+      @click="addContent"
+    >
+      <add-pointer class="add-content__icon" />
     </a>
   </div>
 </template>
diff --git a/client/src/components/AddContentElement.vue b/client/src/components/AddContentElement.vue
index 0c0173a3..692b617c 100644
--- a/client/src/components/AddContentElement.vue
+++ b/client/src/components/AddContentElement.vue
@@ -1,8 +1,9 @@
 <template>
   <div
     class="add-content-element"
-    @click="$emit('add-element', index)">
-    <add-icon class="add-content-element__icon"/>
+    @click="$emit('add-element', index)"
+  >
+    <add-icon class="add-content-element__icon" />
   </div>
 </template>
 
diff --git a/client/src/components/AddWidget.vue b/client/src/components/AddWidget.vue
index 6beb58ab..f223ae46 100644
--- a/client/src/components/AddWidget.vue
+++ b/client/src/components/AddWidget.vue
@@ -1,11 +1,12 @@
 <template>
   <component
-    :is="component"
     v-bind="properties"
     :class="{ 'add-widget--reverse': reverse }"
     class="add-widget"
-    @click="$emit('click')">
-    <add-icon class="add-widget__add"/>
+    :is="component"
+    @click="$emit('click')"
+  >
+    <add-icon class="add-widget__add" />
   </component>
 </template>
 
diff --git a/client/src/components/AssignmentWithSubmissions.vue b/client/src/components/AssignmentWithSubmissions.vue
index 57b6e7aa..bec42176 100644
--- a/client/src/components/AssignmentWithSubmissions.vue
+++ b/client/src/components/AssignmentWithSubmissions.vue
@@ -1,46 +1,63 @@
 <template>
   <div class="assignment-with-submissions">
-    <p class="assignment-with-submissions__text">{{ assignment.assignment }}</p>
+    <p class="assignment-with-submissions__text">
+      {{ assignment.assignment }}
+    </p>
 
     <div>
       <a
         class="button button--primary submissions-page__back"
-        @click="$emit('back')">Aufgabe im Modul anzeigen</a>
+        @click="$emit('back')"
+      >Aufgabe im Modul anzeigen</a>
     </div>
 
     <div
       class="assignment-with-submissions__solution"
-      v-if="assignment.solution">
-      <h4 class="assignment-with-submissions__heading">Lösung</h4>
+      v-if="assignment.solution"
+    >
+      <h4 class="assignment-with-submissions__heading">
+        Lösung
+      </h4>
       <p
         class="assignment-with-submissions__solution-text"
         data-cy="assignment-solution"
-        v-html="assignment.solution" />
+        v-html="assignment.solution"
+      />
     </div>
     <p
       class="assignment-with-submissions__no-submissions"
-      v-if="!assignment.submissions.length">Zu diesem Auftrag sind noch keine Ergebnisse vorhanden.</p>
+      v-if="!assignment.submissions.length"
+    >
+      Zu diesem Auftrag sind noch keine Ergebnisse vorhanden.
+    </p>
 
     <div
       class="assignment-with-submissions__submissions submissions"
-      v-if="assignment.submissions.length">
+      v-if="assignment.submissions.length"
+    >
       <div class="submissions__header student-submission-row submission-header">
-        <p class="submission-header__title">Lernende</p>
-        <p class="submission-header__title">Ergebnisse</p>
-        <p class="submission-header__title">Feedback</p>
+        <p class="submission-header__title">
+          Lernende
+        </p>
+        <p class="submission-header__title">
+          Ergebnisse
+        </p>
+        <p class="submission-header__title">
+          Feedback
+        </p>
       </div>
       <router-link
         :to="submissionLink(submission)"
-        :key="submission.id"
         class="assignment-with-submissions__link"
-        v-for="submission in submissions">
+        v-for="submission in submissions"
+        :key="submission.id"
+      >
         <student-submission
           :submission="submission"
           class="assignment-with-submissions__submission"
         />
       </router-link>
     </div>
-
   </div>
 </template>
 
diff --git a/client/src/components/BackLink.vue b/client/src/components/BackLink.vue
index d2dc3d4f..377d2c35 100644
--- a/client/src/components/BackLink.vue
+++ b/client/src/components/BackLink.vue
@@ -1,8 +1,9 @@
 <template>
   <router-link
     :to="to"
-    class="sub-navigation-item back-link">
-    <chevron-left class="back-link__icon sub-navigation-item__icon"/>
+    class="sub-navigation-item back-link"
+  >
+    <chevron-left class="back-link__icon sub-navigation-item__icon" />
     {{ fullTitle }}
   </router-link>
 </template>
diff --git a/client/src/components/Chapter.vue b/client/src/components/Chapter.vue
index 9326f624..678d249f 100644
--- a/client/src/components/Chapter.vue
+++ b/client/src/components/Chapter.vue
@@ -1,14 +1,18 @@
 <template>
   <div
     :data-scrollto="chapter.id"
-    class="chapter">
+    class="chapter"
+  >
     <div
       :class="{'hideable-element--greyed-out': titleGreyedOut}"
       class="hideable-element"
-      v-if="!titleHidden">
+      v-if="!titleHidden"
+    >
       <h3
         :id="'chapter-' + index"
-      >{{ chapter.title }}</h3>
+      >
+        {{ chapter.title }}
+      </h3>
     </div>
 
     <visibility-action
@@ -37,20 +41,23 @@
         v-if="editModule"
       />
       <p
-        class="chapter__description">
+        class="chapter__description"
+      >
         {{ chapter.description }}
       </p>
     </div>
 
     <add-content-button
       :parent="chapter"
-      v-if="editModule"/>
+      v-if="editModule"
+    />
 
     <content-block
       :content-block="contentBlock"
       :parent="chapter.id"
+      v-for="contentBlock in filteredContentBlocks"
       :key="contentBlock.id"
-      v-for="contentBlock in filteredContentBlocks"/>
+    />
   </div>
 </template>
 
diff --git a/client/src/components/ColorChooser.vue b/client/src/components/ColorChooser.vue
index a65bf882..82294c25 100644
--- a/client/src/components/ColorChooser.vue
+++ b/client/src/components/ColorChooser.vue
@@ -1,18 +1,21 @@
 <template>
   <div class="color-chooser">
     <div
-      :key="index"
       :class="{'color-chooser__color-wrapper--selected': selectedColor === color.name}"
       class="color-chooser__color-wrapper"
       data-cy="color-select"
       v-for="(color, index) in colors"
-      @click="$emit('input', color.name)">
+      :key="index"
+      @click="$emit('input', color.name)"
+    >
       <div
         :class="'color-chooser__color--' + color.name"
-        class="color-chooser__color">
+        class="color-chooser__color"
+      >
         <tick
           class="color-chooser__selected-icon"
-          v-if="selectedColor === color.name"/>
+          v-if="selectedColor === color.name"
+        />
       </div>
     </div>
   </div>
diff --git a/client/src/components/ContentBlock.vue b/client/src/components/ContentBlock.vue
index 8b752366..36634fa1 100644
--- a/client/src/components/ContentBlock.vue
+++ b/client/src/components/ContentBlock.vue
@@ -1,63 +1,73 @@
 <template>
   <div
     :class="{'hideable-element--greyed-out': hidden}"
-    class="content-block__container hideable-element content-list__parent">
+    class="content-block__container hideable-element content-list__parent"
+  >
     <div
       :class="specialClass"
-      class="content-block">
+      class="content-block"
+    >
       <div
         class="block-actions"
-        v-if="canEditContentBlock && editModule">
+        v-if="canEditContentBlock && editModule"
+      >
         <user-widget
           v-bind="me"
-          class="block-actions__user-widget content-block__user-widget"/>
+          class="block-actions__user-widget content-block__user-widget"
+        />
         <more-options-widget>
           <li class="popover-links__link">
             <popover-link
               data-cy="delete-content-block-link"
               text="Löschen"
-              @link-action="deleteContentBlock(contentBlock)" />
-
+              @link-action="deleteContentBlock(contentBlock)"
+            />
           </li>
 
           <li class="popover-links__link">
             <popover-link
               text="Bearbeiten"
-              @link-action="editContentBlock(contentBlock)" />
+              @link-action="editContentBlock(contentBlock)"
+            />
           </li>
         </more-options-widget>
       </div>
       <div class="content-block__visibility">
         <visibility-action
           :block="contentBlock"
-          v-if="canEditModule"/>
+          v-if="canEditModule"
+        />
       </div>
 
       <h3
         class="content-block__instrument-label"
-        v-if="instrumentLabel !== ''">{{ instrumentLabel }}</h3>
+        v-if="instrumentLabel !== ''"
+      >
+        {{ instrumentLabel }}
+      </h3>
       <h4
         class="content-block__title"
-        v-if="!contentBlock.indent">{{ contentBlock.title }}</h4>
+        v-if="!contentBlock.indent"
+      >
+        {{ contentBlock.title }}
+      </h4>
 
       <content-component
-        :key="component.id"
         :component="component"
         :root="root"
         :parent="contentBlock"
         :bookmarks="contentBlock.bookmarks"
         :notes="contentBlock.notes"
         v-for="component in contentBlocksWithContentLists.contents"
+        :key="component.id"
       />
-
     </div>
 
     <add-content-button
       :after="contentBlock"
-      v-if="canEditModule"/>
-
+      v-if="canEditModule"
+    />
   </div>
-
 </template>
 
 <script>
diff --git a/client/src/components/FullscreenImage.vue b/client/src/components/FullscreenImage.vue
index 9d467528..ddacddbb 100644
--- a/client/src/components/FullscreenImage.vue
+++ b/client/src/components/FullscreenImage.vue
@@ -2,12 +2,13 @@
   <modal
     :hide-header="true"
     :fullscreen="true"
-    class="fullscreen-image">
+    class="fullscreen-image"
+  >
     <img
       :src="imageUrl"
-      class="fullscreen-image__image">
+      class="fullscreen-image__image"
+    >
   </modal>
-
 </template>
 
 <script>
diff --git a/client/src/components/FullscreenInfographic.vue b/client/src/components/FullscreenInfographic.vue
index 6fa2fa6d..859e21a5 100644
--- a/client/src/components/FullscreenInfographic.vue
+++ b/client/src/components/FullscreenInfographic.vue
@@ -1,8 +1,9 @@
 <template>
   <modal :fullscreen="true">
     <component
+      :value="value"
       :is="type"
-      :value="value"/>
+    />
   </modal>
 </template>
 
diff --git a/client/src/components/FullscreenVideo.vue b/client/src/components/FullscreenVideo.vue
index 81585ba1..acf618e9 100644
--- a/client/src/components/FullscreenVideo.vue
+++ b/client/src/components/FullscreenVideo.vue
@@ -2,7 +2,8 @@
   <modal
     :hide-header="true"
     :fullscreen="true"
-    class="fullscreen-video">
+    class="fullscreen-video"
+  >
     <iframe
       :src="src"
       width="2000"
@@ -11,9 +12,9 @@
       frameborder="0"
       webkitallowfullscreen
       mozallowfullscreen
-      allowfullscreen/>
+      allowfullscreen
+    />
   </modal>
-
 </template>
 
 <script>
diff --git a/client/src/components/HeaderBar.vue b/client/src/components/HeaderBar.vue
index c4ec7ec9..82ea6371 100644
--- a/client/src/components/HeaderBar.vue
+++ b/client/src/components/HeaderBar.vue
@@ -3,22 +3,26 @@
     <a
       class="header-bar__sidebar-link"
       data-cy="open-sidebar-link"
-      @click.stop="openSidebar('navigation')">
-      <hamburger class="header-bar__sidebar-icon"/>
+      @click.stop="openSidebar('navigation')"
+    >
+      <hamburger class="header-bar__sidebar-icon" />
     </a>
-    <content-navigation class="header-bar__content-navigation"/>
+    <content-navigation class="header-bar__content-navigation" />
     <div class="user-header">
       <a
-        class="user-header__sidebar-link" >
+        class="user-header__sidebar-link"
+      >
         <current-class
           class="user-header__current-class"
-          @click.native.stop="openSidebar('profile')"/>
+          @click.native.stop="openSidebar('profile')"
+        />
       </a>
 
       <user-widget
         v-bind="me"
         data-cy="header-user-widget"
-        @click.native.stop="openSidebar('profile')"/>
+        @click.native.stop="openSidebar('profile')"
+      />
     </div>
   </header>
 </template>
diff --git a/client/src/components/HelpfulTooltip.vue b/client/src/components/HelpfulTooltip.vue
index b570f906..a47e69b8 100644
--- a/client/src/components/HelpfulTooltip.vue
+++ b/client/src/components/HelpfulTooltip.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="helpful-tooltip">
-    <info-icon class="helpful-tooltip__icon"/>
+    <info-icon class="helpful-tooltip__icon" />
     <div class="helpful-tooltip__tooltip">
       <div class="helpful-tooltip__text">
         {{ text }}
diff --git a/client/src/components/LoadingButton.vue b/client/src/components/LoadingButton.vue
index c94689dd..700c4ccd 100644
--- a/client/src/components/LoadingButton.vue
+++ b/client/src/components/LoadingButton.vue
@@ -1,11 +1,15 @@
 <template>
   <button
     :disabled="loading || disabled"
-    class="loading-button button button--primary button--big">
-    <template v-if="!loading">{{ label }}</template>
+    class="loading-button button button--primary button--big"
+  >
+    <template v-if="!loading">
+      {{ label }}
+    </template>
     <loading-icon
       class="loading-button__icon"
-      v-else/>
+      v-else
+    />
   </button>
 </template>
 
diff --git a/client/src/components/LogoutWidget.vue b/client/src/components/LogoutWidget.vue
index af3b94d8..9d80936f 100644
--- a/client/src/components/LogoutWidget.vue
+++ b/client/src/components/LogoutWidget.vue
@@ -3,7 +3,8 @@
     <a
       class="logout-widget__logout"
       data-cy="logout"
-      @click="logout()">Abmelden</a>
+      @click="logout()"
+    >Abmelden</a>
   </div>
 </template>
 
diff --git a/client/src/components/MobileHeader.vue b/client/src/components/MobileHeader.vue
index e110a9a3..e16987be 100644
--- a/client/src/components/MobileHeader.vue
+++ b/client/src/components/MobileHeader.vue
@@ -1,18 +1,20 @@
 <template>
   <div class="mobile-header">
     <a @click="showMobileNavigation">
-      <hamburger class="mobile-header__hamburger"/>
+      <hamburger class="mobile-header__hamburger" />
     </a>
 
     <router-link
       to="/"
-      data-cy="mobile-home-link">
-      <logo/>
+      data-cy="mobile-home-link"
+    >
+      <logo />
     </router-link>
 
     <user-widget
       v-bind="me"
-      @click.native.stop="openSidebar('profile')"/>
+      @click.native.stop="openSidebar('profile')"
+    />
   </div>
 </template>
 
diff --git a/client/src/components/Modal.vue b/client/src/components/Modal.vue
index afdfcfba..53792191 100644
--- a/client/src/components/Modal.vue
+++ b/client/src/components/Modal.vue
@@ -2,16 +2,18 @@
   <div class="modal__backdrop">
     <div
       :class="{'modal--hide-header': hideHeader || fullscreen, 'modal--fullscreen': fullscreen, 'modal--small': small}"
-      class="modal">
+      class="modal"
+    >
       <div class="modal__header">
-        <slot name="header"/>
+        <slot name="header" />
       </div>
       <div class="modal__body">
-        <slot/>
+        <slot />
         <div
           class="modal__close-button"
-          @click="hideModal">
-          <cross class="modal__close-icon"/>
+          @click="hideModal"
+        >
+          <cross class="modal__close-icon" />
         </div>
       </div>
       <div class="modal__footer">
@@ -19,7 +21,8 @@
           <!--<a class="button button&#45;&#45;active">Speichern</a>-->
           <a
             class="button"
-            @click="hideModal">Abbrechen</a>
+            @click="hideModal"
+          >Abbrechen</a>
         </slot>
       </div>
     </div>
diff --git a/client/src/components/ModalInput.vue b/client/src/components/ModalInput.vue
index 448cfcf3..cbc69768 100644
--- a/client/src/components/ModalInput.vue
+++ b/client/src/components/ModalInput.vue
@@ -5,10 +5,12 @@
       :class="{'skillbox-input--error': error}"
       :value="value"
       class="modal-input__inputfield skillbox-input"
-      @input="$emit('input', $event.target.value)">
+      @input="$emit('input', $event.target.value)"
+    >
     <div
       class="modal-input__error"
-      v-if="error">
+      v-if="error"
+    >
       Für Inhaltsblöcke muss zwingend ein Titel erfasst werden.
     </div>
   </div>
diff --git a/client/src/components/MoreOptionsWidget.vue b/client/src/components/MoreOptionsWidget.vue
index 31508760..dbe79d01 100644
--- a/client/src/components/MoreOptionsWidget.vue
+++ b/client/src/components/MoreOptionsWidget.vue
@@ -3,14 +3,16 @@
     <a
       class="more-options__more-link"
       data-cy="more-options-link"
-      @click.stop="showMenu = !showMenu">
-      <ellipses class="more-options__ellipses"/>
+      @click.stop="showMenu = !showMenu"
+    >
+      <ellipses class="more-options__ellipses" />
     </a>
     <widget-popover
       class="more-options__popover"
       v-if="showMenu"
-      @hide-me="showMenu = false">
-      <slot/>
+      @hide-me="showMenu = false"
+    >
+      <slot />
     </widget-popover>
   </div>
 </template>
diff --git a/client/src/components/ReadOnlyBanner.vue b/client/src/components/ReadOnlyBanner.vue
index 14bdfed3..31af735d 100644
--- a/client/src/components/ReadOnlyBanner.vue
+++ b/client/src/components/ReadOnlyBanner.vue
@@ -2,7 +2,8 @@
   <div
     class="read-only-banner"
     data-cy="read-only-banner"
-    v-if="me.readOnly || me.selectedClass.readOnly">
+    v-if="me.readOnly || me.selectedClass.readOnly"
+  >
     <div class="read-only-banner__content">
       <p class="read-only-banner__text">
         {{ readOnlyText }} Sie können Inhalte lesen, aber nicht
@@ -13,14 +14,16 @@
           :to="licenseActivationLink"
           data-cy="license-activation-link"
           class="read-only-banner__link button button--primary"
-          v-if="me.readOnly">Neuen Lizenzcode eingeben
+          v-if="me.readOnly"
+        >
+          Neuen Lizenzcode eingeben
         </router-link>
         <a
           target="_blank"
           href="https://myskillbox.ch/lesemodus"
-          class="button button--secondary">Mehr Informationen zum Lesemodus</a>
+          class="button button--secondary"
+        >Mehr Informationen zum Lesemodus</a>
       </div>
-
     </div>
   </div>
 </template>
diff --git a/client/src/components/ScrollUp.vue b/client/src/components/ScrollUp.vue
index d09835b7..3f0a8809 100644
--- a/client/src/components/ScrollUp.vue
+++ b/client/src/components/ScrollUp.vue
@@ -3,8 +3,9 @@
     <a
       class="scroll-up"
       v-if="scroll>200"
-      @click="scrollTop">
-      <arrow-up class="scroll-up__icon"/>
+      @click="scrollTop"
+    >
+      <arrow-up class="scroll-up__icon" />
     </a>
   </transition>
 </template>
diff --git a/client/src/components/SectionBlock.vue b/client/src/components/SectionBlock.vue
index 7e392423..a065ee57 100644
--- a/client/src/components/SectionBlock.vue
+++ b/client/src/components/SectionBlock.vue
@@ -3,16 +3,22 @@
     <div
       :class="{'section-block--navigatable': route}"
       class="section-block__illustration"
-      @click="navigate()">
-      <slot/>
+      @click="navigate()"
+    >
+      <slot />
     </div>
 
     <div
       :class="{'section-block--navigatable': route}"
       class="section-block__title block-title"
-      @click="navigate()">
-      <h2 class="block-title__title">{{ title }}</h2>
-      <h3 class="block-title__subtitle small-emph">{{ subtitle }}</h3>
+      @click="navigate()"
+    >
+      <h2 class="block-title__title">
+        {{ title }}
+      </h2>
+      <h3 class="block-title__subtitle small-emph">
+        {{ subtitle }}
+      </h3>
     </div>
     <div class="section-block__content section-content">
       <div class="section-content__subsection subsection">
@@ -20,12 +26,14 @@
           :class="{'section-block--navigatable': route}"
           class="subsection__content button button--primary"
           v-if="route"
-          @click="navigate()">
+          @click="navigate()"
+        >
           {{ linkText }}
         </a>
         <span
           class="subsection__content subsection__content--disabled"
-          v-if="!route">Noch nicht verfügbar</span>
+          v-if="!route"
+        >Noch nicht verfügbar</span>
       </div>
     </div>
   </div>
diff --git a/client/src/components/StudentSubmission.vue b/client/src/components/StudentSubmission.vue
index 0a6dd5d5..5c7fd204 100644
--- a/client/src/components/StudentSubmission.vue
+++ b/client/src/components/StudentSubmission.vue
@@ -7,18 +7,24 @@
       <p>{{ submission.text | trimToLength(50) }}</p>
       <p
         class="entry__document"
-        v-if="submission.document && submission.document.length > 0">
+        v-if="submission.document && submission.document.length > 0"
+      >
         <student-submission-document
           :document="submission.document"
-          class="entry-document"/>
+          class="entry-document"
+        />
       </p>
     </div>
     <div
       class="student-submission__feedback entry"
-      v-if="submission.submissionFeedback">
+      v-if="submission.submissionFeedback"
+    >
       <p
         :class="{'entry__text--final': submission.submissionFeedback.final}"
-        class="entry__text">{{ submission.submissionFeedback.text | trimToLength(50) }}</p>
+        class="entry__text"
+      >
+        {{ submission.submissionFeedback.text | trimToLength(50) }}
+      </p>
     </div>
   </div>
 </template>
diff --git a/client/src/components/StudentSubmissionDocument.vue b/client/src/components/StudentSubmissionDocument.vue
index 7ded445a..68d59a57 100644
--- a/client/src/components/StudentSubmissionDocument.vue
+++ b/client/src/components/StudentSubmissionDocument.vue
@@ -2,8 +2,9 @@
   <div class="submission-document">
     <p
       class="submission-document__content content"
-      v-if="document && document.length > 0">
-      <document-icon class="content__icon"/><span class="content__text">{{ filename }}</span>
+      v-if="document && document.length > 0"
+    >
+      <document-icon class="content__icon" /><span class="content__text">{{ filename }}</span>
     </p>
   </div>
 </template>
diff --git a/client/src/components/UserMetaWidget.vue b/client/src/components/UserMetaWidget.vue
index adff1fff..e40a9123 100644
--- a/client/src/components/UserMetaWidget.vue
+++ b/client/src/components/UserMetaWidget.vue
@@ -6,7 +6,8 @@
     <span class="user-widget__name">{{ firstName }} {{ lastName }}</span>
     <span
       class="user-widget__date"
-      v-if="date">{{ date }}</span>
+      v-if="date"
+    >{{ date }}</span>
   </div>
 </template>
 
diff --git a/client/src/components/UserWidget.vue b/client/src/components/UserWidget.vue
index 18d0edf5..2c05d970 100644
--- a/client/src/components/UserWidget.vue
+++ b/client/src/components/UserWidget.vue
@@ -1,10 +1,12 @@
 <template>
   <div
     :class="{'user-widget--is-profile': isProfile}"
-    class="user-widget">
+    class="user-widget"
+  >
     <div
       class="user-widget__avatar"
-      data-cy="user-widget-avatar">
+      data-cy="user-widget-avatar"
+    >
       <avatar
         :avatar-url="avatarUrl"
         :icon-highlighted="isProfile"
diff --git a/client/src/components/book-navigation/BookTopicNavigation.vue b/client/src/components/book-navigation/BookTopicNavigation.vue
index eac54326..bdb29be3 100644
--- a/client/src/components/book-navigation/BookTopicNavigation.vue
+++ b/client/src/components/book-navigation/BookTopicNavigation.vue
@@ -3,12 +3,13 @@
     <router-link
       :to="{name: 'topic', params: {topicSlug: topic.slug}}"
       :class="{'book-topics__topic--active': topic.active, 'book-subnavigation__item--mobile': mobile}"
-      :key="topic.id"
       tag="div"
       active-class="book-subnavigation__item--active"
       class="book-topics__topic book-subnavigation__item"
       v-for="topic in topics"
-      @click.native="closeSidebar('navigation')">
+      :key="topic.id"
+      @click.native="closeSidebar('navigation')"
+    >
       {{ topic.order }}.
       {{ topic.title }}
     </router-link>
diff --git a/client/src/components/book-navigation/ContentNavigation.vue b/client/src/components/book-navigation/ContentNavigation.vue
index d0ac0ad2..00984939 100644
--- a/client/src/components/book-navigation/ContentNavigation.vue
+++ b/client/src/components/book-navigation/ContentNavigation.vue
@@ -1,7 +1,8 @@
 <template>
   <nav
     :class="{'content-navigation--sidebar': isSidebar}"
-    class="content-navigation">
+    class="content-navigation"
+  >
     <div class="content-navigation__primary">
       <div class="content-navigation__item">
         <router-link
@@ -9,13 +10,14 @@
           :to="topicRoute"
           active-class="content-navigation__link--active"
           class="content-navigation__link"
-          @click.native="close">Themen
+          @click.native="close"
+        >
+          Themen
         </router-link>
 
         <book-topic-navigation
           v-if="isSidebar"
         />
-
       </div>
 
       <div class="content-navigation__item">
@@ -23,7 +25,9 @@
           to="/instruments"
           active-class="content-navigation__link--active"
           class="content-navigation__link"
-          @click.native="close">Instrumente
+          @click.native="close"
+        >
+          Instrumente
         </router-link>
       </div>
 
@@ -34,7 +38,9 @@
           class="content-navigation__link"
           data-cy="news-navigation-link"
           v-if="!me.readOnly"
-          @click.native="close">News
+          @click.native="close"
+        >
+          News
         </router-link>
       </div>
     </div>
@@ -45,7 +51,7 @@
       data-cy="home-link"
       v-if="!isSidebar"
     >
-      <logo class="content-navigation__logo-icon"/>
+      <logo class="content-navigation__logo-icon" />
     </router-link>
 
     <div class="content-navigation__secondary">
@@ -55,28 +61,35 @@
           to="/rooms"
           active-class="content-navigation__link--active"
           class="content-navigation__link content-navigation__link--secondary"
-          @click.native="close">Räume
+          @click.native="close"
+        >
+          Räume
         </router-link>
       </div>
 
       <div
         class="content-navigation__item content-navigation__item--secondary"
-        v-if="showPortfolio">
+        v-if="showPortfolio"
+      >
         <router-link
           to="/portfolio"
           active-class="content-navigation__link--active"
           class="content-navigation__link content-navigation__link--secondary"
-          @click.native="close">Portfolio
+          @click.native="close"
+        >
+          Portfolio
         </router-link>
       </div>
       <div
         class="content-navigation__item content-navigation__item--secondary"
-        v-if="isSidebar">
+        v-if="isSidebar"
+      >
         <a
           href="https://myskillbox.ch/support"
           target="_blank"
           class="content-navigation__link content-navigation__link--secondary"
-          @click="close">Support
+          @click="close"
+        >Support
         </a>
       </div>
     </div>
diff --git a/client/src/components/book-navigation/NavigationSidebar.vue b/client/src/components/book-navigation/NavigationSidebar.vue
index c790137e..88b497cd 100644
--- a/client/src/components/book-navigation/NavigationSidebar.vue
+++ b/client/src/components/book-navigation/NavigationSidebar.vue
@@ -1,17 +1,19 @@
 <template>
   <transition name="slide">
     <div
-      v-click-outside="close"
       class="navigation-sidebar"
       v-if="sidebar.navigation"
+      v-click-outside="close"
     >
       <content-navigation
         :is-sidebar="true"
-        class="navigation-sidebar__main"/>
+        class="navigation-sidebar__main"
+      />
       <div
         class="navigation-sidebar__close-button"
-        @click="close">
-        <cross class="navigation-sidebar__close-icon"/>
+        @click="close"
+      >
+        <cross class="navigation-sidebar__close-icon" />
       </div>
     </div>
   </transition>
diff --git a/client/src/components/book-navigation/SubNavigationItem.vue b/client/src/components/book-navigation/SubNavigationItem.vue
index fd7cb077..ddacfeaa 100644
--- a/client/src/components/book-navigation/SubNavigationItem.vue
+++ b/client/src/components/book-navigation/SubNavigationItem.vue
@@ -1,19 +1,22 @@
 <template>
   <div
     :class="{ 'sub-navigation-item--active': show}"
+    class="sub-navigation-item"
     v-click-outside="close"
-    class="sub-navigation-item">
+  >
     <div
       class="sub-navigation-item__title"
-      @click="show = !show">
+      @click="show = !show"
+    >
       {{ title }}
-      <chevron-down class="sub-navigation-item__icon sub-navigation-item__chevron-down"/>
-      <chevron-up class="sub-navigation-item__icon sub-navigation-item__chevron-up"/>
+      <chevron-down class="sub-navigation-item__icon sub-navigation-item__chevron-down" />
+      <chevron-up class="sub-navigation-item__icon sub-navigation-item__chevron-up" />
     </div>
     <div
       class="sub-navigation-item__nav-items book-subnavigation"
-      v-if="show">
-      <slot/>
+      v-if="show"
+    >
+      <slot />
     </div>
   </div>
 </template>
diff --git a/client/src/components/content-block-form/ContentsForm.vue b/client/src/components/content-block-form/ContentsForm.vue
index 3a287d87..7b28941f 100644
--- a/client/src/components/content-block-form/ContentsForm.vue
+++ b/client/src/components/content-block-form/ContentsForm.vue
@@ -1,6 +1,6 @@
 <template>
   <modal>
-    <template v-slot:header>
+    <template #header>
       <modal-input
         :placeholder="titlePlaceholder"
         :value="localContentBlock.title"
@@ -24,13 +24,15 @@
       @add-element="addElement"
     />
     <div
-      :key="index"
       class="contents-form__element"
-      v-for="(element, index) in localContentBlock.contents">
+      v-for="(element, index) in localContentBlock.contents"
+      :key="index"
+    >
       <content-element
         :element="element"
         @update="update(index, $event)"
-        @remove="remove(index)"/>
+        @remove="remove(index)"
+      />
 
       <add-content-element
         :index="index"
@@ -39,16 +41,18 @@
       />
     </div>
 
-    <template v-slot:footer>
+    <template #footer>
       <div>
         <a
           :class="{'button--disabled': disableSave}"
           class="button button--primary"
           data-cy="modal-save-button"
-          @click="save">Speichern</a>
+          @click="save"
+        >Speichern</a>
         <a
           class="button"
-          @click="$emit('hide')">Abbrechen</a>
+          @click="$emit('hide')"
+        >Abbrechen</a>
       </div>
     </template>
   </modal>
diff --git a/client/src/components/content-blocks/ContentComponent.vue b/client/src/components/content-blocks/ContentComponent.vue
index 1c180b7f..2292f2fb 100644
--- a/client/src/components/content-blocks/ContentComponent.vue
+++ b/client/src/components/content-blocks/ContentComponent.vue
@@ -9,11 +9,12 @@
       v-if="showBookmarkActions"
       @add-note="addNote(component.id)"
       @edit-note="editNote"
-      @bookmark="bookmarkContent(component.id, !bookmarked)"/>
+      @bookmark="bookmarkContent(component.id, !bookmarked)"
+    />
     <component
-      :is="component.type"
       v-bind="component"
       :parent="parent"
+      :is="component.type"
     />
   </div>
 </template>
diff --git a/client/src/components/content-blocks/ContentList.vue b/client/src/components/content-blocks/ContentList.vue
index 4f32f2a0..8faf472f 100644
--- a/client/src/components/content-blocks/ContentList.vue
+++ b/client/src/components/content-blocks/ContentList.vue
@@ -1,12 +1,14 @@
 <template>
   <ol class="content-list">
     <li
-      :key="item.id"
       class="content-list__item"
-      v-for="(item, index) in items">
+      v-for="(item, index) in items"
+      :key="item.id"
+    >
       <slot
         :item="item"
-        :index="index">
+        :index="index"
+      >
         {{ item.id }}
       </slot>
     </li>
diff --git a/client/src/components/content-blocks/ContentListBlock.vue b/client/src/components/content-blocks/ContentListBlock.vue
index 5835c4ad..acddd4e7 100644
--- a/client/src/components/content-blocks/ContentListBlock.vue
+++ b/client/src/components/content-blocks/ContentListBlock.vue
@@ -1,8 +1,9 @@
 <template>
   <content-list
     :items="contentBlocks"
-    :starting-index="startingIndex">
-    <template v-slot:default="{ item }">
+    :starting-index="startingIndex"
+  >
+    <template #default="{ item }">
       <content-block
         :content-block="item"
         :parent="parent"
diff --git a/client/src/components/content-blocks/DocumentBlock.vue b/client/src/components/content-blocks/DocumentBlock.vue
index 0f127925..398fd332 100644
--- a/client/src/components/content-blocks/DocumentBlock.vue
+++ b/client/src/components/content-blocks/DocumentBlock.vue
@@ -1,15 +1,17 @@
 <template>
   <div class="document-block">
-    <document-icon class="document-block__icon"/>
+    <document-icon class="document-block__icon" />
     <a
       :href="value.url"
       class="document-block__link"
-      target="_blank">{{ urlName }}</a>
+      target="_blank"
+    >{{ urlName }}</a>
     <a
       class="document-block__remove"
       v-if="showTrashIcon"
-      @click="$emit('trash')">
-      <trash-icon class="document-block__trash-icon"/>
+      @click="$emit('trash')"
+    >
+      <trash-icon class="document-block__trash-icon" />
     </a>
   </div>
 </template>
diff --git a/client/src/components/content-blocks/GeniallyBlock.vue b/client/src/components/content-blocks/GeniallyBlock.vue
index b732ea44..a4a15afd 100644
--- a/client/src/components/content-blocks/GeniallyBlock.vue
+++ b/client/src/components/content-blocks/GeniallyBlock.vue
@@ -11,7 +11,8 @@
         allowscriptaccess="always"
         allowfullscreen="true"
         scrolling="yes"
-        allownetworking="all"/>
+        allownetworking="all"
+      />
     </div>
   </div>
 </template>
diff --git a/client/src/components/content-blocks/ImageBlock.vue b/client/src/components/content-blocks/ImageBlock.vue
index 30b14999..0adca535 100644
--- a/client/src/components/content-blocks/ImageBlock.vue
+++ b/client/src/components/content-blocks/ImageBlock.vue
@@ -3,7 +3,8 @@
     :src="value.path"
     alt=""
     class="image-block"
-    @click="openFullscreen">
+    @click="openFullscreen"
+  >
 </template>
 
 <script>
diff --git a/client/src/components/content-blocks/ImageUrlBlock.vue b/client/src/components/content-blocks/ImageUrlBlock.vue
index b8744a01..08e92b1e 100644
--- a/client/src/components/content-blocks/ImageUrlBlock.vue
+++ b/client/src/components/content-blocks/ImageUrlBlock.vue
@@ -3,7 +3,8 @@
     :src="value.url"
     alt=""
     class="image-block"
-    @click="openFullscreen">
+    @click="openFullscreen"
+  >
 </template>
 
 <script>
diff --git a/client/src/components/content-blocks/InfogramBlock.vue b/client/src/components/content-blocks/InfogramBlock.vue
index d225e753..23dbcc4b 100644
--- a/client/src/components/content-blocks/InfogramBlock.vue
+++ b/client/src/components/content-blocks/InfogramBlock.vue
@@ -7,7 +7,8 @@
       class="infogram-block__iframe"
       scrolling="no"
       frameborder="0"
-      style="border:none;"/>
+      style="border:none;"
+    />
   </div>
 </template>
 
diff --git a/client/src/components/content-blocks/Instruction.vue b/client/src/components/content-blocks/Instruction.vue
index cd21c3bb..c269ca77 100644
--- a/client/src/components/content-blocks/Instruction.vue
+++ b/client/src/components/content-blocks/Instruction.vue
@@ -1,11 +1,13 @@
 <template>
   <div
     class="instruction"
-    v-if="me.isTeacher">
-    <bulb-icon class="instruction__icon"/>
+    v-if="me.isTeacher"
+  >
+    <bulb-icon class="instruction__icon" />
     <a
       :href="value.url"
-      class="instruction__link">{{ text }}</a>
+      class="instruction__link"
+    >{{ text }}</a>
   </div>
 </template>
 
diff --git a/client/src/components/content-blocks/InstrumentWidget.vue b/client/src/components/content-blocks/InstrumentWidget.vue
index bd16f943..1dd96fca 100644
--- a/client/src/components/content-blocks/InstrumentWidget.vue
+++ b/client/src/components/content-blocks/InstrumentWidget.vue
@@ -2,10 +2,13 @@
   <div class="instrument-widget">
     <div
       class="instrument-widget__description"
-      v-html="value.description"/>
+      v-html="value.description"
+    />
     <router-link
       :to="{name: 'instrument', params: { slug: value.slug }}"
-      class="instrument-widget__button button">Instrument anzeigen
+      class="instrument-widget__button button"
+    >
+      Instrument anzeigen
     </router-link>
   </div>
 </template>
diff --git a/client/src/components/content-blocks/LinkBlock.vue b/client/src/components/content-blocks/LinkBlock.vue
index dc5e8bc4..c7d9a913 100644
--- a/client/src/components/content-blocks/LinkBlock.vue
+++ b/client/src/components/content-blocks/LinkBlock.vue
@@ -1,12 +1,14 @@
 <template>
   <div
     :class="{ 'link-block--no-margin': noMargin}"
-    class="link-block">
-    <link-icon class="link-block__icon"/>
+    class="link-block"
+  >
+    <link-icon class="link-block__icon" />
     <a
       :href="href"
       class="link-block__link"
-      target="_blank">{{ value.text }}</a>
+      target="_blank"
+    >{{ value.text }}</a>
   </div>
 </template>
 
diff --git a/client/src/components/content-blocks/ModuleRoomSlug.vue b/client/src/components/content-blocks/ModuleRoomSlug.vue
index 43fd6531..a4e4a976 100644
--- a/client/src/components/content-blocks/ModuleRoomSlug.vue
+++ b/client/src/components/content-blocks/ModuleRoomSlug.vue
@@ -2,7 +2,9 @@
   <div class="module-slug">
     <router-link
       :to="{name: 'moduleRoom', params: { slug: value.slug }}"
-      class="button button--primary">Raum anzeigen
+      class="button button--primary"
+    >
+      Raum anzeigen
     </router-link>
   </div>
 </template>
diff --git a/client/src/components/content-blocks/SectionTitleBlock.vue b/client/src/components/content-blocks/SectionTitleBlock.vue
index 1fa621c1..79f10255 100644
--- a/client/src/components/content-blocks/SectionTitleBlock.vue
+++ b/client/src/components/content-blocks/SectionTitleBlock.vue
@@ -1,7 +1,8 @@
 <template>
   <h4
     class="section-title"
-    v-html="value.text"/>
+    v-html="value.text"
+  />
 </template>
 
 <script>
diff --git a/client/src/components/content-blocks/Solution.vue b/client/src/components/content-blocks/Solution.vue
index f9604af9..22b11a8e 100644
--- a/client/src/components/content-blocks/Solution.vue
+++ b/client/src/components/content-blocks/Solution.vue
@@ -1,11 +1,13 @@
 <template>
   <div
     class="solution"
-    data-cy="solution">
+    data-cy="solution"
+  >
     <a
       class="solution__toggle"
       data-cy="show-solution"
-      @click="toggle">Lösung
+      @click="toggle"
+    >Lösung
       <template v-if="!visible">anzeigen</template>
       <template v-else>ausblenden</template>
     </a>
@@ -15,7 +17,8 @@
         data-cy="solution-text"
 
         v-if="visible"
-        v-html="value.text"/>
+        v-html="value.text"
+      />
     </transition>
   </div>
 </template>
diff --git a/client/src/components/content-blocks/SubtitleBlock.vue b/client/src/components/content-blocks/SubtitleBlock.vue
index 8e076f53..1e0e84bd 100644
--- a/client/src/components/content-blocks/SubtitleBlock.vue
+++ b/client/src/components/content-blocks/SubtitleBlock.vue
@@ -1,7 +1,8 @@
 <template>
   <h5
     class="subtitle"
-    v-html="value.text"/>
+    v-html="value.text"
+  />
 </template>
 
 <script>
diff --git a/client/src/components/content-blocks/SurveyBlock.vue b/client/src/components/content-blocks/SurveyBlock.vue
index 73d8343c..2a49c848 100644
--- a/client/src/components/content-blocks/SurveyBlock.vue
+++ b/client/src/components/content-blocks/SurveyBlock.vue
@@ -1,10 +1,13 @@
 <template>
   <div
     :data-scrollto="value.id"
-    class="survey-block">
+    class="survey-block"
+  >
     <router-link
       :to="{name: 'survey', params: {id:value.id}}"
-      class="button button--primary">Übung anzeigen
+      class="button button--primary"
+    >
+      Übung anzeigen
     </router-link>
   </div>
 </template>
diff --git a/client/src/components/content-blocks/Task.vue b/client/src/components/content-blocks/Task.vue
index 74dae33e..a44989d1 100644
--- a/client/src/components/content-blocks/Task.vue
+++ b/client/src/components/content-blocks/Task.vue
@@ -2,7 +2,8 @@
   <div class="task">
     <div
       class="task__text"
-      v-html="value.text"/>
+      v-html="value.text"
+    />
   </div>
 </template>
 
diff --git a/client/src/components/content-blocks/TextBlock.vue b/client/src/components/content-blocks/TextBlock.vue
index 40460e49..b398baef 100644
--- a/client/src/components/content-blocks/TextBlock.vue
+++ b/client/src/components/content-blocks/TextBlock.vue
@@ -1,7 +1,8 @@
 <template>
   <div
     class="text-block"
-    v-html="value.text"/>
+    v-html="value.text"
+  />
 </template>
 
 <script>
diff --git a/client/src/components/content-blocks/ThinglinkBlock.vue b/client/src/components/content-blocks/ThinglinkBlock.vue
index bc90f164..34927ab3 100644
--- a/client/src/components/content-blocks/ThinglinkBlock.vue
+++ b/client/src/components/content-blocks/ThinglinkBlock.vue
@@ -13,7 +13,8 @@
         scrolling="no"
         allowscriptaccess="always"
         allowfullscreen="true"
-        allownetworking="all"/>
+        allownetworking="all"
+      />
     </div>
   </div>
 </template>
diff --git a/client/src/components/content-blocks/VideoBlock.vue b/client/src/components/content-blocks/VideoBlock.vue
index fde0834a..64a2f5c8 100644
--- a/client/src/components/content-blocks/VideoBlock.vue
+++ b/client/src/components/content-blocks/VideoBlock.vue
@@ -2,14 +2,16 @@
   <div class="video-block">
     <youtube-embed
       :url="value.url"
-      v-if="isYoutube"/>
+      v-if="isYoutube"
+    />
     <vimeo-embed
       :url="value.url"
-      v-if="isVimeo"/>
+      v-if="isVimeo"
+    />
     <srf-embed
       :url="value.url"
-      v-if="isSrf"/>
-
+      v-if="isSrf"
+    />
   </div>
 </template>
 
diff --git a/client/src/components/content-blocks/assignment/Assignment.vue b/client/src/components/content-blocks/assignment/Assignment.vue
index febdfd84..26c07e7f 100644
--- a/client/src/components/content-blocks/assignment/Assignment.vue
+++ b/client/src/components/content-blocks/assignment/Assignment.vue
@@ -1,14 +1,16 @@
 <template>
   <div
     :data-scrollto="value.id"
-    class="assignment">
+    class="assignment"
+  >
     <p class="assignment__assignment-text">
       {{ assignment.assignment }}
     </p>
 
     <solution
       :value="solution"
-      v-if="assignment.solution"/>
+      v-if="assignment.solution"
+    />
 
     <template v-if="isStudent">
       <submission-form
@@ -30,17 +32,21 @@
 
       <spell-check
         :corrections="corrections"
-        :text="submission.text"/>
+        :text="submission.text"
+      />
 
       <p
         class="assignment__feedback"
         v-if="assignment.submission.submissionFeedback"
-        v-html="feedbackText"/>
+        v-html="feedbackText"
+      />
     </template>
     <template v-if="!isStudent">
       <router-link
         :to="{name: 'submissions', params: { id: assignment.id }}"
-        class="button button--primary">Zu den
+        class="button button--primary"
+      >
+        Zu den
         Ergebnissen
       </router-link>
     </template>
diff --git a/client/src/components/content-blocks/assignment/FinalSubmission.vue b/client/src/components/content-blocks/assignment/FinalSubmission.vue
index 46bac517..d52f163c 100644
--- a/client/src/components/content-blocks/assignment/FinalSubmission.vue
+++ b/client/src/components/content-blocks/assignment/FinalSubmission.vue
@@ -1,20 +1,22 @@
 <template>
   <div
     class="final-submission"
-    data-cy="final-submission">
+    data-cy="final-submission"
+  >
     <document-block
       :value="{url: userInput.document}"
       class="final-submission__document"
       v-if="userInput.document"
     />
     <div class="final-submission__explanation">
-      <info-icon class="final-submission__explanation-icon"/>
+      <info-icon class="final-submission__explanation-icon" />
       <span class="final-submission__explanation-text">{{ sharedMsg }}</span>
       <a
         class="final-submission__reopen"
         data-cy="final-submission-reopen"
         v-if="showReopen"
-        @click="$emit('reopen')">Bearbeiten</a>
+        @click="$emit('reopen')"
+      >Bearbeiten</a>
     </div>
   </div>
 </template>
diff --git a/client/src/components/content-blocks/assignment/SpellCheck.vue b/client/src/components/content-blocks/assignment/SpellCheck.vue
index e4b9d6ed..eea7bf10 100644
--- a/client/src/components/content-blocks/assignment/SpellCheck.vue
+++ b/client/src/components/content-blocks/assignment/SpellCheck.vue
@@ -1,8 +1,9 @@
 <template>
   <p
     class="spellcheck"
-    v-if="corrections">
-    <span class="inline-title">Rechtschreibung:</span> <span v-html="highlightedText"/>
+    v-if="corrections"
+  >
+    <span class="inline-title">Rechtschreibung:</span> <span v-html="highlightedText" />
   </p>
 </template>
 
diff --git a/client/src/components/content-blocks/assignment/SubmissionForm.vue b/client/src/components/content-blocks/assignment/SubmissionForm.vue
index bcc44889..da25bdb9 100644
--- a/client/src/components/content-blocks/assignment/SubmissionForm.vue
+++ b/client/src/components/content-blocks/assignment/SubmissionForm.vue
@@ -12,25 +12,29 @@
 
     <div
       class="submission-form-container__actions"
-      v-if="!isFinalOrReadOnly">
+      v-if="!isFinalOrReadOnly"
+    >
       <button
         class="submission-form-container__submit button button--primary button--white-bg"
         data-cy="submission-form-submit"
         @click="$emit('turnIn')"
-      >{{ action }}
+      >
+        {{ action }}
       </button>
       <button
         class="submission-form-container__submit submission-form-container__spellcheck button button--primary button--white-bg"
         data-cy="spellcheck-button"
         v-if="showSpellcheckButton"
         @click="$emit('spellcheck')"
-      >{{ spellcheckText }}
+      >
+        {{ spellcheckText }}
       </button>
       <file-upload
         :document="userInput.document"
         v-if="allowsDocuments"
-        @change-document-url="changeDocumentUrl"/>
-      <slot/>
+        @change-document-url="changeDocumentUrl"
+      />
+      <slot />
     </div>
 
     <final-submission
@@ -38,7 +42,8 @@
       :shared-msg="sharedMsg"
       :show-reopen="!readOnly"
       v-if="isFinalOrReadOnly"
-      @reopen="$emit('reopen')"/>
+      @reopen="$emit('reopen')"
+    />
   </div>
 </template>
 
diff --git a/client/src/components/content-blocks/assignment/SubmissionInput.vue b/client/src/components/content-blocks/assignment/SubmissionInput.vue
index 772fd3e1..52b9988f 100644
--- a/client/src/components/content-blocks/assignment/SubmissionInput.vue
+++ b/client/src/components/content-blocks/assignment/SubmissionInput.vue
@@ -1,7 +1,6 @@
 <template>
   <div class="submission-form__text-answer submission-form">
     <textarea
-      v-auto-grow
       :placeholder="placeholder"
       :readonly="readonly"
       :value="inputText"
@@ -9,17 +8,20 @@
       data-cy="submission-textarea"
       rows="1"
       class="submission-form__textarea"
+      v-auto-grow
       @input="$emit('input', $event.target.value)"
     />
     <div
       class="submission-form__save-status submission-form__save-status--saved"
-      v-if="saved">
-      <tick-circle-icon class="submission-form__save-status-icon"/>
+      v-if="saved"
+    >
+      <tick-circle-icon class="submission-form__save-status-icon" />
     </div>
     <div
       class="submission-form__save-status submission-form__save-status--unsaved"
-      v-if="!saved">
-      <loading-icon class="submission-form__save-status-icon submission-form__saving-icon"/>
+      v-if="!saved"
+    >
+      <loading-icon class="submission-form__save-status-icon submission-form__saving-icon" />
     </div>
   </div>
 </template>
diff --git a/client/src/components/content-forms/AssignmentForm.vue b/client/src/components/content-forms/AssignmentForm.vue
index 6eb0f285..f45b0b8c 100644
--- a/client/src/components/content-forms/AssignmentForm.vue
+++ b/client/src/components/content-forms/AssignmentForm.vue
@@ -12,7 +12,7 @@
       placeholder="Aufgabe erfassen..."
       @input="$emit('assignment-change-assignment', $event.target.value, index)"
     />
-    <info-icon class="assignment-form__help-icon help-text__icon"/>
+    <info-icon class="assignment-form__help-icon help-text__icon" />
     <p class="assignment-form__help-description help-text__description">
       Ein Eingabefeld für die Antwort wird automatisch hinzugefügt.
     </p>
diff --git a/client/src/components/content-forms/DocumentForm.vue b/client/src/components/content-forms/DocumentForm.vue
index b5717ae4..5ec1356a 100644
--- a/client/src/components/content-forms/DocumentForm.vue
+++ b/client/src/components/content-forms/DocumentForm.vue
@@ -1,18 +1,22 @@
 <template>
   <div
     class="document-form"
-    ref="documentform">
+    ref="documentform"
+  >
     <div
       v-if="!value.url"
-      ref="uploadcare-panel"/>
+      ref="uploadcare-panel"
+    />
     <div
       class="document-form__uploaded"
-      v-if="value.url">
-      <document-icon class="document-form__icon"/>
+      v-if="value.url"
+    >
+      <document-icon class="document-form__icon" />
       <a
         :href="previewUrl"
         class="document-form__link"
-        target="_blank">{{ previewLink }}</a>
+        target="_blank"
+      >{{ previewLink }}</a>
     </div>
   </div>
 </template>
diff --git a/client/src/components/content-forms/ImageForm.vue b/client/src/components/content-forms/ImageForm.vue
index 39eaf06e..98fcba37 100644
--- a/client/src/components/content-forms/ImageForm.vue
+++ b/client/src/components/content-forms/ImageForm.vue
@@ -2,19 +2,23 @@
   <div class="image-form">
     <div
       class="image-form__error"
-      v-if="hadError">
+      v-if="hadError"
+    >
       Ups, das scheint kein Bild zu sein. Bitte versuche es nochmal mit einer anderen Datei, oder lade die Datei als <a
         class="image-form__link"
-        @click="switchToDocument">Dokument</a> hoch.
+        @click="switchToDocument"
+      >Dokument</a> hoch.
     </div>
 
     <div
       v-if="!value.url"
-      ref="uploadcare-panel"/>
+      ref="uploadcare-panel"
+    />
     <div v-if="value.url && !hadError">
       <img
         :src="previewUrl"
-        @error="error">
+        @error="error"
+      >
     </div>
   </div>
 </template>
diff --git a/client/src/components/content-forms/LinkForm.vue b/client/src/components/content-forms/LinkForm.vue
index ebed5646..b2a29db9 100644
--- a/client/src/components/content-forms/LinkForm.vue
+++ b/client/src/components/content-forms/LinkForm.vue
@@ -4,13 +4,15 @@
       :value="value.text"
       placeholder="Name erfassen..."
       class="link-form__text skillbox-input"
-      @input="$emit('link-change-text', $event.target.value, index)">
+      @input="$emit('link-change-text', $event.target.value, index)"
+    >
 
     <input
       :value="value.url"
       placeholder="URL einfügen..."
       class="link-form__url skillbox-input"
-      @input="$emit('link-change-url', $event.target.value, index)">
+      @input="$emit('link-change-url', $event.target.value, index)"
+    >
   </div>
 </template>
 
diff --git a/client/src/components/content-forms/TextForm.vue b/client/src/components/content-forms/TextForm.vue
index 5da683a4..9532159b 100644
--- a/client/src/components/content-forms/TextForm.vue
+++ b/client/src/components/content-forms/TextForm.vue
@@ -5,7 +5,8 @@
       class="text-form__input skillbox-textarea"
       data-cy="text-form-input"
       placeholder="Text erfassen..."
-      @input="$emit('text-change-value', $event.target.value, index)"/>
+      @input="$emit('text-change-value', $event.target.value, index)"
+    />
   </div>
 </template>
 
diff --git a/client/src/components/content-forms/TextFormWithHelpText.vue b/client/src/components/content-forms/TextFormWithHelpText.vue
index f9d1edcd..035d0ff0 100644
--- a/client/src/components/content-forms/TextFormWithHelpText.vue
+++ b/client/src/components/content-forms/TextFormWithHelpText.vue
@@ -1,11 +1,13 @@
 <template>
   <div class="text-form-with-help-text">
-    <h3 class="text-form-with-help-text__heading"><span class="text-form-with-help-text__title">{{ title }}</span>
-      <helpful-tooltip :text="helpText"/>
+    <h3 class="text-form-with-help-text__heading">
+      <span class="text-form-with-help-text__title">{{ title }}</span>
+      <helpful-tooltip :text="helpText" />
     </h3>
     <text-form
       :value="v"
-      @text-change-value="$emit('change', $event)"/>
+      @text-change-value="$emit('change', $event)"
+    />
   </div>
 </template>
 
diff --git a/client/src/components/content-forms/VideoForm.vue b/client/src/components/content-forms/VideoForm.vue
index 5c4d168c..5532e104 100644
--- a/client/src/components/content-forms/VideoForm.vue
+++ b/client/src/components/content-forms/VideoForm.vue
@@ -2,17 +2,20 @@
   <div>
     <div
       class="video-form"
-      v-if="!isVimeo && !isYoutube && !isSrf">
-      <info-icon class="video-form__help-icon help-text__icon"/>
+      v-if="!isVimeo && !isYoutube && !isSrf"
+    >
+      <info-icon class="video-form__help-icon help-text__icon" />
       <p class="video-form__help-description help-text__description">
         Sie können Videos auf <a
           class="video-form__platform-link help-text__link"
           href="https://youtube.com/"
-          target="_blank">Youtube</a>
+          target="_blank"
+        >Youtube</a>
         oder <a
           class="video-form__platform-link help-text__link"
           href="https://vimeo.com/"
-          target="_blank">Vimeo</a>
+          target="_blank"
+        >Vimeo</a>
         hochladen und anschliessen einen Link hier einfügen.
       </p>
 
@@ -20,19 +23,19 @@
         :value="value.url"
         class="video-form__video-link skillbox-input"
         placeholder="Bsp: https://www.youtube.com/watch?v=dQw4w9WgXcQ"
-        @input="$emit('video-change-url', $event.target.value, index)">
+        @input="$emit('video-change-url', $event.target.value, index)"
+      >
     </div>
 
     <div v-if="isYoutube">
-      <youtube-embed :url="value.url"/>
+      <youtube-embed :url="value.url" />
     </div>
     <div v-if="isVimeo">
-      <vimeo-embed :url="value.url"/>
+      <vimeo-embed :url="value.url" />
     </div>
     <div v-if="isSrf">
-      <srf-embed :url="value.url"/>
+      <srf-embed :url="value.url" />
     </div>
-
   </div>
 </template>
 
diff --git a/client/src/components/icons/AddIcon.vue b/client/src/components/icons/AddIcon.vue
index e681b199..dec28445 100644
--- a/client/src/components/icons/AddIcon.vue
+++ b/client/src/components/icons/AddIcon.vue
@@ -2,10 +2,13 @@
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="6 6 88 88"
-    id="shape">
+    id="shape"
+  >
     <path
-      d="M50,6.48A43.62,43.62,0,0,0,6.56,47.08S6.5,48.46,6.5,50s.06,2.83.06,2.92A43.52,43.52,0,1,0,50,6.48Zm0,82.15A38.62,38.62,0,1,1,88.6,50,38.67,38.67,0,0,1,50,88.62Z"/>
+      d="M50,6.48A43.62,43.62,0,0,0,6.56,47.08S6.5,48.46,6.5,50s.06,2.83.06,2.92A43.52,43.52,0,1,0,50,6.48Zm0,82.15A38.62,38.62,0,1,1,88.6,50,38.67,38.67,0,0,1,50,88.62Z"
+    />
     <path
-      d="M67.71,47.55H52.43V32.27a2.45,2.45,0,1,0-4.9,0V47.55H32.25a2.45,2.45,0,0,0,0,4.9H47.53V67.73a2.45,2.45,0,1,0,4.9,0V52.45H67.71a2.45,2.45,0,0,0,0-4.9Z"/>
+      d="M67.71,47.55H52.43V32.27a2.45,2.45,0,1,0-4.9,0V47.55H32.25a2.45,2.45,0,0,0,0,4.9H47.53V67.73a2.45,2.45,0,1,0,4.9,0V52.45H67.71a2.45,2.45,0,0,0,0-4.9Z"
+    />
   </svg>
 </template>
diff --git a/client/src/components/icons/AddNoteIcon.vue b/client/src/components/icons/AddNoteIcon.vue
index d084fe29..ecc3266a 100644
--- a/client/src/components/icons/AddNoteIcon.vue
+++ b/client/src/components/icons/AddNoteIcon.vue
@@ -2,11 +2,13 @@
   <svg
     class="add-note-icon"
     xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 100 100">
+    viewBox="0 0 100 100"
+  >
     <path
-      d="M81.5,88.39746H18.7627a2.49981,2.49981,0,0,1-2.5-2.5V35.35352L1.72559,20.71191A2.50054,2.50054,0,0,1,3.5,16.4502h78a2.49981,2.49981,0,0,1,2.5,2.5V85.89746A2.49981,2.49981,0,0,1,81.5,88.39746Zm-60.2373-5H79V21.4502H9.50488L20.53711,32.56152a2.5013,2.5013,0,0,1,.72559,1.76172Z"/>
-    <path d="M64.9209,55.08447H36.18457a2.5,2.5,0,0,1,0-5H64.9209a2.5,2.5,0,0,1,0,5Z"/>
-    <path d="M48.26318,66.95313V38.21582a2.5,2.5,0,0,1,5,0v28.7373a2.5,2.5,0,0,1-5,0Z"/>
+      d="M81.5,88.39746H18.7627a2.49981,2.49981,0,0,1-2.5-2.5V35.35352L1.72559,20.71191A2.50054,2.50054,0,0,1,3.5,16.4502h78a2.49981,2.49981,0,0,1,2.5,2.5V85.89746A2.49981,2.49981,0,0,1,81.5,88.39746Zm-60.2373-5H79V21.4502H9.50488L20.53711,32.56152a2.5013,2.5013,0,0,1,.72559,1.76172Z"
+    />
+    <path d="M64.9209,55.08447H36.18457a2.5,2.5,0,0,1,0-5H64.9209a2.5,2.5,0,0,1,0,5Z" />
+    <path d="M48.26318,66.95313V38.21582a2.5,2.5,0,0,1,5,0v28.7373a2.5,2.5,0,0,1-5,0Z" />
   </svg>
 </template>
 
diff --git a/client/src/components/icons/AddPointer.vue b/client/src/components/icons/AddPointer.vue
index 6a8c23ed..2976c625 100644
--- a/client/src/components/icons/AddPointer.vue
+++ b/client/src/components/icons/AddPointer.vue
@@ -2,10 +2,13 @@
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 100 100"
-    id="shape">
+    id="shape"
+  >
     <path
-      d="M61.74,13.24a36.43,36.43,0,0,0-22.06,7.35L2.52,48a2.5,2.5,0,0,0,0,4L39.66,79.39A36.76,36.76,0,1,0,61.74,13.24Zm0,68.52a31.5,31.5,0,0,1-19.09-6.38L8.21,50,42.66,24.6A31.76,31.76,0,1,1,61.74,81.76Z"/>
+      d="M61.74,13.24a36.43,36.43,0,0,0-22.06,7.35L2.52,48a2.5,2.5,0,0,0,0,4L39.66,79.39A36.76,36.76,0,1,0,61.74,13.24Zm0,68.52a31.5,31.5,0,0,1-19.09-6.38L8.21,50,42.66,24.6A31.76,31.76,0,1,1,61.74,81.76Z"
+    />
     <path
-      d="M79.64,47.5H64.51V32.38a2.5,2.5,0,0,0-5,0V47.5H44.39a2.5,2.5,0,0,0,0,5H59.51V67.63a2.5,2.5,0,0,0,5,0V52.5H79.64a2.5,2.5,0,0,0,0-5Z"/>
+      d="M79.64,47.5H64.51V32.38a2.5,2.5,0,0,0-5,0V47.5H44.39a2.5,2.5,0,0,0,0,5H59.51V67.63a2.5,2.5,0,0,0,5,0V52.5H79.64a2.5,2.5,0,0,0,0-5Z"
+    />
   </svg>
 </template>
diff --git a/client/src/components/icons/ArrowUp.vue b/client/src/components/icons/ArrowUp.vue
index cd1097b3..2194bd91 100644
--- a/client/src/components/icons/ArrowUp.vue
+++ b/client/src/components/icons/ArrowUp.vue
@@ -3,8 +3,10 @@
     xmlns="http://www.w3.org/2000/svg"
     width="100"
     height="100"
-    viewBox="0 0 100 100">
+    viewBox="0 0 100 100"
+  >
     <path
-      d="M85.56934,50.543l-33.5-49.44531a2.49942,2.49942,0,0,0-4.13867,0l-33.5,49.44531A2.49925,2.49925,0,0,0,16.5,54.44531H32.36035V97.5a2.49981,2.49981,0,0,0,2.5,2.5h30.2793a2.49981,2.49981,0,0,0,2.5-2.5V54.44531H83.5A2.49925,2.49925,0,0,0,85.56934,50.543ZM62.63965,49.44531V95H37.36035V49.44531H21.21387L50,6.957,78.78613,49.44531Z"/>
+      d="M85.56934,50.543l-33.5-49.44531a2.49942,2.49942,0,0,0-4.13867,0l-33.5,49.44531A2.49925,2.49925,0,0,0,16.5,54.44531H32.36035V97.5a2.49981,2.49981,0,0,0,2.5,2.5h30.2793a2.49981,2.49981,0,0,0,2.5-2.5V54.44531H83.5A2.49925,2.49925,0,0,0,85.56934,50.543ZM62.63965,49.44531V95H37.36035V49.44531H21.21387L50,6.957,78.78613,49.44531Z"
+    />
   </svg>
 </template>
diff --git a/client/src/components/icons/BookmarkIcon.vue b/client/src/components/icons/BookmarkIcon.vue
index 01fbc7c0..b2d749be 100644
--- a/client/src/components/icons/BookmarkIcon.vue
+++ b/client/src/components/icons/BookmarkIcon.vue
@@ -2,7 +2,8 @@
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 100 100"
-    class="bookmark-icon">
+    class="bookmark-icon"
+  >
     <g :class="{'bookmark-icon--bookmarked': bookmarked}">
       <path
         class="bookmark-icon__background"
@@ -10,7 +11,8 @@
       />
       <path
         d="M84.5,93.07715a2.49662,2.49662,0,0,1-1.43359-.45215L51,70.17871,18.93359,92.625A2.49964,2.49964,0,0,1,15,90.57715V11.42285a2.49981,2.49981,0,0,1,2.5-2.5h67a2.49981,2.49981,0,0,1,2.5,2.5v79.1543a2.49947,2.49947,0,0,1-2.5,2.5ZM51,65.15527a4.8673,4.8673,0,0,1,2.80762.88574L82,85.77539V13.92285H20V85.77539L48.19434,66.04A4.863,4.863,0,0,1,51,65.15527Z"
-        id="bookmark-icon__outline"/>
+        id="bookmark-icon__outline"
+      />
     </g>
   </svg>
 </template>
diff --git a/client/src/components/icons/BulbIcon.vue b/client/src/components/icons/BulbIcon.vue
index 372cd331..508eba48 100644
--- a/client/src/components/icons/BulbIcon.vue
+++ b/client/src/components/icons/BulbIcon.vue
@@ -3,19 +3,23 @@
     xmlns="http://www.w3.org/2000/svg"
     width="100"
     height="100"
-    viewBox="0 0 100 100">
+    viewBox="0 0 100 100"
+  >
     <g id="shape">
       <circle
         cx="50"
         cy="50"
         r="50"
-        style="fill:#17a887"/>
+        style="fill:#17a887"
+      />
       <path
         d="M57.96318,62.73515H41.99379A2.48236,2.48236,0,0,1,39.51288,60.34c-.06061-1.72061-.21515-2.61273-3.23576-5.60545a20.69086,20.69086,0,1,1,27.55152-.18485l-.27394.26848c-2.89273,2.86424-3.04424,3.76485-3.11091,5.52848A2.48231,2.48231,0,0,1,57.96318,62.73515ZM44.17652,57.7703H55.77409c.50667-2.1903,1.72788-3.94606,4.29636-6.48909l.317-.3103c.02364-.023.04727-.04545.07212-.06788a15.62483,15.62483,0,1,0-20.85788.14364c.03848.03333.07606.06848.11273.10424C42.38379,53.78848,43.65439,55.58424,44.17652,57.7703Z"
-        style="fill:#fff"/>
+        style="fill:#fff"
+      />
       <path
         d="M58.13591,83H41.86773a2.48255,2.48255,0,0,1-2.48242-2.48242V70.50909a2.48255,2.48255,0,0,1,2.48242-2.48242H58.13227a2.48229,2.48229,0,0,1,2.48242,2.48121l.00364,10.00848A2.482,2.482,0,0,1,58.13591,83ZM44.35015,78.03515H55.65227l-.00121-5.04364H44.35015Z"
-        style="fill:#fff"/>
+        style="fill:#fff"
+      />
     </g>
   </svg>
 </template>
diff --git a/client/src/components/icons/Cards.vue b/client/src/components/icons/Cards.vue
index 8bf95d90..60bfadbc 100644
--- a/client/src/components/icons/Cards.vue
+++ b/client/src/components/icons/Cards.vue
@@ -2,9 +2,11 @@
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 100 100"
-    id="shape"><title>cards</title>
+    id="shape"
+  ><title>cards</title>
     <path
       d="M30.89,21v9.67H17.44v9.67H4V79H69.11V69.34H82.56V59.67H96V21Zm3.77,3.77H92.23V55.89H82.56V30.65H34.67ZM21.22,34.43H78.78V65.57H69.11V40.33H21.22ZM7.77,44.1H65.34V75.24H7.77Z"
-      id="Fill-1"/>
+      id="Fill-1"
+    />
   </svg>
 </template>
diff --git a/client/src/components/icons/ChevronDown.vue b/client/src/components/icons/ChevronDown.vue
index 117bdd8c..f7c3b4fd 100644
--- a/client/src/components/icons/ChevronDown.vue
+++ b/client/src/components/icons/ChevronDown.vue
@@ -1,7 +1,8 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 100 100">
-    <path d="M50,74.07,6.86,30.93A2.93,2.93,0,0,1,11,26.79l39,39,39-39a2.93,2.93,0,1,1,4.15,4.15Z"/>
+    viewBox="0 0 100 100"
+  >
+    <path d="M50,74.07,6.86,30.93A2.93,2.93,0,0,1,11,26.79l39,39,39-39a2.93,2.93,0,1,1,4.15,4.15Z" />
   </svg>
 </template>
diff --git a/client/src/components/icons/ChevronLeft.vue b/client/src/components/icons/ChevronLeft.vue
index d09f1939..e0fe8b62 100644
--- a/client/src/components/icons/ChevronLeft.vue
+++ b/client/src/components/icons/ChevronLeft.vue
@@ -2,8 +2,9 @@
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 100 100"
-    class="chevron">
-    <path d="M74.07,50,30.93,93.14A2.93,2.93,0,0,1,26.79,89l39-39-39-39a2.93,2.93,0,0,1,4.15-4.15Z"/>
+    class="chevron"
+  >
+    <path d="M74.07,50,30.93,93.14A2.93,2.93,0,0,1,26.79,89l39-39-39-39a2.93,2.93,0,0,1,4.15-4.15Z" />
   </svg>
 </template>
 
diff --git a/client/src/components/icons/ChevronRight.vue b/client/src/components/icons/ChevronRight.vue
index 5d22f1fc..6aca5acb 100644
--- a/client/src/components/icons/ChevronRight.vue
+++ b/client/src/components/icons/ChevronRight.vue
@@ -2,7 +2,8 @@
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 100 100"
-    class="chevron">
-    <path d="M74.07,50,30.93,93.14A2.93,2.93,0,0,1,26.79,89l39-39-39-39a2.93,2.93,0,0,1,4.15-4.15Z"/>
+    class="chevron"
+  >
+    <path d="M74.07,50,30.93,93.14A2.93,2.93,0,0,1,26.79,89l39-39-39-39a2.93,2.93,0,0,1,4.15-4.15Z" />
   </svg>
 </template>
diff --git a/client/src/components/icons/ChevronUp.vue b/client/src/components/icons/ChevronUp.vue
index aef5783d..a51ebea7 100644
--- a/client/src/components/icons/ChevronUp.vue
+++ b/client/src/components/icons/ChevronUp.vue
@@ -1,7 +1,8 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 100 100">
-    <path d="M50,18.93,93.14,62.07A2.93,2.93,0,1,1,89,66.21l-39-39-39,39a2.93,2.93,0,1,1-4.15-4.15Z"/>
+    viewBox="0 0 100 100"
+  >
+    <path d="M50,18.93,93.14,62.07A2.93,2.93,0,1,1,89,66.21l-39-39-39,39a2.93,2.93,0,1,1-4.15-4.15Z" />
   </svg>
 </template>
diff --git a/client/src/components/icons/CircleIcon.vue b/client/src/components/icons/CircleIcon.vue
index 7942fcf3..d761b7ef 100644
--- a/client/src/components/icons/CircleIcon.vue
+++ b/client/src/components/icons/CircleIcon.vue
@@ -1,10 +1,12 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 100 100">
+    viewBox="0 0 100 100"
+  >
     <circle
       r="25"
       cx="50"
-      cy="50"/>
+      cy="50"
+    />
   </svg>
 </template>
diff --git a/client/src/components/icons/ClosedEyeIcon.vue b/client/src/components/icons/ClosedEyeIcon.vue
index 967eacdf..6d14f26d 100644
--- a/client/src/components/icons/ClosedEyeIcon.vue
+++ b/client/src/components/icons/ClosedEyeIcon.vue
@@ -2,8 +2,10 @@
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 100 100"
-    id="shape">
+    id="shape"
+  >
     <path
-      d="M99.5,48.11a56.91,56.91,0,0,0-21-21.19L91.18,14.26a3.85,3.85,0,1,0-5.44-5.44L71.21,23.36A56.73,56.73,0,0,0,.5,48.11a3.84,3.84,0,0,0,0,3.79,56.92,56.92,0,0,0,21,21.19L8.82,85.74a3.85,3.85,0,1,0,5.44,5.44L28.79,76.64A56.66,56.66,0,0,0,50,80.79,57,57,0,0,0,99.5,51.89,3.84,3.84,0,0,0,99.5,48.11ZM8.32,50a49.09,49.09,0,0,1,56.9-20.66L27.15,67.42A49.25,49.25,0,0,1,8.32,50ZM50,73.09a49,49,0,0,1-15.22-2.43L72.85,32.59A49.25,49.25,0,0,1,91.68,50,49.27,49.27,0,0,1,50,73.09Z"/>
+      d="M99.5,48.11a56.91,56.91,0,0,0-21-21.19L91.18,14.26a3.85,3.85,0,1,0-5.44-5.44L71.21,23.36A56.73,56.73,0,0,0,.5,48.11a3.84,3.84,0,0,0,0,3.79,56.92,56.92,0,0,0,21,21.19L8.82,85.74a3.85,3.85,0,1,0,5.44,5.44L28.79,76.64A56.66,56.66,0,0,0,50,80.79,57,57,0,0,0,99.5,51.89,3.84,3.84,0,0,0,99.5,48.11ZM8.32,50a49.09,49.09,0,0,1,56.9-20.66L27.15,67.42A49.25,49.25,0,0,1,8.32,50ZM50,73.09a49,49,0,0,1-15.22-2.43L72.85,32.59A49.25,49.25,0,0,1,91.68,50,49.27,49.27,0,0,1,50,73.09Z"
+    />
   </svg>
 </template>
diff --git a/client/src/components/icons/Cross.vue b/client/src/components/icons/Cross.vue
index 5bdc1eec..fbb013b8 100644
--- a/client/src/components/icons/Cross.vue
+++ b/client/src/components/icons/Cross.vue
@@ -2,9 +2,11 @@
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 100 100"
-    class="cross">
+    class="cross"
+  >
     <path
-      d="M53.91,50,87.19,16.73a2.77,2.77,0,1,0-3.91-3.91L50,46.09,16.73,12.81a2.77,2.77,0,1,0-3.91,3.91L46.09,50,12.81,83.27a2.77,2.77,0,1,0,3.91,3.91L50,53.91,83.27,87.19a2.77,2.77,0,0,0,3.91-3.91Z"/>
+      d="M53.91,50,87.19,16.73a2.77,2.77,0,1,0-3.91-3.91L50,46.09,16.73,12.81a2.77,2.77,0,1,0-3.91,3.91L46.09,50,12.81,83.27a2.77,2.77,0,1,0,3.91,3.91L50,53.91,83.27,87.19a2.77,2.77,0,0,0,3.91-3.91Z"
+    />
   </svg>
 </template>
 
diff --git a/client/src/components/icons/DefaultAvatar.vue b/client/src/components/icons/DefaultAvatar.vue
index 6b6f6bb9..f0c6b2c6 100644
--- a/client/src/components/icons/DefaultAvatar.vue
+++ b/client/src/components/icons/DefaultAvatar.vue
@@ -2,14 +2,16 @@
   <svg
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
-    viewBox="0 0 400 400">
+    viewBox="0 0 400 400"
+  >
     <defs>
       <clipPath id="avatar-clip-path">
         <circle
           class="cls-1"
           cx="200"
           cy="200"
-          r="197"/>
+          r="197"
+        />
       </clipPath>
     </defs>
     <g id="bg">
@@ -17,34 +19,42 @@
         class="cls-2"
         cx="200"
         cy="200"
-        r="197"/>
+        r="197"
+      />
     </g>
     <g id="objects">
       <g class="cls-3">
         <path
           class="cls-4"
-          d="M380.03229,346.82485l-99.89952-29.68554-75.91247-7.58045h-2.40707l-78.31955,7.58045-103.526,30.44984s75.62737,95.55272,183.04906,95.55272S380.03229,346.82485,380.03229,346.82485Z"/>
+          d="M380.03229,346.82485l-99.89952-29.68554-75.91247-7.58045h-2.40707l-78.31955,7.58045-103.526,30.44984s75.62737,95.55272,183.04906,95.55272S380.03229,346.82485,380.03229,346.82485Z"
+        />
         <path
           class="cls-5"
-          d="M272.15765,65.53589a86.01591,86.01591,0,0,0-20.524-14.33295,103.61294,103.61294,0,0,0-49.8204-11.92284,103.61271,103.61271,0,0,0-49.8198,11.92255A86.01706,86.01706,0,0,0,131.4688,65.53589c-47.89186,45.957-59.684,136.053-53.17653,195.51559,22.30221,28.20465,70.43168,35.98046,103.97675,29.59277-1.699-28.98109-18.28465-55.36789-18.09824-84.40807,16.82179-9.95623,9.42329-59.11938,10.702-81.59916l26.94039-6.97556,26.9404,6.97556c1.27875,22.47978-6.11974,71.64293,10.70211,81.59916.18642,29.04018-16.39928,55.427-18.09824,84.40807,33.545,6.38769,81.67447-1.38812,103.97668-29.59277C331.84167,201.58886,320.04951,111.49293,272.15765,65.53589Z"/>
+          d="M272.15765,65.53589a86.01591,86.01591,0,0,0-20.524-14.33295,103.61294,103.61294,0,0,0-49.8204-11.92284,103.61271,103.61271,0,0,0-49.8198,11.92255A86.01706,86.01706,0,0,0,131.4688,65.53589c-47.89186,45.957-59.684,136.053-53.17653,195.51559,22.30221,28.20465,70.43168,35.98046,103.97675,29.59277-1.699-28.98109-18.28465-55.36789-18.09824-84.40807,16.82179-9.95623,9.42329-59.11938,10.702-81.59916l26.94039-6.97556,26.9404,6.97556c1.27875,22.47978-6.11974,71.64293,10.70211,81.59916.18642,29.04018-16.39928,55.427-18.09824,84.40807,33.545,6.38769,81.67447-1.38812,103.97668-29.59277C331.84167,201.58886,320.04951,111.49293,272.15765,65.53589Z"
+        />
         <path
           class="cls-6"
-          d="M237.057,266.23162H166.56944c0,34.9025-27.34,45.73431-43.07576,50.90769,15.73577,67.03868,142.10688,67.03868,156.63909,0C260.78642,311.96593,241.52987,305.94826,237.057,266.23162Z"/>
+          d="M237.057,266.23162H166.56944c0,34.9025-27.34,45.73431-43.07576,50.90769,15.73577,67.03868,142.10688,67.03868,156.63909,0C260.78642,311.96593,241.52987,305.94826,237.057,266.23162Z"
+        />
         <ellipse
           class="cls-7"
           cx="202.35227"
           cy="179.47219"
           rx="79.23803"
-          ry="97.02616"/>
+          ry="97.02616"
+        />
         <path
           class="cls-8"
-          d="M117.61519,154.166c10.8764-3.25836,22.30778,5.29762,25.51206,19.09451,3.20424,13.7965-3.02464,27.64251-13.90108,30.90087-10.87644,3.25678-22.30919-5.29877-25.51339-19.09389-3.20425-13.79708,3.026-27.64273,13.90241-30.90149Z"/>
+          d="M117.61519,154.166c10.8764-3.25836,22.30778,5.29762,25.51206,19.09451,3.20424,13.7965-3.02464,27.64251-13.90108,30.90087-10.87644,3.25678-22.30919-5.29877-25.51339-19.09389-3.20425-13.79708,3.026-27.64273,13.90241-30.90149Z"
+        />
         <path
           class="cls-5"
-          d="M158.77973,88.35379c34.35007,53.44875,83.71361,66.59188,126.44529,82.83956C322.20435,145.19484,244.7734,11.96688,158.77973,88.35379Z"/>
+          d="M158.77973,88.35379c34.35007,53.44875,83.71361,66.59188,126.44529,82.83956C322.20435,145.19484,244.7734,11.96688,158.77973,88.35379Z"
+        />
         <path
           class="cls-5"
-          d="M181.50651,94.88021c-10.83147,33.057-30.31262,48.8307-55.51284,58.59347C109.4863,115.38906,134.25941,72.625,181.50651,94.88021Z"/>
+          d="M181.50651,94.88021c-10.83147,33.057-30.31262,48.8307-55.51284,58.59347C109.4863,115.38906,134.25941,72.625,181.50651,94.88021Z"
+        />
       </g>
     </g>
   </svg>
diff --git a/client/src/components/icons/DocumentIcon.vue b/client/src/components/icons/DocumentIcon.vue
index ef1842c2..8557dd79 100644
--- a/client/src/components/icons/DocumentIcon.vue
+++ b/client/src/components/icons/DocumentIcon.vue
@@ -1,14 +1,18 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 100 100">
+    viewBox="0 0 100 100"
+  >
     <path
-      d="M22.64,5.3a8.38,8.38,0,0,0-8.37,8.37V86.33a8.38,8.38,0,0,0,8.37,8.37H77.36a8.38,8.38,0,0,0,8.37-8.37v-57L61.39,5.3ZM79.17,88.08a2.74,2.74,0,0,1-2.11.94H22.34a3,3,0,0,1-3-3V13.37a3,3,0,0,1,3-3H54V28.32a7.78,7.78,0,0,0,7.77,7.77H79.75V85.73A2.85,2.85,0,0,1,79.17,88.08ZM62.11,31a2.34,2.34,0,0,1-2.39-2.39V11.15L79.58,31Z"/>
+      d="M22.64,5.3a8.38,8.38,0,0,0-8.37,8.37V86.33a8.38,8.38,0,0,0,8.37,8.37H77.36a8.38,8.38,0,0,0,8.37-8.37v-57L61.39,5.3ZM79.17,88.08a2.74,2.74,0,0,1-2.11.94H22.34a3,3,0,0,1-3-3V13.37a3,3,0,0,1,3-3H54V28.32a7.78,7.78,0,0,0,7.77,7.77H79.75V85.73A2.85,2.85,0,0,1,79.17,88.08ZM62.11,31a2.34,2.34,0,0,1-2.39-2.39V11.15L79.58,31Z"
+    />
     <path
       d="M61.81,36.1A7.78,7.78,0,0,1,54,28.32V10.38H22.34a3,3,0,0,0-3,3V86a3,3,0,0,0,3,3H77.06a2.74,2.74,0,0,0,2.11-.94,2.85,2.85,0,0,0,.59-2.35V36.1Z"
-      style="fill:#fff"/>
+      style="fill:#fff"
+    />
     <path
       d="M59.72,28.62A2.34,2.34,0,0,0,62.11,31H79.58L59.72,11.15Z"
-      style="fill:#fff"/>
+      style="fill:#fff"
+    />
   </svg>
 </template>
diff --git a/client/src/components/icons/DocumentWithLinesIcon.vue b/client/src/components/icons/DocumentWithLinesIcon.vue
index 9d52d39a..bcaaea73 100644
--- a/client/src/components/icons/DocumentWithLinesIcon.vue
+++ b/client/src/components/icons/DocumentWithLinesIcon.vue
@@ -2,33 +2,38 @@
   <svg
     viewBox="0 0 51 51"
     fill="none"
-    xmlns="http://www.w3.org/2000/svg">
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <rect
       width="51"
       height="51"
-      fill="white"/>
+      fill="white"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M12.185 4C9.87483 4.00276 8.00276 5.87483 8 8.185V44.515C8.00276 46.8252 9.87483 48.6972 12.185 48.7H39.545C41.8552 48.6972 43.7272 46.8252 43.73 44.515V16.015L31.56 4H12.185ZM40.45 45.39C40.1848 45.6945 39.7987 45.8665 39.395 45.86H12.035C11.2066 45.86 10.535 45.1884 10.535 44.36V8.035C10.535 7.20657 11.2066 6.535 12.035 6.535H27.865V15.51C27.8678 17.6545 29.6055 19.3922 31.75 19.395H40.74V44.215C40.8227 44.6303 40.7164 45.0609 40.45 45.39ZM31.0674 16.5076C31.293 16.7332 31.601 16.8569 31.92 16.85H40.655L30.725 6.925V15.655C30.7181 15.974 30.8418 16.282 31.0674 16.5076Z"
-      fill="#333333"/>
+      fill="#333333"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M15 26.25C15 25.5596 15.5596 25 16.25 25H35.75C36.4404 25 37 25.5596 37 26.25C37 26.9404 36.4404 27.5 35.75 27.5H16.25C15.5596 27.5 15 26.9404 15 26.25Z"
-      fill="#333333"/>
+      fill="#333333"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M15 33.25C15 32.5596 15.5596 32 16.25 32H35.75C36.4404 32 37 32.5596 37 33.25C37 33.9404 36.4404 34.5 35.75 34.5H16.25C15.5596 34.5 15 33.9404 15 33.25Z"
-      fill="#333333"/>
+      fill="#333333"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M15 40.25C15 39.5596 15.5596 39 16.25 39H35.75C36.4404 39 37 39.5596 37 40.25C37 40.9404 36.4404 41.5 35.75 41.5H16.25C15.5596 41.5 15 40.9404 15 40.25Z"
-      fill="#333333"/>
+      fill="#333333"
+    />
   </svg>
-
 </template>
 
 <style scoped lang="scss">
diff --git a/client/src/components/icons/EhbLogo.vue b/client/src/components/icons/EhbLogo.vue
index 1baf52fc..21e7e199 100644
--- a/client/src/components/icons/EhbLogo.vue
+++ b/client/src/components/icons/EhbLogo.vue
@@ -1,81 +1,106 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 79.6006 25.5117">
+    viewBox="0 0 79.6006 25.5117"
+  >
     <g id="bild_wortmarke">
-      <path d="M42.6597,6.811h8.1616V9.2915H45.6001v2.6211H50.041v2.46H45.6001v3.0009h5.4214V19.854H42.6597Z"/>
-      <path d="M54.9195,6.811h2.9404v5.0215h4.5005V6.811h2.9609V19.854H62.3604V14.4126H57.8599V19.854H54.9195Z"/>
+      <path d="M42.6597,6.811h8.1616V9.2915H45.6001v2.6211H50.041v2.46H45.6001v3.0009h5.4214V19.854H42.6597Z" />
+      <path d="M54.9195,6.811h2.9404v5.0215h4.5005V6.811h2.9609V19.854H62.3604V14.4126H57.8599V19.854H54.9195Z" />
       <path
-        d="M69.6983,6.811h4.4609c2.7012,0,4.8018.7403,4.8018,3.2412a2.84374,2.84374,0,0,1-2.1807,2.8204v.08c1.8604.3399,2.8203,1.3204,2.8203,3.0606,0,2.6601-2.2402,3.8408-5.0605,3.8408H69.6983Zm4.3213,5.2618c1.4404,0,2.0605-.6202,2.0605-1.6006s-.6602-1.3809-2.041-1.3809H72.6397v2.9815Zm.2802,5.5009c1.5996,0,2.42-.6006,2.42-1.7802,0-1.1407-.7999-1.6407-2.42-1.6407H72.6397v3.4209Z"/>
+        d="M69.6983,6.811h4.4609c2.7012,0,4.8018.7403,4.8018,3.2412a2.84374,2.84374,0,0,1-2.1807,2.8204v.08c1.8604.3399,2.8203,1.3204,2.8203,3.0606,0,2.6601-2.2402,3.8408-5.0605,3.8408H69.6983Zm4.3213,5.2618c1.4404,0,2.0605-.6202,2.0605-1.6006s-.6602-1.3809-2.041-1.3809H72.6397v2.9815Zm.2802,5.5009c1.5996,0,2.42-.6006,2.42-1.7802,0-1.1407-.7999-1.6407-2.42-1.6407H72.6397v3.4209Z"
+      />
       <polygon
         class="cls-1"
-        points="7.087 0 0 4.252 7.087 8.504 7.087 0"/>
+        points="7.087 0 0 4.252 7.087 8.504 7.087 0"
+      />
       <polygon
         class="cls-1"
-        points="7.087 8.504 14.173 4.252 7.087 0 7.087 8.504"/>
+        points="7.087 8.504 14.173 4.252 7.087 0 7.087 8.504"
+      />
       <polygon
         class="cls-2"
-        points="7.087 17.008 0 21.26 7.087 25.512 7.087 17.008"/>
+        points="7.087 17.008 0 21.26 7.087 25.512 7.087 17.008"
+      />
       <polygon
         class="cls-2"
-        points="7.087 25.512 14.173 21.26 7.087 17.008 7.087 25.512"/>
+        points="7.087 25.512 14.173 21.26 7.087 17.008 7.087 25.512"
+      />
       <polygon
         class="cls-1"
-        points="7.087 8.511 7.093 8.507 7.087 8.504 7.087 8.511"/>
+        points="7.087 8.511 7.093 8.507 7.087 8.504 7.087 8.511"
+      />
       <polygon
         class="cls-3"
-        points="0 4.252 0 12.756 7.087 8.504 0 4.252"/>
+        points="0 4.252 0 12.756 7.087 8.504 0 4.252"
+      />
       <polygon
         class="cls-4"
-        points="7.087 8.504 7.087 17.008 14.173 12.756 7.087 8.504"/>
+        points="7.087 8.504 7.087 17.008 14.173 12.756 7.087 8.504"
+      />
       <polygon
         class="cls-5"
-        points="7.087 8.504 7.087 17.008 0 12.756 7.087 8.504"/>
+        points="7.087 8.504 7.087 17.008 0 12.756 7.087 8.504"
+      />
       <polygon
         class="cls-5"
-        points="14.173 12.756 14.173 4.252 7.087 8.504 14.173 12.756"/>
+        points="14.173 12.756 14.173 4.252 7.087 8.504 14.173 12.756"
+      />
       <polygon
         class="cls-2"
-        points="0 12.756 0 21.26 7.087 17.008 0 12.756"/>
+        points="0 12.756 0 21.26 7.087 17.008 0 12.756"
+      />
       <polygon
         class="cls-6"
-        points="14.173 21.26 14.173 12.756 7.087 17.008 14.173 21.26"/>
+        points="14.173 21.26 14.173 12.756 7.087 17.008 14.173 21.26"
+      />
       <polygon
         class="cls-7"
-        points="21.26 0 14.173 4.252 21.26 8.504 21.26 0"/>
+        points="21.26 0 14.173 4.252 21.26 8.504 21.26 0"
+      />
       <polygon
         class="cls-7"
-        points="21.26 8.504 28.347 4.252 21.26 0 21.26 8.504"/>
+        points="21.26 8.504 28.347 4.252 21.26 0 21.26 8.504"
+      />
       <polygon
         class="cls-8"
-        points="21.26 17.008 14.173 21.26 21.26 25.512 21.26 17.008"/>
+        points="21.26 17.008 14.173 21.26 21.26 25.512 21.26 17.008"
+      />
       <polygon
         class="cls-8"
-        points="21.26 25.512 28.347 21.26 21.26 17.008 21.26 25.512"/>
+        points="21.26 25.512 28.347 21.26 21.26 17.008 21.26 25.512"
+      />
       <polygon
         class="cls-1"
-        points="21.26 8.511 21.266 8.507 21.26 8.504 21.26 8.511"/>
+        points="21.26 8.511 21.266 8.507 21.26 8.504 21.26 8.511"
+      />
       <polygon
         class="cls-9"
-        points="14.173 4.252 14.173 12.756 21.26 8.504 14.173 4.252"/>
+        points="14.173 4.252 14.173 12.756 21.26 8.504 14.173 4.252"
+      />
       <polygon
         class="cls-10"
-        points="21.26 8.504 21.26 17.008 28.347 12.756 21.26 8.504"/>
+        points="21.26 8.504 21.26 17.008 28.347 12.756 21.26 8.504"
+      />
       <polygon
         class="cls-9"
-        points="21.26 8.504 21.26 17.008 14.173 12.756 21.26 8.504"/>
+        points="21.26 8.504 21.26 17.008 14.173 12.756 21.26 8.504"
+      />
       <polygon
         class="cls-11"
-        points="28.347 12.756 28.347 4.252 21.26 8.504 28.347 12.756"/>
+        points="28.347 12.756 28.347 4.252 21.26 8.504 28.347 12.756"
+      />
       <polygon
         class="cls-6"
-        points="14.173 12.756 14.173 21.26 21.26 17.008 14.173 12.756"/>
+        points="14.173 12.756 14.173 21.26 21.26 17.008 14.173 12.756"
+      />
       <polygon
         class="cls-8"
-        points="28.347 21.26 28.347 12.756 21.26 17.008 28.347 21.26"/>
+        points="28.347 21.26 28.347 12.756 21.26 17.008 28.347 21.26"
+      />
       <polyline
         class="cls-12"
-        points="26.794 11.486 26.794 14.04 23.815 14.04 23.815 17.02 21.26 17.02 21.26 14.04 18.28 14.04 18.28 11.486 21.26 11.486 21.26 8.506 23.814 8.506 23.815 11.486 26.794 11.486"/>
+        points="26.794 11.486 26.794 14.04 23.815 14.04 23.815 17.02 21.26 17.02 21.26 14.04 18.28 14.04 18.28 11.486 21.26 11.486 21.26 8.506 23.814 8.506 23.815 11.486 26.794 11.486"
+      />
     </g>
   </svg>
 </template>
diff --git a/client/src/components/icons/Ellipses.vue b/client/src/components/icons/Ellipses.vue
index a08f19ac..bacc88f9 100644
--- a/client/src/components/icons/Ellipses.vue
+++ b/client/src/components/icons/Ellipses.vue
@@ -1,18 +1,22 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 100 100">
+    viewBox="0 0 100 100"
+  >
     <circle
       cx="18.75"
       cy="50"
-      r="5"/>
+      r="5"
+    />
     <circle
       cx="50"
       cy="50"
-      r="5"/>
+      r="5"
+    />
     <circle
       cx="81.25"
       cy="50"
-      r="5"/>
+      r="5"
+    />
   </svg>
 </template>
diff --git a/client/src/components/icons/EyeIcon.vue b/client/src/components/icons/EyeIcon.vue
index 0baaa12b..6b7c40b1 100644
--- a/client/src/components/icons/EyeIcon.vue
+++ b/client/src/components/icons/EyeIcon.vue
@@ -2,8 +2,10 @@
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 100 100"
-    id="shape">
+    id="shape"
+  >
     <path
-      d="M99.5,48.11a56.85,56.85,0,0,0-99,0,3.84,3.84,0,0,0,0,3.79,56.85,56.85,0,0,0,99,0A3.84,3.84,0,0,0,99.5,48.11ZM50,30.75A12.31,12.31,0,1,1,37.69,43.06,12.32,12.32,0,0,1,50,30.75Zm0,42.34A49.28,49.28,0,0,1,8.32,50,49.3,49.3,0,0,1,35.75,29a20,20,0,1,0,28.5,0A49.3,49.3,0,0,1,91.68,50,49.28,49.28,0,0,1,50,73.09Z"/>
+      d="M99.5,48.11a56.85,56.85,0,0,0-99,0,3.84,3.84,0,0,0,0,3.79,56.85,56.85,0,0,0,99,0A3.84,3.84,0,0,0,99.5,48.11ZM50,30.75A12.31,12.31,0,1,1,37.69,43.06,12.32,12.32,0,0,1,50,30.75Zm0,42.34A49.28,49.28,0,0,1,8.32,50,49.3,49.3,0,0,1,35.75,29a20,20,0,1,0,28.5,0A49.3,49.3,0,0,1,91.68,50,49.28,49.28,0,0,1,50,73.09Z"
+    />
   </svg>
 </template>
diff --git a/client/src/components/icons/Group.vue b/client/src/components/icons/Group.vue
index 5959a530..d4b99aa3 100644
--- a/client/src/components/icons/Group.vue
+++ b/client/src/components/icons/Group.vue
@@ -2,15 +2,20 @@
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 100 100"
-    id="shape">
+    id="shape"
+  >
     <title>group</title>
     <path
-      d="M84.56,47H71.69a15.5,15.5,0,0,0-7.63,2,15.85,15.85,0,0,0-5,4.46,15.61,15.61,0,0,0-2.62-.22H43.57a15.51,15.51,0,0,0-2.6.22A15.85,15.85,0,0,0,36,49a15.5,15.5,0,0,0-7.63-2H15.49A15.66,15.66,0,0,0-.1,62.55v8.73A1.77,1.77,0,0,0,1.66,73H28v4.49a1.76,1.76,0,0,0,1.76,1.76H70.28A1.76,1.76,0,0,0,72,77.52V73H98.34a1.77,1.77,0,0,0,1.76-1.76V62.55A15.66,15.66,0,0,0,84.56,47ZM72,64.5V64l-.17-.48a15.8,15.8,0,0,0-8.39-8.85A12.31,12.31,0,0,1,65.79,52a12,12,0,0,1,5.88-1.55H84.56A12.13,12.13,0,0,1,96.62,62.55v7H72V64.8ZM31.52,66.22l.26-1a12.12,12.12,0,0,1,11.47-8.33l.36-.18H56.46a12.15,12.15,0,0,1,12,10.51,3,3,0,0,0,.07.77v7.73h-37V66.22Zm5.83-11.68A15.68,15.68,0,0,0,28.12,67.3v2.2H3.43v-7A12.13,12.13,0,0,1,15.49,50.49H28.36A12,12,0,0,1,34.24,52,12.22,12.22,0,0,1,37.35,54.54Z"/>
+      d="M84.56,47H71.69a15.5,15.5,0,0,0-7.63,2,15.85,15.85,0,0,0-5,4.46,15.61,15.61,0,0,0-2.62-.22H43.57a15.51,15.51,0,0,0-2.6.22A15.85,15.85,0,0,0,36,49a15.5,15.5,0,0,0-7.63-2H15.49A15.66,15.66,0,0,0-.1,62.55v8.73A1.77,1.77,0,0,0,1.66,73H28v4.49a1.76,1.76,0,0,0,1.76,1.76H70.28A1.76,1.76,0,0,0,72,77.52V73H98.34a1.77,1.77,0,0,0,1.76-1.76V62.55A15.66,15.66,0,0,0,84.56,47ZM72,64.5V64l-.17-.48a15.8,15.8,0,0,0-8.39-8.85A12.31,12.31,0,0,1,65.79,52a12,12,0,0,1,5.88-1.55H84.56A12.13,12.13,0,0,1,96.62,62.55v7H72V64.8ZM31.52,66.22l.26-1a12.12,12.12,0,0,1,11.47-8.33l.36-.18H56.46a12.15,12.15,0,0,1,12,10.51,3,3,0,0,0,.07.77v7.73h-37V66.22Zm5.83-11.68A15.68,15.68,0,0,0,28.12,67.3v2.2H3.43v-7A12.13,12.13,0,0,1,15.49,50.49H28.36A12,12,0,0,1,34.24,52,12.22,12.22,0,0,1,37.35,54.54Z"
+    />
     <path
-      d="M21.89,44.35h0a11.81,11.81,0,0,0,0-23.63h0a11.81,11.81,0,0,0,0,23.63Zm0-3.54h0a8.29,8.29,0,1,1,5.86-2.43A8.23,8.23,0,0,1,21.91,40.82Z"/>
+      d="M21.89,44.35h0a11.81,11.81,0,0,0,0-23.63h0a11.81,11.81,0,0,0,0,23.63Zm0-3.54h0a8.29,8.29,0,1,1,5.86-2.43A8.23,8.23,0,0,1,21.91,40.82Z"
+    />
     <path
-      d="M78.11,44.34h0a11.81,11.81,0,0,0,0-23.63h0a11.81,11.81,0,0,0,0,23.63ZM69.84,32.53A8.29,8.29,0,1,1,84,38.38a8.23,8.23,0,0,1-5.86,2.43h0a8.29,8.29,0,0,1-8.29-8.28Z"/>
+      d="M78.11,44.34h0a11.81,11.81,0,0,0,0-23.63h0a11.81,11.81,0,0,0,0,23.63ZM69.84,32.53A8.29,8.29,0,1,1,84,38.38a8.23,8.23,0,0,1-5.86,2.43h0a8.29,8.29,0,0,1-8.29-8.28Z"
+    />
     <path
-      d="M50,50.56A11.8,11.8,0,1,0,50,27h0a11.8,11.8,0,1,0,0,23.6ZM41.74,38.79A8.29,8.29,0,0,1,50,30.5h0a8.29,8.29,0,0,1,0,16.58h0A8.3,8.3,0,0,1,41.74,38.79Z"/>
+      d="M50,50.56A11.8,11.8,0,1,0,50,27h0a11.8,11.8,0,1,0,0,23.6ZM41.74,38.79A8.29,8.29,0,0,1,50,30.5h0a8.29,8.29,0,0,1,0,16.58h0A8.3,8.3,0,0,1,41.74,38.79Z"
+    />
   </svg>
 </template>
diff --git a/client/src/components/icons/Hamburger.vue b/client/src/components/icons/Hamburger.vue
index 52d99c71..9e588f1e 100644
--- a/client/src/components/icons/Hamburger.vue
+++ b/client/src/components/icons/Hamburger.vue
@@ -4,9 +4,10 @@
     width="100"
     height="100"
     viewBox="0 0 100 100"
-    id="shape">
-    <path d="M82,21H18a3,3,0,0,1,0-6H82a3,3,0,0,1,0,6Z"/>
-    <path d="M82,85H18a3,3,0,0,1,0-6H82a3,3,0,0,1,0,6Z"/>
-    <path d="M82,53H18a3,3,0,0,1,0-6H82a3,3,0,0,1,0,6Z"/>
+    id="shape"
+  >
+    <path d="M82,21H18a3,3,0,0,1,0-6H82a3,3,0,0,1,0,6Z" />
+    <path d="M82,85H18a3,3,0,0,1,0-6H82a3,3,0,0,1,0,6Z" />
+    <path d="M82,53H18a3,3,0,0,1,0-6H82a3,3,0,0,1,0,6Z" />
   </svg>
 </template>
diff --git a/client/src/components/icons/HepLogo.vue b/client/src/components/icons/HepLogo.vue
index 7d7c7b69..1b82a955 100644
--- a/client/src/components/icons/HepLogo.vue
+++ b/client/src/components/icons/HepLogo.vue
@@ -3,72 +3,93 @@
     data-name="Ebene 1"
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 147.39503 34.72434"
-    id="Ebene_1">
+    id="Ebene_1"
+  >
     <circle
       class="cls-1"
       cx="17.36217"
       cy="17.36217"
-      r="17.36217"/>
+      r="17.36217"
+    />
     <path
       class="cls-1"
-      d="M52.4432,8.634a4.55121,4.55121,0,0,0-.89344-1.506,3.95842,3.95842,0,0,0-1.37354-.97187,4.42834,4.42834,0,0,0-1.7625-.34656,4.00352,4.00352,0,0,0-1.80914.40273,3.454,3.454,0,0,0-1.30783,1.14356h-.03922V2.59971H42.62491V17.82914h2.63262V10.86921a3.046,3.046,0,0,1,.17382-1.03228,2.49255,2.49255,0,0,1,.49812-.8468,2.33973,2.33973,0,0,1,.79169-.56277,2.52558,2.52558,0,0,1,1.03016-.20561,2.30456,2.30456,0,0,1,1.72223.68041,2.663,2.663,0,0,1,.66028,1.9236v7.00338h2.63262V10.60425A5.72892,5.72892,0,0,0,52.4432,8.634Z"/>
+      d="M52.4432,8.634a4.55121,4.55121,0,0,0-.89344-1.506,3.95842,3.95842,0,0,0-1.37354-.97187,4.42834,4.42834,0,0,0-1.7625-.34656,4.00352,4.00352,0,0,0-1.80914.40273,3.454,3.454,0,0,0-1.30783,1.14356h-.03922V2.59971H42.62491V17.82914h2.63262V10.86921a3.046,3.046,0,0,1,.17382-1.03228,2.49255,2.49255,0,0,1,.49812-.8468,2.33973,2.33973,0,0,1,.79169-.56277,2.52558,2.52558,0,0,1,1.03016-.20561,2.30456,2.30456,0,0,1,1.72223.68041,2.663,2.663,0,0,1,.66028,1.9236v7.00338h2.63262V10.60425A5.72892,5.72892,0,0,0,52.4432,8.634Z"
+    />
     <path
       class="cls-1"
-      d="M65.73936,9.3865a5.357,5.357,0,0,0-1.081-1.8494A5.22188,5.22188,0,0,0,62.9096,6.278a5.72948,5.72948,0,0,0-2.37084-.46844,6.03155,6.03155,0,0,0-2.26911.41333,4.92935,4.92935,0,0,0-1.7625,1.19125,5.3972,5.3972,0,0,0-1.13508,1.91618,7.81512,7.81512,0,0,0-.40062,2.59977,7.81313,7.81313,0,0,0,.40062,2.59872A5.37548,5.37548,0,0,0,56.50715,16.445a4.91636,4.91636,0,0,0,1.7837,1.19338,6.37091,6.37091,0,0,0,2.33587.41121,6.1752,6.1752,0,0,0,1.95857-.29039,5.0312,5.0312,0,0,0,1.51557-.7917,4.95493,4.95493,0,0,0,1.09162-1.17005,5.74691,5.74691,0,0,0,.69-1.42442l.02013-.06041H63.05586l-.01378.01908a4.05,4.05,0,0,1-.95067.939,2.503,2.503,0,0,1-1.44243.3667,2.73105,2.73105,0,0,1-2.07515-.81289,3.29407,3.29407,0,0,1-.85635-2.07515h8.272l.00636-.03922c.01378-.089.02861-.19183.04345-.31053.01484-.1028.02968-.22151.04451-.354a4.07907,4.07907,0,0,0,.02332-.44725A6.72183,6.72183,0,0,0,65.73936,9.3865Zm-5.2006-1.16475a2.61117,2.61117,0,0,1,1.94373.71538,3.20654,3.20654,0,0,1,.87224,1.73071H57.7249a3.3678,3.3678,0,0,1,.94643-1.77416A2.62777,2.62777,0,0,1,60.53876,8.22175Z"/>
+      d="M65.73936,9.3865a5.357,5.357,0,0,0-1.081-1.8494A5.22188,5.22188,0,0,0,62.9096,6.278a5.72948,5.72948,0,0,0-2.37084-.46844,6.03155,6.03155,0,0,0-2.26911.41333,4.92935,4.92935,0,0,0-1.7625,1.19125,5.3972,5.3972,0,0,0-1.13508,1.91618,7.81512,7.81512,0,0,0-.40062,2.59977,7.81313,7.81313,0,0,0,.40062,2.59872A5.37548,5.37548,0,0,0,56.50715,16.445a4.91636,4.91636,0,0,0,1.7837,1.19338,6.37091,6.37091,0,0,0,2.33587.41121,6.1752,6.1752,0,0,0,1.95857-.29039,5.0312,5.0312,0,0,0,1.51557-.7917,4.95493,4.95493,0,0,0,1.09162-1.17005,5.74691,5.74691,0,0,0,.69-1.42442l.02013-.06041H63.05586l-.01378.01908a4.05,4.05,0,0,1-.95067.939,2.503,2.503,0,0,1-1.44243.3667,2.73105,2.73105,0,0,1-2.07515-.81289,3.29407,3.29407,0,0,1-.85635-2.07515h8.272l.00636-.03922c.01378-.089.02861-.19183.04345-.31053.01484-.1028.02968-.22151.04451-.354a4.07907,4.07907,0,0,0,.02332-.44725A6.72183,6.72183,0,0,0,65.73936,9.3865Zm-5.2006-1.16475a2.61117,2.61117,0,0,1,1.94373.71538,3.20654,3.20654,0,0,1,.87224,1.73071H57.7249a3.3678,3.3678,0,0,1,.94643-1.77416A2.62777,2.62777,0,0,1,60.53876,8.22175Z"
+    />
     <path
       class="cls-1"
-      d="M79.14786,9.29748A5.456,5.456,0,0,0,78.0912,7.38236a4.5326,4.5326,0,0,0-1.61836-1.17112,5.23851,5.23851,0,0,0-2.072-.40167,4.12277,4.12277,0,0,0-2.06667.50342,4.59474,4.59474,0,0,0-1.37884,1.1531h-.05088l-.32431-1.4-.00741-.036h-2.1822V21.37068h2.63368v-4.8674h.03816a2.65765,2.65765,0,0,0,.45891.5066,3.83135,3.83135,0,0,0,.74824.514,4.59617,4.59617,0,0,0,.97081.38048,4.44481,4.44481,0,0,0,1.16051.1452,5.23834,5.23834,0,0,0,2.072-.40168,4.53245,4.53245,0,0,0,1.61836-1.17111,5.43932,5.43932,0,0,0,1.05666-1.91512,8.40143,8.40143,0,0,0,.37942-2.63157A8.41306,8.41306,0,0,0,79.14786,9.29748ZM73.95891,8.22175a2.87335,2.87335,0,0,1,1.14144.22786,2.62129,2.62129,0,0,1,.93266.68359,3.25549,3.25549,0,0,1,.63166,1.15522,5.2844,5.2844,0,0,1,.22892,1.64168,5.29386,5.29386,0,0,1-.22892,1.64169,3.25948,3.25948,0,0,1-.63166,1.15415,2.59368,2.59368,0,0,1-.93266.6836,2.97289,2.97289,0,0,1-2.28288,0,2.59373,2.59373,0,0,1-.93265-.6836,3.277,3.277,0,0,1-.63166-1.15521,5.28178,5.28178,0,0,1-.22893-1.64063,5.28409,5.28409,0,0,1,.22893-1.64168,3.27711,3.27711,0,0,1,.63166-1.15522,2.62134,2.62134,0,0,1,.93265-.68359A2.87342,2.87342,0,0,1,73.95891,8.22175Z"/>
+      d="M79.14786,9.29748A5.456,5.456,0,0,0,78.0912,7.38236a4.5326,4.5326,0,0,0-1.61836-1.17112,5.23851,5.23851,0,0,0-2.072-.40167,4.12277,4.12277,0,0,0-2.06667.50342,4.59474,4.59474,0,0,0-1.37884,1.1531h-.05088l-.32431-1.4-.00741-.036h-2.1822V21.37068h2.63368v-4.8674h.03816a2.65765,2.65765,0,0,0,.45891.5066,3.83135,3.83135,0,0,0,.74824.514,4.59617,4.59617,0,0,0,.97081.38048,4.44481,4.44481,0,0,0,1.16051.1452,5.23834,5.23834,0,0,0,2.072-.40168,4.53245,4.53245,0,0,0,1.61836-1.17111,5.43932,5.43932,0,0,0,1.05666-1.91512,8.40143,8.40143,0,0,0,.37942-2.63157A8.41306,8.41306,0,0,0,79.14786,9.29748ZM73.95891,8.22175a2.87335,2.87335,0,0,1,1.14144.22786,2.62129,2.62129,0,0,1,.93266.68359,3.25549,3.25549,0,0,1,.63166,1.15522,5.2844,5.2844,0,0,1,.22892,1.64168,5.29386,5.29386,0,0,1-.22892,1.64169,3.25948,3.25948,0,0,1-.63166,1.15415,2.59368,2.59368,0,0,1-.93266.6836,2.97289,2.97289,0,0,1-2.28288,0,2.59373,2.59373,0,0,1-.93265-.6836,3.277,3.277,0,0,1-.63166-1.15521,5.28178,5.28178,0,0,1-.22893-1.64063,5.28409,5.28409,0,0,1,.22893-1.64168,3.27711,3.27711,0,0,1,.63166-1.15522,2.62134,2.62134,0,0,1,.93265-.68359A2.87342,2.87342,0,0,1,73.95891,8.22175Z"
+    />
     <path
       class="cls-1"
-      d="M42.61643,23.24323h1.01v5.18046l3.29714-3.29714h1.27816L44.77,28.55829l3.63311,3.56634H47.125l-3.49851-3.43174v3.43174h-1.01Z"/>
+      d="M42.61643,23.24323h1.01v5.18046l3.29714-3.29714h1.27816L44.77,28.55829l3.63311,3.56634H47.125l-3.49851-3.43174v3.43174h-1.01Z"
+    />
     <path
       class="cls-1"
-      d="M52.01023,32.25923a3.50763,3.50763,0,0,1-1.30571-.23529,2.72284,2.72284,0,0,1-1.01638-.69949,3.34743,3.34743,0,0,1-.66558-1.1372,5.14225,5.14225,0,0,1,0-3.12227,3.34743,3.34743,0,0,1,.66558-1.1372,2.723,2.723,0,0,1,1.01638-.69949,3.72016,3.72016,0,0,1,2.604,0,2.69623,2.69623,0,0,1,1.02274.69949,3.34936,3.34936,0,0,1,.66663,1.1372,5.16374,5.16374,0,0,1,0,3.12227,3.34936,3.34936,0,0,1-.66663,1.1372,2.69611,2.69611,0,0,1-1.02274.69949A3.52016,3.52016,0,0,1,52.01023,32.25923Zm0-.9422a2.21008,2.21008,0,0,0,.88814-.17487,1.92179,1.92179,0,0,0,.69949-.51826,2.489,2.489,0,0,0,.46421-.84044,4.05861,4.05861,0,0,0,0-2.31468,2.50459,2.50459,0,0,0-.46421-.84151,1.93408,1.93408,0,0,0-.69949-.51826,2.3428,2.3428,0,0,0-1.77628,0,1.94676,1.94676,0,0,0-.70055.51826,2.50476,2.50476,0,0,0-.46421.84151,4.08323,4.08323,0,0,0,0,2.31468,2.48917,2.48917,0,0,0,.46421.84044,1.93431,1.93431,0,0,0,.70055.51826A2.21008,2.21008,0,0,0,52.01023,31.317Z"/>
+      d="M52.01023,32.25923a3.50763,3.50763,0,0,1-1.30571-.23529,2.72284,2.72284,0,0,1-1.01638-.69949,3.34743,3.34743,0,0,1-.66558-1.1372,5.14225,5.14225,0,0,1,0-3.12227,3.34743,3.34743,0,0,1,.66558-1.1372,2.723,2.723,0,0,1,1.01638-.69949,3.72016,3.72016,0,0,1,2.604,0,2.69623,2.69623,0,0,1,1.02274.69949,3.34936,3.34936,0,0,1,.66663,1.1372,5.16374,5.16374,0,0,1,0,3.12227,3.34936,3.34936,0,0,1-.66663,1.1372,2.69611,2.69611,0,0,1-1.02274.69949A3.52016,3.52016,0,0,1,52.01023,32.25923Zm0-.9422a2.21008,2.21008,0,0,0,.88814-.17487,1.92179,1.92179,0,0,0,.69949-.51826,2.489,2.489,0,0,0,.46421-.84044,4.05861,4.05861,0,0,0,0-2.31468,2.50459,2.50459,0,0,0-.46421-.84151,1.93408,1.93408,0,0,0-.69949-.51826,2.3428,2.3428,0,0,0-1.77628,0,1.94676,1.94676,0,0,0-.70055.51826,2.50476,2.50476,0,0,0-.46421.84151,4.08323,4.08323,0,0,0,0,2.31468,2.48917,2.48917,0,0,0,.46421.84044,1.93431,1.93431,0,0,0,.70055.51826A2.21008,2.21008,0,0,0,52.01023,31.317Z"
+    />
     <path
       class="cls-1"
-      d="M56.86809,25.12655h.80759l.1346.94219h.06677a2.00568,2.00568,0,0,1,.83409-.84045,2.37269,2.37269,0,0,1,1.05029-.23528,2.14389,2.14389,0,0,1,1.18384.336,2.37008,2.37008,0,0,1,.83409.94219h.06783a2.25262,2.25262,0,0,1,.92841-.96869,2.69067,2.69067,0,0,1,1.29194-.30947,2.31173,2.31173,0,0,1,.94219.195,2.25742,2.25742,0,0,1,.77368.55853,2.62232,2.62232,0,0,1,.51826.88814,3.49864,3.49864,0,0,1,.18865,1.18384v4.3061h-1.01v-4.3061a1.9851,1.9851,0,0,0-.45042-1.4,1.52165,1.52165,0,0,0-1.1637-.48435,1.56955,1.56955,0,0,0-.66028.142,1.63624,1.63624,0,0,0-.53839.39638,1.8526,1.8526,0,0,0-.35611.5988,2.11158,2.11158,0,0,0-.12824.74719v4.3061h-1.009v-4.3061a1.98506,1.98506,0,0,0-.45043-1.4,1.52233,1.52233,0,0,0-1.16475-.48435,1.50178,1.50178,0,0,0-.63166.142,1.62552,1.62552,0,0,0-.5384.39638,2.07492,2.07492,0,0,0-.37094.5988,1.962,1.962,0,0,0-.141.74719v4.3061h-1.009Z"/>
+      d="M56.86809,25.12655h.80759l.1346.94219h.06677a2.00568,2.00568,0,0,1,.83409-.84045,2.37269,2.37269,0,0,1,1.05029-.23528,2.14389,2.14389,0,0,1,1.18384.336,2.37008,2.37008,0,0,1,.83409.94219h.06783a2.25262,2.25262,0,0,1,.92841-.96869,2.69067,2.69067,0,0,1,1.29194-.30947,2.31173,2.31173,0,0,1,.94219.195,2.25742,2.25742,0,0,1,.77368.55853,2.62232,2.62232,0,0,1,.51826.88814,3.49864,3.49864,0,0,1,.18865,1.18384v4.3061h-1.01v-4.3061a1.9851,1.9851,0,0,0-.45042-1.4,1.52165,1.52165,0,0,0-1.1637-.48435,1.56955,1.56955,0,0,0-.66028.142,1.63624,1.63624,0,0,0-.53839.39638,1.8526,1.8526,0,0,0-.35611.5988,2.11158,2.11158,0,0,0-.12824.74719v4.3061h-1.009v-4.3061a1.98506,1.98506,0,0,0-.45043-1.4,1.52233,1.52233,0,0,0-1.16475-.48435,1.50178,1.50178,0,0,0-.63166.142,1.62552,1.62552,0,0,0-.5384.39638,2.07492,2.07492,0,0,0-.37094.5988,1.962,1.962,0,0,0-.141.74719v4.3061h-1.009Z"
+    />
     <path
       class="cls-1"
-      d="M68.39055,25.12655h.80759l.1346.94219h.06677a2.34585,2.34585,0,0,1,.93583-.79381,3.313,3.313,0,0,1,2.56374-.04664,2.60919,2.60919,0,0,1,.95491.69949,3.36014,3.36014,0,0,1,.63272,1.1372,5.43759,5.43759,0,0,1,0,3.12227,3.36014,3.36014,0,0,1-.63272,1.1372,2.60908,2.60908,0,0,1-.95491.69949,3.06349,3.06349,0,0,1-1.21139.23529,2.92848,2.92848,0,0,1-1.31949-.27556,2.53882,2.53882,0,0,1-.90086-.7334h-.06783v3.02508h-1.009ZM71.55309,31.317a1.96128,1.96128,0,0,0,1.56114-.68571,2.99146,2.99146,0,0,0,.59138-2.0052,2.99149,2.99149,0,0,0-.59138-2.00521,2.11774,2.11774,0,0,0-3.12227,0,2.98588,2.98588,0,0,0-.59245,2.00521,2.98585,2.98585,0,0,0,.59245,2.0052A1.95829,1.95829,0,0,0,71.55309,31.317Z"/>
+      d="M68.39055,25.12655h.80759l.1346.94219h.06677a2.34585,2.34585,0,0,1,.93583-.79381,3.313,3.313,0,0,1,2.56374-.04664,2.60919,2.60919,0,0,1,.95491.69949,3.36014,3.36014,0,0,1,.63272,1.1372,5.43759,5.43759,0,0,1,0,3.12227,3.36014,3.36014,0,0,1-.63272,1.1372,2.60908,2.60908,0,0,1-.95491.69949,3.06349,3.06349,0,0,1-1.21139.23529,2.92848,2.92848,0,0,1-1.31949-.27556,2.53882,2.53882,0,0,1-.90086-.7334h-.06783v3.02508h-1.009ZM71.55309,31.317a1.96128,1.96128,0,0,0,1.56114-.68571,2.99146,2.99146,0,0,0,.59138-2.0052,2.99149,2.99149,0,0,0-.59138-2.00521,2.11774,2.11774,0,0,0-3.12227,0,2.98588,2.98588,0,0,0-.59245,2.00521,2.98585,2.98585,0,0,0,.59245,2.0052A1.95829,1.95829,0,0,0,71.55309,31.317Z"
+    />
     <path
       class="cls-1"
-      d="M79.36143,32.25923a3.5076,3.5076,0,0,1-1.30571-.23529,2.72284,2.72284,0,0,1-1.01638-.69949,3.34727,3.34727,0,0,1-.66558-1.1372,4.60854,4.60854,0,0,1-.2427-1.56113A4.6949,4.6949,0,0,1,76.3674,27.065a3.25231,3.25231,0,0,1,.65922-1.1372,2.73334,2.73334,0,0,1,1.0026-.69949A3.32709,3.32709,0,0,1,79.2936,24.993a3.047,3.047,0,0,1,1.4.302,3.11509,3.11509,0,0,1,.98882.7811,3.1694,3.1694,0,0,1,.585,1.04923,3.49088,3.49088,0,0,1,.18865,1.09693,2.59583,2.59583,0,0,1-.01271.2692c-.00954.08055-.018.15262-.02756.21515-.00848.07206-.018.13459-.0265.18865H77.14108a2.58155,2.58155,0,0,0,.67935,1.81655,2.13015,2.13015,0,0,0,1.541.60516,1.9818,1.9818,0,0,0,1.81655-1.009h1.07679a2.79418,2.79418,0,0,1-1.11706,1.46045A3.22194,3.22194,0,0,1,79.36143,32.25923Zm2.08575-4.23934a2.3453,2.3453,0,0,0-.69949-1.54735,2.23134,2.23134,0,0,0-2.90712,0,2.33547,2.33547,0,0,0-.69949,1.54735Z"/>
+      d="M79.36143,32.25923a3.5076,3.5076,0,0,1-1.30571-.23529,2.72284,2.72284,0,0,1-1.01638-.69949,3.34727,3.34727,0,0,1-.66558-1.1372,4.60854,4.60854,0,0,1-.2427-1.56113A4.6949,4.6949,0,0,1,76.3674,27.065a3.25231,3.25231,0,0,1,.65922-1.1372,2.73334,2.73334,0,0,1,1.0026-.69949A3.32709,3.32709,0,0,1,79.2936,24.993a3.047,3.047,0,0,1,1.4.302,3.11509,3.11509,0,0,1,.98882.7811,3.1694,3.1694,0,0,1,.585,1.04923,3.49088,3.49088,0,0,1,.18865,1.09693,2.59583,2.59583,0,0,1-.01271.2692c-.00954.08055-.018.15262-.02756.21515-.00848.07206-.018.13459-.0265.18865H77.14108a2.58155,2.58155,0,0,0,.67935,1.81655,2.13015,2.13015,0,0,0,1.541.60516,1.9818,1.9818,0,0,0,1.81655-1.009h1.07679a2.79418,2.79418,0,0,1-1.11706,1.46045A3.22194,3.22194,0,0,1,79.36143,32.25923Zm2.08575-4.23934a2.3453,2.3453,0,0,0-.69949-1.54735,2.23134,2.23134,0,0,0-2.90712,0,2.33547,2.33547,0,0,0-.69949,1.54735Z"
+    />
     <path
       class="cls-1"
-      d="M84.99393,31.63392a1.70429,1.70429,0,0,1-.49176-1.258V26.06874H83.42538v-.94219h1.07679l.1346-1.88332h.87542v1.88332h1.81655v.94219H85.51219V30.3759a.77962.77962,0,0,0,.80653.80654h1.01v.94219H86.25195A1.70186,1.70186,0,0,1,84.99393,31.63392Z"/>
+      d="M84.99393,31.63392a1.70429,1.70429,0,0,1-.49176-1.258V26.06874H83.42538v-.94219h1.07679l.1346-1.88332h.87542v1.88332h1.81655v.94219H85.51219V30.3759a.77962.77962,0,0,0,.80653.80654h1.01v.94219H86.25195A1.70186,1.70186,0,0,1,84.99393,31.63392Z"
+    />
     <path
       class="cls-1"
-      d="M91.58563,32.25923a3.50769,3.50769,0,0,1-1.30572-.23529,2.723,2.723,0,0,1-1.01638-.69949,3.34741,3.34741,0,0,1-.66557-1.1372,4.6083,4.6083,0,0,1-.2427-1.56113A4.6949,4.6949,0,0,1,88.5916,27.065a3.25231,3.25231,0,0,1,.65922-1.1372,2.73334,2.73334,0,0,1,1.0026-.69949A3.32709,3.32709,0,0,1,91.5178,24.993a3.047,3.047,0,0,1,1.4.302,3.11509,3.11509,0,0,1,.98882.7811,3.1694,3.1694,0,0,1,.585,1.04923,3.49088,3.49088,0,0,1,.18865,1.09693,2.59288,2.59288,0,0,1-.01272.2692c-.00953.08055-.018.15262-.02755.21515-.00848.07206-.018.13459-.0265.18865H89.36528a2.58155,2.58155,0,0,0,.67935,1.81655,2.13015,2.13015,0,0,0,1.541.60516,1.9818,1.9818,0,0,0,1.81655-1.009H94.479a2.79418,2.79418,0,0,1-1.11706,1.46045A3.22194,3.22194,0,0,1,91.58563,32.25923Zm2.08575-4.23934a2.3453,2.3453,0,0,0-.69949-1.54735,2.23134,2.23134,0,0,0-2.90712,0,2.33547,2.33547,0,0,0-.69949,1.54735Z"/>
+      d="M91.58563,32.25923a3.50769,3.50769,0,0,1-1.30572-.23529,2.723,2.723,0,0,1-1.01638-.69949,3.34741,3.34741,0,0,1-.66557-1.1372,4.6083,4.6083,0,0,1-.2427-1.56113A4.6949,4.6949,0,0,1,88.5916,27.065a3.25231,3.25231,0,0,1,.65922-1.1372,2.73334,2.73334,0,0,1,1.0026-.69949A3.32709,3.32709,0,0,1,91.5178,24.993a3.047,3.047,0,0,1,1.4.302,3.11509,3.11509,0,0,1,.98882.7811,3.1694,3.1694,0,0,1,.585,1.04923,3.49088,3.49088,0,0,1,.18865,1.09693,2.59288,2.59288,0,0,1-.01272.2692c-.00953.08055-.018.15262-.02755.21515-.00848.07206-.018.13459-.0265.18865H89.36528a2.58155,2.58155,0,0,0,.67935,1.81655,2.13015,2.13015,0,0,0,1.541.60516,1.9818,1.9818,0,0,0,1.81655-1.009H94.479a2.79418,2.79418,0,0,1-1.11706,1.46045A3.22194,3.22194,0,0,1,91.58563,32.25923Zm2.08575-4.23934a2.3453,2.3453,0,0,0-.69949-1.54735,2.23134,2.23134,0,0,0-2.90712,0,2.33547,2.33547,0,0,0-.69949,1.54735Z"
+    />
     <path
       class="cls-1"
-      d="M96.3745,25.12655h.8076l.13459.94219h.06677a1.9014,1.9014,0,0,1,.90828-.84045,2.84328,2.84328,0,0,1,1.11071-.23528,2.68728,2.68728,0,0,1,1.02909.195,2.43164,2.43164,0,0,1,.83409.55853,2.53811,2.53811,0,0,1,.55854.88814,3.27437,3.27437,0,0,1,.20242,1.18384v4.3061h-1.009v-4.3061a1.88054,1.88054,0,0,0-.49176-1.4,1.71981,1.71981,0,0,0-1.258-.48435,1.8029,1.8029,0,0,0-.74718.15474,2.014,2.014,0,0,0-.59881.41121,1.815,1.815,0,0,0-.39744.59881,1.88894,1.88894,0,0,0-.141.71963v4.3061h-1.009Z"/>
+      d="M96.3745,25.12655h.8076l.13459.94219h.06677a1.9014,1.9014,0,0,1,.90828-.84045,2.84328,2.84328,0,0,1,1.11071-.23528,2.68728,2.68728,0,0,1,1.02909.195,2.43164,2.43164,0,0,1,.83409.55853,2.53811,2.53811,0,0,1,.55854.88814,3.27437,3.27437,0,0,1,.20242,1.18384v4.3061h-1.009v-4.3061a1.88054,1.88054,0,0,0-.49176-1.4,1.71981,1.71981,0,0,0-1.258-.48435,1.8029,1.8029,0,0,0-.74718.15474,2.014,2.014,0,0,0-.59881.41121,1.815,1.815,0,0,0-.39744.59881,1.88894,1.88894,0,0,0-.141.71963v4.3061h-1.009Z"
+    />
     <path
       class="cls-1"
-      d="M104.7764,31.63392a1.7043,1.7043,0,0,1-.49177-1.258V26.06874h-1.07679v-.94219h1.07679l.1346-1.88332h.87542v1.88332h1.81656v.94219h-1.81656V30.3759a.77964.77964,0,0,0,.80654.80654h1.01v.94219h-1.07679A1.70184,1.70184,0,0,1,104.7764,31.63392Z"/>
+      d="M104.7764,31.63392a1.7043,1.7043,0,0,1-.49177-1.258V26.06874h-1.07679v-.94219h1.07679l.1346-1.88332h.87542v1.88332h1.81656v.94219h-1.81656V30.3759a.77964.77964,0,0,0,.80654.80654h1.01v.94219h-1.07679A1.70184,1.70184,0,0,1,104.7764,31.63392Z"
+    />
     <path
       class="cls-1"
-      d="M115.14105,32.25923a3.0872,3.0872,0,0,1-1.35234-.28192,2.34409,2.34409,0,0,1-.93478-.79487h-.06783l-.1346.94219h-.80759v-8.8814h1.01V26.002h.06677a2.54267,2.54267,0,0,1,.90192-.7334,2.91289,2.91289,0,0,1,1.31843-.27556,3.05625,3.05625,0,0,1,1.21139.23528,2.61284,2.61284,0,0,1,.956.69949,3.37627,3.37627,0,0,1,.63166,1.1372,5.43736,5.43736,0,0,1,0,3.12227,3.37627,3.37627,0,0,1-.63166,1.1372,2.61273,2.61273,0,0,1-.956.69949A3.05608,3.05608,0,0,1,115.14105,32.25923Zm-.1346-.9422a1.95833,1.95833,0,0,0,1.56114-.68571,2.98585,2.98585,0,0,0,.59245-2.0052,2.98588,2.98588,0,0,0-.59245-2.00521,2.11774,2.11774,0,0,0-3.12227,0,2.99144,2.99144,0,0,0-.59139,2.00521,2.99141,2.99141,0,0,0,.59139,2.0052A1.96127,1.96127,0,0,0,115.00645,31.317Z"/>
+      d="M115.14105,32.25923a3.0872,3.0872,0,0,1-1.35234-.28192,2.34409,2.34409,0,0,1-.93478-.79487h-.06783l-.1346.94219h-.80759v-8.8814h1.01V26.002h.06677a2.54267,2.54267,0,0,1,.90192-.7334,2.91289,2.91289,0,0,1,1.31843-.27556,3.05625,3.05625,0,0,1,1.21139.23528,2.61284,2.61284,0,0,1,.956.69949,3.37627,3.37627,0,0,1,.63166,1.1372,5.43736,5.43736,0,0,1,0,3.12227,3.37627,3.37627,0,0,1-.63166,1.1372,2.61273,2.61273,0,0,1-.956.69949A3.05608,3.05608,0,0,1,115.14105,32.25923Zm-.1346-.9422a1.95833,1.95833,0,0,0,1.56114-.68571,2.98585,2.98585,0,0,0,.59245-2.0052,2.98588,2.98588,0,0,0-.59245-2.00521,2.11774,2.11774,0,0,0-3.12227,0,2.99144,2.99144,0,0,0-.59139,2.00521,2.99141,2.99141,0,0,0,.59139,2.0052A1.96127,1.96127,0,0,0,115.00645,31.317Z"
+    />
     <path
       class="cls-1"
-      d="M120.392,24.19429a.69831.69831,0,0,1-.50448-.20136.66738.66738,0,0,1-.20878-.49813.69925.69925,0,0,1,.20242-.50448.68231.68231,0,0,1,.51084-.20878.66738.66738,0,0,1,.49813.20878.69925.69925,0,0,1,.20242.50448.68177.68177,0,0,1-.20242.49071A.66349.66349,0,0,1,120.392,24.19429Zm-.51084.93226h1.009v6.99808h-1.009Z"/>
+      d="M120.392,24.19429a.69831.69831,0,0,1-.50448-.20136.66738.66738,0,0,1-.20878-.49813.69925.69925,0,0,1,.20242-.50448.68231.68231,0,0,1,.51084-.20878.66738.66738,0,0,1,.49813.20878.69925.69925,0,0,1,.20242.50448.68177.68177,0,0,1-.20242.49071A.66349.66349,0,0,1,120.392,24.19429Zm-.51084.93226h1.009v6.99808h-1.009Z"
+    />
     <path
       class="cls-1"
-      d="M123.03591,23.24323h1.01v8.8814h-1.01Z"/>
+      d="M123.03591,23.24323h1.01v8.8814h-1.01Z"
+    />
     <path
       class="cls-1"
-      d="M128.79071,32.25923a3.05086,3.05086,0,0,1-1.21033-.23529,2.604,2.604,0,0,1-.956-.69949,3.36014,3.36014,0,0,1-.63272-1.1372,5.43759,5.43759,0,0,1,0-3.12227,3.36014,3.36014,0,0,1,.63272-1.1372,2.6041,2.6041,0,0,1,.956-.69949,3.051,3.051,0,0,1,1.21033-.23528,2.91444,2.91444,0,0,1,1.31949.27556,2.53874,2.53874,0,0,1,.90086.7334h.06783V23.24323h1.009v8.8814h-.80759l-.1346-.94219h-.06677a2.34,2.34,0,0,1-.93583.79487A3.084,3.084,0,0,1,128.79071,32.25923Zm.1346-.9422a1.95829,1.95829,0,0,0,1.56113-.68571,2.98585,2.98585,0,0,0,.59245-2.0052,2.98588,2.98588,0,0,0-.59245-2.00521,2.11772,2.11772,0,0,0-3.12226,0,2.99144,2.99144,0,0,0-.59139,2.00521,2.99141,2.99141,0,0,0,.59139,2.0052A1.96124,1.96124,0,0,0,128.92531,31.317Z"/>
+      d="M128.79071,32.25923a3.05086,3.05086,0,0,1-1.21033-.23529,2.604,2.604,0,0,1-.956-.69949,3.36014,3.36014,0,0,1-.63272-1.1372,5.43759,5.43759,0,0,1,0-3.12227,3.36014,3.36014,0,0,1,.63272-1.1372,2.6041,2.6041,0,0,1,.956-.69949,3.051,3.051,0,0,1,1.21033-.23528,2.91444,2.91444,0,0,1,1.31949.27556,2.53874,2.53874,0,0,1,.90086.7334h.06783V23.24323h1.009v8.8814h-.80759l-.1346-.94219h-.06677a2.34,2.34,0,0,1-.93583.79487A3.084,3.084,0,0,1,128.79071,32.25923Zm.1346-.9422a1.95829,1.95829,0,0,0,1.56113-.68571,2.98585,2.98585,0,0,0,.59245-2.0052,2.98588,2.98588,0,0,0-.59245-2.00521,2.11772,2.11772,0,0,0-3.12226,0,2.99144,2.99144,0,0,0-.59139,2.00521,2.99141,2.99141,0,0,0,.59139,2.0052A1.96124,1.96124,0,0,0,128.92531,31.317Z"
+    />
     <path
       class="cls-1"
-      d="M137.11233,32.25923a3.50763,3.50763,0,0,1-1.30571-.23529,2.72284,2.72284,0,0,1-1.01638-.69949,3.34743,3.34743,0,0,1-.66558-1.1372,4.60854,4.60854,0,0,1-.2427-1.56113,4.6949,4.6949,0,0,1,.23634-1.56114,3.25231,3.25231,0,0,1,.65922-1.1372,2.73334,2.73334,0,0,1,1.0026-.69949,3.32709,3.32709,0,0,1,1.26438-.23528,3.047,3.047,0,0,1,1.4.302,3.11524,3.11524,0,0,1,.98883.7811,3.16955,3.16955,0,0,1,.585,1.04923,3.49088,3.49088,0,0,1,.18865,1.09693,2.59583,2.59583,0,0,1-.01271.2692c-.00954.08055-.018.15262-.02756.21515-.00848.07206-.018.13459-.0265.18865H134.892a2.58155,2.58155,0,0,0,.67935,1.81655,2.13015,2.13015,0,0,0,1.541.60516,1.9818,1.9818,0,0,0,1.81655-1.009h1.0768a2.79424,2.79424,0,0,1-1.11707,1.46045A3.22194,3.22194,0,0,1,137.11233,32.25923Zm2.08575-4.23934a2.3453,2.3453,0,0,0-.69949-1.54735,2.23134,2.23134,0,0,0-2.90712,0,2.33547,2.33547,0,0,0-.69949,1.54735Z"/>
+      d="M137.11233,32.25923a3.50763,3.50763,0,0,1-1.30571-.23529,2.72284,2.72284,0,0,1-1.01638-.69949,3.34743,3.34743,0,0,1-.66558-1.1372,4.60854,4.60854,0,0,1-.2427-1.56113,4.6949,4.6949,0,0,1,.23634-1.56114,3.25231,3.25231,0,0,1,.65922-1.1372,2.73334,2.73334,0,0,1,1.0026-.69949,3.32709,3.32709,0,0,1,1.26438-.23528,3.047,3.047,0,0,1,1.4.302,3.11524,3.11524,0,0,1,.98883.7811,3.16955,3.16955,0,0,1,.585,1.04923,3.49088,3.49088,0,0,1,.18865,1.09693,2.59583,2.59583,0,0,1-.01271.2692c-.00954.08055-.018.15262-.02756.21515-.00848.07206-.018.13459-.0265.18865H134.892a2.58155,2.58155,0,0,0,.67935,1.81655,2.13015,2.13015,0,0,0,1.541.60516,1.9818,1.9818,0,0,0,1.81655-1.009h1.0768a2.79424,2.79424,0,0,1-1.11707,1.46045A3.22194,3.22194,0,0,1,137.11233,32.25923Zm2.08575-4.23934a2.3453,2.3453,0,0,0-.69949-1.54735,2.23134,2.23134,0,0,0-2.90712,0,2.33547,2.33547,0,0,0-.69949,1.54735Z"
+    />
     <path
       class="cls-1"
-      d="M141.74294,25.12655h.80759l.1346.94219h.06677a1.90132,1.90132,0,0,1,.90828-.84045,2.84327,2.84327,0,0,1,1.1107-.23528,2.68734,2.68734,0,0,1,1.0291.195,2.43174,2.43174,0,0,1,.83409.55853,2.53823,2.53823,0,0,1,.55853.88814,3.27415,3.27415,0,0,1,.20243,1.18384v4.3061h-1.009v-4.3061a1.88054,1.88054,0,0,0-.49177-1.4,1.71979,1.71979,0,0,0-1.258-.48435,1.8029,1.8029,0,0,0-.74718.15474,2.01427,2.01427,0,0,0-.59881.41121,1.81485,1.81485,0,0,0-.39743.59881,1.88875,1.88875,0,0,0-.141.71963v4.3061h-1.009Z"/>
+      d="M141.74294,25.12655h.80759l.1346.94219h.06677a1.90132,1.90132,0,0,1,.90828-.84045,2.84327,2.84327,0,0,1,1.1107-.23528,2.68734,2.68734,0,0,1,1.0291.195,2.43174,2.43174,0,0,1,.83409.55853,2.53823,2.53823,0,0,1,.55853.88814,3.27415,3.27415,0,0,1,.20243,1.18384v4.3061h-1.009v-4.3061a1.88054,1.88054,0,0,0-.49177-1.4,1.71979,1.71979,0,0,0-1.258-.48435,1.8029,1.8029,0,0,0-.74718.15474,2.01427,2.01427,0,0,0-.59881.41121,1.81485,1.81485,0,0,0-.39743.59881,1.88875,1.88875,0,0,0-.141.71963v4.3061h-1.009Z"
+    />
     <rect
       class="cls-1"
       x="42.62491"
       y="2.59971"
       width="2.63263"
-      height="15.22942"/>
+      height="15.22942"
+    />
   </svg>
 </template>
 
diff --git a/client/src/components/icons/HepLogoNoClaim.vue b/client/src/components/icons/HepLogoNoClaim.vue
index 3f8fd2f3..55b8f835 100644
--- a/client/src/components/icons/HepLogoNoClaim.vue
+++ b/client/src/components/icons/HepLogoNoClaim.vue
@@ -3,22 +3,27 @@
     viewBox="0 0 65.3274 22.28203"
     data-name="Ebene 1"
     xmlns="http://www.w3.org/2000/svg"
-    id="Ebene_1">
+    id="Ebene_1"
+  >
     <title>Zeichenfläche 1</title>
     <circle
       class="cls-1"
       cx="11.14101"
       cy="11.14101"
-      r="11.14101"/>
+      r="11.14101"
+    />
     <path
       class="cls-1"
-      d="M38.24333,9.54537a4.55137,4.55137,0,0,0-.89344-1.506,3.95851,3.95851,0,0,0-1.37354-.97187,4.42839,4.42839,0,0,0-1.76251-.34656,4.00351,4.00351,0,0,0-1.80913.40273,3.454,3.454,0,0,0-1.30783,1.14356h-.03922V3.51107H28.425V18.74049h2.63262V11.78056a3.04623,3.04623,0,0,1,.17381-1.03228,2.49273,2.49273,0,0,1,.49813-.8468,2.33973,2.33973,0,0,1,.79169-.56277,2.52554,2.52554,0,0,1,1.03016-.20561,2.30456,2.30456,0,0,1,1.72223.68041,2.663,2.663,0,0,1,.66027,1.9236v7.00338h2.63263V11.5156A5.72892,5.72892,0,0,0,38.24333,9.54537Z"/>
+      d="M38.24333,9.54537a4.55137,4.55137,0,0,0-.89344-1.506,3.95851,3.95851,0,0,0-1.37354-.97187,4.42839,4.42839,0,0,0-1.76251-.34656,4.00351,4.00351,0,0,0-1.80913.40273,3.454,3.454,0,0,0-1.30783,1.14356h-.03922V3.51107H28.425V18.74049h2.63262V11.78056a3.04623,3.04623,0,0,1,.17381-1.03228,2.49273,2.49273,0,0,1,.49813-.8468,2.33973,2.33973,0,0,1,.79169-.56277,2.52554,2.52554,0,0,1,1.03016-.20561,2.30456,2.30456,0,0,1,1.72223.68041,2.663,2.663,0,0,1,.66027,1.9236v7.00338h2.63263V11.5156A5.72892,5.72892,0,0,0,38.24333,9.54537Z"
+    />
     <path
       class="cls-1"
-      d="M51.53949,10.29785a5.35711,5.35711,0,0,0-1.081-1.8494,5.222,5.222,0,0,0-1.74873-1.25909,5.72952,5.72952,0,0,0-2.37085-.46844,6.03146,6.03146,0,0,0-2.2691.41333,4.92935,4.92935,0,0,0-1.7625,1.19125,5.3972,5.3972,0,0,0-1.13508,1.91618,7.81512,7.81512,0,0,0-.40062,2.59977,7.81313,7.81313,0,0,0,.40062,2.59872,5.37539,5.37539,0,0,0,1.13508,1.91617,4.91636,4.91636,0,0,0,1.7837,1.19338,6.37091,6.37091,0,0,0,2.33587.41121,6.17525,6.17525,0,0,0,1.95857-.29039,5.031,5.031,0,0,0,1.51556-.7917,4.95477,4.95477,0,0,0,1.09163-1.17,5.74653,5.74653,0,0,0,.69-1.42442l.02014-.06041H48.856l-.01378.01908a4.05035,4.05035,0,0,1-.95067.939,2.503,2.503,0,0,1-1.44243.3667,2.73106,2.73106,0,0,1-2.07516-.81289,3.29407,3.29407,0,0,1-.85634-2.07515h8.272l.00636-.03922c.01377-.089.02861-.19183.04345-.31053.01484-.1028.02967-.2215.04451-.354a4.07907,4.07907,0,0,0,.02332-.44725A6.72183,6.72183,0,0,0,51.53949,10.29785ZM46.33888,9.1331a2.61116,2.61116,0,0,1,1.94374.71539,3.20648,3.20648,0,0,1,.87224,1.7307H43.525A3.3678,3.3678,0,0,1,44.47146,9.805,2.62773,2.62773,0,0,1,46.33888,9.1331Z"/>
+      d="M51.53949,10.29785a5.35711,5.35711,0,0,0-1.081-1.8494,5.222,5.222,0,0,0-1.74873-1.25909,5.72952,5.72952,0,0,0-2.37085-.46844,6.03146,6.03146,0,0,0-2.2691.41333,4.92935,4.92935,0,0,0-1.7625,1.19125,5.3972,5.3972,0,0,0-1.13508,1.91618,7.81512,7.81512,0,0,0-.40062,2.59977,7.81313,7.81313,0,0,0,.40062,2.59872,5.37539,5.37539,0,0,0,1.13508,1.91617,4.91636,4.91636,0,0,0,1.7837,1.19338,6.37091,6.37091,0,0,0,2.33587.41121,6.17525,6.17525,0,0,0,1.95857-.29039,5.031,5.031,0,0,0,1.51556-.7917,4.95477,4.95477,0,0,0,1.09163-1.17,5.74653,5.74653,0,0,0,.69-1.42442l.02014-.06041H48.856l-.01378.01908a4.05035,4.05035,0,0,1-.95067.939,2.503,2.503,0,0,1-1.44243.3667,2.73106,2.73106,0,0,1-2.07516-.81289,3.29407,3.29407,0,0,1-.85634-2.07515h8.272l.00636-.03922c.01377-.089.02861-.19183.04345-.31053.01484-.1028.02967-.2215.04451-.354a4.07907,4.07907,0,0,0,.02332-.44725A6.72183,6.72183,0,0,0,51.53949,10.29785ZM46.33888,9.1331a2.61116,2.61116,0,0,1,1.94374.71539,3.20648,3.20648,0,0,1,.87224,1.7307H43.525A3.3678,3.3678,0,0,1,44.47146,9.805,2.62773,2.62773,0,0,1,46.33888,9.1331Z"
+    />
     <path
       class="cls-1"
-      d="M64.948,10.20883a5.456,5.456,0,0,0-1.05665-1.91512A4.53254,4.53254,0,0,0,62.273,7.12259a5.23843,5.23843,0,0,0-2.072-.40167,4.12271,4.12271,0,0,0-2.06667.50342,4.59491,4.59491,0,0,0-1.37885,1.1531H56.7046l-.32431-1.4-.00742-.036H54.19068V22.282h2.63368v-4.8674h.03816a2.65756,2.65756,0,0,0,.4589.5066,3.83173,3.83173,0,0,0,.74825.514,4.59629,4.59629,0,0,0,.9708.38048,4.445,4.445,0,0,0,1.16052.1452,5.23825,5.23825,0,0,0,2.072-.40168,4.5324,4.5324,0,0,0,1.61837-1.17111A5.43931,5.43931,0,0,0,64.948,15.473a8.40143,8.40143,0,0,0,.37942-2.63157A8.41306,8.41306,0,0,0,64.948,10.20883ZM59.759,9.1331a2.87335,2.87335,0,0,1,1.14144.22786,2.62117,2.62117,0,0,1,.93265.68359,3.25518,3.25518,0,0,1,.63166,1.15522,5.28409,5.28409,0,0,1,.22893,1.64168,5.29354,5.29354,0,0,1-.22893,1.64169,3.25917,3.25917,0,0,1-.63166,1.15415,2.59365,2.59365,0,0,1-.93265.6836,2.97289,2.97289,0,0,1-2.28288,0,2.59365,2.59365,0,0,1-.93265-.6836,3.277,3.277,0,0,1-.63166-1.15521,5.28178,5.28178,0,0,1-.22893-1.64063,5.28409,5.28409,0,0,1,.22893-1.64168,3.27711,3.27711,0,0,1,.63166-1.15522A2.62125,2.62125,0,0,1,58.6176,9.361,2.87335,2.87335,0,0,1,59.759,9.1331Z"/>
+      d="M64.948,10.20883a5.456,5.456,0,0,0-1.05665-1.91512A4.53254,4.53254,0,0,0,62.273,7.12259a5.23843,5.23843,0,0,0-2.072-.40167,4.12271,4.12271,0,0,0-2.06667.50342,4.59491,4.59491,0,0,0-1.37885,1.1531H56.7046l-.32431-1.4-.00742-.036H54.19068V22.282h2.63368v-4.8674h.03816a2.65756,2.65756,0,0,0,.4589.5066,3.83173,3.83173,0,0,0,.74825.514,4.59629,4.59629,0,0,0,.9708.38048,4.445,4.445,0,0,0,1.16052.1452,5.23825,5.23825,0,0,0,2.072-.40168,4.5324,4.5324,0,0,0,1.61837-1.17111A5.43931,5.43931,0,0,0,64.948,15.473a8.40143,8.40143,0,0,0,.37942-2.63157A8.41306,8.41306,0,0,0,64.948,10.20883ZM59.759,9.1331a2.87335,2.87335,0,0,1,1.14144.22786,2.62117,2.62117,0,0,1,.93265.68359,3.25518,3.25518,0,0,1,.63166,1.15522,5.28409,5.28409,0,0,1,.22893,1.64168,5.29354,5.29354,0,0,1-.22893,1.64169,3.25917,3.25917,0,0,1-.63166,1.15415,2.59365,2.59365,0,0,1-.93265.6836,2.97289,2.97289,0,0,1-2.28288,0,2.59365,2.59365,0,0,1-.93265-.6836,3.277,3.277,0,0,1-.63166-1.15521,5.28178,5.28178,0,0,1-.22893-1.64063,5.28409,5.28409,0,0,1,.22893-1.64168,3.27711,3.27711,0,0,1,.63166-1.15522A2.62125,2.62125,0,0,1,58.6176,9.361,2.87335,2.87335,0,0,1,59.759,9.1331Z"
+    />
   </svg>
 </template>
 
diff --git a/client/src/components/icons/ImageIcon.vue b/client/src/components/icons/ImageIcon.vue
index 85f194c7..1303438f 100644
--- a/client/src/components/icons/ImageIcon.vue
+++ b/client/src/components/icons/ImageIcon.vue
@@ -2,10 +2,13 @@
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 100 100"
-    id="shape"><title>image</title>
+    id="shape"
+  ><title>image</title>
     <path
-      d="M93,14.2H7a2,2,0,0,0-2,2v67.5a2,2,0,0,0,2,2H93a2,2,0,0,0,2-2V16.25A2,2,0,0,0,93,14.2ZM42.27,54.37,57.73,69.83a2.09,2.09,0,0,0,2.89,0,2,2,0,0,0,0-2.89l-7-7L67,45.24,90,68.38a2,2,0,0,0,.87.46V81.7H12.18ZM65.36,41,50.7,57l-6.9-6.9A2.05,2.05,0,0,0,41,50L9.09,79V18.3H90.91V63.47L68.26,40.82a2,2,0,0,0-1.47-.53A2.06,2.06,0,0,0,65.36,41Z"/>
+      d="M93,14.2H7a2,2,0,0,0-2,2v67.5a2,2,0,0,0,2,2H93a2,2,0,0,0,2-2V16.25A2,2,0,0,0,93,14.2ZM42.27,54.37,57.73,69.83a2.09,2.09,0,0,0,2.89,0,2,2,0,0,0,0-2.89l-7-7L67,45.24,90,68.38a2,2,0,0,0,.87.46V81.7H12.18ZM65.36,41,50.7,57l-6.9-6.9A2.05,2.05,0,0,0,41,50L9.09,79V18.3H90.91V63.47L68.26,40.82a2,2,0,0,0-1.47-.53A2.06,2.06,0,0,0,65.36,41Z"
+    />
     <path
-      d="M30.06,31.08a9.05,9.05,0,1,0,9.05,9.06A9.06,9.06,0,0,0,30.06,31.08Zm5,9.05a5,5,0,1,1-5-5A5,5,0,0,1,35,40.13Z"/>
+      d="M30.06,31.08a9.05,9.05,0,1,0,9.05,9.06A9.06,9.06,0,0,0,30.06,31.08Zm5,9.05a5,5,0,1,1-5-5A5,5,0,0,1,35,40.13Z"
+    />
   </svg>
 </template>
diff --git a/client/src/components/icons/InfoIcon.vue b/client/src/components/icons/InfoIcon.vue
index b6689aa1..95753e0e 100644
--- a/client/src/components/icons/InfoIcon.vue
+++ b/client/src/components/icons/InfoIcon.vue
@@ -2,13 +2,16 @@
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 100 100"
-    id="shape">
+    id="shape"
+  >
     <path
-      d="M50,6.48A43.62,43.62,0,0,0,6.56,47.08S6.5,48.46,6.5,50s.06,2.83.06,2.92A43.52,43.52,0,1,0,50,6.48Zm0,82.15A38.62,38.62,0,1,1,88.6,50,38.67,38.67,0,0,1,50,88.62Z"/>
-    <path d="M50,46.17a2.45,2.45,0,0,0-2.45,2.45V72.49a2.45,2.45,0,1,0,4.9,0V48.62A2.45,2.45,0,0,0,50,46.17Z"/>
+      d="M50,6.48A43.62,43.62,0,0,0,6.56,47.08S6.5,48.46,6.5,50s.06,2.83.06,2.92A43.52,43.52,0,1,0,50,6.48Zm0,82.15A38.62,38.62,0,1,1,88.6,50,38.67,38.67,0,0,1,50,88.62Z"
+    />
+    <path d="M50,46.17a2.45,2.45,0,0,0-2.45,2.45V72.49a2.45,2.45,0,1,0,4.9,0V48.62A2.45,2.45,0,0,0,50,46.17Z" />
     <circle
       cx="50"
       cy="30.56"
-      r="3.5"/>
+      r="3.5"
+    />
   </svg>
 </template>
diff --git a/client/src/components/icons/LinkIcon.vue b/client/src/components/icons/LinkIcon.vue
index 2a8d23f8..813056c4 100644
--- a/client/src/components/icons/LinkIcon.vue
+++ b/client/src/components/icons/LinkIcon.vue
@@ -2,10 +2,13 @@
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 100 100"
-    id="shape"><title>link</title>
+    id="shape"
+  ><title>link</title>
     <path
-      d="M85.13,14.88a19.12,19.12,0,0,0-27,0l-9.61,9.61a2.68,2.68,0,0,0,3.79,3.8l9.61-9.61A13.73,13.73,0,0,1,81.33,38.08L63.4,56A13.75,13.75,0,0,1,44,56a2.68,2.68,0,0,0-3.79,3.8,19.12,19.12,0,0,0,27,0L85.13,41.88a19.14,19.14,0,0,0,0-27Z"/>
+      d="M85.13,14.88a19.12,19.12,0,0,0-27,0l-9.61,9.61a2.68,2.68,0,0,0,3.79,3.8l9.61-9.61A13.73,13.73,0,0,1,81.33,38.08L63.4,56A13.75,13.75,0,0,1,44,56a2.68,2.68,0,0,0-3.79,3.8,19.12,19.12,0,0,0,27,0L85.13,41.88a19.14,19.14,0,0,0,0-27Z"
+    />
     <path
-      d="M46.61,72.81l-8.53,8.53A13.73,13.73,0,0,1,18.67,61.92L35.55,45A13.78,13.78,0,0,1,55,45a2.75,2.75,0,0,0,3.79,0,2.68,2.68,0,0,0,0-3.79,19.12,19.12,0,0,0-27,0L14.87,58.13a19.09,19.09,0,0,0,27,27L50.4,76.6a2.68,2.68,0,0,0-3.79-3.79Z"/>
+      d="M46.61,72.81l-8.53,8.53A13.73,13.73,0,0,1,18.67,61.92L35.55,45A13.78,13.78,0,0,1,55,45a2.75,2.75,0,0,0,3.79,0,2.68,2.68,0,0,0,0-3.79,19.12,19.12,0,0,0-27,0L14.87,58.13a19.09,19.09,0,0,0,27,27L50.4,76.6a2.68,2.68,0,0,0-3.79-3.79Z"
+    />
   </svg>
 </template>
diff --git a/client/src/components/icons/LoadingIcon.vue b/client/src/components/icons/LoadingIcon.vue
index f7738222..7abcacbc 100644
--- a/client/src/components/icons/LoadingIcon.vue
+++ b/client/src/components/icons/LoadingIcon.vue
@@ -1,8 +1,10 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 100 100">
+    viewBox="0 0 100 100"
+  >
     <path
-      d="M91,47.5A2.5,2.5,0,0,0,88.5,50,38.5,38.5,0,1,1,50,11.5,38.09,38.09,0,0,1,76,21.64H62.13a2.45,2.45,0,0,0,0,4.9H84.31V4.36a2.45,2.45,0,1,0-4.9,0V18A43,43,0,0,0,50,6.5,43.5,43.5,0,1,0,93.5,50,2.5,2.5,0,0,0,91,47.5Z"/>
+      d="M91,47.5A2.5,2.5,0,0,0,88.5,50,38.5,38.5,0,1,1,50,11.5,38.09,38.09,0,0,1,76,21.64H62.13a2.45,2.45,0,0,0,0,4.9H84.31V4.36a2.45,2.45,0,1,0-4.9,0V18A43,43,0,0,0,50,6.5,43.5,43.5,0,1,0,93.5,50,2.5,2.5,0,0,0,91,47.5Z"
+    />
   </svg>
 </template>
diff --git a/client/src/components/icons/Logo.vue b/client/src/components/icons/Logo.vue
index 393829bb..7c0cbc50 100644
--- a/client/src/components/icons/Logo.vue
+++ b/client/src/components/icons/Logo.vue
@@ -2,8 +2,8 @@
   <img
     :src="img"
     class="logo"
-    alt="Logo" >
-
+    alt="Logo"
+  >
 </template>
 
 <script>
diff --git a/client/src/components/icons/NoteIcon.vue b/client/src/components/icons/NoteIcon.vue
index c90afea7..9c33c2f6 100644
--- a/client/src/components/icons/NoteIcon.vue
+++ b/client/src/components/icons/NoteIcon.vue
@@ -2,12 +2,14 @@
   <svg
     class="note-icon"
     xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 100 100">
+    viewBox="0 0 100 100"
+  >
     <path
-      d="M81.5,88.39746H18.7627a2.49981,2.49981,0,0,1-2.5-2.5V35.35352L1.72559,20.71191A2.50054,2.50054,0,0,1,3.5,16.4502h78a2.49981,2.49981,0,0,1,2.5,2.5V85.89746A2.49981,2.49981,0,0,1,81.5,88.39746Zm-60.2373-5H79V21.4502H9.50488L20.53711,32.56152a2.5013,2.5013,0,0,1,.72559,1.76172Z"/>
-    <path d="M61.9209,40.92676H39.18457a2.5,2.5,0,0,1,0-5H61.9209a2.5,2.5,0,0,1,0,5Z"/>
-    <path d="M62.13184,55.24219H39.39453a2.5,2.5,0,0,1,0-5h22.7373a2.5,2.5,0,0,1,0,5Z"/>
-    <path d="M62.13184,69.55859H39.39453a2.5,2.5,0,0,1,0-5h22.7373a2.5,2.5,0,0,1,0,5Z"/>
+      d="M81.5,88.39746H18.7627a2.49981,2.49981,0,0,1-2.5-2.5V35.35352L1.72559,20.71191A2.50054,2.50054,0,0,1,3.5,16.4502h78a2.49981,2.49981,0,0,1,2.5,2.5V85.89746A2.49981,2.49981,0,0,1,81.5,88.39746Zm-60.2373-5H79V21.4502H9.50488L20.53711,32.56152a2.5013,2.5013,0,0,1,.72559,1.76172Z"
+    />
+    <path d="M61.9209,40.92676H39.18457a2.5,2.5,0,0,1,0-5H61.9209a2.5,2.5,0,0,1,0,5Z" />
+    <path d="M62.13184,55.24219H39.39453a2.5,2.5,0,0,1,0-5h22.7373a2.5,2.5,0,0,1,0,5Z" />
+    <path d="M62.13184,69.55859H39.39453a2.5,2.5,0,0,1,0-5h22.7373a2.5,2.5,0,0,1,0,5Z" />
   </svg>
 </template>
 
diff --git a/client/src/components/icons/PenIcon.vue b/client/src/components/icons/PenIcon.vue
index 0f3b896a..61606c46 100644
--- a/client/src/components/icons/PenIcon.vue
+++ b/client/src/components/icons/PenIcon.vue
@@ -1,8 +1,10 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 100 100">
+    viewBox="0 0 100 100"
+  >
     <path
-      d="M39,85.69l.12.12L86.83,38.12a7.42,7.42,0,0,0,0-10.49L72.38,13.17a7.42,7.42,0,0,0-10.49,0L14.19,60.87l.12.12L11,89ZM65.86,17.15a1.8,1.8,0,0,1,2.54,0L82.85,31.6a1.8,1.8,0,0,1,0,2.54l-3.69,3.69-17-17ZM58.2,24.81l17,17L39.13,77.86l-17-17ZM19.38,66.05,33.95,80.62l-16.53,2Z"/>
+      d="M39,85.69l.12.12L86.83,38.12a7.42,7.42,0,0,0,0-10.49L72.38,13.17a7.42,7.42,0,0,0-10.49,0L14.19,60.87l.12.12L11,89ZM65.86,17.15a1.8,1.8,0,0,1,2.54,0L82.85,31.6a1.8,1.8,0,0,1,0,2.54l-3.69,3.69-17-17ZM58.2,24.81l17,17L39.13,77.86l-17-17ZM19.38,66.05,33.95,80.62l-16.53,2Z"
+    />
   </svg>
 </template>
diff --git a/client/src/components/icons/Play.vue b/client/src/components/icons/Play.vue
index 8829f83a..24b749a3 100644
--- a/client/src/components/icons/Play.vue
+++ b/client/src/components/icons/Play.vue
@@ -1,9 +1,11 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 100 100">
+    viewBox="0 0 100 100"
+  >
     <path
       d="M50,0a50,50,0,1,0,50,50A50,50,0,0,0,50,0ZM38,74V26L70,50Z"
-      style="fill:#17a887"/>
+      style="fill:#17a887"
+    />
   </svg>
 </template>
diff --git a/client/src/components/icons/PlusIcon.vue b/client/src/components/icons/PlusIcon.vue
index b7222260..a216ce71 100644
--- a/client/src/components/icons/PlusIcon.vue
+++ b/client/src/components/icons/PlusIcon.vue
@@ -1,7 +1,8 @@
 <template>
   <svg
     viewBox="15 15 20 20"
-    xmlns="http://www.w3.org/2000/svg">
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <path
       d="M33.855 23.7749H26.215V16.1349C26.215 15.4584 25.6666 14.9099 24.99 14.9099C24.3135 14.9099 23.765 15.4584 23.765 16.1349V23.7749H16.125C15.4485 23.7749 14.9 24.3234 14.9 24.9999C14.9 25.6765 15.4485 26.2249 16.125 26.2249H23.765V33.8649C23.765 34.5415 24.3135 35.0899 24.99 35.0899C25.6666 35.0899 26.215 34.5415 26.215 33.8649V26.2249H33.855C34.5316 26.2249 35.08 25.6765 35.08 24.9999C35.08 24.3234 34.5316 23.7749 33.855 23.7749Z"
     />
diff --git a/client/src/components/icons/ShareIcon.vue b/client/src/components/icons/ShareIcon.vue
index 0a04014f..75812cbe 100644
--- a/client/src/components/icons/ShareIcon.vue
+++ b/client/src/components/icons/ShareIcon.vue
@@ -2,9 +2,11 @@
   <svg
     viewBox="0 0 50 50"
     fill="none"
-    xmlns="http://www.w3.org/2000/svg">
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <path
       d="M2.26316 47.5385C2.16211 47.5385 2.06105 47.5385 1.96 47.4884C1.40421 47.3382 1 46.8377 1 46.2871C1 25.0637 9.28632 15.3529 27.7789 14.9525V3.23957C27.7789 2.73902 28.0821 2.23847 28.5874 2.0883C29.0926 1.88808 29.6484 2.03824 30.0021 2.43869L48.6968 23.9124C49.1011 24.3629 49.1011 25.0637 48.6968 25.5642L30.0021 47.0379C29.6484 47.4384 29.0926 47.5885 28.5874 47.3883C28.0821 47.1881 27.7789 46.7376 27.7789 46.237V34.0235C16.8653 34.424 7.41684 39.3795 3.37474 46.8877C3.17263 47.2882 2.71789 47.5385 2.26316 47.5385ZM29.0421 31.5208C29.7495 31.5208 30.3053 32.0714 30.3053 32.7722V42.7832L46.0695 24.6632L30.3053 6.59327V16.2039C30.3053 16.9047 29.7495 17.4553 29.0421 17.4553C12.4695 17.4553 4.68842 24.8634 3.67789 41.9823C9.08421 35.4251 18.3811 31.5208 29.0421 31.5208Z"
-      fill="#333333"/>
+      fill="#333333"
+    />
   </svg>
 </template>
diff --git a/client/src/components/icons/SpeechBubbleIcon.vue b/client/src/components/icons/SpeechBubbleIcon.vue
index 83698327..3e00154c 100644
--- a/client/src/components/icons/SpeechBubbleIcon.vue
+++ b/client/src/components/icons/SpeechBubbleIcon.vue
@@ -2,9 +2,11 @@
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 100 100"
-    id="shape"><title>q-a</title>
+    id="shape"
+  ><title>q-a</title>
     <path
       d="M88.09,10h-38A12,12,0,0,0,38,21.88V33.11H12a12.07,12.07,0,0,0-12,12v22.4A12,12,0,0,0,12,79.39H47l10.87,10a2.5,2.5,0,0,0,1.67.67,2.38,2.38,0,0,0,1-.2A2.44,2.44,0,0,0,62,87.58V56.25H88.09a11.92,11.92,0,0,0,11.91-12V21.88A11.87,11.87,0,0,0,88.09,10ZM57,82l-7.41-6.83a2.49,2.49,0,0,0-1.65-.7H12A7,7,0,0,1,5,67.51V45.11a7.1,7.1,0,0,1,7.09-7H38V64.35a2.54,2.54,0,0,0,4.23,1.83l9.1-8.29L52,57.3c.49-.45,1-.92,1.21-1.05s.71,0,1.16,0H57ZM95,44.28a7,7,0,0,1-6.95,7H54.47c-3-.06-3.55.27-5.83,2.37-.19.17-.45.37-.68.58l-5,4.5V21.88a7.06,7.06,0,0,1,7.13-7h38a6.91,6.91,0,0,1,6.95,7Z"
-      style="fill-rule:evenodd"/>
+      style="fill-rule:evenodd"
+    />
   </svg>
 </template>
diff --git a/client/src/components/icons/TextIcon.vue b/client/src/components/icons/TextIcon.vue
index 3c194ecc..7c24a5d7 100644
--- a/client/src/components/icons/TextIcon.vue
+++ b/client/src/components/icons/TextIcon.vue
@@ -2,10 +2,13 @@
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 100 100"
-    id="shape"><title>text</title>
+    id="shape"
+  ><title>text</title>
     <path
-      d="M94.86,40.16a2.5,2.5,0,0,0-2.5,2.5v6.6a19.35,19.35,0,0,0-16.08-9.1c-11,0-19.92,9.95-19.92,22.17S65.29,84.5,76.28,84.5a19.35,19.35,0,0,0,16.08-9.1V82a2.5,2.5,0,0,0,5,0V42.66A2.5,2.5,0,0,0,94.86,40.16ZM76.28,79.5c-8.23,0-14.92-7.7-14.92-17.17s6.69-17.17,14.92-17.17S91.2,52.86,91.2,62.33,84.51,79.5,76.28,79.5Z"/>
+      d="M94.86,40.16a2.5,2.5,0,0,0-2.5,2.5v6.6a19.35,19.35,0,0,0-16.08-9.1c-11,0-19.92,9.95-19.92,22.17S65.29,84.5,76.28,84.5a19.35,19.35,0,0,0,16.08-9.1V82a2.5,2.5,0,0,0,5,0V42.66A2.5,2.5,0,0,0,94.86,40.16ZM76.28,79.5c-8.23,0-14.92-7.7-14.92-17.17s6.69-17.17,14.92-17.17S91.2,52.86,91.2,62.33,84.51,79.5,76.28,79.5Z"
+    />
     <path
-      d="M30.6,17.15a2.5,2.5,0,0,0-4.7,0l-23.11,64a2.5,2.5,0,1,0,4.7,1.7l7.79-21.58H41.21L49,82.85a2.5,2.5,0,0,0,4.7-1.7ZM17.09,56.27,28.25,25.36,39.41,56.27Z"/>
+      d="M30.6,17.15a2.5,2.5,0,0,0-4.7,0l-23.11,64a2.5,2.5,0,1,0,4.7,1.7l7.79-21.58H41.21L49,82.85a2.5,2.5,0,0,0,4.7-1.7ZM17.09,56.27,28.25,25.36,39.41,56.27Z"
+    />
   </svg>
 </template>
diff --git a/client/src/components/icons/Tick.vue b/client/src/components/icons/Tick.vue
index 2144248a..cde654f8 100644
--- a/client/src/components/icons/Tick.vue
+++ b/client/src/components/icons/Tick.vue
@@ -2,7 +2,8 @@
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 100 100"
-    id="shape">
-    <polygon points="41.46 77.72 10 46.26 16.89 39.37 41.46 63.93 83.11 22.28 90 29.18 41.46 77.72"/>
+    id="shape"
+  >
+    <polygon points="41.46 77.72 10 46.26 16.89 39.37 41.46 63.93 83.11 22.28 90 29.18 41.46 77.72" />
   </svg>
 </template>
diff --git a/client/src/components/icons/TickCircleIcon.vue b/client/src/components/icons/TickCircleIcon.vue
index d4ce6b87..3bd6c5e7 100644
--- a/client/src/components/icons/TickCircleIcon.vue
+++ b/client/src/components/icons/TickCircleIcon.vue
@@ -1,9 +1,11 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 100 100">
+    viewBox="0 0 100 100"
+  >
     <path
-      d="M50,6.48A43.62,43.62,0,0,0,6.56,47.08S6.5,48.46,6.5,50s.06,2.83.06,2.92A43.52,43.52,0,1,0,50,6.48Zm0,82.15A38.62,38.62,0,1,1,88.6,50,38.67,38.67,0,0,1,50,88.62Z"/>
-    <path d="M69.27,41a2.45,2.45,0,1,0-3.46-3.46L45,58.3,34.2,47.49A2.45,2.45,0,0,0,30.73,51L45,65.23Z"/>
+      d="M50,6.48A43.62,43.62,0,0,0,6.56,47.08S6.5,48.46,6.5,50s.06,2.83.06,2.92A43.52,43.52,0,1,0,50,6.48Zm0,82.15A38.62,38.62,0,1,1,88.6,50,38.67,38.67,0,0,1,50,88.62Z"
+    />
+    <path d="M69.27,41a2.45,2.45,0,1,0-3.46-3.46L45,58.3,34.2,47.49A2.45,2.45,0,0,0,30.73,51L45,65.23Z" />
   </svg>
 </template>
diff --git a/client/src/components/icons/TrashIcon.vue b/client/src/components/icons/TrashIcon.vue
index 7a9d6185..8963ed36 100644
--- a/client/src/components/icons/TrashIcon.vue
+++ b/client/src/components/icons/TrashIcon.vue
@@ -1,11 +1,13 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 100 100">
+    viewBox="0 0 100 100"
+  >
     <path
-      d="M78,81.62A8.37,8.37,0,0,1,69.64,90H30.36A8.37,8.37,0,0,1,22,81.62V23H78V81.62ZM36.2,14.92A4.91,4.91,0,0,1,41.1,10H58.9a4.91,4.91,0,0,1,4.9,4.9V18H36.2ZM87.5,18H68.79V14.92A9.9,9.9,0,0,0,58.9,5H41.1a9.9,9.9,0,0,0-9.89,9.89V18H12.5a2.5,2.5,0,1,0,0,5H17V81.62A13.37,13.37,0,0,0,30.36,95H69.64A13.37,13.37,0,0,0,83,81.62V23H87.5a2.5,2.5,0,0,0,0-5Z"/>
-    <path d="M50,81a2.49,2.49,0,0,0,2.5-2.5V34.41a2.5,2.5,0,0,0-5,0V78.52A2.5,2.5,0,0,0,50,81Z"/>
-    <path d="M33.71,78.28a2.49,2.49,0,0,0,2.5-2.5V37.15a2.5,2.5,0,0,0-5,0V75.78A2.5,2.5,0,0,0,33.71,78.28Z"/>
-    <path d="M66.29,78.28a2.49,2.49,0,0,0,2.5-2.5V37.15a2.5,2.5,0,0,0-5,0V75.78A2.49,2.49,0,0,0,66.29,78.28Z"/>
+      d="M78,81.62A8.37,8.37,0,0,1,69.64,90H30.36A8.37,8.37,0,0,1,22,81.62V23H78V81.62ZM36.2,14.92A4.91,4.91,0,0,1,41.1,10H58.9a4.91,4.91,0,0,1,4.9,4.9V18H36.2ZM87.5,18H68.79V14.92A9.9,9.9,0,0,0,58.9,5H41.1a9.9,9.9,0,0,0-9.89,9.89V18H12.5a2.5,2.5,0,1,0,0,5H17V81.62A13.37,13.37,0,0,0,30.36,95H69.64A13.37,13.37,0,0,0,83,81.62V23H87.5a2.5,2.5,0,0,0,0-5Z"
+    />
+    <path d="M50,81a2.49,2.49,0,0,0,2.5-2.5V34.41a2.5,2.5,0,0,0-5,0V78.52A2.5,2.5,0,0,0,50,81Z" />
+    <path d="M33.71,78.28a2.49,2.49,0,0,0,2.5-2.5V37.15a2.5,2.5,0,0,0-5,0V75.78A2.5,2.5,0,0,0,33.71,78.28Z" />
+    <path d="M66.29,78.28a2.49,2.49,0,0,0,2.5-2.5V37.15a2.5,2.5,0,0,0-5,0V75.78A2.49,2.49,0,0,0,66.29,78.28Z" />
   </svg>
 </template>
diff --git a/client/src/components/icons/UserIcon.vue b/client/src/components/icons/UserIcon.vue
index 067003f2..e007ce34 100644
--- a/client/src/components/icons/UserIcon.vue
+++ b/client/src/components/icons/UserIcon.vue
@@ -2,10 +2,13 @@
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 100 100"
-    data-cy="user-icon">
+    data-cy="user-icon"
+  >
     <path
-      d="M50,0A50.12,50.12,0,0,0,.07,46.65S0,48.23,0,50s.07,3.25.07,3.36A50,50,0,1,0,50,0ZM24.14,86V79.84A15.18,15.18,0,0,1,39.31,64.67H60.69A15.18,15.18,0,0,1,75.86,79.84V86a44.27,44.27,0,0,1-51.72,0Zm57.47-5V79.84A20.94,20.94,0,0,0,60.69,58.93H39.31A20.94,20.94,0,0,0,18.39,79.84v1.31a44.4,44.4,0,1,1,63.22-.06Z"/>
+      d="M50,0A50.12,50.12,0,0,0,.07,46.65S0,48.23,0,50s.07,3.25.07,3.36A50,50,0,1,0,50,0ZM24.14,86V79.84A15.18,15.18,0,0,1,39.31,64.67H60.69A15.18,15.18,0,0,1,75.86,79.84V86a44.27,44.27,0,0,1-51.72,0Zm57.47-5V79.84A20.94,20.94,0,0,0,60.69,58.93H39.31A20.94,20.94,0,0,0,18.39,79.84v1.31a44.4,44.4,0,1,1,63.22-.06Z"
+    />
     <path
-      d="M50,20.26A17.54,17.54,0,1,0,67.55,37.81,17.57,17.57,0,0,0,50,20.26ZM50,49.6a11.8,11.8,0,1,1,11.81-11.8A11.82,11.82,0,0,1,50,49.6Z"/>
+      d="M50,20.26A17.54,17.54,0,1,0,67.55,37.81,17.57,17.57,0,0,0,50,20.26ZM50,49.6a11.8,11.8,0,1,1,11.81-11.8A11.82,11.82,0,0,1,50,49.6Z"
+    />
   </svg>
 </template>
diff --git a/client/src/components/icons/VideoIcon.vue b/client/src/components/icons/VideoIcon.vue
index cea0f9c8..8d1dc132 100644
--- a/client/src/components/icons/VideoIcon.vue
+++ b/client/src/components/icons/VideoIcon.vue
@@ -2,8 +2,10 @@
   <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 100 100"
-    id="shape"><title>video</title>
+    id="shape"
+  ><title>video</title>
     <path
-      d="M70.79,83.87H29.21C7.12,83.87,2.8,74.31,2.8,57.79V42.21c0-8.62,0-14.84,3.63-19.45s10.31-6.63,22.78-6.63H70.79c12.18,0,18.67,1.8,22.39,6.22h0c3.74,4.45,4,10.75,4,19.86V57.79c0,10.54-1.76,16.72-5.89,20.67S81.35,83.87,70.79,83.87ZM29.21,20.53c-10.81,0-16.59,1.48-19.33,4.95s-2.68,9-2.68,16.73V57.79c0,15,3.18,21.68,22,21.68H70.79c9.31,0,14.37-1.21,17.48-4.19S92.8,67,92.8,57.79V42.21c0-8.14-.21-13.72-3-17s-8.43-4.65-19-4.65Zm13.34,44a5.1,5.1,0,0,1-5.1-5.1V39.77a5.1,5.1,0,0,1,7.45-4.53L63.79,45a5.1,5.1,0,0,1,0,9.05L44.92,64A5.13,5.13,0,0,1,42.55,64.55Zm0-25.48a.7.7,0,0,0-.7.7V59.45a.7.7,0,0,0,1,.62L61.76,50.2a.7.7,0,0,0,0-1.25L42.88,39.15A.7.7,0,0,0,42.55,39.07Z"/>
+      d="M70.79,83.87H29.21C7.12,83.87,2.8,74.31,2.8,57.79V42.21c0-8.62,0-14.84,3.63-19.45s10.31-6.63,22.78-6.63H70.79c12.18,0,18.67,1.8,22.39,6.22h0c3.74,4.45,4,10.75,4,19.86V57.79c0,10.54-1.76,16.72-5.89,20.67S81.35,83.87,70.79,83.87ZM29.21,20.53c-10.81,0-16.59,1.48-19.33,4.95s-2.68,9-2.68,16.73V57.79c0,15,3.18,21.68,22,21.68H70.79c9.31,0,14.37-1.21,17.48-4.19S92.8,67,92.8,57.79V42.21c0-8.14-.21-13.72-3-17s-8.43-4.65-19-4.65Zm13.34,44a5.1,5.1,0,0,1-5.1-5.1V39.77a5.1,5.1,0,0,1,7.45-4.53L63.79,45a5.1,5.1,0,0,1,0,9.05L44.92,64A5.13,5.13,0,0,1,42.55,64.55Zm0-25.48a.7.7,0,0,0-.7.7V59.45a.7.7,0,0,0,1,.62L61.76,50.2a.7.7,0,0,0,0-1.25L42.88,39.15A.7.7,0,0,0,42.55,39.07Z"
+    />
   </svg>
 </template>
diff --git a/client/src/components/illustrations/ContentsIllustration.vue b/client/src/components/illustrations/ContentsIllustration.vue
index 403af0b4..3dac53b2 100644
--- a/client/src/components/illustrations/ContentsIllustration.vue
+++ b/client/src/components/illustrations/ContentsIllustration.vue
@@ -5,156 +5,189 @@
     viewBox="0 0 179 240"
     class="contents-illustration"
     fill="none"
-    xmlns="http://www.w3.org/2000/svg">
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M95.2954 218.858H3.8967C3.38498 218.858 2.87827 218.959 2.40549 219.155C1.93272 219.352 1.50314 219.639 1.14129 220.002C0.779449 220.365 0.492423 220.795 0.296598 221.269C0.100774 221.743 -9.22821e-06 222.251 6.33781e-10 222.764V236.095C-9.22821e-06 236.607 0.100774 237.115 0.296598 237.589C0.492423 238.063 0.779449 238.493 1.14129 238.856C1.50314 239.219 1.93272 239.506 2.40549 239.703C2.87827 239.899 3.38498 240 3.8967 240H95.2954V218.858Z"
-      fill="#004E7C"/>
+      fill="#004E7C"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M95.2955 222.734H35.2206C34.9369 222.734 34.656 222.79 34.3939 222.899C34.1318 223.007 33.8937 223.167 33.6931 223.368C33.4925 223.569 33.3334 223.808 33.2249 224.07C33.1164 224.333 33.0605 224.615 33.0605 224.899V233.96C33.0605 234.244 33.1164 234.525 33.2249 234.788C33.3335 235.051 33.4926 235.289 33.6932 235.49C33.8938 235.691 34.1319 235.851 34.394 235.96C34.656 236.068 34.9369 236.124 35.2206 236.124H95.2955V222.734V222.734Z"
-      fill="white"/>
+      fill="white"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M111.826 197.716H20.4271C19.9154 197.716 19.4087 197.817 18.9359 198.013C18.4631 198.209 18.0335 198.497 17.6717 198.86C17.3098 199.222 17.0228 199.653 16.827 200.127C16.6312 200.601 16.5304 201.108 16.5304 201.621V214.953C16.5304 215.465 16.6312 215.973 16.827 216.447C17.0228 216.921 17.3098 217.352 17.6717 217.714C18.0335 218.077 18.4631 218.365 18.9359 218.561C19.4087 218.757 19.9154 218.858 20.4271 218.858H111.826V197.716V197.716Z"
-      fill="#EF624D"/>
+      fill="#EF624D"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M111.826 201.592H51.7508C51.1779 201.592 50.6285 201.82 50.2234 202.226C49.8183 202.632 49.5907 203.182 49.5907 203.757V212.817C49.5907 213.392 49.8183 213.942 50.2234 214.348C50.6285 214.754 51.1779 214.982 51.7508 214.982H111.826V201.592Z"
-      fill="white"/>
+      fill="white"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M103.293 176.574H11.8942C10.8607 176.574 9.86956 176.985 9.13879 177.718C8.40802 178.45 7.99747 179.444 7.99744 180.479V193.81C7.99747 194.846 8.40802 195.84 9.13879 196.572C9.86956 197.304 10.8607 197.716 11.8942 197.716H103.293V176.574V176.574Z"
-      fill="#333333"/>
+      fill="#333333"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M103.293 180.45H43.2181C42.9345 180.45 42.6536 180.506 42.3915 180.615C42.1294 180.723 41.8913 180.883 41.6907 181.084C41.4901 181.285 41.331 181.524 41.2225 181.786C41.1139 182.049 41.0581 182.33 41.0581 182.615V191.675C41.0581 191.959 41.1139 192.241 41.2225 192.504C41.331 192.766 41.4901 193.005 41.6907 193.206C41.8913 193.407 42.1294 193.566 42.3915 193.675C42.6536 193.784 42.9345 193.84 43.2181 193.84H103.293V180.45Z"
-      fill="white"/>
+      fill="white"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M111.826 155.432H20.4271C19.9154 155.432 19.4087 155.533 18.9359 155.729C18.4631 155.925 18.0335 156.213 17.6717 156.576C17.3098 156.938 17.0228 157.369 16.827 157.843C16.6312 158.316 16.5304 158.824 16.5304 159.337V172.669C16.5304 173.181 16.6312 173.689 16.827 174.163C17.0228 174.637 17.3098 175.067 17.6717 175.43C18.0335 175.793 18.4631 176.08 18.9359 176.277C19.4087 176.473 19.9154 176.574 20.4271 176.574H111.826V155.432V155.432Z"
-      fill="#FFB800"/>
+      fill="#FFB800"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M111.826 159.308H51.7508C51.1779 159.308 50.6285 159.536 50.2234 159.942C49.8183 160.348 49.5907 160.898 49.5907 161.473V170.533C49.5907 171.108 49.8183 171.658 50.2234 172.064C50.6285 172.47 51.1779 172.698 51.7508 172.698H111.826V159.308Z"
-      fill="white"/>
+      fill="white"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M104.229 83.9131C106.776 82.5138 109.366 80.9429 112.119 79.9918C113.757 79.426 115.489 79.3432 117.15 78.8887C121.759 77.6279 125.229 73.7272 127.638 69.7489C128.369 68.5413 129.853 64.7964 129.853 64.7964L109.665 70.5836L98.7328 73.7175L104.229 83.9131V83.9131Z"
-      fill="#FF9F85"/>
+      fill="#FF9F85"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M72.2121 90.4976L60.8321 59.2432C60.8321 59.2432 39.2403 67.6859 51.1398 100.236C56.4997 114.898 71.8385 118.284 81.3167 111.021C93.4645 101.714 107.508 83.5034 107.508 83.5034L98.3638 72.3382L72.2121 90.4976V90.4976Z"
-      fill="#C64946"/>
+      fill="#C64946"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M65.2934 48.922C65.2934 48.922 73.1469 64.5781 76.4401 91.4614C78.0532 104.628 76.4401 127.627 76.4401 127.627H18.0588C18.0588 127.627 20.5319 95.9799 23.9768 79.9469C27.3585 64.2095 29.4638 51.8895 52.4341 39.2901C57.7588 43.8359 65.0847 48.3667 65.0847 48.3667L65.2934 48.922Z"
-      fill="#ED553D"/>
+      fill="#ED553D"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M138.516 227.303L138.444 217.607H152.437L153.347 226.793L138.516 227.303Z"
-      fill="#FFB800"/>
+      fill="#FFB800"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M141.62 127.627C145.082 127.627 148.782 128.884 150.558 131.861C156.286 141.458 155.427 220.016 155.427 220.016H135.924L128.507 155.848H77.8098C75.6767 155.848 73.5645 155.427 71.5938 154.609C69.6231 153.791 67.8324 152.592 66.3241 151.08C64.8157 149.569 63.6192 147.774 62.8029 145.799C61.9866 143.824 61.5665 141.707 61.5665 139.569V127.627H141.62Z"
-      fill="#013E62"/>
+      fill="#013E62"
+    />
     <path
       d="M175.915 231.999C169.891 230.609 164.237 229.305 160.095 228.35C159.134 229.996 158.222 231.699 157.341 233.349C156.993 233.999 156.644 234.65 156.294 235.3C156.264 235.354 156.225 235.402 156.177 235.44C156.13 235.479 156.075 235.508 156.016 235.525C155.957 235.543 155.896 235.548 155.835 235.542C155.774 235.536 155.715 235.517 155.661 235.488C155.607 235.459 155.559 235.419 155.521 235.371C155.482 235.323 155.453 235.268 155.436 235.21C155.419 235.151 155.413 235.089 155.419 235.028C155.426 234.967 155.444 234.907 155.473 234.853C155.824 234.206 156.172 233.557 156.518 232.907C157.358 231.333 158.228 229.712 159.144 228.13C157.813 227.823 156.669 227.559 155.758 227.349C154.061 229.573 152.591 231.963 151.372 234.482C151.318 234.593 151.221 234.678 151.104 234.719C150.987 234.759 150.859 234.751 150.748 234.697C150.637 234.643 150.552 234.546 150.512 234.429C150.471 234.312 150.479 234.184 150.533 234.072C151.718 231.625 153.133 229.297 154.759 227.119L153.347 226.793L138.516 227.303C138.516 227.303 137.612 231.931 136.904 235.551C136.804 236.065 136.818 236.596 136.946 237.105C137.074 237.613 137.313 238.087 137.645 238.492C137.977 238.898 138.395 239.224 138.867 239.449C139.34 239.674 139.857 239.791 140.38 239.792C142.671 239.797 145.022 239.802 145.022 239.802C145.022 239.802 159.619 239.834 175.014 239.869C175.992 239.871 176.936 239.512 177.667 238.86C178.397 238.209 178.863 237.311 178.974 236.337C179.086 235.363 178.835 234.383 178.271 233.583C177.707 232.782 176.868 232.218 175.915 231.999H175.915Z"
-      fill="#333333"/>
+      fill="#333333"
+    />
     <path
       d="M155.473 234.853C155.414 234.963 155.401 235.091 155.436 235.21C155.471 235.329 155.552 235.429 155.661 235.488C155.77 235.547 155.897 235.561 156.016 235.525C156.135 235.49 156.235 235.409 156.294 235.3C156.646 234.65 156.995 234 157.341 233.349C158.222 231.699 159.134 229.996 160.095 228.35C159.768 228.274 159.453 228.201 159.144 228.13C158.228 229.712 157.359 231.333 156.518 232.907C156.171 233.556 155.823 234.205 155.473 234.853Z"
-      fill="white"/>
+      fill="white"
+    />
     <path
       d="M150.748 234.697C150.803 234.725 150.863 234.74 150.924 234.744C150.985 234.748 151.047 234.74 151.105 234.72C151.163 234.7 151.216 234.668 151.262 234.627C151.308 234.587 151.345 234.537 151.372 234.482C152.591 231.963 154.061 229.573 155.758 227.349C155.387 227.263 155.05 227.186 154.759 227.119C153.133 229.297 151.718 231.625 150.533 234.072C150.479 234.184 150.471 234.312 150.511 234.429C150.551 234.547 150.637 234.643 150.748 234.697V234.697Z"
-      fill="white"/>
+      fill="white"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M84.784 112.541C87.7657 113.206 90.8388 114.033 93.9048 114.182C95.7287 114.272 97.513 113.844 99.329 113.813C104.368 113.729 108.991 116.655 112.555 119.974C113.637 120.981 116.196 124.337 116.196 124.337L94.0485 124.44L82.0553 124.495L84.784 112.541L84.784 112.541Z"
-      fill="#FFB49F"/>
+      fill="#FFB49F"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M36.1773 58.825C33.9368 65.6431 30.5853 81.5263 29.0395 97.8307C27.4745 114.339 32.6543 123.999 45.0038 125.975C60.8319 128.508 84.7655 125.975 84.7655 125.975L86.5979 110.747L53.9453 103.917C53.9453 103.917 59.403 62.4698 58.8443 56.8212C57.9182 47.4555 41.5844 42.3721 36.1773 58.825V58.825Z"
-      fill="#EF624D"/>
+      fill="#EF624D"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M75.2274 227.302L78.087 217.173H92.0803L90.0846 226.777L75.2274 227.302Z"
-      fill="#FFB800"/>
+      fill="#FFB800"
+    />
     <path
       d="M112.361 231.851C106.346 230.42 100.701 229.078 96.566 228.095C95.5932 229.734 94.6704 231.431 93.7781 233.075C93.4261 233.723 93.0727 234.371 92.7178 235.019C92.658 235.128 92.5577 235.208 92.4387 235.243C92.3198 235.277 92.1921 235.263 92.0837 235.203C91.9753 235.143 91.8951 235.043 91.8607 234.923C91.8263 234.804 91.8405 234.676 91.9003 234.568C92.2557 233.922 92.6083 233.275 92.958 232.628C93.8092 231.06 94.6894 229.445 95.6164 227.869C94.2875 227.553 93.1453 227.281 92.2355 227.065C90.5233 229.278 89.0378 231.657 87.8015 234.168C87.7463 234.279 87.6496 234.363 87.5324 234.403C87.4152 234.442 87.2872 234.433 87.1765 234.378C87.0658 234.323 86.9813 234.227 86.9417 234.109C86.9021 233.992 86.9105 233.864 86.9651 233.753C88.1668 231.314 89.5976 228.995 91.2383 226.828C90.3296 226.612 89.8277 226.493 89.8277 226.493L74.994 226.903C74.994 226.903 74.0588 231.525 73.3273 235.139C73.2233 235.653 73.2339 236.184 73.3585 236.693C73.4831 237.203 73.7185 237.678 74.0479 238.086C74.3773 238.493 74.7925 238.823 75.2639 239.051C75.7352 239.279 76.251 239.399 76.7743 239.404C79.0655 239.424 81.4162 239.446 81.4162 239.446C81.4162 239.446 96.0122 239.576 111.408 239.714C112.385 239.723 113.332 239.37 114.067 238.724C114.801 238.077 115.273 237.182 115.391 236.209C115.509 235.237 115.265 234.254 114.706 233.45C114.147 232.646 113.312 232.077 112.361 231.851V231.851Z"
-      fill="#333333"/>
+      fill="#333333"
+    />
     <path
       d="M87.4329 234.664C87.4878 234.691 87.5476 234.708 87.6087 234.712C87.6699 234.716 87.7313 234.708 87.7894 234.689C87.8476 234.669 87.9012 234.638 87.9474 234.598C87.9935 234.557 88.0313 234.508 88.0584 234.453C89.2947 231.942 90.7802 229.562 92.4924 227.35C92.1215 227.262 91.7858 227.182 91.4952 227.113C89.8545 229.28 88.4237 231.598 87.222 234.037C87.1948 234.092 87.1787 234.152 87.1745 234.213C87.1704 234.275 87.1783 234.336 87.1979 234.394C87.2175 234.453 87.2483 234.506 87.2887 234.553C87.329 234.599 87.378 234.637 87.4329 234.664V234.664Z"
-      fill="white"/>
+      fill="white"
+    />
     <path
       d="M92.1572 234.852C92.1276 234.906 92.1089 234.965 92.1021 235.026C92.0953 235.087 92.1006 235.149 92.1176 235.208C92.1347 235.267 92.1631 235.322 92.2014 235.37C92.2397 235.418 92.287 235.458 92.3407 235.488C92.3944 235.517 92.4533 235.536 92.5143 235.543C92.5752 235.55 92.6368 235.545 92.6957 235.527C92.7546 235.51 92.8096 235.482 92.8574 235.443C92.9053 235.405 92.9452 235.358 92.9748 235.304C93.3309 234.656 93.6844 234.008 94.0351 233.36C94.9274 231.716 95.8502 230.019 96.823 228.379C96.4957 228.302 96.1812 228.227 95.8733 228.154C94.9464 229.729 94.0662 231.344 93.215 232.912C92.864 233.559 92.5114 234.206 92.1572 234.852Z"
-      fill="white"/>
+      fill="white"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M107.612 127.627C109.322 127.627 111.01 128.006 112.556 128.739C114.102 129.471 115.466 130.537 116.551 131.862C117.636 133.186 118.415 134.734 118.831 136.396C119.248 138.058 119.291 139.792 118.959 141.472L94.4447 220.016H74.9416L84.999 155.848H34.302C32.1689 155.848 30.0567 155.427 28.086 154.609C26.1152 153.791 24.3246 152.592 22.8163 151.08C21.3079 149.569 20.1115 147.774 19.2952 145.799C18.479 143.824 18.0589 141.707 18.059 139.569V127.627H107.612Z"
-      fill="#004E7C"/>
+      fill="#004E7C"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M159.869 95.8904C159.869 95.3537 159.656 94.839 159.277 94.4596C158.899 94.0801 158.385 93.867 157.85 93.867H119.894C119.359 93.867 118.845 94.0801 118.467 94.4596C118.088 94.8391 117.875 95.3537 117.875 95.8904V127.627H157.85C158.385 127.627 158.899 127.413 159.277 127.034C159.656 126.654 159.869 126.14 159.869 125.603V95.8904Z"
-      fill="white"/>
+      fill="white"
+    />
     <path
       d="M140.611 115.508C138.422 115.508 136.64 113.372 136.64 110.747C136.64 108.121 138.422 105.985 140.611 105.985C142.801 105.985 144.582 108.121 144.582 110.747C144.582 113.372 142.801 115.508 140.611 115.508ZM140.611 106.917C138.934 106.917 137.57 108.635 137.57 110.747C137.57 112.858 138.934 114.576 140.611 114.576C142.288 114.576 143.652 112.858 143.652 110.747C143.652 108.635 142.288 106.917 140.611 106.917Z"
-      fill="#AAAAAA"/>
+      fill="#AAAAAA"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M89.0123 125.975C89.0123 125.758 89.0549 125.543 89.1377 125.343C89.2205 125.143 89.3419 124.961 89.4949 124.807C89.6479 124.654 89.8295 124.532 90.0294 124.449C90.2293 124.366 90.4436 124.324 90.66 124.324H129.672V127.627H90.66C90.223 127.627 89.804 127.453 89.495 127.143C89.1861 126.833 89.0124 126.413 89.0123 125.975V125.975V125.975Z"
-      fill="white"/>
+      fill="white"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M60.4904 31.098C55.2913 35.9258 54.4554 36.6965 50.4738 40.3938C58.7857 49.3854 65.2936 48.9219 65.2936 48.9219L69.036 43.9688"
-      fill="#FFB49F"/>
+      fill="#FFB49F"
+    />
     <path
       d="M60.785 31.5418C60.3331 31.7574 60.0596 31.9027 60.0596 31.9027C59.6658 36.7294 61.7145 45.2747 65.2962 48.9184L69.0359 43.9688L60.785 31.5418Z"
-      fill="#FF9F85"/>
+      fill="#FF9F85"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M84.4319 26.7077C85.2425 23.2741 84.6588 19.6584 82.8094 16.656C80.96 13.6536 77.9964 11.5106 74.5704 10.6982C72.8741 10.296 71.1153 10.2326 69.3944 10.5116C67.6736 10.7906 66.0245 11.4066 64.5412 12.3244C61.5456 14.1779 59.4073 17.1483 58.5968 20.5819L56.9345 27.6242C56.124 31.0578 56.7076 34.6735 58.557 37.6758C60.4064 40.6782 63.37 42.8212 66.7959 43.6335C70.2218 44.4459 73.8294 43.8609 76.825 42.0074C79.8206 40.1539 81.9589 37.1836 82.7694 33.75L84.4319 26.7077V26.7077Z"
-      fill="#FFB49F"/>
+      fill="#FFB49F"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M68.6512 17.3314C71.4914 21.1031 77.3523 23.8517 83.0375 22.5983C89.1441 21.2522 91.772 16.812 91.341 12.6589C90.7305 6.77458 85.9214 8.64924 82.1565 6.88639C79.4298 5.60981 78.0551 2.00809 75.2491 0.755282C69.3894 -1.86097 64.3586 2.88028 63.1426 6.42917C59.6192 5.21656 53.0995 6.97149 52.6685 14.0338C52.487 17.0078 55.5825 19.8071 53.7291 23.1459C51.2882 27.5432 53.7785 30.8904 57.0688 34.2741C58.0623 33.9445 59.0819 32.8552 60.2634 31.2107C58.5829 29.9978 56.8803 25.1488 58.8629 23.0062C61.1538 20.5302 64.0096 23.0496 65.1876 27.4854C67.9385 25.1206 69.6512 22.6587 68.6512 17.3314H68.6512Z"
-      fill="#824244"/>
+      fill="#824244"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M113.274 58.8883C112.223 59.2978 111.115 59.5447 109.99 59.6208C108.464 59.7197 106.739 60.5162 105.574 62.6195C104.422 64.6987 104.325 68.4894 107.141 71.4684C108.883 73.3122 111.458 73.8475 113.515 72.7323C114.684 72.1012 115.955 71.6847 117.271 71.5024C120.312 71.0839 122.097 68.4134 121.622 64.7034C121.351 62.5922 120.089 59.2053 117.025 58.4346C115.764 58.1177 114.351 58.4702 113.274 58.8883V58.8883Z"
-      fill="#EF624D"/>
+      fill="#EF624D"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M111.508 59.8999C111.508 59.8999 110.174 57.7403 109.527 56.6915C109.076 55.9432 108.836 55.0856 108.835 54.2111C108.832 53.7495 108.888 53.2894 109 52.8418C109.393 52.8875 109.772 53.0111 110.116 53.2054C110.417 53.3757 110.69 53.5915 110.925 53.8451C112.497 55.596 111.731 57.8304 111.508 59.8999V59.8999Z"
-      fill="#DCF2ED"/>
+      fill="#DCF2ED"
+    />
     <path
       d="M111.849 60.8032C111.83 60.8032 111.81 60.802 111.79 60.7994C111.727 60.7918 111.667 60.7718 111.612 60.7406C111.557 60.7094 111.508 60.6677 111.469 60.6178C111.43 60.5678 111.402 60.5107 111.385 60.4496C111.368 60.3885 111.363 60.3247 111.371 60.2618C111.61 58.3007 111.997 56.2493 113.194 54.5324C113.267 54.4277 113.379 54.3564 113.504 54.3341C113.63 54.3119 113.759 54.3405 113.864 54.4137C113.968 54.4869 114.04 54.5986 114.062 54.7245C114.085 54.8503 114.056 54.98 113.983 55.0849C112.907 56.629 112.551 58.542 112.327 60.3793C112.312 60.4962 112.256 60.6037 112.168 60.6818C112.08 60.7599 111.967 60.803 111.849 60.8032Z"
-      fill="#824244"/>
+      fill="#824244"
+    />
   </svg>
-
 </template>
 
 <style scoped lang="scss">
diff --git a/client/src/components/illustrations/HelloIllustration.vue b/client/src/components/illustrations/HelloIllustration.vue
index 044ab425..a466938e 100644
--- a/client/src/components/illustrations/HelloIllustration.vue
+++ b/client/src/components/illustrations/HelloIllustration.vue
@@ -4,7 +4,8 @@
     height="505"
     viewBox="0 0 378 505"
     fill="none"
-    xmlns="http://www.w3.org/2000/svg">
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <path
       d="M77.314 54.9218C75.5753 54.942 73.8456 54.6715 72.1981 54.1219C70.5472 53.5344 68.9978 52.6989 67.6042 51.6449L66.8473 51.0773L72.3808 42.3045L73.3205 43.1302C73.7806 43.5581 74.3099 43.907 74.8866 44.1622C75.3693 44.348 75.8825 44.4442 76.4004 44.4461C77.4445 44.4461 78.097 44.0848 78.5147 43.2334L78.8018 42.6657L66.6907 14.567H79.7675L85.1183 29.3517L89.66 14.567H102.397L89.9993 46.2264C88.8247 49.1421 87.1542 51.3611 85.04 52.7802C82.9519 54.1993 80.3418 54.9218 77.314 54.9218ZM69.6663 50.5354C70.6721 51.2089 71.7595 51.7551 72.9028 52.161C74.3352 52.6242 75.833 52.8594 77.3401 52.8576C79.9502 52.8576 82.1428 52.2642 83.8916 51.0773C85.6403 49.8904 87.0498 48.0068 88.0678 45.4782L99.3175 16.657H91.2261L85.301 36.0087L78.3058 16.657H69.9012L81.1248 42.7689L80.3679 44.1881C79.6109 45.7104 78.2275 46.5361 76.3743 46.5361C75.5793 46.5328 74.7916 46.3841 74.0513 46.0974C73.6325 45.9181 73.2307 45.7023 72.8506 45.4524L69.6663 50.5354Z"
       fill="white"
diff --git a/client/src/components/illustrations/PortfolioIllustration.vue b/client/src/components/illustrations/PortfolioIllustration.vue
index fb20d18c..6226c1f4 100644
--- a/client/src/components/illustrations/PortfolioIllustration.vue
+++ b/client/src/components/illustrations/PortfolioIllustration.vue
@@ -1,7 +1,8 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 1400 1000">
+    viewBox="0 0 1400 1000"
+  >
     <defs>
       <linearGradient
         x1="698.62638"
@@ -9,137 +10,178 @@
         x2="700.24867"
         y2="661.88735"
         gradientUnits="userSpaceOnUse"
-        id="linear-gradient">
+        id="linear-gradient"
+      >
         <stop
           offset="0"
-          stop-color="#fff"/>
+          stop-color="#fff"
+        />
         <stop
           offset="1"
-          stop-color="#e6f4f9"/>
+          stop-color="#e6f4f9"
+        />
       </linearGradient>
     </defs>
     <g id="hintergrund">
       <path
         class="cls-1"
-        d="M790.58048,193.00863C668.12186,163.85091,544.06485,204.9364,487.632,322.51394c-18.8724,39.32132-27.20646,84.87125-54.41879,119.85436C388.8747,499.36968,310.57637,508.31035,273.24433,572.437c-18.87234,32.41847-26.26685,70.57793-23.81744,107.81165C258.17366,813.202,396.18153,880.93469,510.86738,904.36176c57.8334,11.8138,120.62074,12.00015,179.52571,15.07359,15.71577.82041,31.49658,1.69709,47.29807,2.4723,116.12768,5.69747,233.37033,5.90715,334.19485-62.20929,22.95567-15.509,47.53642-32.99747,61.01751-57.89225,57.95657-107.02874-37.35371-181.9064-86.2334-264.78937C986.76151,435.43276,1004.73463,292.0828,885.71433,232.19c-28.474-14.32891-95.13385-39.18137-95.13385-39.18137Z"/>
+        d="M790.58048,193.00863C668.12186,163.85091,544.06485,204.9364,487.632,322.51394c-18.8724,39.32132-27.20646,84.87125-54.41879,119.85436C388.8747,499.36968,310.57637,508.31035,273.24433,572.437c-18.87234,32.41847-26.26685,70.57793-23.81744,107.81165C258.17366,813.202,396.18153,880.93469,510.86738,904.36176c57.8334,11.8138,120.62074,12.00015,179.52571,15.07359,15.71577.82041,31.49658,1.69709,47.29807,2.4723,116.12768,5.69747,233.37033,5.90715,334.19485-62.20929,22.95567-15.509,47.53642-32.99747,61.01751-57.89225,57.95657-107.02874-37.35371-181.9064-86.2334-264.78937C986.76151,435.43276,1004.73463,292.0828,885.71433,232.19c-28.474-14.32891-95.13385-39.18137-95.13385-39.18137Z"
+      />
     </g>
     <g
       data-name="Layer 3"
-      id="Layer_3">
+      id="Layer_3"
+    >
       <polygon
         class="cls-2"
-        points="598.832 466.839 585.223 466.839 585.223 923.515 598.832 923.515 598.832 466.839 598.832 466.839"/>
+        points="598.832 466.839 585.223 466.839 585.223 923.515 598.832 923.515 598.832 466.839 598.832 466.839"
+      />
       <polygon
         class="cls-2"
-        points="458.646 466.839 445.037 466.839 445.037 923.515 458.646 923.515 458.646 466.839 458.646 466.839"/>
+        points="458.646 466.839 445.037 466.839 445.037 923.515 458.646 923.515 458.646 466.839 458.646 466.839"
+      />
       <polygon
         class="cls-2"
-        points="927.653 662.03 914.044 662.03 914.044 931.561 927.653 931.561 927.653 662.03 927.653 662.03"/>
+        points="927.653 662.03 914.044 662.03 914.044 931.561 927.653 931.561 927.653 662.03 927.653 662.03"
+      />
       <polygon
         class="cls-2"
-        points="763.242 653.984 749.633 653.984 749.633 923.515 763.242 923.515 763.242 653.984 763.242 653.984"/>
+        points="763.242 653.984 749.633 653.984 749.633 923.515 763.242 923.515 763.242 653.984 763.242 653.984"
+      />
       <path
         class="cls-2"
-        d="M976.68117,662.0302a8.04672,8.04672,0,0,0-8.04642-8.04666H724.54887a8.04682,8.04682,0,0,0-8.04655,8.04666v.00073a8.04641,8.04641,0,0,0,8.04655,8.04666H968.63475a8.04631,8.04631,0,0,0,8.04642-8.04666v-.00073Z"/>
+        d="M976.68117,662.0302a8.04672,8.04672,0,0,0-8.04642-8.04666H724.54887a8.04682,8.04682,0,0,0-8.04655,8.04666v.00073a8.04641,8.04641,0,0,0,8.04655,8.04666H968.63475a8.04631,8.04631,0,0,0,8.04642-8.04666v-.00073Z"
+      />
       <path
         class="cls-2"
-        d="M669.44163,458.7913a8.04641,8.04641,0,0,0-8.04649-8.04643H386.97286a8.04636,8.04636,0,0,0-8.04646,8.04643v.001a8.04638,8.04638,0,0,0,8.04646,8.04643H661.39514a8.04668,8.04668,0,0,0,8.04649-8.04643v-.001Z"/>
+        d="M669.44163,458.7913a8.04641,8.04641,0,0,0-8.04649-8.04643H386.97286a8.04636,8.04636,0,0,0-8.04646,8.04643v.001a8.04638,8.04638,0,0,0,8.04646,8.04643H661.39514a8.04668,8.04668,0,0,0,8.04649-8.04643v-.001Z"
+      />
       <path
         class="cls-3"
-        d="M661.77331,445.16931a5.57476,5.57476,0,0,0-5.57544-5.57508H524.184v11.15064H656.19787a5.57558,5.57558,0,0,0,5.57544-5.57556Z"/>
+        d="M661.77331,445.16931a5.57476,5.57476,0,0,0-5.57544-5.57508H524.184v11.15064H656.19787a5.57558,5.57558,0,0,0,5.57544-5.57556Z"
+      />
       <path
         class="cls-3"
-        d="M472.38007,323.09415a5.57621,5.57621,0,0,0-2.78129,7.37749c10.62,23.46987,54.42274,120.27323,54.42274,120.27323l10.16-4.59645L516.67522,407.459S488.154,344.42882,479.7588,325.87423a5.57634,5.57634,0,0,0-7.37777-2.781l-.001.001Z"/>
+        d="M472.38007,323.09415a5.57621,5.57621,0,0,0-2.78129,7.37749c10.62,23.46987,54.42274,120.27323,54.42274,120.27323l10.16-4.59645L516.67522,407.459S488.154,344.42882,479.7588,325.87423a5.57634,5.57634,0,0,0-7.37777-2.781l-.001.001Z"
+      />
       <path
         class="cls-4"
-        d="M650.0296,401.491a27.20991,27.20991,0,0,1-23.35656,1.11857c-.17432-.07189.04725,5.62269.04136,5.71526-.23245,3.8412-1.82694,10.49974-6.52287,11.1391-4.58665.62325-7.42992-9.046-8.0495-11.802-.26594-1.18446-.48553-2.37252-.67458-3.57213-.25909-1.64083-.333-2.87674-.36152-2.58147-.26395,2.7784-.38117,5.5431-.88245,8.2989a24.49793,24.49793,0,0,1-1.35915,4.97059,12.04093,12.04093,0,0,1-1.51477,2.7231c-5.05631,6.66311-8.65218-3.62431-9.25788-7.71365-.13-.88029.10538-5.15261-.45986-5.62654-.63623-.53452-.67771,1.51893-1.03917,2.26817a39.8136,39.8136,0,0,1-2.00319,3.713c-1.84666,2.98254-8.279,10.51056-12.642,8.11279-3.56125-1.95727-.16639-13.19688.52989-15.93584,3.40472-13.40919,7.38074-32.19076,18.98073-41.2466,15.06673-11.76283,41.77384-5.06461,58.30708-1.09646,29.1329,6.99278,97.44548,36.67516,97.44548,36.67516L738.46721,446.7s-74.89846-38.09165-88.43761-45.209Z"/>
+        d="M650.0296,401.491a27.20991,27.20991,0,0,1-23.35656,1.11857c-.17432-.07189.04725,5.62269.04136,5.71526-.23245,3.8412-1.82694,10.49974-6.52287,11.1391-4.58665.62325-7.42992-9.046-8.0495-11.802-.26594-1.18446-.48553-2.37252-.67458-3.57213-.25909-1.64083-.333-2.87674-.36152-2.58147-.26395,2.7784-.38117,5.5431-.88245,8.2989a24.49793,24.49793,0,0,1-1.35915,4.97059,12.04093,12.04093,0,0,1-1.51477,2.7231c-5.05631,6.66311-8.65218-3.62431-9.25788-7.71365-.13-.88029.10538-5.15261-.45986-5.62654-.63623-.53452-.67771,1.51893-1.03917,2.26817a39.8136,39.8136,0,0,1-2.00319,3.713c-1.84666,2.98254-8.279,10.51056-12.642,8.11279-3.56125-1.95727-.16639-13.19688.52989-15.93584,3.40472-13.40919,7.38074-32.19076,18.98073-41.2466,15.06673-11.76283,41.77384-5.06461,58.30708-1.09646,29.1329,6.99278,97.44548,36.67516,97.44548,36.67516L738.46721,446.7s-74.89846-38.09165-88.43761-45.209Z"
+      />
       <path
         class="cls-5"
-        d="M740.94914,389.01551l-24.86635,60.90317,94.478,38.574a32.8921,32.8921,0,1,0,24.86635-60.90341l-94.478-38.57376Z"/>
+        d="M740.94914,389.01551l-24.86635,60.90317,94.478,38.574a32.8921,32.8921,0,1,0,24.86635-60.90341l-94.478-38.57376Z"
+      />
       <path
         class="cls-5"
-        d="M888.94081,373.54254a32.89212,32.89212,0,0,0-61.86551-22.36572L792.37881,447.147a32.89232,32.89232,0,0,0,61.86557,22.36669l34.69643-95.97116Z"/>
+        d="M888.94081,373.54254a32.89212,32.89212,0,0,0-61.86551-22.36572L792.37881,447.147a32.89232,32.89232,0,0,0,61.86557,22.36669l34.69643-95.97116Z"
+      />
       <polygon
         class="cls-6"
-        points="557.746 766.867 520.263 722.922 477.281 769.074 451.868 796.362 480.762 825.467 557.746 766.867 557.746 766.867"/>
+        points="557.746 766.867 520.263 722.922 477.281 769.074 451.868 796.362 480.762 825.467 557.746 766.867 557.746 766.867"
+      />
       <path
         class="cls-7"
-        d="M602.92846,613.53042c19.43962-21.7807,95.58012-122.32258,148.76874-36.74416,23.48064,37.7793-96.621,125.70908-96.621,125.70908L530.79554,795.74,488.31946,745.1089s93.60537-108.04657,114.609-131.57848Z"/>
+        d="M602.92846,613.53042c19.43962-21.7807,95.58012-122.32258,148.76874-36.74416,23.48064,37.7793-96.621,125.70908-96.621,125.70908L530.79554,795.74,488.31946,745.1089s93.60537-108.04657,114.609-131.57848Z"
+      />
       <path
         class="cls-8"
-        d="M632.64188,580.73872a27.99108,27.99108,0,0,0-7.27979,5.09662l-3.71093,5.671c-.05323.27221-.10279.54663-.15577.819C624.9241,588.58717,628.65677,584.66761,632.64188,580.73872Z"/>
+        d="M632.64188,580.73872a27.99108,27.99108,0,0,0-7.27979,5.09662l-3.71093,5.671c-.05323.27221-.10279.54663-.15577.819C624.9241,588.58717,628.65677,584.66761,632.64188,580.73872Z"
+      />
       <path
         class="cls-9"
-        d="M751.69705,576.78626c-37.59472-60.48852-86.65454-27.99249-119.05517,3.95246,22.62695-10.53681,40.77636,29.726,44.01,46.89239a101.25512,101.25512,0,0,1-1.7334,43.42633A139.16647,139.16647,0,0,1,667.1453,693.232C696.98441,669.66035,770.533,607.09229,751.69705,576.78626Z"/>
+        d="M751.69705,576.78626c-37.59472-60.48852-86.65454-27.99249-119.05517,3.95246,22.62695-10.53681,40.77636,29.726,44.01,46.89239a101.25512,101.25512,0,0,1-1.7334,43.42633A139.16647,139.16647,0,0,1,667.1453,693.232C696.98441,669.66035,770.533,607.09229,751.69705,576.78626Z"
+      />
       <path
         class="cls-8"
-        d="M676.65189,627.63111c-3.23365-17.16644-21.38306-57.4292-44.01-46.89239-3.98511,3.92889-7.71778,7.84845-11.14649,11.58667-6.81714,35.15851-11.18164,71.97125-8.68164,107.75079.23242,3.33173,1.99146,22.11371,4.43116,30.8031l37.83129-28.384s4.7107-3.45068,12.0691-9.26331a139.16647,139.16647,0,0,0,7.77319-22.17456A101.25512,101.25512,0,0,0,676.65189,627.63111Z"/>
+        d="M676.65189,627.63111c-3.23365-17.16644-21.38306-57.4292-44.01-46.89239-3.98511,3.92889-7.71778,7.84845-11.14649,11.58667-6.81714,35.15851-11.18164,71.97125-8.68164,107.75079.23242,3.33173,1.99146,22.11371,4.43116,30.8031l37.83129-28.384s4.7107-3.45068,12.0691-9.26331a139.16647,139.16647,0,0,0,7.77319-22.17456A101.25512,101.25512,0,0,0,676.65189,627.63111Z"
+      />
       <path
         class="cls-10"
-        d="M451.868,796.36231s-3.467-2.03955-9.35986-5.50585c-.38306,6.74377-.94653,13.21826-1.73389,19.644a1.57086,1.57086,0,0,1-1.55664,1.3789,1.63045,1.63045,0,0,1-.19336-.01171,1.57036,1.57036,0,0,1-1.36719-1.75c.84253-6.86707,1.426-13.79248,1.80286-21.0542-2.57727-1.51612-5.48376-3.22583-8.68408-5.1084-.12512.81079-.25549,1.62012-.37952,2.43115-.78125,5.11328-1.58886,10.40137-2.73437,15.55664a1.56947,1.56947,0,0,1-3.06446-.67969c1.12207-5.05371,1.92188-10.28808,2.69532-15.35156.187-1.22388.381-2.446.57226-3.66876-9.44311-5.55475-20.96582-12.33276-33.27807-19.57514A13.37562,13.37562,0,0,0,378.63187,783.931c28.66015,27.00855,57.1853,53.89026,72.73657,68.54419a11.93871,11.93871,0,0,0,19.00147-3.62622c4.98852-10.65466,10.81591-23.10169,10.81591-23.10169Z"/>
+        d="M451.868,796.36231s-3.467-2.03955-9.35986-5.50585c-.38306,6.74377-.94653,13.21826-1.73389,19.644a1.57086,1.57086,0,0,1-1.55664,1.3789,1.63045,1.63045,0,0,1-.19336-.01171,1.57036,1.57036,0,0,1-1.36719-1.75c.84253-6.86707,1.426-13.79248,1.80286-21.0542-2.57727-1.51612-5.48376-3.22583-8.68408-5.1084-.12512.81079-.25549,1.62012-.37952,2.43115-.78125,5.11328-1.58886,10.40137-2.73437,15.55664a1.56947,1.56947,0,0,1-3.06446-.67969c1.12207-5.05371,1.92188-10.28808,2.69532-15.35156.187-1.22388.381-2.446.57226-3.66876-9.44311-5.55475-20.96582-12.33276-33.27807-19.57514A13.37562,13.37562,0,0,0,378.63187,783.931c28.66015,27.00855,57.1853,53.89026,72.73657,68.54419a11.93871,11.93871,0,0,0,19.00147-3.62622c4.98852-10.65466,10.81591-23.10169,10.81591-23.10169Z"
+      />
       <path
         class="cls-11"
-        d="M439.0242,811.86769a1.63045,1.63045,0,0,0,.19336.01171,1.57086,1.57086,0,0,0,1.55664-1.3789c.78736-6.42578,1.35083-12.90027,1.73389-19.644q-1.43041-.84156-3.04822-1.793c-.37683,7.26172-.96033,14.18713-1.80286,21.0542A1.57036,1.57036,0,0,0,439.0242,811.86769Z"/>
+        d="M439.0242,811.86769a1.63045,1.63045,0,0,0,.19336.01171,1.57086,1.57086,0,0,0,1.55664-1.3789c.78736-6.42578,1.35083-12.90027,1.73389-19.644q-1.43041-.84156-3.04822-1.793c-.37683,7.26172-.96033,14.18713-1.80286,21.0542A1.57036,1.57036,0,0,0,439.0242,811.86769Z"
+      />
       <path
         class="cls-11"
-        d="M424.59744,801.26319a1.56947,1.56947,0,1,0,3.06446.67969c1.14551-5.15527,1.95312-10.44336,2.73437-15.55664.124-.811.2544-1.62036.37952-2.43115-.94348-.55506-1.91968-1.12921-2.91077-1.71222-.19128,1.22272-.38525,2.44488-.57226,3.66876C426.51932,790.97511,425.71951,796.20948,424.59744,801.26319Z"/>
+        d="M424.59744,801.26319a1.56947,1.56947,0,1,0,3.06446.67969c1.14551-5.15527,1.95312-10.44336,2.73437-15.55664.124-.811.2544-1.62036.37952-2.43115-.94348-.55506-1.91968-1.12921-2.91077-1.71222-.19128,1.22272-.38525,2.44488-.57226,3.66876C426.51932,790.97511,425.71951,796.20948,424.59744,801.26319Z"
+      />
       <polygon
         class="cls-6"
-        points="740.073 788.785 683.204 798.898 710.187 884.833 751.697 884.833 747.119 847.008 740.073 788.785 740.073 788.785"/>
+        points="740.073 788.785 683.204 798.898 710.187 884.833 751.697 884.833 747.119 847.008 740.073 788.785 740.073 788.785"
+      />
       <path
         class="cls-12"
-        d="M804.99223,528.65028l126.36166-28.2279,26.10737-5.42168c4.232,8.48886,8.57338,22.4809,12.75721,30.99717,32.01163,65.168-15.46474,129.59909-59.5974,127.9847l-.23342.001H734.81627L750.2209,810.6994l-68.6524,16.13734S639.84689,684.45388,631.695,653.98354c-7.39355-27.63784-21.78269-111.64443,30.98442-116.65253,52.76717-5.00906,142.31284-8.68073,142.31284-8.68073Z"/>
+        d="M804.99223,528.65028l126.36166-28.2279,26.10737-5.42168c4.232,8.48886,8.57338,22.4809,12.75721,30.99717,32.01163,65.168-15.46474,129.59909-59.5974,127.9847l-.23342.001H734.81627L750.2209,810.6994l-68.6524,16.13734S639.84689,684.45388,631.695,653.98354c-7.39355-27.63784-21.78269-111.64443,30.98442-116.65253,52.76717-5.00906,142.31284-8.68073,142.31284-8.68073Z"
+      />
       <path
         class="cls-13"
-        d="M760.41141,908.80543c-4.01929-11.05615-8.71436-23.9729-8.71436-23.9729H710.18729s-7.1355,1.85864-18.54737,4.8313a136.08924,136.08924,0,0,1,12.61475,19.79663,1.56944,1.56944,0,1,1-2.78125,1.45508A132.57079,132.57079,0,0,0,688.344,890.52235c-2.93067.76343-6.08643,1.58557-9.44312,2.45984,2.625,4.31726,5.145,8.70447,7.593,12.97925q1.72119,3.00439,3.45605,6.00781a1.57045,1.57045,0,0,1-2.71679,1.57617q-1.74464-3.00879-3.46387-6.02441c-2.59082-4.5232-5.26367-9.16993-8.04614-13.71106-8.97071,2.33679-19.14258,4.9862-29.84595,7.77429a13.37594,13.37594,0,0,0,3.78393,26.31347c46.12012-1.42126,88.06446-2.71435,88.06446-2.71435s5.60791-.17249,11.83227-.3645a11.93939,11.93939,0,0,0,10.85352-16.01343Z"/>
+        d="M760.41141,908.80543c-4.01929-11.05615-8.71436-23.9729-8.71436-23.9729H710.18729s-7.1355,1.85864-18.54737,4.8313a136.08924,136.08924,0,0,1,12.61475,19.79663,1.56944,1.56944,0,1,1-2.78125,1.45508A132.57079,132.57079,0,0,0,688.344,890.52235c-2.93067.76343-6.08643,1.58557-9.44312,2.45984,2.625,4.31726,5.145,8.70447,7.593,12.97925q1.72119,3.00439,3.45605,6.00781a1.57045,1.57045,0,0,1-2.71679,1.57617q-1.74464-3.00879-3.46387-6.02441c-2.59082-4.5232-5.26367-9.16993-8.04614-13.71106-8.97071,2.33679-19.14258,4.9862-29.84595,7.77429a13.37594,13.37594,0,0,0,3.78393,26.31347c46.12012-1.42126,88.06446-2.71435,88.06446-2.71435s5.60791-.17249,11.83227-.3645a11.93939,11.93939,0,0,0,10.85352-16.01343Z"
+      />
       <path
         class="cls-11"
-        d="M687.23319,913.54542a1.57045,1.57045,0,0,0,2.71679-1.57617q-1.74169-3-3.45605-6.00781c-2.448-4.27478-4.968-8.662-7.593-12.97925-1.03955.27075-2.10254.5476-3.17773.82776,2.78247,4.54113,5.45532,9.18786,8.04614,13.71106Q685.49491,910.53418,687.23319,913.54542Z"/>
+        d="M687.23319,913.54542a1.57045,1.57045,0,0,0,2.71679-1.57617q-1.74169-3-3.45605-6.00781c-2.448-4.27478-4.968-8.662-7.593-12.97925-1.03955.27075-2.10254.5476-3.17773.82776,2.78247,4.54113,5.45532,9.18786,8.04614,13.71106Q685.49491,910.53418,687.23319,913.54542Z"
+      />
       <path
         class="cls-11"
-        d="M702.865,911.75831a1.571,1.571,0,0,0,1.38965-2.29785,136.08924,136.08924,0,0,0-12.61475-19.79663q-1.59375.41528-3.29589.85852a132.57079,132.57079,0,0,1,13.12939,20.39319A1.56853,1.56853,0,0,0,702.865,911.75831Z"/>
+        d="M702.865,911.75831a1.571,1.571,0,0,0,1.38965-2.29785,136.08924,136.08924,0,0,0-12.61475-19.79663q-1.59375.41528-3.29589.85852a132.57079,132.57079,0,0,1,13.12939,20.39319A1.56853,1.56853,0,0,0,702.865,911.75831Z"
+      />
       <path
         class="cls-14"
-        d="M835.40642,281.24137C882.60314,300.70751,943.13608,449.3493,957.46126,495.0007c-34.71525,29.61049-106.47985,44.30585-152.469,33.64958,1.54038-12.93671-2.668-140.1777-3.04723-163.09309-.22254-13.39645-2.50946-22.55568-2.16183-35.97473"/>
+        d="M835.40642,281.24137C882.60314,300.70751,943.13608,449.3493,957.46126,495.0007c-34.71525,29.61049-106.47985,44.30585-152.469,33.64958,1.54038-12.93671-2.668-140.1777-3.04723-163.09309-.22254-13.39645-2.50946-22.55568-2.16183-35.97473"
+      />
       <path
         class="cls-15"
-        d="M868.30448,377.91365l-62.40235,44.699c-.84057,2.87817-1.57251,5.79425-2.218,8.738,1.12574,42.29352,2.21656,89.67065,1.30811,97.29956C833.31766,524.60322,838.00955,508.978,868.30448,377.91365Z"/>
+        d="M868.30448,377.91365l-62.40235,44.699c-.84057,2.87817-1.57251,5.79425-2.218,8.738,1.12574,42.29352,2.21656,89.67065,1.30811,97.29956C833.31766,524.60322,838.00955,508.978,868.30448,377.91365Z"
+      />
       <path
         class="cls-16"
-        d="M818.87222,234.17468c-.389,16.73822,7.811,33.235,16.5342,47.06669-11.10459,19.07516-21.1583,30.02455-35.62325,48.34109a244.13134,244.13134,0,0,0-14.86782-50.88024"/>
+        d="M818.87222,234.17468c-.389,16.73822,7.811,33.235,16.5342,47.06669-11.10459,19.07516-21.1583,30.02455-35.62325,48.34109a244.13134,244.13134,0,0,0-14.86782-50.88024"
+      />
       <path
         class="cls-17"
-        d="M803.10623,281.778a100.72064,100.72064,0,0,0,6.18994-18.29821l2.06934-7.31452c-2.25439-1.89813-5.40478-1.82531-8.5625-.91913l-17.88769,23.45606c2.7788,6.589,5.19238,13.30969,7.31958,20.15936,1.80493-2.115,3.40893-4.65112,4.86645-6.62707A55.06214,55.06214,0,0,0,803.10623,281.778Z"/>
+        d="M803.10623,281.778a100.72064,100.72064,0,0,0,6.18994-18.29821l2.06934-7.31452c-2.25439-1.89813-5.40478-1.82531-8.5625-.91913l-17.88769,23.45606c2.7788,6.589,5.19238,13.30969,7.31958,20.15936,1.80493-2.115,3.40893-4.65112,4.86645-6.62707A55.06214,55.06214,0,0,0,803.10623,281.778Z"
+      />
       <path
         class="cls-16"
-        d="M729.92828,198.82416a98.05578,98.05578,0,0,0-1.16312,28.9204c.55448,5.30721,2.39128,10.74379,2.32726,16.06616-.05416,4.52552-1.37291,8.94571-2.12829,13.38178-.26984,1.58553-1.17207,3.8775-.591,5.4236,1.58366,4.21533,7.69982,2.47134,10.60127.90818A43.05429,43.05429,0,0,0,755.88687,280.992c26.90013,13.49984,56.48015-13.25242,62.92433-38.34148a47.79058,47.79058,0,0,0-16.11377-49.17833c-6.581-5.407-14.60279-8.42466-22.56764-11.16844-18.10314-6.23824-37.32017-6.55948-47.18777,11.83328Z"/>
+        d="M729.92828,198.82416a98.05578,98.05578,0,0,0-1.16312,28.9204c.55448,5.30721,2.39128,10.74379,2.32726,16.06616-.05416,4.52552-1.37291,8.94571-2.12829,13.38178-.26984,1.58553-1.17207,3.8775-.591,5.4236,1.58366,4.21533,7.69982,2.47134,10.60127.90818A43.05429,43.05429,0,0,0,755.88687,280.992c26.90013,13.49984,56.48015-13.25242,62.92433-38.34148a47.79058,47.79058,0,0,0-16.11377-49.17833c-6.581-5.407-14.60279-8.42466-22.56764-11.16844-18.10314-6.23824-37.32017-6.55948-47.18777,11.83328Z"
+      />
       <path
         class="cls-6"
-        d="M728.80748,213.88693c8.64924,7.31786,26.46678,10.96862,41.0864,9.82527,5.32922-.4167,20.12617-7.58259,23.6983-5.4611,4.87519,2.89454,6.28753,9.638,7.17293,14.75547,2.213,12.79171-.31319,26.05423-.02759,38.964.2886,13.06559,14.09177,12.26393,22.90848,7.85046a64.97755,64.97755,0,0,0,11.852-7.4566c5.37358-4.33051,9.904-9.72573,14.398-14.93965,6.67659-7.74587,12.31989-15.7709,13.72731-26.14777,5.39528-39.76735-29.82918-58.057-56.62784-71.98576-16.58452-8.62014-40.60682-8.46529-59.05765.08656-21.74921,10.08112-33.63575,42.23653-19.13041,54.50912Z"/>
+        d="M728.80748,213.88693c8.64924,7.31786,26.46678,10.96862,41.0864,9.82527,5.32922-.4167,20.12617-7.58259,23.6983-5.4611,4.87519,2.89454,6.28753,9.638,7.17293,14.75547,2.213,12.79171-.31319,26.05423-.02759,38.964.2886,13.06559,14.09177,12.26393,22.90848,7.85046a64.97755,64.97755,0,0,0,11.852-7.4566c5.37358-4.33051,9.904-9.72573,14.398-14.93965,6.67659-7.74587,12.31989-15.7709,13.72731-26.14777,5.39528-39.76735-29.82918-58.057-56.62784-71.98576-16.58452-8.62014-40.60682-8.46529-59.05765.08656-21.74921,10.08112-33.63575,42.23653-19.13041,54.50912Z"
+      />
       <path
         class="cls-6"
-        d="M809.55225,127.01633a20.75495,20.75495,0,1,1-20.75447,20.75447,20.76521,20.76521,0,0,1,20.75447-20.75447Z"/>
+        d="M809.55225,127.01633a20.75495,20.75495,0,1,1-20.75447,20.75447,20.76521,20.76521,0,0,1,20.75447-20.75447Z"
+      />
       <path
         class="cls-16"
-        d="M785.37924,218.003c4.86629-7.40058,13.84254-10.10468,20.03257-6.03554,6.19,4.07058,7.26545,13.38274,2.40018,20.78428-4.86636,7.4001-13.84261,10.10468-20.03258,6.03506-6.19-4.06938-7.2655-13.3825-2.40017-20.7838Z"/>
+        d="M785.37924,218.003c4.86629-7.40058,13.84254-10.10468,20.03257-6.03554,6.19,4.07058,7.26545,13.38274,2.40018,20.78428-4.86636,7.4001-13.84261,10.10468-20.03258,6.03506-6.19-4.06938-7.2655-13.3825-2.40017-20.7838Z"
+      />
       <path
         class="cls-11"
-        d="M802.20682,253.65089a11.68174,11.68174,0,0,1-3.63379-.584,11.43407,11.43407,0,0,1-8.1543-12.24316,13.92838,13.92838,0,0,1,11.5752-12.76855,1.57034,1.57034,0,0,1,.49414,3.10156,10.79156,10.79156,0,0,0-8.93945,9.915,8.31845,8.31845,0,0,0,5.999,9.01074c4.56152,1.48926,8.36914-1.12695,10.24316-3.82031,1.8418-2.64649,2.96582-7.03125.07422-10.67676a1.57029,1.57029,0,1,1,2.46094-1.95117c3.26074,4.11133,3.27734,9.77246.042,14.4209A12.42172,12.42172,0,0,1,802.20682,253.65089Z"/>
+        d="M802.20682,253.65089a11.68174,11.68174,0,0,1-3.63379-.584,11.43407,11.43407,0,0,1-8.1543-12.24316,13.92838,13.92838,0,0,1,11.5752-12.76855,1.57034,1.57034,0,0,1,.49414,3.10156,10.79156,10.79156,0,0,0-8.93945,9.915,8.31845,8.31845,0,0,0,5.999,9.01074c4.56152,1.48926,8.36914-1.12695,10.24316-3.82031,1.8418-2.64649,2.96582-7.03125.07422-10.67676a1.57029,1.57029,0,1,1,2.46094-1.95117c3.26074,4.11133,3.27734,9.77246.042,14.4209A12.42172,12.42172,0,0,1,802.20682,253.65089Z"
+      />
       <path
         class="cls-16"
-        d="M627.42842,417.02917a27.20058,27.20058,0,0,1-23.3565,1.11882c-.17427-.07069.04635,5.62365.04136,5.71646-.23246,3.841-1.827,10.49878-6.52294,11.13814-4.58653.62421-7.42991-9.0455-8.04943-11.80178-.26594-1.184-.48553-2.3718-.67561-3.57117-.259-1.64083-.33194-2.87723-.36049-2.58147-.264,2.77816-.38118,5.54262-.88239,8.29842a24.52342,24.52342,0,0,1-1.35915,4.97059,12.06235,12.06235,0,0,1-1.51478,2.72334c-5.05636,6.66263-8.65224-3.62407-9.25787-7.71461-.13009-.87957.10435-5.15189-.46-5.62558-.63623-.536-.67861,1.51869-1.03911,2.26817a40.26336,40.26336,0,0,1-2.00325,3.71328c-1.84666,2.98182-8.27894,10.5096-12.64288,8.1111-3.5604-1.95678-.16555-13.19518.52984-15.93439,3.40567-13.40919,7.38068-32.191,18.98066-41.24684,15.06776-11.76355,41.77487-5.06533,58.30811-1.096,29.13289,6.9923,97.44542,36.67492,97.44542,36.67492l-18.7443,50.04876s-74.89744-38.09117-88.43671-45.21018Z"/>
+        d="M627.42842,417.02917a27.20058,27.20058,0,0,1-23.3565,1.11882c-.17427-.07069.04635,5.62365.04136,5.71646-.23246,3.841-1.827,10.49878-6.52294,11.13814-4.58653.62421-7.42991-9.0455-8.04943-11.80178-.26594-1.184-.48553-2.3718-.67561-3.57117-.259-1.64083-.33194-2.87723-.36049-2.58147-.264,2.77816-.38118,5.54262-.88239,8.29842a24.52342,24.52342,0,0,1-1.35915,4.97059,12.06235,12.06235,0,0,1-1.51478,2.72334c-5.05636,6.66263-8.65224-3.62407-9.25787-7.71461-.13009-.87957.10435-5.15189-.46-5.62558-.63623-.536-.67861,1.51869-1.03911,2.26817a40.26336,40.26336,0,0,1-2.00325,3.71328c-1.84666,2.98182-8.27894,10.5096-12.64288,8.1111-3.5604-1.95678-.16555-13.19518.52984-15.93439,3.40567-13.40919,7.38068-32.191,18.98066-41.24684,15.06776-11.76355,41.77487-5.06533,58.30811-1.096,29.13289,6.9923,97.44542,36.67492,97.44542,36.67492l-18.7443,50.04876s-74.89744-38.09117-88.43671-45.21018Z"
+      />
       <path
         class="cls-14"
-        d="M866.33975,389.08236a32.89232,32.89232,0,0,0-61.86557-22.36669l-34.6965,95.97092a32.89212,32.89212,0,0,0,61.86551,22.36572l34.69656-95.96995Z"/>
+        d="M866.33975,389.08236a32.89232,32.89232,0,0,0-61.86557-22.36669l-34.6965,95.97092a32.89212,32.89212,0,0,0,61.86551,22.36572l34.69656-95.96995Z"
+      />
       <path
         class="cls-14"
-        d="M718.34711,404.55389,693.48167,465.458l94.478,38.574A32.8921,32.8921,0,0,0,812.826,443.12861l-94.47887-38.57472Z"/>
+        d="M718.34711,404.55389,693.48167,465.458l94.478,38.574A32.8921,32.8921,0,0,0,812.826,443.12861l-94.47887-38.57472Z"
+      />
       <path
         class="cls-18"
-        d="M1075.85037,928.90772h-.002l-717.04687-.68945a1.56445,1.56445,0,0,1,.00195-3.1289h.002l717.04688.68945a1.56445,1.56445,0,0,1-.002,3.1289Z"/>
+        d="M1075.85037,928.90772h-.002l-717.04687-.68945a1.56445,1.56445,0,0,1,.00195-3.1289h.002l717.04688.68945a1.56445,1.56445,0,0,1-.002,3.1289Z"
+      />
     </g>
   </svg>
-
 </template>
 
 <style scoped lang="scss">
diff --git a/client/src/components/illustrations/RoomsIllustration.vue b/client/src/components/illustrations/RoomsIllustration.vue
index 7f90ba6c..88e61c05 100644
--- a/client/src/components/illustrations/RoomsIllustration.vue
+++ b/client/src/components/illustrations/RoomsIllustration.vue
@@ -1,7 +1,8 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 1400 1000">
+    viewBox="0 0 1400 1000"
+  >
     <defs>
       <linearGradient
         x1="701.07488"
@@ -9,194 +10,254 @@
         x2="698.67632"
         y2="622.95376"
         gradientUnits="userSpaceOnUse"
-        id="linear-gradient">
+        id="linear-gradient"
+      >
         <stop
           offset="0"
-          stop-color="#fff"/>
+          stop-color="#fff"
+        />
         <stop
           offset="1"
-          stop-color="#e6f4f9"/>
+          stop-color="#e6f4f9"
+        />
       </linearGradient>
     </defs>
     <g id="hintergrund">
       <path
         class="cls-1"
-        d="M680.89352,920.77549c-115.574,2.297-364.442-1.286-477.861-77.37818-121.207-81.31494-103.754-244.30383-42.718-370.52294,61.724-127.63892,171.318-171.035,280.697-242.27393,113.939-74.20813,180.879-149.62817,321.509-159.134,169.4-11.45118,271.191,122.5,365.855,247.33886,114.6272,151.16712,244.02807,357.62818,76.353,524.592-119.454,118.94812-328.156,73.49-523.835,77.37818Z"/>
+        d="M680.89352,920.77549c-115.574,2.297-364.442-1.286-477.861-77.37818-121.207-81.31494-103.754-244.30383-42.718-370.52294,61.724-127.63892,171.318-171.035,280.697-242.27393,113.939-74.20813,180.879-149.62817,321.509-159.134,169.4-11.45118,271.191,122.5,365.855,247.33886,114.6272,151.16712,244.02807,357.62818,76.353,524.592-119.454,118.94812-328.156,73.49-523.835,77.37818Z"
+      />
     </g>
     <g
       data-name="Layer 1"
-      id="Layer_1">
+      id="Layer_1"
+    >
       <path
         class="cls-2"
-        d="M984.82349,795.9235l-55.616,34.58789,6.21814,17.582a155.23,155.23,0,0,1,28.48168-6.7854,1.58747,1.58747,0,0,1,.47852,3.13868,152.24676,152.24676,0,0,0-27.901,6.64135l3.9032,11.03638c6.80029-2.51917,13.24634-4.52087,19.49487-6.457,2.75488-.85352,5.51856-1.71,8.33008-2.61426a1.588,1.588,0,0,1,.97266,3.02344c-2.82227.9082-5.59668,1.76758-8.36231,2.624-6.22095,1.92774-12.63769,3.92066-19.376,6.41931l2.93921,8.31043-15.17907,19.84619s-8.952,2.731-18.60608,5.676a76.76728,76.76728,0,0,0-38.53992,26.73975c-2.605,3.39893-4.497,5.8689-4.497,5.8689h98.862l45.264-53.27173Z"/>
+        d="M984.82349,795.9235l-55.616,34.58789,6.21814,17.582a155.23,155.23,0,0,1,28.48168-6.7854,1.58747,1.58747,0,0,1,.47852,3.13868,152.24676,152.24676,0,0,0-27.901,6.64135l3.9032,11.03638c6.80029-2.51917,13.24634-4.52087,19.49487-6.457,2.75488-.85352,5.51856-1.71,8.33008-2.61426a1.588,1.588,0,0,1,.97266,3.02344c-2.82227.9082-5.59668,1.76758-8.36231,2.624-6.22095,1.92774-12.63769,3.92066-19.376,6.41931l2.93921,8.31043-15.17907,19.84619s-8.952,2.731-18.60608,5.676a76.76728,76.76728,0,0,0-38.53992,26.73975c-2.605,3.39893-4.497,5.8689-4.497,5.8689h98.862l45.264-53.27173Z"
+      />
       <path
         class="cls-2"
-        d="M812.90253,843.09928,805.35822,859.747c2.46094,1.061,4.94061,2.11181,7.36212,3.13135,5.86963,2.47168,11.939,5.02636,17.78076,7.83886a1.58771,1.58771,0,1,1-1.37695,2.86133c-5.77051-2.77734-11.80273-5.31738-17.63623-7.77344-2.44519-1.02942-4.95123-2.0913-7.44086-3.16479l-4.08593,9.01611c2.90191,1.689,5.88165,3.32788,8.78753,4.90943,5.40625,2.94238,10.99659,5.98437,16.19483,9.51171a1.58832,1.58832,0,0,1-1.78321,2.62891c-5.06982-3.44043-10.59082-6.44531-15.92968-9.35059-2.83295-1.5415-5.736-3.14208-8.586-4.79418l-2.41205,5.32251s-47.31995,16.96435-73.648,26.40332a41.58376,41.58376,0,0,0-24.275,22.96777c-.36005.85107-.57605,1.36206-.57605,1.36206h148.305l33.856-79.115Z"/>
+        d="M812.90253,843.09928,805.35822,859.747c2.46094,1.061,4.94061,2.11181,7.36212,3.13135,5.86963,2.47168,11.939,5.02636,17.78076,7.83886a1.58771,1.58771,0,1,1-1.37695,2.86133c-5.77051-2.77734-11.80273-5.31738-17.63623-7.77344-2.44519-1.02942-4.95123-2.0913-7.44086-3.16479l-4.08593,9.01611c2.90191,1.689,5.88165,3.32788,8.78753,4.90943,5.40625,2.94238,10.99659,5.98437,16.19483,9.51171a1.58832,1.58832,0,0,1-1.78321,2.62891c-5.06982-3.44043-10.59082-6.44531-15.92968-9.35059-2.83295-1.5415-5.736-3.14208-8.586-4.79418l-2.41205,5.32251s-47.31995,16.96435-73.648,26.40332a41.58376,41.58376,0,0,0-24.275,22.96777c-.36005.85107-.57605,1.36206-.57605,1.36206h148.305l33.856-79.115Z"
+      />
       <path
         class="cls-3"
-        d="M942.78152,154.71238a27.69588,27.69588,0,0,0-27.6969-27.696h-341.687a27.69595,27.69595,0,0,0-27.697,27.69605V408.58847a27.69593,27.69593,0,0,0,27.697,27.6958h341.687a27.69586,27.69586,0,0,0,27.6969-27.6958V154.71238Z"/>
+        d="M942.78152,154.71238a27.69588,27.69588,0,0,0-27.6969-27.696h-341.687a27.69595,27.69595,0,0,0-27.697,27.69605V408.58847a27.69593,27.69593,0,0,0,27.697,27.6958h341.687a27.69586,27.69586,0,0,0,27.6969-27.6958V154.71238Z"
+      />
       <path
         class="cls-4"
-        d="M673.39554,214.33249a10.2218,10.2218,0,0,0-10.217-10.21716h-76.94a10.22092,10.22092,0,0,0-10.216,10.21716v57.101a10.22072,10.22072,0,0,0,10.216,10.21692h76.94a10.2216,10.2216,0,0,0,10.217-10.21692v-57.101Z"/>
+        d="M673.39554,214.33249a10.2218,10.2218,0,0,0-10.217-10.21716h-76.94a10.22092,10.22092,0,0,0-10.216,10.21716v57.101a10.22072,10.22072,0,0,0,10.216,10.21692h76.94a10.2216,10.2216,0,0,0,10.217-10.21692v-57.101Z"
+      />
       <path
         class="cls-5"
-        d="M864.91959,167.88242a9.09814,9.09814,0,0,0-9.093-9.094h-223.171a9.094,9.094,0,0,0,0,18.188h223.171a9.0983,9.0983,0,0,0,9.093-9.094Z"/>
+        d="M864.91959,167.88242a9.09814,9.09814,0,0,0-9.093-9.094h-223.171a9.094,9.094,0,0,0,0,18.188h223.171a9.0983,9.0983,0,0,0,9.093-9.094Z"
+      />
       <path
         class="cls-4"
-        d="M673.39554,318.47031a10.2216,10.2216,0,0,0-10.217-10.21692h-76.94a10.22072,10.22072,0,0,0-10.216,10.21692v57.10205a10.22072,10.22072,0,0,0,10.216,10.21692h76.94a10.2216,10.2216,0,0,0,10.217-10.21692V318.47031Z"/>
+        d="M673.39554,318.47031a10.2216,10.2216,0,0,0-10.217-10.21692h-76.94a10.22072,10.22072,0,0,0-10.216,10.21692v57.10205a10.22072,10.22072,0,0,0,10.216,10.21692h76.94a10.2216,10.2216,0,0,0,10.217-10.21692V318.47031Z"
+      />
       <path
         class="cls-4"
-        d="M789.24753,214.33249a10.22159,10.22159,0,0,0-10.216-10.21716H702.09158a10.22185,10.22185,0,0,0-10.217,10.21716v57.101a10.22165,10.22165,0,0,0,10.217,10.21692h76.93994a10.22139,10.22139,0,0,0,10.216-10.21692v-57.101Z"/>
+        d="M789.24753,214.33249a10.22159,10.22159,0,0,0-10.216-10.21716H702.09158a10.22185,10.22185,0,0,0-10.217,10.21716v57.101a10.22165,10.22165,0,0,0,10.217,10.21692h76.93994a10.22139,10.22139,0,0,0,10.216-10.21692v-57.101Z"
+      />
       <path
         class="cls-4"
-        d="M789.24753,318.47031a10.22139,10.22139,0,0,0-10.216-10.21692H702.09158a10.22165,10.22165,0,0,0-10.217,10.21692v57.10205a10.22165,10.22165,0,0,0,10.217,10.21692h76.93994a10.22139,10.22139,0,0,0,10.216-10.21692V318.47031Z"/>
+        d="M789.24753,318.47031a10.22139,10.22139,0,0,0-10.216-10.21692H702.09158a10.22165,10.22165,0,0,0-10.217,10.21692v57.10205a10.22165,10.22165,0,0,0,10.217,10.21692h76.93994a10.22139,10.22139,0,0,0,10.216-10.21692V318.47031Z"
+      />
       <path
         class="cls-4"
-        d="M905.10055,214.33249a10.22181,10.22181,0,0,0-10.217-10.21716h-76.939a10.22184,10.22184,0,0,0-10.217,10.21716v57.101a10.22163,10.22163,0,0,0,10.217,10.21692h76.939a10.22161,10.22161,0,0,0,10.217-10.21692v-57.101Z"/>
+        d="M905.10055,214.33249a10.22181,10.22181,0,0,0-10.217-10.21716h-76.939a10.22184,10.22184,0,0,0-10.217,10.21716v57.101a10.22163,10.22163,0,0,0,10.217,10.21692h76.939a10.22161,10.22161,0,0,0,10.217-10.21692v-57.101Z"
+      />
       <path
         class="cls-6"
-        d="M423.55054,509.40927c.738-29.01794,47.706-21.07495,74.842-9.715,41.888,17.535,128.479,58.24707,150.114,58.68005,8.949.17908,21.928-.67505,30.509,1.64112,15.798,4.26184,32.10706,13.26684,39.306,28.34594,0,0-89.204.202-119.731-.918a861.87755,861.87755,0,0,1-131.733-15.50305c-30.356-5.86511-44.548-13.69909-43.307-62.53113Z"/>
+        d="M423.55054,509.40927c.738-29.01794,47.706-21.07495,74.842-9.715,41.888,17.535,128.479,58.24707,150.114,58.68005,8.949.17908,21.928-.67505,30.509,1.64112,15.798,4.26184,32.10706,13.26684,39.306,28.34594,0,0-89.204.202-119.731-.918a861.87755,861.87755,0,0,1-131.733-15.50305c-30.356-5.86511-44.548-13.69909-43.307-62.53113Z"
+      />
       <polygon
         class="cls-6"
-        points="465.081 422.952 498.159 513.228 430.11 532.945 417.988 432.149 465.081 422.952 465.081 422.952"/>
+        points="465.081 422.952 498.159 513.228 430.11 532.945 417.988 432.149 465.081 422.952 465.081 422.952"
+      />
       <path
         class="cls-7"
-        d="M339.75055,308.25339c48.038-.434,76.14,14.934,93.759,36.69788,18.305,22.61206,25.295,52.129,31.571,78.0011-28.397,10.91894-49.712,19.23791-78.455,30.16809-6.385-16.79-19.392-50.177-26.156-66.80909"/>
+        d="M339.75055,308.25339c48.038-.434,76.14,14.934,93.759,36.69788,18.305,22.61206,25.295,52.129,31.571,78.0011-28.397,10.91894-49.712,19.23791-78.455,30.16809-6.385-16.79-19.392-50.177-26.156-66.80909"
+      />
       <polygon
         class="cls-8"
-        points="303.187 890.419 341.572 821.396 397.588 860.396 379.4 890.419 303.187 890.419 303.187 890.419"/>
+        points="303.187 890.419 341.572 821.396 397.588 860.396 379.4 890.419 303.187 890.419 303.187 890.419"
+      />
       <path
         class="cls-9"
-        d="M445.21756,929.24546a28.19133,28.19133,0,0,0-21.296-27.598c-19.271-4.86-44.522-11.22815-44.522-11.22815h-76.213l-22.07,39.53418h164.094s.003-.25415.007-.708Z"/>
+        d="M445.21756,929.24546a28.19133,28.19133,0,0,0-21.296-27.598c-19.271-4.86-44.522-11.22815-44.522-11.22815h-76.213l-22.07,39.53418h164.094s.003-.25415.007-.708Z"
+      />
       <path
         class="cls-10"
-        d="M417.63354,651.60739s104.423,25.8451,89.602,49.726c-15.301,24.65307-98.799,164.541-98.799,164.541h-105.25l114.144-214.239.303-.028Z"/>
+        d="M417.63354,651.60739s104.423,25.8451,89.602,49.726c-15.301,24.65307-98.799,164.541-98.799,164.541h-105.25l114.144-214.239.303-.028Z"
+      />
       <path
         class="cls-3"
-        d="M478.95657,714.35935a8.83264,8.83264,0,0,0-8.832-8.83191h-267.912a8.83271,8.83271,0,0,0-8.832,8.83191v.0011a8.83271,8.83271,0,0,0,8.832,8.83191h267.912a8.83264,8.83264,0,0,0,8.832-8.83191v-.0011Z"/>
+        d="M478.95657,714.35935a8.83264,8.83264,0,0,0-8.832-8.83191h-267.912a8.83271,8.83271,0,0,0-8.832,8.83191v.0011a8.83271,8.83271,0,0,0,8.832,8.83191h267.912a8.83264,8.83264,0,0,0,8.832-8.83191v-.0011Z"
+      />
       <polygon
         class="cls-8"
-        points="520.208 893.065 503.394 860.687 587.135 860.687 602.221 888.389 520.208 893.065 520.208 893.065"/>
+        points="520.208 893.065 503.394 860.687 587.135 860.687 602.221 888.389 520.208 893.065 520.208 893.065"
+      />
       <path
         class="cls-9"
-        d="M680.52054,928.2374a28.19109,28.19109,0,0,0-20.329-27.07214c-23.972-6.9618-60.597-17.59778-60.597-17.59778l-36.566,4.375-42.821,5.12292,17.736,36.88806h142.577V928.2374Z"/>
+        d="M680.52054,928.2374a28.19109,28.19109,0,0,0-20.329-27.07214c-23.972-6.9618-60.597-17.59778-60.597-17.59778l-36.566,4.375-42.821,5.12292,17.736,36.88806h142.577V928.2374Z"
+      />
       <path
         class="cls-11"
-        d="M269.65155,705.88926c-68.766-.94-81.731-64.672-77.726-103.88184,16.262.219,190.314.00305,224.694,0,52.307-.00293,71.353,20.132,83.043,48.70691,10.315,25.214,100.701,209.97314,100.701,209.97314l-91.949,14.50879-98.254-169.03882.145-.26818Z"/>
+        d="M269.65155,705.88926c-68.766-.94-81.731-64.672-77.726-103.88184,16.262.219,190.314.00305,224.694,0,52.307-.00293,71.353,20.132,83.043,48.70691,10.315,25.214,100.701,209.97314,100.701,209.97314l-91.949,14.50879-98.254-169.03882.145-.26818Z"
+      />
       <path
         class="cls-8"
-        d="M386.57654,308.63938c54.264,15.81811,63.746,48.404,64.997,95.501.931,35.074-8.513,70.8479-15.663,104.96912-7.805,37.24988-11.482,55.60779-14.277,93.574-53.8,1.50184-209.887,2.15882-230.213,0,.84-61.30712,21.527-154.56811,44.65-211.87011,11.935-29.573,27.854-61.77,58.016-76.328,2.99795-1.44787,24.574-15.62,27.549-16.64489,29.111-10.028,38.479,11.672,64.941,10.79895Z"/>
+        d="M386.57654,308.63938c54.264,15.81811,63.746,48.404,64.997,95.501.931,35.074-8.513,70.8479-15.663,104.96912-7.805,37.24988-11.482,55.60779-14.277,93.574-53.8,1.50184-209.887,2.15882-230.213,0,.84-61.30712,21.527-154.56811,44.65-211.87011,11.935-29.573,27.854-61.77,58.016-76.328,2.99795-1.44787,24.574-15.62,27.549-16.64489,29.111-10.028,38.479,11.672,64.941,10.79895Z"
+      />
       <path
         class="cls-12"
-        d="M253.04554,413.02925c-38.76294,49.9082-33.094,89.42-31.35095,152.14917,48.618-1.351,79.457-199.61707,79.457-199.61707C296.26258,365.09736,277.78254,381.18147,253.04554,413.02925Z"/>
+        d="M253.04554,413.02925c-38.76294,49.9082-33.094,89.42-31.35095,152.14917,48.618-1.351,79.457-199.61707,79.457-199.61707C296.26258,365.09736,277.78254,381.18147,253.04554,413.02925Z"
+      />
       <path
         class="cls-13"
-        d="M345.38556,252.59848c-11.946,23.45887-14.603,27.27991-23.752,45.24585,40.48,20.614,61.018,23.444,71.626,12.90393-.594-13.443-1.255-17.417-1.617-24.34289"/>
+        d="M345.38556,252.59848c-11.946,23.45887-14.603,27.27991-23.752,45.24585,40.48,20.614,61.018,23.444,71.626,12.90393-.594-13.443-1.255-17.417-1.617-24.34289"
+      />
       <path
         class="cls-14"
-        d="M346.9809,253.76441c-1.29974,1.32953-2.06732,2.18586-2.06732,2.18586,5.593,20.13513,29.182,53.584,48.346,54.798-.594-13.443-1.25507-17.417-1.61707-24.3429Z"/>
+        d="M346.9809,253.76441c-1.29974,1.32953-2.06732,2.18586-2.06732,2.18586,5.593,20.13513,29.182,53.584,48.346,54.798-.594-13.443-1.25507-17.417-1.61707-24.3429Z"
+      />
       <path
         class="cls-13"
-        d="M397.20554,185.04331c26.069,3.28711,44.106,30.75708,40.255,61.30517-3.852,30.54883-28.143,52.682-54.212,49.3949-26.069-3.286-44.106-30.756-40.255-61.305,3.852-30.548,28.143-52.68091,54.212-49.395Z"/>
+        d="M397.20554,185.04331c26.069,3.28711,44.106,30.75708,40.255,61.30517-3.852,30.54883-28.143,52.682-54.212,49.3949-26.069-3.286-44.106-30.756-40.255-61.305,3.852-30.548,28.143-52.68091,54.212-49.395Z"
+      />
       <path
         class="cls-2"
-        d="M365.09656,204.92234c10.902-9.814,20.263-3.23487,24.876-.99,8.101,3.94213,14.535,10.57495,23.357,13.12292,13.813,3.98914,28.16-7.29785,28.074-21.54687a31.46742,31.46742,0,0,0-1.695-9.293,25.85756,25.85756,0,0,0-28.398-17.527c-8.41,1.27-18.313-5.30115-41.491-4.62219-21.345.62512-52.419,32.27612-35.028,67.691,6.017,12.254,15.588,6.844,18.792,11.50317,1.055,1.53491,2.087,3.08081,3.076,4.65881.35995.573.714,1.1482,1.073,1.72107.166.26307.355,1.058.506.78492,1.81594-3.281.909-8.89991.60394-12.45581-1.023-11.92212-3.286-24.46009,6.254-33.04712Z"/>
+        d="M365.09656,204.92234c10.902-9.814,20.263-3.23487,24.876-.99,8.101,3.94213,14.535,10.57495,23.357,13.12292,13.813,3.98914,28.16-7.29785,28.074-21.54687a31.46742,31.46742,0,0,0-1.695-9.293,25.85756,25.85756,0,0,0-28.398-17.527c-8.41,1.27-18.313-5.30115-41.491-4.62219-21.345.62512-52.419,32.27612-35.028,67.691,6.017,12.254,15.588,6.844,18.792,11.50317,1.055,1.53491,2.087,3.08081,3.076,4.65881.35995.573.714,1.1482,1.073,1.72107.166.26307.355,1.058.506.78492,1.81594-3.281.909-8.89991.60394-12.45581-1.023-11.92212-3.286-24.46009,6.254-33.04712Z"
+      />
       <path
         class="cls-13"
-        d="M343.65353,224.83725c7.784-1.86694,15.775,3.58814,17.834,12.1742,2.059,8.58581-2.589,17.0719-10.373,18.93884-7.784,1.866-15.776-3.58887-17.835-12.17383-2.059-8.58618,2.59-17.072,10.374-18.93921Z"/>
+        d="M343.65353,224.83725c7.784-1.86694,15.775,3.58814,17.834,12.1742,2.059,8.58581-2.589,17.0719-10.373,18.93884-7.784,1.866-15.776-3.58887-17.835-12.17383-2.059-8.58618,2.59-17.072,10.374-18.93921Z"
+      />
       <path
         class="cls-13"
-        d="M181.13357,509.37229c.738-29.01782,5.875-62.43384,20.387-110.119,26.734,8.136,54.456,12.55017,81.267,20.33008-6.38,17.09814-12.242,34.361-17.849,51.71008q-4.57352,14.14947-8.963,28.36292c41.888,17.53491,128.479,58.24707,150.114,58.67993,8.948.1792,21.928-.67395,30.509,1.64111,15.798,4.262,32.107,13.267,39.306,28.346,0,0-89.204.20215-119.732-.91785a861.88245,861.88245,0,0,1-131.732-15.50305c-30.356-5.86511-44.548-13.6991-43.307-62.53015Z"/>
+        d="M181.13357,509.37229c.738-29.01782,5.875-62.43384,20.387-110.119,26.734,8.136,54.456,12.55017,81.267,20.33008-6.38,17.09814-12.242,34.361-17.849,51.71008q-4.57352,14.14947-8.963,28.36292c41.888,17.53491,128.479,58.24707,150.114,58.67993,8.948.1792,21.928-.67395,30.509,1.64111,15.798,4.262,32.107,13.267,39.306,28.346,0,0-89.204.20215-119.732-.91785a861.88245,861.88245,0,0,1-131.732-15.50305c-30.356-5.86511-44.548-13.6991-43.307-62.53015Z"
+      />
       <path
         class="cls-8"
-        d="M321.63357,297.84433c-97.951-.588-112.818,64.267-124.981,115.079,28.43,10.83313,49.77,19.087,78.547,29.93006,6.334-16.81006,19.239-50.23609,25.952-66.88892"/>
+        d="M321.63357,297.84433c-97.951-.588-112.818,64.267-124.981,115.079,28.43,10.83313,49.77,19.087,78.547,29.93006,6.334-16.81006,19.239-50.23609,25.952-66.88892"
+      />
       <path
         class="cls-15"
-        d="M388.5087,917.67042a1.58856,1.58856,0,0,1-1.34961-2.42285q2.62426-4.248,5.21289-8.51758c2.76465-4.53809,5.623-9.23047,8.51416-13.80859a1.58794,1.58794,0,1,1,2.68555,1.69531c-2.87793,4.55664-5.72949,9.23828-8.48731,13.76562q-2.60229,4.27149-5.22314,8.53516A1.58809,1.58809,0,0,1,388.5087,917.67042Zm-14.54541-2.99219a1.58849,1.58849,0,0,1-1.29883-2.5c1.62061-2.31054,3.21631-4.64062,4.812-6.9707,3.70264-5.40527,7.53125-10.99609,11.63721-16.27441a1.58774,1.58774,0,1,1,2.50684,1.94921c-4.04688,5.20313-7.84815,10.75293-11.52393,16.12012-1.60205,2.33984-3.20459,4.67871-4.83154,7A1.58623,1.58623,0,0,1,373.96329,914.67823Zm232.58664-4.33691a1.58817,1.58817,0,0,1-1.2915-2.50977c4.58594-6.43554,9.97021-13.8916,15.84131-20.93652a1.588,1.588,0,0,1,2.43994,2.0332c-5.80029,6.96-11.14258,14.3584-15.69531,20.74707A1.58541,1.58541,0,0,1,606.54993,910.34132ZM593.68763,902.27a1.58792,1.58792,0,0,1-1.22754-2.59375,107.09614,107.09614,0,0,1,16.1123-16.00586,1.58828,1.58828,0,1,1,1.98438,2.48047A103.98672,103.98672,0,0,0,594.91712,901.688,1.58381,1.58381,0,0,1,593.68763,902.27ZM388.32142,388.64015a1.58765,1.58765,0,0,1-1.58155-1.46875c-.94873-12.63086-7.04345-55.38282-9.48-68.86817a1.58778,1.58778,0,0,1,3.125-.56445c2.44678,13.53906,8.56788,56.49023,9.522,69.19434a1.58845,1.58845,0,0,1-1.46436,1.70312C388.402,388.63917,388.36146,388.64015,388.32142,388.64015Zm-20.09375-15.02051a7.62989,7.62989,0,1,1,7.62988-7.62988A7.63886,7.63886,0,0,1,368.22767,373.61964Zm0-12.084a4.45411,4.45411,0,1,0,4.4541,4.45411A4.4596,4.4596,0,0,0,368.22767,361.53565Zm-2.18506-15.624a7.62988,7.62988,0,1,1,7.63086-7.62988A7.63865,7.63865,0,0,1,366.04261,345.91163Zm0-12.084a4.4541,4.4541,0,1,0,4.45508,4.4541A4.45907,4.45907,0,0,0,366.04261,333.82765Z"/>
+        d="M388.5087,917.67042a1.58856,1.58856,0,0,1-1.34961-2.42285q2.62426-4.248,5.21289-8.51758c2.76465-4.53809,5.623-9.23047,8.51416-13.80859a1.58794,1.58794,0,1,1,2.68555,1.69531c-2.87793,4.55664-5.72949,9.23828-8.48731,13.76562q-2.60229,4.27149-5.22314,8.53516A1.58809,1.58809,0,0,1,388.5087,917.67042Zm-14.54541-2.99219a1.58849,1.58849,0,0,1-1.29883-2.5c1.62061-2.31054,3.21631-4.64062,4.812-6.9707,3.70264-5.40527,7.53125-10.99609,11.63721-16.27441a1.58774,1.58774,0,1,1,2.50684,1.94921c-4.04688,5.20313-7.84815,10.75293-11.52393,16.12012-1.60205,2.33984-3.20459,4.67871-4.83154,7A1.58623,1.58623,0,0,1,373.96329,914.67823Zm232.58664-4.33691a1.58817,1.58817,0,0,1-1.2915-2.50977c4.58594-6.43554,9.97021-13.8916,15.84131-20.93652a1.588,1.588,0,0,1,2.43994,2.0332c-5.80029,6.96-11.14258,14.3584-15.69531,20.74707A1.58541,1.58541,0,0,1,606.54993,910.34132ZM593.68763,902.27a1.58792,1.58792,0,0,1-1.22754-2.59375,107.09614,107.09614,0,0,1,16.1123-16.00586,1.58828,1.58828,0,1,1,1.98438,2.48047A103.98672,103.98672,0,0,0,594.91712,901.688,1.58381,1.58381,0,0,1,593.68763,902.27ZM388.32142,388.64015a1.58765,1.58765,0,0,1-1.58155-1.46875c-.94873-12.63086-7.04345-55.38282-9.48-68.86817a1.58778,1.58778,0,0,1,3.125-.56445c2.44678,13.53906,8.56788,56.49023,9.522,69.19434a1.58845,1.58845,0,0,1-1.46436,1.70312C388.402,388.63917,388.36146,388.64015,388.32142,388.64015Zm-20.09375-15.02051a7.62989,7.62989,0,1,1,7.62988-7.62988A7.63886,7.63886,0,0,1,368.22767,373.61964Zm0-12.084a4.45411,4.45411,0,1,0,4.4541,4.45411A4.4596,4.4596,0,0,0,368.22767,361.53565Zm-2.18506-15.624a7.62988,7.62988,0,1,1,7.63086-7.62988A7.63865,7.63865,0,0,1,366.04261,345.91163Zm0-12.084a4.4541,4.4541,0,1,0,4.45508,4.4541A4.45907,4.45907,0,0,0,366.04261,333.82765Z"
+      />
       <path
         class="cls-10"
-        d="M1068.7316,353.12448s-81.68408-7.97412-91.49408,56.57081c-3.746,24.641-8.67395,55.40112-13.90595,89.94519-3.41205,22.538-6.954,46.68689-10.38,71.79895-1.4,10.26294,80.514-29.426,80.514-29.426l19.588-143.588,15.678-45.30091Z"/>
+        d="M1068.7316,353.12448s-81.68408-7.97412-91.49408,56.57081c-3.746,24.641-8.67395,55.40112-13.90595,89.94519-3.41205,22.538-6.954,46.68689-10.38,71.79895-1.4,10.26294,80.514-29.426,80.514-29.426l19.588-143.588,15.678-45.30091Z"
+      />
       <path
         class="cls-16"
-        d="M922.85355,441.9133c-6.384-9.809-12.215-19.976-18.538-29.82592-3.186-4.96412-6.2569-11.07312-11.241-14.46912-11.009-7.50293-32.429-1.91589-45.294-4.05579-21.997-3.65905-33.109-20.1261-34.51593-17.756-5.31507,8.95386-8.61005,39.69287,34.51593,52.954,7.028,2.161,16.653.93579,22.766,5.37988,12.888,9.36707,13.619,29.07312,18.108,43.03907"/>
+        d="M922.85355,441.9133c-6.384-9.809-12.215-19.976-18.538-29.82592-3.186-4.96412-6.2569-11.07312-11.241-14.46912-11.009-7.50293-32.429-1.91589-45.294-4.05579-21.997-3.65905-33.109-20.1261-34.51593-17.756-5.31507,8.95386-8.61005,39.69287,34.51593,52.954,7.028,2.161,16.653.93579,22.766,5.37988,12.888,9.36707,13.619,29.07312,18.108,43.03907"
+      />
       <path
         class="cls-10"
-        d="M970.75552,500.34043l-47.027-61.56812-43.111,28.64s22.668,128.44214,81.86206,128.854c59.19489.41211,62.19794-50.07593,62.19794-50.07593l-53.922-45.85Z"/>
+        d="M970.75552,500.34043l-47.027-61.56812-43.111,28.64s22.668,128.44214,81.86206,128.854c59.19489.41211,62.19794-50.07593,62.19794-50.07593l-53.922-45.85Z"
+      />
       <path
         class="cls-17"
-        d="M1024.3815,590.74436c-114.07294-2.41895-164.17395-4.777-189.93994,31.678-30.589,43.277-.734,82.77,10.597,103.76806,21.934,40.6449,68.697,109.695,68.697,109.695h97.95489s-42.844-119.491-58.849-156.125l71.54-89.016Z"/>
+        d="M1024.3815,590.74436c-114.07294-2.41895-164.17395-4.777-189.93994,31.678-30.589,43.277-.734,82.77,10.597,103.76806,21.934,40.6449,68.697,109.695,68.697,109.695h97.95489s-42.844-119.491-58.849-156.125l71.54-89.016Z"
+      />
       <path
         class="cls-3"
-        d="M1198.65652,705.97043a8.8308,8.8308,0,0,0-8.832-8.83215H921.91257a8.83267,8.83267,0,0,0-8.832,8.83215v.00086a8.83269,8.83269,0,0,0,8.832,8.83215h267.91192a8.83081,8.83081,0,0,0,8.832-8.83215v-.00086Z"/>
+        d="M1198.65652,705.97043a8.8308,8.8308,0,0,0-8.832-8.83215H921.91257a8.83267,8.83267,0,0,0-8.832,8.83215v.00086a8.83269,8.83269,0,0,0,8.832,8.83215h267.91192a8.83081,8.83081,0,0,0,8.832-8.83215v-.00086Z"
+      />
       <path
         class="cls-18"
-        d="M1203.20755,576.05136s-134.048,14.74109-174.096,14.17395c-67.29-.955-104.816-3.812-137.093,50.572-38.08691,64.173-103.122,212.87793-103.122,212.87793l100.21509,2.28918,103.63-158.566s92.941-.37195,129.155,0c50.599.5199,77.42908-29.599,81.311-61.371,2.072-16.957.392-42.98609,0-59.97608Z"/>
+        d="M1203.20755,576.05136s-134.048,14.74109-174.096,14.17395c-67.29-.955-104.816-3.812-137.093,50.572-38.08691,64.173-103.122,212.87793-103.122,212.87793l100.21509,2.28918,103.63-158.566s92.941-.37195,129.155,0c50.599.5199,77.42908-29.599,81.311-61.371,2.072-16.957.392-42.98609,0-59.97608Z"
+      />
       <path
         class="cls-9"
-        d="M1080.18655,207.44541c11.17994,5.288,23.992,15.96191,28.049,34.07995,3.604,16.0929,1.532,31.71595-4.68591,41.30591-7.65308,11.8042-19.75,23.41309-32.608,13.51709-3.291-2.533-21.167-40.65808-11.712-54.823,5.958-8.92492,20.957-34.07995,20.957-34.07995Z"/>
+        d="M1080.18655,207.44541c11.17994,5.288,23.992,15.96191,28.049,34.07995,3.604,16.0929,1.532,31.71595-4.68591,41.30591-7.65308,11.8042-19.75,23.41309-32.608,13.51709-3.291-2.533-21.167-40.65808-11.712-54.823,5.958-8.92492,20.957-34.07995,20.957-34.07995Z"
+      />
       <path
         class="cls-16"
-        d="M1081.8035,291.62827c4.2511,15.094,12.284,39.06311,18.53515,53.41821-17.136,9.37085-34.74817,13.95886-52.607,10.15979-.17005-11.927-1.968-23.652-3.717-35.41882"/>
+        d="M1081.8035,291.62827c4.2511,15.094,12.284,39.06311,18.53515,53.41821-17.136,9.37085-34.74817,13.95886-52.607,10.15979-.17005-11.927-1.968-23.652-3.717-35.41882"
+      />
       <path
         class="cls-19"
-        d="M1080.34156,304.60725c2.36877-6.48792-.40149-8.52448-4.29712-8.68756l-32.02991,23.86773c.94727,6.37244,1.89954,12.73352,2.60913,19.12012C1059.75648,334.72993,1073.2428,324.04951,1080.34156,304.60725Z"/>
+        d="M1080.34156,304.60725c2.36877-6.48792-.40149-8.52448-4.29712-8.68756l-32.02991,23.86773c.94727,6.37244,1.89954,12.73352,2.60913,19.12012C1059.75648,334.72993,1073.2428,324.04951,1080.34156,304.60725Z"
+      />
       <path
         class="cls-16"
-        d="M1030.37753,216.75132c26.075-2.52088,57.29706,6.93115,61.41815,52.625,2.52088,27.96606-24.551,56.468-50.62506,58.98913-26.075,2.522-41.16107-21.90307-43.86407-49.85205-2.702-27.949,6.996-59.241,33.071-61.76208Z"/>
+        d="M1030.37753,216.75132c26.075-2.52088,57.29706,6.93115,61.41815,52.625,2.52088,27.96606-24.551,56.468-50.62506,58.98913-26.075,2.522-41.16107-21.90307-43.86407-49.85205-2.702-27.949,6.996-59.241,33.071-61.76208Z"
+      />
       <path
         class="cls-9"
-        d="M1016.06558,204.94126c-26.77795,9.48706-37.713,44.406-14.74695,56.83813,32.023,17.33289,66.22095-7.776,66.22095-7.776s2.04492,10.72009,7.505,18.45789c2.79992,3.968,5.809,4.624,8.531,3.26709,3.80591-1.89807,6.9419-7.75489,8.38294-13.949,14.39807-61.87109-48.22107-66.64111-75.893-56.83813Z"/>
+        d="M1016.06558,204.94126c-26.77795,9.48706-37.713,44.406-14.74695,56.83813,32.023,17.33289,66.22095-7.776,66.22095-7.776s2.04492,10.72009,7.505,18.45789c2.79992,3.968,5.809,4.624,8.531,3.26709,3.80591-1.89807,6.9419-7.75489,8.38294-13.949,14.39807-61.87109-48.22107-66.64111-75.893-56.83813Z"
+      />
       <path
         class="cls-9"
-        d="M1073.3046,167.03537a24.671,24.671,0,1,1-24.67206,24.671,24.683,24.683,0,0,1,24.67206-24.671Z"/>
+        d="M1073.3046,167.03537a24.671,24.671,0,1,1-24.67206,24.671,24.683,24.683,0,0,1,24.67206-24.671Z"
+      />
       <path
         class="cls-16"
-        d="M1093.4556,258.58542c6.5,3.10791,8.80395,11.848,5.142,19.507-3.662,7.65808-11.911,11.35291-18.411,8.24487-6.499-3.10791-8.803-11.8479-5.142-19.50683,3.662-7.658,11.912-11.353,18.411-8.245Z"/>
+        d="M1093.4556,258.58542c6.5,3.10791,8.80395,11.848,5.142,19.507-3.662,7.65808-11.911,11.35291-18.411,8.24487-6.499-3.10791-8.803-11.8479-5.142-19.50683,3.662-7.658,11.912-11.353,18.411-8.245Z"
+      />
       <path
         class="cls-11"
-        d="M1046.49747,338.5593l46.33313-14.072,7.508,20.5592.041.00684c14.12988,2.58716,103.23291,174.89013,102.26892,193.229-.682,12.976-1.56506,28.517-9.99109,39.22913-7.439,9.458-172.171,4.4989-172.171,4.4989s.43408-39.84107,1.32709-55.69788c2.1239-37.74-32.99011-107.422,25.918-171.1062l-1.23413-16.647Z"/>
+        d="M1046.49747,338.5593l46.33313-14.072,7.508,20.5592.041.00684c14.12988,2.58716,103.23291,174.89013,102.26892,193.229-.682,12.976-1.56506,28.517-9.99109,39.22913-7.439,9.458-172.171,4.4989-172.171,4.4989s.43408-39.84107,1.32709-55.69788c2.1239-37.74-32.99011-107.422,25.918-171.1062l-1.23413-16.647Z"
+      />
       <path
         class="cls-16"
-        d="M1071.1846,543.25327c-11.046,2.593-22.423,5.78821-33.80408,6.4762-6.76989.408-13.41595-1.1001-20.16089-1.13514-18.71911-.09485-35.7611,10.948-48.8551,23.40113-3.974,3.77893-13.336,16.325-13.336,16.325l126.805-.886-10.64893-44.18115Z"/>
+        d="M1071.1846,543.25327c-11.046,2.593-22.423,5.78821-33.80408,6.4762-6.76989.408-13.41595-1.1001-20.16089-1.13514-18.71911-.09485-35.7611,10.948-48.8551,23.40113-3.974,3.77893-13.336,16.325-13.336,16.325l126.805-.886-10.64893-44.18115Z"
+      />
       <path
         class="cls-10"
-        d="M1130.18155,379.15927c2.58606,42.885,8.972,87.39209,21.099,128.69117,3.016,10.26989,7.9331,35.26892,21.095,37.731,18.326,3.428,21.759-31.35205,21.00305-41.97009-2.759-38.7959-63.197-124.452-63.197-124.452Z"/>
+        d="M1130.18155,379.15927c2.58606,42.885,8.972,87.39209,21.099,128.69117,3.016,10.26989,7.9331,35.26892,21.095,37.731,18.326,3.428,21.759-31.35205,21.00305-41.97009-2.759-38.7959-63.197-124.452-63.197-124.452Z"
+      />
       <path
         class="cls-11"
-        d="M1100.19351,344.48227s78.657-23.43091,100.61609,38.051c13.85291,38.787,33.74,85.875,54.40491,146.64709a39.04869,39.04869,0,0,1-1.939,29.828c-4.57605,9.29187-14.75793,15.864-45.972,21.342-65.04688,11.41589-128.22583,7.08288-128.22583,7.08288l-8.209-51.88293,99.69385-19.874-8.38086-23.46789-37.94507-106.254-24.04309-41.47217Z"/>
+        d="M1100.19351,344.48227s78.657-23.43091,100.61609,38.051c13.85291,38.787,33.74,85.875,54.40491,146.64709a39.04869,39.04869,0,0,1-1.939,29.828c-4.57605,9.29187-14.75793,15.864-45.972,21.342-65.04688,11.41589-128.22583,7.08288-128.22583,7.08288l-8.209-51.88293,99.69385-19.874-8.38086-23.46789-37.94507-106.254-24.04309-41.47217Z"
+      />
       <path
         class="cls-16"
-        d="M1071.1846,543.25327c-11.046,2.593-22.423,5.78821-33.80408,6.4762-6.76989.408-13.41595-1.1001-20.16089-1.13514-18.71911-.09485-35.7611,10.948-48.8551,23.40113-3.974,3.77893-13.336,16.325-13.336,16.325l126.805-.886-10.64893-44.18115Z"/>
+        d="M1071.1846,543.25327c-11.046,2.593-22.423,5.78821-33.80408,6.4762-6.76989.408-13.41595-1.1001-20.16089-1.13514-18.71911-.09485-35.7611,10.948-48.8551,23.40113-3.974,3.77893-13.336,16.325-13.336,16.325l126.805-.886-10.64893-44.18115Z"
+      />
       <path
         class="cls-16"
-        d="M1071.1846,543.25327c-11.046,2.593-22.423,5.78821-33.80408,6.4762-6.76989.408-13.41595-1.1001-20.16089-1.13514-18.71911-.09485-35.7611,10.948-48.8551,23.40113-3.974,3.77893-13.336,16.325-13.336,16.325l126.805-.886-10.64893-44.18115Z"/>
+        d="M1071.1846,543.25327c-11.046,2.593-22.423,5.78821-33.80408,6.4762-6.76989.408-13.41595-1.1001-20.16089-1.13514-18.71911-.09485-35.7611,10.948-48.8551,23.40113-3.974,3.77893-13.336,16.325-13.336,16.325l126.805-.886-10.64893-44.18115Z"
+      />
       <path
         class="cls-3"
-        d="M1149.70364,596.26548a8.83289,8.83289,0,0,0-8.83215-8.83216H247.65854a8.83259,8.83259,0,0,0-8.832,8.83216v.00085a8.83257,8.83257,0,0,0,8.832,8.83215h893.213a8.83288,8.83288,0,0,0,8.83215-8.83215v-.00085Z"/>
+        d="M1149.70364,596.26548a8.83289,8.83289,0,0,0-8.83215-8.83216H247.65854a8.83259,8.83259,0,0,0-8.832,8.83216v.00085a8.83257,8.83257,0,0,0,8.832,8.83215h893.213a8.83288,8.83288,0,0,0,8.83215-8.83215v-.00085Z"
+      />
       <polygon
         class="cls-3"
-        points="1011.738 593.997 996.8 593.997 996.8 929.953 1011.738 929.953 1011.738 593.997 1011.738 593.997"/>
+        points="1011.738 593.997 996.8 593.997 996.8 929.953 1011.738 929.953 1011.738 593.997 1011.738 593.997"
+      />
       <polygon
         class="cls-3"
-        points="387.315 596.576 372.377 596.576 372.377 929.917 387.315 929.917 387.315 596.576 387.315 596.576"/>
+        points="387.315 596.576 372.377 596.576 372.377 929.917 387.315 929.917 387.315 596.576 387.315 596.576"
+      />
       <path
         class="cls-9"
-        d="M789.50455,469.21848a6.897,6.897,0,0,0-6.896-6.89514h-173.874a6.89521,6.89521,0,0,0-6.895,6.89514V587.43332h180.769a6.89511,6.89511,0,0,0,6.896-6.89489V469.21848Z"/>
+        d="M789.50455,469.21848a6.897,6.897,0,0,0-6.896-6.89514h-173.874a6.89521,6.89521,0,0,0-6.895,6.89514V587.43332h180.769a6.89511,6.89511,0,0,0,6.896-6.89489V469.21848Z"
+      />
       <path
         class="cls-15"
-        d="M697.73353,542.38429a17.50586,17.50586,0,1,1,17.50586-17.50586A17.52591,17.52591,0,0,1,697.73353,542.38429Zm0-31.83594a14.33008,14.33008,0,1,0,14.33007,14.33008A14.34665,14.34665,0,0,0,697.73353,510.54835Z"/>
+        d="M697.73353,542.38429a17.50586,17.50586,0,1,1,17.50586-17.50586A17.52591,17.52591,0,0,1,697.73353,542.38429Zm0-31.83594a14.33008,14.33008,0,1,0,14.33007,14.33008A14.34665,14.34665,0,0,0,697.73353,510.54835Z"
+      />
       <path
         class="cls-9"
-        d="M526.32959,581.31333a6.11986,6.11986,0,0,1,6.12-6.12H677.34952v12.24H532.44958a6.11986,6.11986,0,0,1-6.12-6.12Z"/>
+        d="M526.32959,581.31333a6.11986,6.11986,0,0,1,6.12-6.12H677.34952v12.24H532.44958a6.11986,6.11986,0,0,1-6.12-6.12Z"
+      />
       <path
         class="cls-20"
-        d="M1152.56458,933.20558H242.90247a1.64454,1.64454,0,0,1,0-3.28907h909.66211a1.64454,1.64454,0,0,1,0,3.28907Z"/>
+        d="M1152.56458,933.20558H242.90247a1.64454,1.64454,0,0,1,0-3.28907h909.66211a1.64454,1.64454,0,0,1,0,3.28907Z"
+      />
       <path
         class="cls-15"
-        d="M1060.97962,403.40382a17.44365,17.44365,0,0,1-5.207-.78418c-5.43359-1.69727-9.64746-5.915-11.86328-11.875-5.27539-14.18945-.78125-32.32813.72168-37.54981a1.58837,1.58837,0,1,1,3.05273.87891c-1.43554,4.98535-5.73535,22.28418-.79785,35.56348,1.86621,5.01855,5.3584,8.55273,9.834,9.95117,4.60352,1.43555,9.876.4248,14.4668-2.7793,15.17774-10.59277,21.57129-30.73437,27.21192-48.50586q.687-2.16357,1.3623-4.27246a1.588,1.588,0,0,1,3.02344.97266q-.67675,2.10059-1.3584,4.26074c-5.79395,18.252-12.36035,38.93945-28.4209,50.14941A21.13231,21.13231,0,0,1,1060.97962,403.40382Z"/>
+        d="M1060.97962,403.40382a17.44365,17.44365,0,0,1-5.207-.78418c-5.43359-1.69727-9.64746-5.915-11.86328-11.875-5.27539-14.18945-.78125-32.32813.72168-37.54981a1.58837,1.58837,0,1,1,3.05273.87891c-1.43554,4.98535-5.73535,22.28418-.79785,35.56348,1.86621,5.01855,5.3584,8.55273,9.834,9.95117,4.60352,1.43555,9.876.4248,14.4668-2.7793,15.17774-10.59277,21.57129-30.73437,27.21192-48.50586q.687-2.16357,1.3623-4.27246a1.588,1.588,0,0,1,3.02344.97266q-.67675,2.10059-1.3584,4.26074c-5.79395,18.252-12.36035,38.93945-28.4209,50.14941A21.13231,21.13231,0,0,1,1060.97962,403.40382Z"
+      />
     </g>
   </svg>
-
 </template>
 
 <style scoped lang="scss">
diff --git a/client/src/components/instruments/FilterEntry.vue b/client/src/components/instruments/FilterEntry.vue
index d8017364..caca02c5 100644
--- a/client/src/components/instruments/FilterEntry.vue
+++ b/client/src/components/instruments/FilterEntry.vue
@@ -1,10 +1,11 @@
 <template>
   <a
     :class="typeClass"
-    class="filter-entry">
+    class="filter-entry"
+  >
     <span class="filter-entry__text">{{ text }}</span>
     <span class="filter-entry__icon-wrapper">
-      <chevron-right class="filter-entry__icon"/>
+      <chevron-right class="filter-entry__icon" />
     </span>
 
   </a>
diff --git a/client/src/components/instruments/FilterGroup.vue b/client/src/components/instruments/FilterGroup.vue
index a26ff22a..5ee277d5 100644
--- a/client/src/components/instruments/FilterGroup.vue
+++ b/client/src/components/instruments/FilterGroup.vue
@@ -6,15 +6,16 @@
       :type="category"
       :category="category"
       :is-category="true"
-      @click.native="setCategoryFilter(category)"/>
+      @click.native="setCategoryFilter(category)"
+    />
     <div class="filter-group__children">
       <filter-entry
-        :key="type.id"
         :data-cy="`filter-${type.type}`"
         :category="type.category"
         :text="type.name"
         :type="type.type"
         v-for="type in types"
+        :key="type.id"
         @click.native="setFilter(`type:${type.type}`)"
       />
     </div>
diff --git a/client/src/components/instruments/InstrumentEntry.vue b/client/src/components/instruments/InstrumentEntry.vue
index 2650816c..6a3ec43b 100644
--- a/client/src/components/instruments/InstrumentEntry.vue
+++ b/client/src/components/instruments/InstrumentEntry.vue
@@ -1,9 +1,14 @@
 <template>
   <div
     :class="typeClass"
-    class="instrument-entry">
-    <h4 class="instrument-entry__category">{{ categoryName }}</h4>
-    <h3 class="instrument-entry__title">{{ instrument.title }}</h3>
+    class="instrument-entry"
+  >
+    <h4 class="instrument-entry__category">
+      {{ categoryName }}
+    </h4>
+    <h3 class="instrument-entry__title">
+      {{ instrument.title }}
+    </h3>
   </div>
 </template>
 
diff --git a/client/src/components/instruments/InstrumentFilter.vue b/client/src/components/instruments/InstrumentFilter.vue
index c7381d28..bcf265d4 100644
--- a/client/src/components/instruments/InstrumentFilter.vue
+++ b/client/src/components/instruments/InstrumentFilter.vue
@@ -25,7 +25,6 @@
       title="Überfachliche Instrumente"
       data-cy="filter-interdisciplinary"
     />
-
   </div>
 </template>
 
diff --git a/client/src/components/modules/Module.vue b/client/src/components/modules/Module.vue
index a37e272b..bad08b41 100644
--- a/client/src/components/modules/Module.vue
+++ b/client/src/components/modules/Module.vue
@@ -1,17 +1,25 @@
 <template>
   <div
     class="module"
-    v-if="module.id">
+    v-if="module.id"
+  >
     <h2
       class="module__meta-title"
-      id="meta-title">{{ module.metaTitle }}</h2>
+      id="meta-title"
+    >
+      {{ module.metaTitle }}
+    </h2>
     <h1
       class="module__title"
-      data-cy="module-title">{{ module.title }}</h1>
+      data-cy="module-title"
+    >
+      {{ module.title }}
+    </h1>
     <img
       :src="module.heroImage"
       alt=""
-      class="module__hero">
+      class="module__hero"
+    >
 
     <div class="module__intro-wrapper">
       <bookmark-actions
@@ -20,28 +28,32 @@
         class="module__bookmark-actions"
         @add-note="$emit('addNote')"
         @edit-note="$emit('editNote')"
-        @bookmark="$emit('bookmark', !module.bookmark)"/>
+        @bookmark="$emit('bookmark', !module.bookmark)"
+      />
       <div
         class="module__intro intro"
-        v-html="module.intro"/>
+        v-html="module.intro"
+      />
     </div>
 
-    <h3 id="objectives">Lernziele</h3>
+    <h3 id="objectives">
+      Lernziele
+    </h3>
 
     <div class="module__objective-groups">
-      <objective-groups :groups="languageCommunicationObjectiveGroups"/>
+      <objective-groups :groups="languageCommunicationObjectiveGroups" />
 
-      <objective-groups :groups="societyObjectiveGroups"/>
+      <objective-groups :groups="societyObjectiveGroups" />
 
-      <objective-groups :groups="interdisciplinaryObjectiveGroups"/>
+      <objective-groups :groups="interdisciplinaryObjectiveGroups" />
     </div>
 
     <chapter
       :chapter="chapter"
       :index="index"
+      v-for="(chapter, index) in module.chapters"
       :key="chapter.id"
-      v-for="(chapter, index) in module.chapters"/>
-
+    />
   </div>
 </template>
 
diff --git a/client/src/components/modules/ModuleNavigation.vue b/client/src/components/modules/ModuleNavigation.vue
index 6be21406..f919cc89 100644
--- a/client/src/components/modules/ModuleNavigation.vue
+++ b/client/src/components/modules/ModuleNavigation.vue
@@ -1,43 +1,53 @@
 <template>
   <nav
     data-cy="module-navigation"
-    class="module-navigation sub-navigation">
+    class="module-navigation sub-navigation"
+  >
     <back-link
       :title="module.topic.title"
       :slug="module.topic.slug"
       class="module-navigation__topic-link"
-      type="topic"/>
+      type="topic"
+    />
     <div
       class="module-navigation__module-content"
-      v-if="false"> <!-- Do not display this for now, might be used later again though -->
+      v-if="false"
+    >
+      <!-- Do not display this for now, might be used later again though -->
       <router-link
         :to="moduleContentLink"
         tag="h3"
         class="module-navigation__heading"
-      >Inhalte: {{ module.metaTitle }}
+      >
+        Inhalte: {{ module.metaTitle }}
       </router-link>
       <div
         class="module-navigation__anchors"
-        v-if="onModulePage">
+        v-if="onModulePage"
+      >
         <a
-          v-scroll-to="'#meta-title'"
-          href="#"
-          class="module-navigation__anchor">Einleitung</a>
-        <a
-          v-scroll-to="'#objectives'"
-          href="#"
-          class="module-navigation__anchor">Lernziele</a>
-
-        <a
-          v-scroll-to="chapterId(index)"
-          :key="chapter.id"
           href="#"
           class="module-navigation__anchor"
-          v-for="(chapter, index) in module.chapters">{{ chapter.title }}</a>
+          v-scroll-to="'#meta-title'"
+        >Einleitung</a>
         <a
-          v-scroll-to="'#objectives-confirm'"
           href="#"
-          class="module-navigation__anchor">Lernzielkontrolle</a>
+          class="module-navigation__anchor"
+          v-scroll-to="'#objectives'"
+        >Lernziele</a>
+
+        <a
+          href="#"
+          class="module-navigation__anchor"
+          v-for="(chapter, index) in module.chapters"
+          :key="chapter.id"
+          v-scroll-to="chapterId(index)"
+        >{{ chapter.title }}</a>
+        <a
+          href="#"
+          class="module-navigation__anchor"
+          v-scroll-to="'#objectives-confirm'"
+        >Lernzielkontrolle</a>
       </div>
     </div>
 
@@ -46,16 +56,17 @@
       data-cy="module-teacher-menu"
       v-if="canManageContent && !me.readOnly && !me.selectedClass.readOnly"
     >
-      <snapshot-menu class="module-navigation__actions"/>
+      <snapshot-menu class="module-navigation__actions" />
       <router-link
         :to="{name: 'module-settings'}"
         class="module-navigation__actions"
-        data-cy="module-settings-button">Einstellungen
+        data-cy="module-settings-button"
+      >
+        Einstellungen
       </router-link>
-      <toggle-editing v-if="onModulePage"/>
+      <toggle-editing v-if="onModulePage" />
     </div>
   </nav>
-
 </template>
 
 <script>
diff --git a/client/src/components/modules/ModuleSubNavigation.vue b/client/src/components/modules/ModuleSubNavigation.vue
index a5f4383c..708b9a4b 100644
--- a/client/src/components/modules/ModuleSubNavigation.vue
+++ b/client/src/components/modules/ModuleSubNavigation.vue
@@ -1,11 +1,12 @@
 <template>
   <nav
-    class="module-sub-navigation sub-navigation">
+    class="module-sub-navigation sub-navigation"
+  >
     <back-link
       :title="module.title"
-      type="module"/>
+      type="module"
+    />
   </nav>
-
 </template>
 
 <script>
diff --git a/client/src/components/modules/ModuleTeaser.vue b/client/src/components/modules/ModuleTeaser.vue
index a8d2e907..7b0ec23b 100644
--- a/client/src/components/modules/ModuleTeaser.vue
+++ b/client/src/components/modules/ModuleTeaser.vue
@@ -6,11 +6,18 @@
   >
     <div
       :style="{backgroundImage: 'url('+heroImage+')'}"
-      class="module-teaser__image"/>
+      class="module-teaser__image"
+    />
     <div class="module-teaser__body">
-      <h3 class="module-teaser__meta-title">{{ metaTitle }}</h3>
-      <h3 class="module-teaser__title">{{ title }}</h3>
-      <p class="module-teaser__description">{{ teaser }}</p>
+      <h3 class="module-teaser__meta-title">
+        {{ metaTitle }}
+      </h3>
+      <h3 class="module-teaser__title">
+        {{ title }}
+      </h3>
+      <p class="module-teaser__description">
+        {{ teaser }}
+      </p>
     </div>
   </router-link>
 </template>
diff --git a/client/src/components/modules/SnapshotCreated.vue b/client/src/components/modules/SnapshotCreated.vue
index f235f0d5..687db00f 100644
--- a/client/src/components/modules/SnapshotCreated.vue
+++ b/client/src/components/modules/SnapshotCreated.vue
@@ -2,9 +2,12 @@
   <modal
     :hide-header="false"
     :small="true"
-    class="snapshot-created">
-    <template v-slot:header>
-      <h1 class="snapshot-created__heading">Ein neuer Snapshot wurde erstellt</h1>
+    class="snapshot-created"
+  >
+    <template #header>
+      <h1 class="snapshot-created__heading">
+        Ein neuer Snapshot wurde erstellt
+      </h1>
     </template>
     <div class="snapshot-created__content">
       <div class="snapshot-created__entry">
@@ -12,15 +15,17 @@
         <span class="snapshot-created__meta">{{ created }} - {{ snapshot.creator }}</span>
       </div>
     </div>
-    <template v-slot:footer>
+    <template #footer>
       <div>
         <a
           class="button button--primary"
           data-cy="show-all-snapshots-button"
-          @click="toList">Alle Snapshots anzeigen</a>
+          @click="toList"
+        >Alle Snapshots anzeigen</a>
         <a
           class="button"
-          @click="close">Zurück zum Modul</a>
+          @click="close"
+        >Zurück zum Modul</a>
       </div>
     </template>
   </modal>
diff --git a/client/src/components/modules/SnapshotHeader.vue b/client/src/components/modules/SnapshotHeader.vue
index b5f2817c..eb15a669 100644
--- a/client/src/components/modules/SnapshotHeader.vue
+++ b/client/src/components/modules/SnapshotHeader.vue
@@ -1,7 +1,8 @@
 <template>
   <div
     class="snapshot-header"
-    data-cy="snapshot-header">
+    data-cy="snapshot-header"
+  >
     <h1>Snapshot {{ id }}</h1>
     <div class="snapshot-header__meta">
       {{ created }} – {{ snapshot.creator }}
@@ -12,13 +13,19 @@
         In diesem Snapshot sind {{ changesCount }} Anpassungen gespeichert:
       </h2>
       <ul class="snapshot-header__list">
-        <li class="snapshot-header__list-item">{{ hiddenObjectives }} Lernziele wurden ausgeblendet
+        <li class="snapshot-header__list-item">
+          {{ hiddenObjectives }} Lernziele wurden ausgeblendet
         </li>
-        <li class="snapshot-header__list-item">{{ newObjectives }} Lernziele wurde erfasst</li>
-        <li class="snapshot-header__list-item">{{ hiddenContentBlocks }} Inhaltsblöcke wurden
-        ausgeblendet
+        <li class="snapshot-header__list-item">
+          {{ newObjectives }} Lernziele wurde erfasst
+        </li>
+        <li class="snapshot-header__list-item">
+          {{ hiddenContentBlocks }} Inhaltsblöcke wurden
+          ausgeblendet
+        </li>
+        <li class="snapshot-header__list-item">
+          {{ newContentBlocks }} Inhaltsblock wurde erfasst
         </li>
-        <li class="snapshot-header__list-item">{{ newContentBlocks }} Inhaltsblock wurde erfasst</li>
       </ul>
     </section>
 
@@ -31,7 +38,8 @@
           :checked="agreement"
           data-cy="apply-checkbox"
           label="Ich will die Anpassungen aus diesem Snapshot in das Modul kopieren."
-          @input="agreement = $event"/>
+          @input="agreement = $event"
+        />
       </div>
     </section>
 
@@ -41,11 +49,15 @@
         :class="{'button--disabled-alt': !agreement}"
         class="button button--primary"
         data-cy="apply-button"
-        @click="apply">Snapshot anwenden
+        @click="apply"
+      >
+        Snapshot anwenden
       </button>
       <button
         class="button button--secondary"
-        @click="back">Abbrechen
+        @click="back"
+      >
+        Abbrechen
       </button>
     </section>
   </div>
diff --git a/client/src/components/modules/SnapshotListItem.vue b/client/src/components/modules/SnapshotListItem.vue
index f065e0b3..54193b09 100644
--- a/client/src/components/modules/SnapshotListItem.vue
+++ b/client/src/components/modules/SnapshotListItem.vue
@@ -4,10 +4,12 @@
       :to="snapshotRoute"
       class="snapshot-list-item__title"
       data-cy="snapshot-link"
-      v-html="snapshot.title"/>
+      v-html="snapshot.title"
+    />
     <span
       class="snapshot-list-item__date"
-      v-html="meta"/>
+      v-html="meta"
+    />
     <a
       class="snapshot-list-item__link"
       v-if="snapshot.mine"
diff --git a/client/src/components/modules/SnapshotMenu.vue b/client/src/components/modules/SnapshotMenu.vue
index e7e39bfa..f37efc69 100644
--- a/client/src/components/modules/SnapshotMenu.vue
+++ b/client/src/components/modules/SnapshotMenu.vue
@@ -1,27 +1,34 @@
 <template>
   <div
     class="snapshot-menu"
-    data-cy="snapshot-menu">
+    data-cy="snapshot-menu"
+  >
     <a
       data-cy="module-snapshots-button"
       class="snapshot-menu__toggle"
-      @click.stop="showPopover = true">Snapshots</a>
+      @click.stop="showPopover = true"
+    >Snapshots</a>
     <widget-popover
       class="snapshot-menu__popover"
       v-if="showPopover"
-      @hide-me="showPopover = false">
+      @hide-me="showPopover = false"
+    >
       <a
         class="popover-links__link snapshot-menu__link snapshot-menu__button snapshot-menu__button--primary"
         data-cy="create-snapshot-button"
-        @click="createSnapshot">Neuen
+        @click="createSnapshot"
+      >Neuen
         Snapshot erstellen</a>
       <router-link
         :to="snapshotListRoute"
-        class="popover-links__link snapshot-menu__link">Alle Snapshots anzeigen
+        class="popover-links__link snapshot-menu__link"
+      >
+        Alle Snapshots anzeigen
       </router-link>
       <a
         class="popover-links__link snapshot-menu__link"
-        href="https://myskillbox.ch/faq">Was ist ein Snapshot?</a>
+        href="https://myskillbox.ch/faq"
+      >Was ist ein Snapshot?</a>
     </widget-popover>
   </div>
 </template>
diff --git a/client/src/components/modules/SnapshotTeamMenu.vue b/client/src/components/modules/SnapshotTeamMenu.vue
index c0d176bc..723c083f 100644
--- a/client/src/components/modules/SnapshotTeamMenu.vue
+++ b/client/src/components/modules/SnapshotTeamMenu.vue
@@ -4,14 +4,18 @@
       <a
         :class="{'snapshot-team-menu__link--active': selected === 'mine'}"
         class="snapshot-team-menu__link"
-        @click="$emit('select', 'mine')">Meine Snapshots</a></li>
+        @click="$emit('select', 'mine')"
+      >Meine Snapshots</a>
+    </li>
     <li
       class="snapshot-team-menu__item"
     >
       <a
         :class="{'snapshot-team-menu__link--active': selected === 'team'}"
         class="snapshot-team-menu__link"
-        @click="$emit('select', 'team')">Team Snapshots</a></li>
+        @click="$emit('select', 'team')"
+      >Team Snapshots</a>
+    </li>
   </ul>
 </template>
 
diff --git a/client/src/components/news/NewsTeaser.vue b/client/src/components/news/NewsTeaser.vue
index 2a95cfbe..eaae87b9 100644
--- a/client/src/components/news/NewsTeaser.vue
+++ b/client/src/components/news/NewsTeaser.vue
@@ -1,14 +1,17 @@
 <template>
   <div
     class="news-teaser"
-    data-cy="news-teaser">
+    data-cy="news-teaser"
+  >
     <a :href="teaser.newsArticleUrl">
       <img
         :src="teaser.imageUrl"
-        class="news-teaser__image">
+        class="news-teaser__image"
+      >
       <a
         :href="teaser.imageSource"
-        class="news-teaser__image-source">Quelle {{ teaser.imageSource }}</a>
+        class="news-teaser__image-source"
+      >Quelle {{ teaser.imageSource }}</a>
 
       <h4 class="news-teaser__title">{{ teaser.title }}</h4>
       <p class="news-teaser__description">{{ teaser.description }}</p>
diff --git a/client/src/components/news/NewsTeaserOld.vue b/client/src/components/news/NewsTeaserOld.vue
index 02b7b9e1..36028216 100644
--- a/client/src/components/news/NewsTeaserOld.vue
+++ b/client/src/components/news/NewsTeaserOld.vue
@@ -4,12 +4,14 @@
       <a
         :href="url"
         target="_blank"
-        class="teaser__title">{{ title }}</a>
+        class="teaser__title"
+      >{{ title }}</a>
     </h4>
     <a
       :href="url"
       target="_blank"
-      class="teaser__date">
+      class="teaser__date"
+    >
       {{ date }}
     </a>
   </div>
diff --git a/client/src/components/news/NewsTeasers.vue b/client/src/components/news/NewsTeasers.vue
index 79c25014..6f0f6a54 100644
--- a/client/src/components/news/NewsTeasers.vue
+++ b/client/src/components/news/NewsTeasers.vue
@@ -1,10 +1,11 @@
 <template>
   <div class="news-teasers">
     <news-teaser
-      :key="teaser.id"
       :teaser="teaser"
       class="news-teasers__teaser teaser"
-      v-for="teaser in newsTeasers"/>
+      v-for="teaser in newsTeasers"
+      :key="teaser.id"
+    />
   </div>
 </template>
 
diff --git a/client/src/components/notes/BookmarkActions.vue b/client/src/components/notes/BookmarkActions.vue
index 193cc5d2..3c25ade2 100644
--- a/client/src/components/notes/BookmarkActions.vue
+++ b/client/src/components/notes/BookmarkActions.vue
@@ -1,25 +1,29 @@
 <template>
   <div
     class="bookmark-actions"
-    v-if="!editModule">
+    v-if="!editModule"
+  >
     <a
       :class="{'bookmark-actions__action--bookmarked': bookmarked}"
       class="bookmark-actions__action bookmark-actions__bookmark"
-      @click="$emit('bookmark')">
-      <bookmark-icon :bookmarked="bookmarked"/>
+      @click="$emit('bookmark')"
+    >
+      <bookmark-icon :bookmarked="bookmarked" />
     </a>
     <a
       class="bookmark-actions__action bookmark-actions__add-note"
       v-if="bookmarked && !note"
-      @click="$emit('add-note')">
-      <add-note-icon/>
+      @click="$emit('add-note')"
+    >
+      <add-note-icon />
     </a>
     <a
       :data-scrollto="note.id"
       class="bookmark-actions__action bookmark-actions__edit-note bookmark-actions__action--noted"
       v-if="note"
-      @click="$emit('edit-note')">
-      <note-icon/>
+      @click="$emit('edit-note')"
+    >
+      <note-icon />
     </a>
   </div>
 </template>
diff --git a/client/src/components/notes/EditNoteWizard.vue b/client/src/components/notes/EditNoteWizard.vue
index 8ee7f1c1..18e070d7 100644
--- a/client/src/components/notes/EditNoteWizard.vue
+++ b/client/src/components/notes/EditNoteWizard.vue
@@ -2,7 +2,8 @@
   <note-form
     :note="currentNote"
     @save="editNote"
-    @hide="hide"/>
+    @hide="hide"
+  />
 </template>
 
 <script>
diff --git a/client/src/components/notes/NewNoteWizard.vue b/client/src/components/notes/NewNoteWizard.vue
index 0e21dab7..31229c46 100644
--- a/client/src/components/notes/NewNoteWizard.vue
+++ b/client/src/components/notes/NewNoteWizard.vue
@@ -2,7 +2,8 @@
   <note-form
     :note="note"
     @save="addNote"
-    @hide="hide"/>
+    @hide="hide"
+  />
 </template>
 
 <script>
diff --git a/client/src/components/notes/NoteForm.vue b/client/src/components/notes/NoteForm.vue
index f66f28b2..e1bae65f 100644
--- a/client/src/components/notes/NoteForm.vue
+++ b/client/src/components/notes/NoteForm.vue
@@ -1,25 +1,27 @@
 <template>
   <modal
     :hide-header="true"
-    :small="true">
+    :small="true"
+  >
     <modal-input
       :value="localNote.text"
       placeholder="Notiz erfassen"
       data-cy="bookmark-note"
       @input="localNote.text = $event"
     />
-    <template v-slot:footer>
+    <template #footer>
       <div>
         <a
           class="button button--primary"
           data-cy="modal-save-button"
-          @click="$emit('save', localNote)">Speichern</a>
+          @click="$emit('save', localNote)"
+        >Speichern</a>
         <a
           class="button"
-          @click="$emit('hide')">Abbrechen</a>
+          @click="$emit('hide')"
+        >Abbrechen</a>
       </div>
     </template>
-
   </modal>
 </template>
 
diff --git a/client/src/components/objective-groups/NewObjectiveWizard.vue b/client/src/components/objective-groups/NewObjectiveWizard.vue
index ccfbbd7f..da96eb70 100644
--- a/client/src/components/objective-groups/NewObjectiveWizard.vue
+++ b/client/src/components/objective-groups/NewObjectiveWizard.vue
@@ -6,16 +6,18 @@
       @input="text = $event"
     />
 
-    <template v-slot:footer>
+    <template #footer>
       <div>
         <a
           :class="{'button--disabled': disableSave}"
           class="button button--primary"
           data-cy="modal-save-button"
-          @click="save(text)">Speichern</a>
+          @click="save(text)"
+        >Speichern</a>
         <a
           class="button"
-          @click="hide()">Abbrechen</a>
+          @click="hide()"
+        >Abbrechen</a>
       </div>
     </template>
   </modal>
diff --git a/client/src/components/objective-groups/Objective.vue b/client/src/components/objective-groups/Objective.vue
index b115d810..1cfb8e14 100644
--- a/client/src/components/objective-groups/Objective.vue
+++ b/client/src/components/objective-groups/Objective.vue
@@ -2,19 +2,25 @@
   <li
     :class="{'hideable-element--greyed-out': hidden}"
     class="objective hideable-element"
-    v-if="editModule || !hidden">
+    v-if="editModule || !hidden"
+  >
     <visibility-action
       :block="objective"
       :type="type"
-      v-if="editModule"/>
+      v-if="editModule"
+    />
     <div
       class="block-actions"
-      v-if="editModule && canEdit">
+      v-if="editModule && canEdit"
+    >
       <user-widget
         v-bind="me"
-        class="block-actions__user-widget objective__user-widget"/>
+        class="block-actions__user-widget objective__user-widget"
+      />
       <more-options-widget>
-        <div class="popover-links__link"><a @click="deleteObjective(objective)">Löschen</a></div>
+        <div class="popover-links__link">
+          <a @click="deleteObjective(objective)">Löschen</a>
+        </div>
       </more-options-widget>
     </div>
     <div>
diff --git a/client/src/components/objective-groups/ObjectiveForm.vue b/client/src/components/objective-groups/ObjectiveForm.vue
index 8a66f112..28135d78 100644
--- a/client/src/components/objective-groups/ObjectiveForm.vue
+++ b/client/src/components/objective-groups/ObjectiveForm.vue
@@ -8,11 +8,11 @@
     />
     <a
       class="icon-button"
-      @click="$emit('delete')">
-      <trash-icon class="icon-button__icon"/>
+      @click="$emit('delete')"
+    >
+      <trash-icon class="icon-button__icon" />
     </a>
   </div>
-
 </template>
 
 <script>
diff --git a/client/src/components/objective-groups/ObjectiveGroup.vue b/client/src/components/objective-groups/ObjectiveGroup.vue
index d8c9aa92..a355d74d 100644
--- a/client/src/components/objective-groups/ObjectiveGroup.vue
+++ b/client/src/components/objective-groups/ObjectiveGroup.vue
@@ -2,26 +2,29 @@
   <div
     :class="{'hideable-element--greyed-out': hidden}"
     class="objective-group hideable-element"
-    v-if="editModule || !hidden">
+    v-if="editModule || !hidden"
+  >
     <visibility-action
       :block="group"
       :type="type"
-      v-if="editModule"/>
+      v-if="editModule"
+    />
 
     <h4>{{ group.displayTitle }}</h4>
 
     <ul class="objective-group__objective-list">
       <objective
-        :key="objective.id"
         :objective="objective"
         class="objective-group__objective"
-        v-for="objective in group.objectives"/>
+        v-for="objective in group.objectives"
+        :key="objective.id"
+      />
     </ul>
     <add-content-button
       :parent="group"
-      v-if="editModule"/>
+      v-if="editModule"
+    />
   </div>
-
 </template>
 
 <script>
diff --git a/client/src/components/objective-groups/ObjectiveGroups.vue b/client/src/components/objective-groups/ObjectiveGroups.vue
index 2fb8beec..740becb5 100644
--- a/client/src/components/objective-groups/ObjectiveGroups.vue
+++ b/client/src/components/objective-groups/ObjectiveGroups.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="objective-groups">
     <objective-group
-      :key="group.id"
       :group="group"
       v-for="group in objectiveGroups"
       v-if="!group.hidden"
+      :key="group.id"
     />
   </div>
 </template>
diff --git a/client/src/components/page-form/PageForm.vue b/client/src/components/page-form/PageForm.vue
index d3be4f21..2ecea386 100644
--- a/client/src/components/page-form/PageForm.vue
+++ b/client/src/components/page-form/PageForm.vue
@@ -2,18 +2,21 @@
   <div class="page-form__page">
     <form
       class="page-form"
-      @submit.prevent="$emit('save')">
+      @submit.prevent="$emit('save')"
+    >
       <div class="page-form__content">
         <h1
           class="page-form__heading"
-          data-cy="form-title">{{ title }}</h1>
-        <slot/>
+          data-cy="form-title"
+        >
+          {{ title }}
+        </h1>
+        <slot />
       </div>
       <div class="page-form__footer">
-        <slot name="footer"/>
+        <slot name="footer" />
       </div>
     </form>
-
   </div>
 </template>
 
diff --git a/client/src/components/page-form/PageFormInput.vue b/client/src/components/page-form/PageFormInput.vue
index db49641f..610976f8 100644
--- a/client/src/components/page-form/PageFormInput.vue
+++ b/client/src/components/page-form/PageFormInput.vue
@@ -2,14 +2,16 @@
   <div class="page-form-input">
     <label
       :for="id"
-      class="page-form-input__label">{{ label }}</label>
+      class="page-form-input__label"
+    >{{ label }}</label>
     <component
-      :is="type"
       :class="classes"
       :value.prop="value"
       :data-cy="cyId"
+      :is="type"
       :id="id"
-      @input="$emit('input', $event.target.value)"/>
+      @input="$emit('input', $event.target.value)"
+    />
   </div>
 </template>
 
diff --git a/client/src/components/portfolio/AddProjectEntry.vue b/client/src/components/portfolio/AddProjectEntry.vue
index afb8c0b9..3908539a 100644
--- a/client/src/components/portfolio/AddProjectEntry.vue
+++ b/client/src/components/portfolio/AddProjectEntry.vue
@@ -1,7 +1,8 @@
 <template>
   <a
     class="add-project-entry"
-    @click="addProjectEntry">
+    @click="addProjectEntry"
+  >
     <plus-icon class="add-project-entry__icon" />
     <span class="add-project-entry__text">Beitrag erfassen</span>
   </a>
diff --git a/client/src/components/portfolio/CreateProjectButton.vue b/client/src/components/portfolio/CreateProjectButton.vue
index 4b3254de..7c558a52 100644
--- a/client/src/components/portfolio/CreateProjectButton.vue
+++ b/client/src/components/portfolio/CreateProjectButton.vue
@@ -1,7 +1,9 @@
 <template>
   <router-link
     :to="createProjectRoute"
-    class="button button--primary">Projekt erstellen
+    class="button button--primary"
+  >
+    Projekt erstellen
   </router-link>
 </template>
 
diff --git a/client/src/components/portfolio/EditProjectEntryWizard.vue b/client/src/components/portfolio/EditProjectEntryWizard.vue
index 1c353931..282be8ad 100644
--- a/client/src/components/portfolio/EditProjectEntryWizard.vue
+++ b/client/src/components/portfolio/EditProjectEntryWizard.vue
@@ -2,7 +2,8 @@
   <project-entry-form
     :project-entry="projectEntry"
     @save="saveEntry"
-    @hide="hideModal"/>
+    @hide="hideModal"
+  />
 </template>
 
 <script>
diff --git a/client/src/components/portfolio/NewProjectEntryWizard.vue b/client/src/components/portfolio/NewProjectEntryWizard.vue
index c73f80e0..98ff40a0 100644
--- a/client/src/components/portfolio/NewProjectEntryWizard.vue
+++ b/client/src/components/portfolio/NewProjectEntryWizard.vue
@@ -2,7 +2,8 @@
   <project-entry-form
     :project-entry="projectEntry"
     @save="save"
-    @hide="hideModal"/>
+    @hide="hideModal"
+  />
 </template>
 
 <script>
diff --git a/client/src/components/portfolio/OwnerWidget.vue b/client/src/components/portfolio/OwnerWidget.vue
index 8970a9c2..512bb83b 100644
--- a/client/src/components/portfolio/OwnerWidget.vue
+++ b/client/src/components/portfolio/OwnerWidget.vue
@@ -2,7 +2,8 @@
   <div class="owner-widget">
     <avatar
       :avatar-url="owner.avatarUrl"
-      class="owner-widget__avatar" />
+      class="owner-widget__avatar"
+    />
     <span data-cy="owner-name">
       {{ name }}
     </span>
diff --git a/client/src/components/portfolio/PortfolioOnboarding.vue b/client/src/components/portfolio/PortfolioOnboarding.vue
index 95518eda..9f293ec1 100644
--- a/client/src/components/portfolio/PortfolioOnboarding.vue
+++ b/client/src/components/portfolio/PortfolioOnboarding.vue
@@ -2,16 +2,24 @@
   <div class="portfolio-onboarding">
     <h1
       class="portfolio-onboarding__heading"
-      data-cy="page-title">Portfolio</h1>
+      data-cy="page-title"
+    >
+      Portfolio
+    </h1>
     <portfolio-illustration
       data-cy="portfolio-onboarding-illustration"
-      class="portfolio-onboarding__illustration" />
+      class="portfolio-onboarding__illustration"
+    />
     <h2
       class="portfolio-onboarding__subheading"
-      data-cy="portfolio-onboarding-subtitle">Woran denken Sie gerade?</h2>
+      data-cy="portfolio-onboarding-subtitle"
+    >
+      Woran denken Sie gerade?
+    </h2>
     <p
       class="portfolio-onboarding__text"
-      data-cy="portfolio-onboarding-text">
+      data-cy="portfolio-onboarding-text"
+    >
       Hier können Sie Projekte erstellen, um Ihre Gedanken festzuhalten oder Ihre Arbeit zu dokumentieren.
     </p>
 
diff --git a/client/src/components/portfolio/ProjectActions.vue b/client/src/components/portfolio/ProjectActions.vue
index 0f3a6509..76d5431a 100644
--- a/client/src/components/portfolio/ProjectActions.vue
+++ b/client/src/components/portfolio/ProjectActions.vue
@@ -1,40 +1,51 @@
 <template>
   <div
     class="project-actions"
-    data-cy="project-actions">
+    data-cy="project-actions"
+  >
     <a
       class="project-actions__more-link"
-      @click.stop="toggleMenu">
-      <ellipses/>
+      @click.stop="toggleMenu"
+    >
+      <ellipses />
     </a>
     <widget-popover
       class="project-actions__popover"
       v-if="showMenu"
-      @hide-me="showMenu = false">
+      @hide-me="showMenu = false"
+    >
       <li class="popover-links__link">
         <a
           data-cy="delete-project"
-          @click="deleteProject(id)">Projekt löschen</a>
+          @click="deleteProject(id)"
+        >Projekt löschen</a>
       </li>
       <li class="popover-links__link">
         <a
           data-cy="edit-project"
-          @click="editProject(id)">Projekt bearbeiten</a>
+          @click="editProject(id)"
+        >Projekt bearbeiten</a>
       </li>
       <li
         class="popover-links__link"
-        v-if="!final && shareButtons"><a
+        v-if="!final && shareButtons"
+      >
+        <a
           data-cy="share-project"
-          @click="updateProjectShareState(id, true)">Projekt teilen</a></li>
+          @click="updateProjectShareState(id, true)"
+        >Projekt teilen</a>
+      </li>
       <li
         class="popover-links__link"
-        v-if="final && shareButtons"><a
+        v-if="final && shareButtons"
+      >
+        <a
           data-cy="unshare-project"
-          @click="updateProjectShareState(id, false)">Projekt nicht mehr teilen</a>
+          @click="updateProjectShareState(id, false)"
+        >Projekt nicht mehr teilen</a>
       </li>
     </widget-popover>
   </div>
-
 </template>
 
 <script>
diff --git a/client/src/components/portfolio/ProjectEntry.vue b/client/src/components/portfolio/ProjectEntry.vue
index 41e760c0..0aa439fc 100644
--- a/client/src/components/portfolio/ProjectEntry.vue
+++ b/client/src/components/portfolio/ProjectEntry.vue
@@ -1,35 +1,44 @@
 <template>
   <div
     class="project-entry"
-    data-cy="project-entry">
+    data-cy="project-entry"
+  >
     <more-options-widget
       class="project-entry__more"
       data-cy="project-entry-more"
-      v-if="!readOnly">
+      v-if="!readOnly"
+    >
       <li class="popover-links__link">
         <a
           data-cy="edit-project-entry"
-          @click="editProjectEntry()">Eintrag bearbeiten</a>
+          @click="editProjectEntry()"
+        >Eintrag bearbeiten</a>
       </li>
       <li class="popover-links__link">
         <a
           data-cy="delete-project-entry"
-          @click="deleteProjectEntry()">Eintrag löschen</a>
+          @click="deleteProjectEntry()"
+        >Eintrag löschen</a>
       </li>
     </more-options-widget>
 
     <h3
       class="project-entry__heading"
-      data-cy="project-entry-date">{{ createdDateTime }}</h3>
+      data-cy="project-entry-date"
+    >
+      {{ createdDateTime }}
+    </h3>
     <p
       class="project-entry__paragraph"
-      data-cy="project-entry-activity">
+      data-cy="project-entry-activity"
+    >
       {{ description }}
     </p>
     <p
       class="project-entry__paragraph"
-      v-if="documentUrl">
-      <document-block :value="{url: documentUrl}"/>
+      v-if="documentUrl"
+    >
+      <document-block :value="{url: documentUrl}" />
     </p>
     <div class="project-entry__date">
       {{ createdDate }}
diff --git a/client/src/components/portfolio/ProjectEntryForm.vue b/client/src/components/portfolio/ProjectEntryForm.vue
index d6f985b8..4e82b673 100644
--- a/client/src/components/portfolio/ProjectEntryForm.vue
+++ b/client/src/components/portfolio/ProjectEntryForm.vue
@@ -1,9 +1,10 @@
 <template>
   <modal :hide-header="false">
-    <template v-slot:header>
+    <template #header>
       <h2
         class="project-entry-modal__heading"
-        data-cy="modal-title">
+        data-cy="modal-title"
+      >
         Beitrag erfassen
       </h2>
     </template>
@@ -22,13 +23,15 @@
             icon="document-with-lines-icon"
             data-cy="use-template-button"
             text="Vorlage nutzen"
-            @click.native="useTemplate"/>
+            @click.native="useTemplate"
+          />
 
           <file-upload
             :with-text="true"
             :document="localProjectEntry.documentUrl"
             data-cy="upload-document-button"
-            @change-document-url="setDocumentUrl"/>
+            @change-document-url="setDocumentUrl"
+          />
         </div>
       </div>
     </div>
@@ -36,10 +39,12 @@
       <a
         class="button button--primary"
         data-cy="modal-save-button"
-        @click="$emit('save', localProjectEntry)">Speichern</a>
+        @click="$emit('save', localProjectEntry)"
+      >Speichern</a>
       <a
         class="button"
-        @click="$emit('hide')">Abbrechen</a>
+        @click="$emit('hide')"
+      >Abbrechen</a>
     </div>
   </modal>
 </template>
diff --git a/client/src/components/portfolio/ProjectForm.vue b/client/src/components/portfolio/ProjectForm.vue
index 67da6375..b44502d7 100644
--- a/client/src/components/portfolio/ProjectForm.vue
+++ b/client/src/components/portfolio/ProjectForm.vue
@@ -1,14 +1,17 @@
 <template>
   <page-form
     title="Neues Projekt"
-    @save="$emit('save', localProject)">
+    @save="$emit('save', localProject)"
+  >
     <page-form-input
+      label="Titel"
       v-model="localProject.title"
-      label="Titel"/>
+    />
     <page-form-input
-      v-model="localProject.description"
       label="Beschreibung"
-      type="textarea"/>
+      type="textarea"
+      v-model="localProject.description"
+    />
     <template slot="footer">
       <button
         :class="{'button--disabled': !formValid}"
@@ -16,12 +19,16 @@
         type="submit"
         class="button button--primary"
         data-cy="save-project-button"
-      >Speichern
+      >
+        Speichern
       </button>
       <router-link
         to="/portfolio"
         tag="button"
-        class="button">Abbrechen</router-link>
+        class="button"
+      >
+        Abbrechen
+      </router-link>
     </template>
   </page-form>
 </template>
diff --git a/client/src/components/portfolio/ProjectList.vue b/client/src/components/portfolio/ProjectList.vue
index 742aac6d..180e5e9e 100644
--- a/client/src/components/portfolio/ProjectList.vue
+++ b/client/src/components/portfolio/ProjectList.vue
@@ -1,14 +1,15 @@
 <template>
   <ul
     class="project-list"
-    data-cy="project-list">
-
+    data-cy="project-list"
+  >
     <project-list-item
-      :key="project.id"
       :project="project"
       data-cy="project"
       class="project-list__item"
-      v-for="project in projects"/>
+      v-for="project in projects"
+      :key="project.id"
+    />
   </ul>
 </template>
 
diff --git a/client/src/components/portfolio/ProjectListItem.vue b/client/src/components/portfolio/ProjectListItem.vue
index 46b4f0e7..ad0539e6 100644
--- a/client/src/components/portfolio/ProjectListItem.vue
+++ b/client/src/components/portfolio/ProjectListItem.vue
@@ -1,30 +1,35 @@
 <template>
   <li
-    class="project">
+    class="project"
+  >
     <router-link
       :to="{name: 'project', params: {slug: project.slug}}"
       tag="div"
       class="project__link"
-      data-cy="project-link">
+      data-cy="project-link"
+    >
       <span
         class="project__title"
-        data-cy="project-title">{{ project.title }}</span>
+        data-cy="project-title"
+      >{{ project.title }}</span>
 
       <owner-widget
         :owner="project.student"
-        class="project__owner"/>
+        class="project__owner"
+      />
 
       <entry-count-widget
         :verbose="false"
-        :entry-count="project.entriesCount"/>
-
+        :entry-count="project.entriesCount"
+      />
     </router-link>
     <project-actions
-      :id="project.id"
       :final="project.final"
       data-cy="project-actions"
       class="project__actions"
-      v-if="!isReadOnly && isOwner"/>
+      v-if="!isReadOnly && isOwner"
+      :id="project.id"
+    />
   </li>
 </template>
 
diff --git a/client/src/components/portfolio/ProjectWidget.vue b/client/src/components/portfolio/ProjectWidget.vue
index 9ffa3ee7..90d0ddf3 100644
--- a/client/src/components/portfolio/ProjectWidget.vue
+++ b/client/src/components/portfolio/ProjectWidget.vue
@@ -2,28 +2,35 @@
   <div
     :class="widgetClass"
     data-cy="project-widget"
-    class="project-widget">
+    class="project-widget"
+  >
     <router-link
       :to="{name: 'project', params: {slug: slug}}"
       tag="div"
       class="project-widget__content"
-      data-cy="project-link">
-      <h3 class="project-widget__title">{{ title }}</h3>
+      data-cy="project-link"
+    >
+      <h3 class="project-widget__title">
+        {{ title }}
+      </h3>
 
-      <entry-count-widget :entry-count="entriesCount"/>
+      <entry-count-widget :entry-count="entriesCount" />
       <owner-widget
         :owner="student"
-        class="project-widget__owner"/>
+        class="project-widget__owner"
+      />
     </router-link>
     <widget-footer
       data-cy="project-widget-footer"
       class="project-widget__footer"
-      v-if="isOwner">
+      v-if="isOwner"
+    >
       <project-actions
-        :id="id"
         :final="final"
         data-cy="project-widget-actions"
-        v-if="!readOnly"/>
+        v-if="!readOnly"
+        :id="id"
+      />
     </widget-footer>
   </div>
 </template>
diff --git a/client/src/components/portfolio/ShareLink.vue b/client/src/components/portfolio/ShareLink.vue
index babe3ad0..7f2224da 100644
--- a/client/src/components/portfolio/ShareLink.vue
+++ b/client/src/components/portfolio/ShareLink.vue
@@ -1,6 +1,6 @@
 <template>
   <a class="share-icon">
-    <share-icon class="share-icon__icon"/>
+    <share-icon class="share-icon__icon" />
     <span class="share-icon__text">
       <template v-if="!final">Mit Lehrperson teilen</template>
       <template v-else>Nicht mehr teilen</template>
diff --git a/client/src/components/profile/ActivityEntry.vue b/client/src/components/profile/ActivityEntry.vue
index 8a5edf70..0f78b008 100644
--- a/client/src/components/profile/ActivityEntry.vue
+++ b/client/src/components/profile/ActivityEntry.vue
@@ -1,14 +1,17 @@
 <template>
   <div class="activity-entry">
     <div class="activity-entry__content">
-      <h3 class="activity-entry__title">{{ title }}</h3>
-      <slot/>
+      <h3 class="activity-entry__title">
+        {{ title }}
+      </h3>
+      <slot />
     </div>
 
     <div
       class="activity-entry__link"
-      @click="$emit('link')">
-      <chevron-right class="activity-entry__icon"/>
+      @click="$emit('link')"
+    >
+      <chevron-right class="activity-entry__icon" />
     </div>
   </div>
 </template>
diff --git a/client/src/components/profile/ActivityFilter.vue b/client/src/components/profile/ActivityFilter.vue
index 0eecef31..8d53276f 100644
--- a/client/src/components/profile/ActivityFilter.vue
+++ b/client/src/components/profile/ActivityFilter.vue
@@ -2,9 +2,9 @@
   <div class="activity-filter">
     <a
       :class="{'activity-filter__link--active': filter === entry.tag}"
-      :key="i"
       class="activity-filter__link"
       v-for="(entry, i) in filters"
+      :key="i"
       @click="$emit('change-filter', entry.tag)"
     >{{ entry.label }}</a>
   </div>
diff --git a/client/src/components/profile/Avatar.vue b/client/src/components/profile/Avatar.vue
index d54ded1b..6c393d38 100644
--- a/client/src/components/profile/Avatar.vue
+++ b/client/src/components/profile/Avatar.vue
@@ -4,26 +4,30 @@
       <default-avatar
         :class="{'avatar__placeholder--highlighted': iconHighlighted}"
         class="avatar__placeholder"
-        v-show="!isAvatarLoaded"/>
+        v-show="!isAvatarLoaded"
+      />
     </transition>
     <transition name="show">
       <div
         :style="{'background-image': `url(${avatarUrl})`}"
         class="avatar__image"
         v-show="isAvatarLoaded"
-        ref="avatarImage"/>
+        ref="avatarImage"
+      />
     </transition>
     <img
       :src="avatarUrl"
       class="avatar__fake-image"
-      ref="fakeImage">
+      ref="fakeImage"
+    >
 
     <div
       class="avatar__edit"
       v-if="editable"
-      @click="closeSidebar">
+      @click="closeSidebar"
+    >
       <router-link :to="{name: 'profile'}">
-        <pen-icon/>
+        <pen-icon />
       </router-link>
     </div>
   </div>
diff --git a/client/src/components/profile/AvatarUploadForm.vue b/client/src/components/profile/AvatarUploadForm.vue
index 81282fbf..655cd306 100644
--- a/client/src/components/profile/AvatarUploadForm.vue
+++ b/client/src/components/profile/AvatarUploadForm.vue
@@ -3,7 +3,8 @@
     <image-form
       :value="value"
       index="0"
-      @link-change-url="changeLinkUrl" />
+      @link-change-url="changeLinkUrl"
+    />
   </div>
 </template>
 
diff --git a/client/src/components/profile/ContentBookmark.vue b/client/src/components/profile/ContentBookmark.vue
index 02d385e4..734e9ad9 100644
--- a/client/src/components/profile/ContentBookmark.vue
+++ b/client/src/components/profile/ContentBookmark.vue
@@ -2,11 +2,13 @@
   <div class="content-bookmark module-activity-entry">
     <div
       v-if="content.type === 'text_block'"
-      v-html="text"/>
+      v-html="text"
+    />
     <div v-else-if="content.type === 'link_block'">
       <link-block
         :value="content.value"
-        :no-margin="true"/>
+        :no-margin="true"
+      />
     </div>
     <p v-else>
       {{ type }}
diff --git a/client/src/components/profile/DeactivatePerson.vue b/client/src/components/profile/DeactivatePerson.vue
index 0ed8d81c..0fbcb7f1 100644
--- a/client/src/components/profile/DeactivatePerson.vue
+++ b/client/src/components/profile/DeactivatePerson.vue
@@ -3,7 +3,8 @@
     :hide-header="true"
     :small="true"
     data-cy="deactivate-person-modal"
-    class="deactivate-user">
+    class="deactivate-user"
+  >
     <h3 class="deactivate-user__heading">
       <template v-if="myself">
         Mich
@@ -15,13 +16,15 @@
     </h3>
     <p
       class="deactivate-user__text deactivate-user__paragraph"
-      data-cy="modal-body-text">
+      data-cy="modal-body-text"
+    >
       <template v-if="myself">
         Möchten Sie die Klasse <strong class="deactivate-user__text--strong">{{ schoolClass }}</strong> verlassen?
       </template>
       <template v-else>
         Möchten Sie <strong
-        class="deactivate-user__text--strong">{{ name }}</strong> in der
+          class="deactivate-user__text--strong"
+        >{{ name }}</strong> in der
         Klasse
         <strong class="deactivate-user__text--strong">{{ schoolClass }}</strong> deaktivieren?
       </template>
@@ -54,15 +57,17 @@
         </template>
       </li>
     </ul>
-    <template v-slot:footer>
+    <template #footer>
       <div>
         <a
           class="button button--primary"
           data-cy="modal-save-button"
-          @click="confirm">Speichern</a>
+          @click="confirm"
+        >Speichern</a>
         <a
           class="button"
-          @click="cancel">Abbrechen</a>
+          @click="cancel"
+        >Abbrechen</a>
       </div>
     </template>
   </modal>
diff --git a/client/src/components/profile/EditGroupName.vue b/client/src/components/profile/EditGroupName.vue
index e00e44b7..17604134 100644
--- a/client/src/components/profile/EditGroupName.vue
+++ b/client/src/components/profile/EditGroupName.vue
@@ -2,8 +2,9 @@
   <a
     class="edit-group-name"
     data-cy="edit-group-name-link"
-    @click="$emit('edit')">
-    <pen-icon class="edit-group-name__icon"/>
+    @click="$emit('edit')"
+  >
+    <pen-icon class="edit-group-name__icon" />
   </a>
 </template>
 
diff --git a/client/src/components/profile/EditNameWizard.vue b/client/src/components/profile/EditNameWizard.vue
index 34a3ea5e..de691aab 100644
--- a/client/src/components/profile/EditNameWizard.vue
+++ b/client/src/components/profile/EditNameWizard.vue
@@ -1,8 +1,9 @@
 <template>
   <modal
     :hide-header="false"
-    :small="true">
-    <template v-slot:header>
+    :small="true"
+  >
+    <template #header>
       <h4>{{ type }} bearbeiten</h4>
     </template>
 
@@ -12,15 +13,17 @@
       data-cy="edit-name-input"
       @input="$emit('input', $event)"
     />
-    <template v-slot:footer>
+    <template #footer>
       <div slot="footer">
         <a
           class="button button--primary"
           data-cy="modal-save-button"
-          @click="$emit('save')">Speichern</a>
+          @click="$emit('save')"
+        >Speichern</a>
         <a
           class="button"
-          @click="$emit('cancel')">Abbrechen</a>
+          @click="$emit('cancel')"
+        >Abbrechen</a>
       </div>
     </template>
   </modal>
diff --git a/client/src/components/profile/GroupList.vue b/client/src/components/profile/GroupList.vue
index 2516fd96..b8abe6a9 100644
--- a/client/src/components/profile/GroupList.vue
+++ b/client/src/components/profile/GroupList.vue
@@ -2,73 +2,89 @@
   <div class="group-list">
     <h1
       class="group-list__header"
-      data-cy="group-list-title">{{ title }}</h1>
+      data-cy="group-list-title"
+    >
+      {{ title }}
+    </h1>
     <router-link
       :to="showCodeRoute"
       class="group-list__code-link button button--primary"
       data-cy="show-code-button"
-      v-if="showCode && !readOnly">Zugangscode anzeigen
+      v-if="showCode && !readOnly"
+    >
+      Zugangscode anzeigen
     </router-link>
 
     <div class="group-list__content">
-      <h2 class="group-list__heading"><span
-        class="group-list__name"
-        data-cy="group-list-name">{{ name }}</span>
+      <h2 class="group-list__heading">
+        <span
+          class="group-list__name"
+          data-cy="group-list-name"
+        >{{ name }}</span>
         <edit-group-name
           v-if="canEdit && !readOnly"
-          @edit="$emit('edit')"/>
+          @edit="$emit('edit')"
+        />
       </h2>
       <div class="group-list__members group-list-members">
         <ul
           class="group-list-members__list simple-list simple-list--active"
-          data-cy="active-class-members-list">
+          data-cy="active-class-members-list"
+        >
           <li
-            :key="member.id"
             class="simple-list__item member-item"
             data-cy="active-member"
-            v-for="member in activeMembers">
+            v-for="member in activeMembers"
+            :key="member.id"
+          >
             <span class="member-item__name">{{ fullName(member) }}</span>
             <span class="member-item__role">{{ role(member) }} </span>
             <a
               class="member-item__action simple-list__action"
               data-cy="leave-group"
               v-if="member.isMe && enableDeactivate"
-              @click="$emit('leave', member)">Verlassen</a>
+              @click="$emit('leave', member)"
+            >Verlassen</a>
             <a
               class="member-item__action simple-list__action"
               data-cy="remove-from-class"
               v-if="canEdit && enableDeactivate && !member.isMe"
-              @click="$emit('remove', member)">Deaktivieren</a>
+              @click="$emit('remove', member)"
+            >Deaktivieren</a>
           </li>
         </ul>
         <template v-if="inactiveMembers.length">
-          <h3 class="group-list__inactive-heading">Deaktivierte Personen</h3>
+          <h3 class="group-list__inactive-heading">
+            Deaktivierte Personen
+          </h3>
           <ul
             data-cy="inactive-class-members-list"
-            class="simple-list simple-list--inactive">
+            class="simple-list simple-list--inactive"
+          >
             <li
-              :key="member.id"
               class="simple-list__item member-item"
               data-cy="inactive-member"
-              v-for="member in inactiveMembers">
+              v-for="member in inactiveMembers"
+              :key="member.id"
+            >
               <span class="member-item__name">{{ fullName(member) }}</span>
               <span class="member-item__role">{{ role(member) }}</span>
               <a
                 class="member-item__action simple-list__action"
                 data-cy="add-to-class"
                 v-if="canEdit && enableDeactivate"
-                @click="$emit('add', member)">Aktivieren</a>
+                @click="$emit('add', member)"
+              >Aktivieren</a>
               <a
                 class="member-item__action simple-list__action"
                 data-cy="rejoin-class"
                 v-if="member.isMe && member.isTeacher"
-                @click="$emit('add', member)">Aktivieren</a>
+                @click="$emit('add', member)"
+              >Aktivieren</a>
             </li>
           </ul>
         </template>
-
       </div>
-
     </div>
   </div>
 </template>
diff --git a/client/src/components/profile/InstrumentActivity.vue b/client/src/components/profile/InstrumentActivity.vue
index 1e2bcef0..c9eeec35 100644
--- a/client/src/components/profile/InstrumentActivity.vue
+++ b/client/src/components/profile/InstrumentActivity.vue
@@ -1,24 +1,31 @@
 <template>
   <div
     class="instrument-activity"
-    v-if="!empty">
-    <h3 class="instrument-activity__module-name">{{ type }}</h3>
-    <h2 class="instrument-activity__title">{{ instrument.title }}</h2>
+    v-if="!empty"
+  >
+    <h3 class="instrument-activity__module-name">
+      {{ type }}
+    </h3>
+    <h2 class="instrument-activity__title">
+      {{ instrument.title }}
+    </h2>
     <div class="instrument-activity__tasks activity-tasks">
       <activity-entry
-        :key="bookmark.id"
         title="Lesezeichen"
         class="instrument-activity__entry"
         v-for="bookmark in bookmarks"
-        @link="goTo(bookmark.uuid)">
-        <content-bookmark :bookmark="bookmark"/>
+        :key="bookmark.id"
+        @link="goTo(bookmark.uuid)"
+      >
+        <content-bookmark :bookmark="bookmark" />
       </activity-entry>
       <activity-entry
-        :key="note.id"
         title="Notiz"
         class="instrument-activity__entry"
         v-for="note in notes"
-        @link="goTo(note.id)">
+        :key="note.id"
+        @link="goTo(note.id)"
+      >
         {{ note.text }}
       </activity-entry>
     </div>
diff --git a/client/src/components/profile/JoinForm.vue b/client/src/components/profile/JoinForm.vue
index 37ed80ad..5d30dc13 100644
--- a/client/src/components/profile/JoinForm.vue
+++ b/client/src/components/profile/JoinForm.vue
@@ -1,18 +1,22 @@
 <template>
   <div>
-    <h1 data-cy="join-form-title">{{ title }}</h1>
+    <h1 data-cy="join-form-title">
+      {{ title }}
+    </h1>
     <div>
       <div class="skillboxform-input">
         <label
           for="join-code"
-          class="skillboxform-input__label">{{ labelText }}</label>
+          class="skillboxform-input__label"
+        >{{ labelText }}</label>
         <input
           :class="{'skillboxform-input__input--error': error}"
           :value="value"
           class="skillbox-input skillboxform-input__input"
           data-cy="join-form-input"
           id="join-code"
-          @input="$emit('input', $event)">
+          @input="$emit('input', $event)"
+        >
         <small
           class="skillboxform-input__error"
           v-if="error"
@@ -24,14 +28,16 @@
         <a
           class="button button--primary button--big"
           data-cy="join-form-confirm"
-          @click="$emit('confirm', value)">{{ okText }}</a>
+          @click="$emit('confirm', value)"
+        >{{ okText }}</a>
         <button
           class="button button--big"
           data-cy="join-form-cancel"
-          @click="$emit('cancel')">{{ cancelText }}
+          @click="$emit('cancel')"
+        >
+          {{ cancelText }}
         </button>
       </div>
-
     </div>
   </div>
 </template>
diff --git a/client/src/components/profile/ModuleActivity.vue b/client/src/components/profile/ModuleActivity.vue
index 2545af40..09c13074 100644
--- a/client/src/components/profile/ModuleActivity.vue
+++ b/client/src/components/profile/ModuleActivity.vue
@@ -1,49 +1,59 @@
 <template>
   <div
     class="module-activity"
-    v-if="!empty">
-    <h3 class="module-activity__module-name">{{ module.topic.title }}</h3>
-    <h2 class="module-activity__title">{{ module.metaTitle }} - {{ module.title }}</h2>
+    v-if="!empty"
+  >
+    <h3 class="module-activity__module-name">
+      {{ module.topic.title }}
+    </h3>
+    <h2 class="module-activity__title">
+      {{ module.metaTitle }} - {{ module.title }}
+    </h2>
     <div class="module-activity__tasks activity-tasks">
       <activity-entry
-        :key="submission.id"
         title="Aufgabe & Ergebnis"
         class="module-activity__entry"
         v-for="submission in submissions"
-        @link="goTo(submission.assignment.id)">
+        :key="submission.id"
+        @link="goTo(submission.assignment.id)"
+      >
         {{ submission.text }}
       </activity-entry>
       <activity-entry
-        :key="answer.id"
         title="Übung"
         class="module-activity__entry"
         v-for="answer in answers"
-        @link="goTo(answer.survey.id)">
+        :key="answer.id"
+        @link="goTo(answer.survey.id)"
+      >
         {{ answer.survey.title }}
       </activity-entry>
       <activity-entry
-        :key="bookmark.id"
         title="Lesezeichen"
         class="module-activity__entry"
         v-for="bookmark in contentBookmarks"
-        @link="goTo(bookmark.uuid)">
-        <content-bookmark :bookmark="bookmark"/>
+        :key="bookmark.id"
+        @link="goTo(bookmark.uuid)"
+      >
+        <content-bookmark :bookmark="bookmark" />
       </activity-entry>
       <activity-entry
-        :key="bookmark.id"
         title="Lesezeichen"
         class="module-activity__entry"
         v-for="bookmark in chapterBookmarks"
-        @link="goTo(bookmark.chapter.id)">
+        :key="bookmark.id"
+        @link="goTo(bookmark.chapter.id)"
+      >
         {{ bookmark.chapter.description }}
       </activity-entry>
       <activity-entry
-        :key="note.id"
         title="Notiz"
-
         class="module-activity__entry"
+
         v-for="note in notes"
-        @link="goTo(note.id)">
+        :key="note.id"
+        @link="goTo(note.id)"
+      >
         {{ note.text }}
       </activity-entry>
     </div>
diff --git a/client/src/components/profile/Profile.vue b/client/src/components/profile/Profile.vue
index 577dfe7f..cfc4bf60 100644
--- a/client/src/components/profile/Profile.vue
+++ b/client/src/components/profile/Profile.vue
@@ -1,21 +1,26 @@
 <template>
   <div class="profile">
-    <h1 class="profile__header">Profilbild</h1>
+    <h1 class="profile__header">
+      Profilbild
+    </h1>
     <div
       class="profile-avatar"
-      v-if="me.avatarUrl" >
+      v-if="me.avatarUrl"
+    >
       <div class="profile-avatar__image">
         <avatar :avatar-url="me.avatarUrl" />
       </div>
       <a
         class="profile-avatar__remove icon-button"
-        @click="deleteAvatar()">
-        <trash-icon class="profile-avatar__remove-icon icon-button__icon"/>
+        @click="deleteAvatar()"
+      >
+        <trash-icon class="profile-avatar__remove-icon icon-button__icon" />
       </a>
     </div>
     <avatar-upload-form
       v-else
-      @avatarUpdate="updateAvatar"/>
+      @avatarUpdate="updateAvatar"
+    />
   </div>
 </template>
 
diff --git a/client/src/components/profile/ProfileSidebar.vue b/client/src/components/profile/ProfileSidebar.vue
index 209a9c05..9fb89388 100644
--- a/client/src/components/profile/ProfileSidebar.vue
+++ b/client/src/components/profile/ProfileSidebar.vue
@@ -1,45 +1,55 @@
 <template>
   <transition name="slide">
     <div
-      v-click-outside="close"
       class="profile-sidebar"
       data-cy="sidebar"
-      v-if="sidebar.profile">
+      v-if="sidebar.profile"
+      v-click-outside="close"
+    >
       <a
         class="profile-sidebar__close-link"
         data-cy="close-profile-sidebar-link"
-        @click="close">
-        <cross class="profile-sidebar__close-icon"/>
+        @click="close"
+      >
+        <cross class="profile-sidebar__close-icon" />
       </a>
       <div class="profile-sidebar__section">
-        <profile-widget class="profile-sidebar__item"/>
+        <profile-widget class="profile-sidebar__item" />
         <div
           class="profile-sidebar__item"
-          @click="close">
+          @click="close"
+        >
           <router-link
             to="/me/activity"
-            class="profile-sidebar__link">Meine Aktivitäten
+            class="profile-sidebar__link"
+          >
+            Meine Aktivitäten
           </router-link>
         </div>
         <div
           class="profile-sidebar__item"
           v-if="me.isTeacher && !me.readOnly"
-          @click="close">
+          @click="close"
+        >
           <router-link
             :to="myTeamPage"
             data-cy="my-team-link"
-            class="profile-sidebar__link">Mein Team
+            class="profile-sidebar__link"
+          >
+            Mein Team
           </router-link>
         </div>
       </div>
       <div class="profile-sidebar__section">
         <div class="profile-sidebar__item">
-          <class-selection-widget/>
+          <class-selection-widget />
           <div @click="close">
             <router-link
               :to="{name: 'my-class'}"
               data-cy="class-list-link"
-              class="profile-sidebar__link">Klassenliste
+              class="profile-sidebar__link"
+            >
+              Klassenliste
             </router-link>
           </div>
         </div>
@@ -47,15 +57,18 @@
       <div class="profile-sidebar__section">
         <div
           class="profile-sidebar__item"
-          @click="close">
+          @click="close"
+        >
           <router-link
             :to="{name:'join-class'}"
             data-cy="join-class-link"
-            class="profile-sidebar__link">Zugangscode
+            class="profile-sidebar__link"
+          >
+            Zugangscode
           </router-link>
         </div>
         <div class="profile-sidebar__item">
-          <logout-widget/>
+          <logout-widget />
         </div>
       </div>
     </div>
diff --git a/client/src/components/profile/ProfileWidget.vue b/client/src/components/profile/ProfileWidget.vue
index 4403cbf1..7ae05bbf 100644
--- a/client/src/components/profile/ProfileWidget.vue
+++ b/client/src/components/profile/ProfileWidget.vue
@@ -3,9 +3,12 @@
     <div class="profile-widget__avatar">
       <avatar
         :avatar-url="me.avatarUrl"
-        :editable="true"/>
+        :editable="true"
+      />
     </div>
-    <h3 class="profile-widget__name">{{ me.firstName }} {{ me.lastName }}</h3>
+    <h3 class="profile-widget__name">
+      {{ me.firstName }} {{ me.lastName }}
+    </h3>
   </div>
 </template>
 
diff --git a/client/src/components/profile/ShowCode.vue b/client/src/components/profile/ShowCode.vue
index eaf2db77..b801331e 100644
--- a/client/src/components/profile/ShowCode.vue
+++ b/client/src/components/profile/ShowCode.vue
@@ -1,7 +1,11 @@
 <template>
   <div class="show-code">
-    <h2 class="show-code__title">Zugangscode {{ type }} {{ name }}</h2>
-    <h1 class="show-code__code">{{ code }}</h1>
+    <h2 class="show-code__title">
+      Zugangscode {{ type }} {{ name }}
+    </h2>
+    <h1 class="show-code__code">
+      {{ code }}
+    </h1>
   </div>
 </template>
 
diff --git a/client/src/components/rooms/AddRoom.vue b/client/src/components/rooms/AddRoom.vue
index 04982f3f..f8066ca0 100644
--- a/client/src/components/rooms/AddRoom.vue
+++ b/client/src/components/rooms/AddRoom.vue
@@ -1,5 +1,5 @@
 <template>
-  <add-widget route="/new-room"/>
+  <add-widget route="/new-room" />
 </template>
 
 <script>
diff --git a/client/src/components/rooms/AddRoomEntryButton.vue b/client/src/components/rooms/AddRoomEntryButton.vue
index 4c047f8e..eded29e1 100644
--- a/client/src/components/rooms/AddRoomEntryButton.vue
+++ b/client/src/components/rooms/AddRoomEntryButton.vue
@@ -2,8 +2,9 @@
   <div
     class="add-room-entry-button"
     data-cy="add-room-entry-button"
-    @click="addRoomEntry">
-    <plus-icon class="add-room-entry-button__icon"/>
+    @click="addRoomEntry"
+  >
+    <plus-icon class="add-room-entry-button__icon" />
     <span class="add-room-entry-button__text">Beitrag erfassen</span>
   </div>
 </template>
diff --git a/client/src/components/rooms/ChangeVisibility.vue b/client/src/components/rooms/ChangeVisibility.vue
index 0e5eb3b0..a9513bc6 100644
--- a/client/src/components/rooms/ChangeVisibility.vue
+++ b/client/src/components/rooms/ChangeVisibility.vue
@@ -2,11 +2,15 @@
   <modal
     :hide-header="false"
     :small="true"
-    class="change-visibility">
-    <template v-slot:header>
+    class="change-visibility"
+  >
+    <template #header>
       <h1
         class="change-visibility__heading"
-        data-cy="modal-title">Sichtbarkeit anpassen</h1>
+        data-cy="modal-title"
+      >
+        Sichtbarkeit anpassen
+      </h1>
     </template>
     <div class="change-visibility__content">
       <radiobutton
@@ -15,27 +19,30 @@
         data-cy="select-option"
         class="change-visibility__radio"
         label="Raumeinträge sind für alle Lernenden sichtbar"
-        @input="restrict(false)"/>
+        @input="restrict(false)"
+      />
       <radiobutton
         :checked="restricted"
         :class="{'change-visibility__radio--selected': restricted}"
         data-cy="select-option"
         class="change-visibility__radio"
         label="Lernende sehen nur die eigenen Beiträge"
-        @input="restrict(true)"/>
+        @input="restrict(true)"
+      />
     </div>
-    <template v-slot:footer>
+    <template #footer>
       <div>
         <a
           class="button button--primary"
           data-cy="modal-save-button"
-          @click="confirm">Speichern</a>
+          @click="confirm"
+        >Speichern</a>
         <a
           class="button"
-          @click="cancel">Abbrechen</a>
+          @click="cancel"
+        >Abbrechen</a>
       </div>
     </template>
-
   </modal>
 </template>
 
diff --git a/client/src/components/rooms/Comment.vue b/client/src/components/rooms/Comment.vue
index 8fcaade2..e7b8ad71 100644
--- a/client/src/components/rooms/Comment.vue
+++ b/client/src/components/rooms/Comment.vue
@@ -1,9 +1,10 @@
 <template>
   <div
     class="comment"
-    data-cy="comment">
+    data-cy="comment"
+  >
     <div class="comment__owner">
-      <user-widget :avatar-url="comment.owner.avatarUrl"/>
+      <user-widget :avatar-url="comment.owner.avatarUrl" />
       <span class="comment__owner-name">{{ comment.owner.firstName }} {{ comment.owner.lastName }}</span>
     </div>
     <div class="comment__date">
diff --git a/client/src/components/rooms/CommentInput.vue b/client/src/components/rooms/CommentInput.vue
index ad2fe375..43440e23 100644
--- a/client/src/components/rooms/CommentInput.vue
+++ b/client/src/components/rooms/CommentInput.vue
@@ -1,18 +1,19 @@
 <template>
   <div class="comment-input">
-    <emoji-bar @add-emoji="addEmoji"/>
+    <emoji-bar @add-emoji="addEmoji" />
     <textarea
-      v-auto-grow
       :value="text"
       data-cy="comment-textarea"
       class="comment-input__textarea"
       placeholder="Kommentar erfassen"
+      v-auto-grow
       @input="updateValue($event.target.value)"
     />
     <a
       data-cy="submit-comment"
       class="button button--primary"
-      @click="submit()">Kommentar teilen</a>
+      @click="submit()"
+    >Kommentar teilen</a>
   </div>
 </template>
 
diff --git a/client/src/components/rooms/EntryCountWidget.vue b/client/src/components/rooms/EntryCountWidget.vue
index 9775690b..9fd5b4ed 100644
--- a/client/src/components/rooms/EntryCountWidget.vue
+++ b/client/src/components/rooms/EntryCountWidget.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="entry-count-widget">
-    <cards/>
+    <cards />
     <span data-cy="entry-count">{{ entryCount }} <template v-if="verbose">{{ entryCount === 1 ? 'Beitrag' : 'Beiträge' }}</template></span>
   </div>
 </template>
diff --git a/client/src/components/rooms/MoreActions.vue b/client/src/components/rooms/MoreActions.vue
index d8610ec3..f05df732 100644
--- a/client/src/components/rooms/MoreActions.vue
+++ b/client/src/components/rooms/MoreActions.vue
@@ -4,14 +4,16 @@
       :class="{'more-actions__toggle--background': background}"
       class="more-actions__toggle"
       data-cy="toggle-more-actions-menu"
-      @click.stop="toggleMenu">
-      <ellipses/>
+      @click.stop="toggleMenu"
+    >
+      <ellipses />
     </a>
     <widget-popover
       class="more-actions__popover"
       v-if="showMenu"
-      @hide-me="showMenu = false">
-      <slot/>
+      @hide-me="showMenu = false"
+    >
+      <slot />
     </widget-popover>
   </div>
 </template>
diff --git a/client/src/components/rooms/RoomActions.vue b/client/src/components/rooms/RoomActions.vue
index d4d60ce9..cafb6022 100644
--- a/client/src/components/rooms/RoomActions.vue
+++ b/client/src/components/rooms/RoomActions.vue
@@ -3,17 +3,20 @@
     <popover-link
       icon="pen-icon"
       text="Bearbeiten"
-      @link-action="editRoom()"/>
+      @link-action="editRoom()"
+    />
     <popover-link
       icon="eye-icon"
       data-cy="change-visibility"
       text="Sichtbarkeit anpassen"
-      @link-action="changeVisibility()"/>
+      @link-action="changeVisibility()"
+    />
     <popover-link
       icon="trash-icon"
       text="Löschen"
       data-cy="delete-room"
-      @link-action="deleteRoom()"/>
+      @link-action="deleteRoom()"
+    />
   </more-actions>
 </template>
 
diff --git a/client/src/components/rooms/RoomEntry.vue b/client/src/components/rooms/RoomEntry.vue
index 86ecc014..b1e4f9f5 100644
--- a/client/src/components/rooms/RoomEntry.vue
+++ b/client/src/components/rooms/RoomEntry.vue
@@ -3,34 +3,40 @@
     <router-link
       :to="{name: 'article', params: { slug: slug }}"
       class="room-entry__router-link"
-      tag="div">
+      tag="div"
+    >
       <div
         class="room-entry__header"
-        v-if="image">
+        v-if="image"
+      >
         <img
           :src="image"
           :alt="title"
-          class="room-entry__image">
+          class="room-entry__image"
+        >
       </div>
       <div class="room-entry__content">
-        <h2 class="room-entry__title">{{ title }}</h2>
+        <h2 class="room-entry__title">
+          {{ title }}
+        </h2>
         <p
           class="room-entry__teaser"
-          v-html="teaser"/>
+          v-html="teaser"
+        />
         <user-meta-widget
           v-bind="author"
-          class="room-entry__author"/>
+          class="room-entry__author"
+        />
       </div>
     </router-link>
 
     <room-entry-actions
-      :id="id"
       data-cy="room-entry-actions"
       class="room-entry__more"
-      v-if="myEntry"/>
-
+      v-if="myEntry"
+      :id="id"
+    />
   </div>
-
 </template>
 
 <script>
diff --git a/client/src/components/rooms/RoomEntryActions.vue b/client/src/components/rooms/RoomEntryActions.vue
index c1e4b965..16549cb0 100644
--- a/client/src/components/rooms/RoomEntryActions.vue
+++ b/client/src/components/rooms/RoomEntryActions.vue
@@ -3,12 +3,14 @@
     <popover-link
       icon="trash-icon"
       text="Eintrag löschen"
-      @link-action="deleteRoomEntry(id)"/>
+      @link-action="deleteRoomEntry(id)"
+    />
     <popover-link
       icon="pen-icon"
       data-cy="edit-room-entry"
       text="Eintrag bearbeiten"
-      @link-action="editRoomEntry(id)"/>
+      @link-action="editRoomEntry(id)"
+    />
   </more-actions>
 </template>
 
diff --git a/client/src/components/rooms/RoomForm.vue b/client/src/components/rooms/RoomForm.vue
index b1c640f7..5c54974c 100644
--- a/client/src/components/rooms/RoomForm.vue
+++ b/client/src/components/rooms/RoomForm.vue
@@ -2,32 +2,41 @@
   <page-form
     class="room-form"
     title="Neuer Raum"
-    @save="$emit('save', localRoom)">
+    @save="$emit('save', localRoom)"
+  >
     <page-form-input
+      label="Titel"
       v-model="localRoom.title"
-      label="Titel"/>
+    />
 
     <page-form-input
-      v-model="localRoom.description"
       label="Beschreibung"
-      type="textarea"/>
+      type="textarea"
+      v-model="localRoom.description"
+    />
 
-    <h2 class="room-form__property-heading">Farbe</h2>
+    <h2 class="room-form__property-heading">
+      Farbe
+    </h2>
     <color-chooser
       :selected-color="localRoom.appearance"
       @input="updateColor"
     />
-    <template v-slot:footer>
+    <template #footer>
       <button
         type="submit"
         data-cy="room-form-save"
         class="button button--primary room-form__save-button"
-      >Speichern
+      >
+        Speichern
       </button>
       <router-link
         to="/rooms"
         tag="button"
-        class="button">Abbrechen</router-link>
+        class="button"
+      >
+        Abbrechen
+      </router-link>
     </template>
   </page-form>
 </template>
diff --git a/client/src/components/rooms/RoomGroupWidget.vue b/client/src/components/rooms/RoomGroupWidget.vue
index 18064a92..30b28383 100644
--- a/client/src/components/rooms/RoomGroupWidget.vue
+++ b/client/src/components/rooms/RoomGroupWidget.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="room-group-widget">
-    <group/>
+    <group />
     <span>
       {{ name }}
     </span>
diff --git a/client/src/components/rooms/RoomVisibilityWidget.vue b/client/src/components/rooms/RoomVisibilityWidget.vue
index 3fa56eaf..766b0ce6 100644
--- a/client/src/components/rooms/RoomVisibilityWidget.vue
+++ b/client/src/components/rooms/RoomVisibilityWidget.vue
@@ -1,14 +1,13 @@
 <template>
   <div class="room-visibility-widget">
     <template v-if="restricted">
-      <closed-eye-icon class="room-visibility-widget__icon"/>
+      <closed-eye-icon class="room-visibility-widget__icon" />
       <span class="room-visibility-widget__text">Lernende sehen nur die eigenen Beiträge</span>
     </template>
     <template v-else>
-      <eye-icon class="room-visibility-widget__icon"/>
+      <eye-icon class="room-visibility-widget__icon" />
       <span class="room-visibility-widget__text">Raumeinträge sind für alle Lernenden sichtbar</span>
     </template>
-
   </div>
 </template>
 
diff --git a/client/src/components/rooms/RoomWidget.vue b/client/src/components/rooms/RoomWidget.vue
index 1b928fe3..e2e521f5 100644
--- a/client/src/components/rooms/RoomWidget.vue
+++ b/client/src/components/rooms/RoomWidget.vue
@@ -1,21 +1,27 @@
 <template>
   <div
     :class="roomClass"
-    class="room-widget">
+    class="room-widget"
+  >
     <router-link
       :to="{name: 'room', params: {slug: slug}}"
       tag="div"
-      class="room-widget__content">
-      <h2 class="room-widget__title">{{ title }}</h2>
-      <room-group-widget v-bind="schoolClass"/>
-      <entry-count-widget :entry-count="entryCount"/>
+      class="room-widget__content"
+    >
+      <h2 class="room-widget__title">
+        {{ title }}
+      </h2>
+      <room-group-widget v-bind="schoolClass" />
+      <entry-count-widget :entry-count="entryCount" />
     </router-link>
     <widget-footer
       data-cy="widget-footer"
-      v-if="canEditRoom">
+      v-if="canEditRoom"
+    >
       <room-actions
         :restricted="restricted"
-        :id="id"/>
+        :id="id"
+      />
     </widget-footer>
   </div>
 </template>
diff --git a/client/src/components/rooms/RoomsOnboarding.vue b/client/src/components/rooms/RoomsOnboarding.vue
index aca54a70..74d673f2 100644
--- a/client/src/components/rooms/RoomsOnboarding.vue
+++ b/client/src/components/rooms/RoomsOnboarding.vue
@@ -2,11 +2,15 @@
   <div class="rooms-onboarding">
     <h1
       class="rooms-onboarding__heading"
-      data-cy="page-title">Räume</h1>
+      data-cy="page-title"
+    >
+      Räume
+    </h1>
     <rooms-illustration class="rooms-onboarding__illustration" />
     <p
       data-cy="rooms-onboarding-text"
-      class="rooms-onboarding__text">
+      class="rooms-onboarding__text"
+    >
       Hier können Sie Räume erstellen, damit SchülerInnen zusammenarbeiten und Beiträge teilen können.
     </p>
     <div class="rooms-onboarding__button">
@@ -14,11 +18,11 @@
         :to="newRoomRoute"
         class="button button--primary"
         data-cy="create-room-button"
-        v-if="isTeacher">Raum erstellen
+        v-if="isTeacher"
+      >
+        Raum erstellen
       </router-link>
-
     </div>
-
   </div>
 </template>
 
diff --git a/client/src/components/school-class/ClassSelectionWidget.vue b/client/src/components/school-class/ClassSelectionWidget.vue
index 1f0988a4..4e881563 100644
--- a/client/src/components/school-class/ClassSelectionWidget.vue
+++ b/client/src/components/school-class/ClassSelectionWidget.vue
@@ -1,49 +1,58 @@
 <template>
   <div
     class="class-selection"
-    v-if="currentClassSelection">
+    v-if="currentClassSelection"
+  >
     <div
       data-cy="class-selection"
       class="class-selection__selected-class selected-class"
-      @click.stop="showPopover = !showPopover">
-      <current-class class="selected-class__text"/>
-      <chevron-down class="selected-class__dropdown-icon"/>
+      @click.stop="showPopover = !showPopover"
+    >
+      <current-class class="selected-class__text" />
+      <chevron-down class="selected-class__dropdown-icon" />
     </div>
     <widget-popover
       :mobile="mobile"
       class="class-selection__popover"
       v-if="showPopover"
-      @hide-me="showPopover = false">
+      @hide-me="showPopover = false"
+    >
       <li
-        :key="schoolClass.id"
         :label="schoolClass.name"
         :item="schoolClass"
         data-cy="class-selection-entry"
         class="popover-links__link popover-links__link--large"
         v-for="schoolClass in me.schoolClasses"
-        @click="updateSelectedClassAndHidePopover(schoolClass)">
+        :key="schoolClass.id"
+        @click="updateSelectedClassAndHidePopover(schoolClass)"
+      >
         {{ schoolClass.name }}
       </li>
       <li
         class="popover-links__link popover-links__link--large popover-links__divider"
         data-cy="create-class-link"
         v-if="me.isTeacher && !me.readOnly"
-        @click="closeSidebar">
+        @click="closeSidebar"
+      >
         <router-link
           :to="{name: 'create-class'}"
           tag="span"
           class="popover-links__link-with-icon"
         >
-          <add-icon class="popover-links__icon"/>
+          <add-icon class="popover-links__icon" />
           <span>Klasse erfassen</span>
         </router-link>
       </li>
       <li
         class="popover-links__link popover-links__link--large popover-links__divider"
-        @click="closeSidebar">
+        @click="closeSidebar"
+      >
         <router-link
           :to="{name: 'old-classes'}"
-          tag="span">Alte Klassen anzeigen</router-link>
+          tag="span"
+        >
+          Alte Klassen anzeigen
+        </router-link>
       </li>
     </widget-popover>
   </div>
diff --git a/client/src/components/school-class/CurrentClass.vue b/client/src/components/school-class/CurrentClass.vue
index a385418b..80934aa4 100644
--- a/client/src/components/school-class/CurrentClass.vue
+++ b/client/src/components/school-class/CurrentClass.vue
@@ -1,7 +1,8 @@
 <template>
   <span
     class="current-class"
-    data-cy="current-class-name">{{ currentClassName }}</span>
+    data-cy="current-class-name"
+  >{{ currentClassName }}</span>
 </template>
 
 <script>
diff --git a/client/src/components/school-class/EditClassNameWizard.vue b/client/src/components/school-class/EditClassNameWizard.vue
index 0aa4ba9f..37b5a0d8 100644
--- a/client/src/components/school-class/EditClassNameWizard.vue
+++ b/client/src/components/school-class/EditClassNameWizard.vue
@@ -4,7 +4,8 @@
     type="Klasse"
     @input="name = $event"
     @cancel="hideModal"
-    @save="save" />
+    @save="save"
+  />
 </template>
 
 <script>
diff --git a/client/src/components/toggle-menu/ToggleEditing.vue b/client/src/components/toggle-menu/ToggleEditing.vue
index 699aaa85..dc655dca 100644
--- a/client/src/components/toggle-menu/ToggleEditing.vue
+++ b/client/src/components/toggle-menu/ToggleEditing.vue
@@ -3,7 +3,8 @@
     :checked="checked"
     data-cy="toggle-editing"
     label="Modul anpassen"
-    @input="toggle"/>
+    @input="toggle"
+  />
 </template>
 
 <script>
diff --git a/client/src/components/toggle-menu/ToggleSolutionsForModule.vue b/client/src/components/toggle-menu/ToggleSolutionsForModule.vue
index 900a3939..80cc5e9d 100644
--- a/client/src/components/toggle-menu/ToggleSolutionsForModule.vue
+++ b/client/src/components/toggle-menu/ToggleSolutionsForModule.vue
@@ -3,7 +3,8 @@
     :checked="module.solutionsEnabled"
     label="Lösungen für Lernende anzeigen"
     v-if="canToggleSolutions"
-    @input="toggleSolutions"/>
+    @input="toggleSolutions"
+  />
 </template>
 
 <script>
diff --git a/client/src/components/ui/BaseInput.vue b/client/src/components/ui/BaseInput.vue
index 7724c789..fdd75fc8 100644
--- a/client/src/components/ui/BaseInput.vue
+++ b/client/src/components/ui/BaseInput.vue
@@ -9,19 +9,23 @@
     >
     <span
       :class="{'base-input-container__checkbox': type==='checkbox', 'base-input-container__radiobutton': type === 'radiobutton'}"
-      class="base-input-container__icon checkbox">
-      <tick v-if="type === 'checkbox'"/>
+      class="base-input-container__icon checkbox"
+    >
+      <tick v-if="type === 'checkbox'" />
       <circle-icon
         data-cy="circle-icon"
-        v-if="type === 'radiobutton'"/>
+        v-if="type === 'radiobutton'"
+      />
     </span>
     <span
       class="base-input-container__label"
       data-cy="base-input-label"
-      v-if="label">{{ label }}</span>
+      v-if="label"
+    >{{ label }}</span>
     <slot
       class="base-input-container__label"
-      v-if="!label"/>
+      v-if="!label"
+    />
   </label>
 </template>
 
diff --git a/client/src/components/ui/ButtonWithIconAndText.vue b/client/src/components/ui/ButtonWithIconAndText.vue
index dd81efb4..83cc033f 100644
--- a/client/src/components/ui/ButtonWithIconAndText.vue
+++ b/client/src/components/ui/ButtonWithIconAndText.vue
@@ -1,8 +1,9 @@
 <template>
   <a class="button-with-icon-and-text">
     <component
+      class="button-with-icon-and-text__icon"
       :is="icon"
-      class="button-with-icon-and-text__icon"/>
+    />
     <span class="button-with-icon-and-text__text">{{ text }}</span>
   </a>
 </template>
diff --git a/client/src/components/ui/Checkbox.vue b/client/src/components/ui/Checkbox.vue
index 2cd89d51..19635f0d 100644
--- a/client/src/components/ui/Checkbox.vue
+++ b/client/src/components/ui/Checkbox.vue
@@ -6,7 +6,7 @@
     :type="'checkbox'"
     @input="passOn"
   >
-    <slot/>
+    <slot />
   </base-input>
 </template>
 
diff --git a/client/src/components/ui/EmojiBar.vue b/client/src/components/ui/EmojiBar.vue
index b29b33b8..9905c805 100644
--- a/client/src/components/ui/EmojiBar.vue
+++ b/client/src/components/ui/EmojiBar.vue
@@ -1,11 +1,12 @@
 <template>
   <div class="emoji-bar">
     <a
-      :key="index"
       class="emoji-bar__emoji"
       data-cy="emoji-button"
       v-for="(emoji, index) in emojis"
-      @click="$emit('add-emoji', emoji)">{{ emoji }}</a>
+      :key="index"
+      @click="$emit('add-emoji', emoji)"
+    >{{ emoji }}</a>
   </div>
 </template>
 
diff --git a/client/src/components/ui/InputWithLabel.vue b/client/src/components/ui/InputWithLabel.vue
index 9067ccad..2624cc2b 100644
--- a/client/src/components/ui/InputWithLabel.vue
+++ b/client/src/components/ui/InputWithLabel.vue
@@ -5,7 +5,8 @@
       :value="value"
       :placeholder="placeholder"
       class="skillbox-input"
-      @input="$emit('input', $event.target.value)">
+      @input="$emit('input', $event.target.value)"
+    >
   </div>
 </template>
 
diff --git a/client/src/components/ui/PopoverLink.vue b/client/src/components/ui/PopoverLink.vue
index 7677e228..4b7fa024 100644
--- a/client/src/components/ui/PopoverLink.vue
+++ b/client/src/components/ui/PopoverLink.vue
@@ -1,13 +1,16 @@
 <template>
   <li
     class="popover-links__link"
-    @click="$emit('link-action')">
+    @click="$emit('link-action')"
+  >
     <a
       class="popover-link"
-      @click="$emit('link-action')">
+      @click="$emit('link-action')"
+    >
       <component
+        class="popover-link__icon"
         :is="icon"
-        class="popover-link__icon"/>
+      />
       <span class="popover-link__text">{{ text }}</span>
     </a>
   </li>
diff --git a/client/src/components/ui/WidgetFooter.vue b/client/src/components/ui/WidgetFooter.vue
index 52933afc..1b099973 100644
--- a/client/src/components/ui/WidgetFooter.vue
+++ b/client/src/components/ui/WidgetFooter.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="widget-footer">
-    <slot/>
+    <slot />
   </div>
 </template>
 
diff --git a/client/src/components/ui/WidgetPopover.vue b/client/src/components/ui/WidgetPopover.vue
index 93e3a1c0..9d74fe8a 100644
--- a/client/src/components/ui/WidgetPopover.vue
+++ b/client/src/components/ui/WidgetPopover.vue
@@ -1,10 +1,11 @@
 <template>
   <div
-    v-click-outside="hidePopover"
     :class="{'widget-popover--mobile': mobile}"
-    class="widget-popover">
+    class="widget-popover"
+    v-click-outside="hidePopover"
+  >
     <ul class="widget-popover__links popover-links">
-      <slot/>
+      <slot />
     </ul>
   </div>
 </template>
diff --git a/client/src/components/ui/file-upload/FileUpload.vue b/client/src/components/ui/file-upload/FileUpload.vue
index a7da96fb..6ff269e3 100644
--- a/client/src/components/ui/file-upload/FileUpload.vue
+++ b/client/src/components/ui/file-upload/FileUpload.vue
@@ -6,7 +6,6 @@
         show-trash-icon
         @trash="$emit('change-document-url', '')"
       />
-
     </template>
     <template v-else>
       <simple-file-upload
@@ -14,9 +13,7 @@
         :value="document"
         @link-change-url="$emit('change-document-url', $event)"
       />
-
     </template>
-
   </div>
 </template>
 
diff --git a/client/src/components/ui/file-upload/SimpleFileUpload.vue b/client/src/components/ui/file-upload/SimpleFileUpload.vue
index 0fab370f..dbb48d01 100644
--- a/client/src/components/ui/file-upload/SimpleFileUpload.vue
+++ b/client/src/components/ui/file-upload/SimpleFileUpload.vue
@@ -2,7 +2,8 @@
   <div class="simple-file-upload">
     <component
       :is="button"
-      @click.native="clickUploadCare" />
+      @click.native="clickUploadCare"
+    />
     <simple-file-upload-hidden-input @link-change-url="$emit('link-change-url', $event)" />
   </div>
 </template>
diff --git a/client/src/components/ui/file-upload/SimpleFileUploadHiddenInput.vue b/client/src/components/ui/file-upload/SimpleFileUploadHiddenInput.vue
index c8109914..612efa59 100644
--- a/client/src/components/ui/file-upload/SimpleFileUploadHiddenInput.vue
+++ b/client/src/components/ui/file-upload/SimpleFileUploadHiddenInput.vue
@@ -5,7 +5,8 @@
     role="uploadcare-uploader"
     name="file-upload"
     data-system-dialog
-    ref="uploadcare-filedialog">
+    ref="uploadcare-filedialog"
+  >
 </template>
 
 <script>
diff --git a/client/src/components/ui/file-upload/SimpleFileUploadIcon.vue b/client/src/components/ui/file-upload/SimpleFileUploadIcon.vue
index 763acf46..e6b1d789 100644
--- a/client/src/components/ui/file-upload/SimpleFileUploadIcon.vue
+++ b/client/src/components/ui/file-upload/SimpleFileUploadIcon.vue
@@ -1,6 +1,6 @@
 <template>
   <a class="simple-file-upload-icon">
-    <document-icon class="simple-file-upload-icon__icon"/>
+    <document-icon class="simple-file-upload-icon__icon" />
   </a>
 </template>
 
diff --git a/client/src/components/ui/file-upload/SimpleFileUploadWithIcon.vue b/client/src/components/ui/file-upload/SimpleFileUploadWithIcon.vue
index 601af0b5..65668bcf 100644
--- a/client/src/components/ui/file-upload/SimpleFileUploadWithIcon.vue
+++ b/client/src/components/ui/file-upload/SimpleFileUploadWithIcon.vue
@@ -4,9 +4,10 @@
       icon="document-icon"
       text="Dokument hochladen"
       v-if="!value"
-      @click.native="clickUploadCare"/>
+      @click.native="clickUploadCare"
+    />
 
-    <simple-file-upload-hidden-input @link-change-url="$emit('link-change-url', $event)"/>
+    <simple-file-upload-hidden-input @link-change-url="$emit('link-change-url', $event)" />
   </div>
 </template>
 
diff --git a/client/src/components/validation/ValidatedInput.vue b/client/src/components/validation/ValidatedInput.vue
index 771154a3..b8fa8fbb 100644
--- a/client/src/components/validation/ValidatedInput.vue
+++ b/client/src/components/validation/ValidatedInput.vue
@@ -7,14 +7,15 @@
     <div class="skillboxform-input">
       <label
         :for="id"
-        class="skillboxform-input__label">{{ label }}</label>
+        class="skillboxform-input__label"
+      >{{ label }}</label>
       <input
         :value="value"
         :class="{ 'skillboxform-input__input--error': errors.length }"
         v-bind="$attrs"
-        :id="id"
         class="change-form__email skillbox-input skillboxform-input__input"
         autocomplete="off"
+        :id="id"
         @input="$emit('input', $event.target.value)"
       >
 
@@ -25,10 +26,10 @@
       >{{ errors[0] }}</small>
 
       <small
-        :key="error"
         :data-cy="remoteErrorsCy"
         class="skillboxform-input__error"
         v-for="error in remoteErrors"
+        :key="error"
       >{{ error }}</small>
     </div>
   </ValidationProvider>
diff --git a/client/src/components/videos/SrfEmbed.vue b/client/src/components/videos/SrfEmbed.vue
index 518d12e9..7fa38705 100644
--- a/client/src/components/videos/SrfEmbed.vue
+++ b/client/src/components/videos/SrfEmbed.vue
@@ -3,7 +3,8 @@
     :src="`https://tp.srgssr.ch/p/srf/embed?urn=urn:srf:video:${videoId}`"
     class="srf-embed"
     allowfullscreen
-    frameborder="0"/>
+    frameborder="0"
+  />
 </template>
 
 <script>
diff --git a/client/src/components/videos/VimeoEmbed.vue b/client/src/components/videos/VimeoEmbed.vue
index 2ba3a072..6c22e79a 100644
--- a/client/src/components/videos/VimeoEmbed.vue
+++ b/client/src/components/videos/VimeoEmbed.vue
@@ -5,7 +5,8 @@
     frameborder="0"
     webkitallowfullscreen
     mozallowfullscreen
-    allowfullscreen/>
+    allowfullscreen
+  />
 </template>
 
 <script>
diff --git a/client/src/components/videos/YoutubeEmbed.vue b/client/src/components/videos/YoutubeEmbed.vue
index d459f1bc..b146da64 100644
--- a/client/src/components/videos/YoutubeEmbed.vue
+++ b/client/src/components/videos/YoutubeEmbed.vue
@@ -5,7 +5,8 @@
     type="text/html"
     rel="0"
     frameborder="0"
-    id="ytplayer"/>
+    id="ytplayer"
+  />
 </template>
 
 <script>
diff --git a/client/src/components/visibility/VisibilityAction.vue b/client/src/components/visibility/VisibilityAction.vue
index 0940e7dd..38336aac 100644
--- a/client/src/components/visibility/VisibilityAction.vue
+++ b/client/src/components/visibility/VisibilityAction.vue
@@ -3,13 +3,16 @@
     <a
       class="visibility-action__action-button"
       v-if="canManageContent"
-      @click="toggleVisibility()">
+      @click="toggleVisibility()"
+    >
       <closed-eye-icon
         class="visibility-action__action-icon action-icon"
-        v-if="hidden"/>
+        v-if="hidden"
+      />
       <eye-icon
         class="visibility-action__action-icon action-icon"
-        v-else/>
+        v-else
+      />
     </a>
   </div>
 </template>
diff --git a/client/src/layouts/BlankLayout.vue b/client/src/layouts/BlankLayout.vue
index b6652eaf..fc6edb5d 100644
--- a/client/src/layouts/BlankLayout.vue
+++ b/client/src/layouts/BlankLayout.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="blank-layout">
-    <router-view/>
+    <router-view />
   </div>
 </template>
 
diff --git a/client/src/layouts/DefaultFooter.vue b/client/src/layouts/DefaultFooter.vue
index 4ab6ba0c..451fac3c 100644
--- a/client/src/layouts/DefaultFooter.vue
+++ b/client/src/layouts/DefaultFooter.vue
@@ -1,11 +1,14 @@
 <template>
   <footer
     class="default-footer"
-    data-cy="page-footer">
+    data-cy="page-footer"
+  >
     <div class="default-footer__section">
       <div class="default-footer__info">
         <div class="default-footer__who-are-we who-are-we">
-          <h5 class="who-are-we__title">Wer sind wir?</h5>
+          <h5 class="who-are-we__title">
+            Wer sind wir?
+          </h5>
           <p class="who-are-we__text">
             mySkillbox ist ein Angebot des hep Verlags in Zusammenarbeit mit dem Eidgenössischen Hochschulinstitut für
             Berufsbildung (EHB)
@@ -14,15 +17,16 @@
 
         <a
           href="https://www.hep-verlag.ch/"
-          target="_blank">
-          <hep-logo class="default-footer__logo-hep"/>
+          target="_blank"
+        >
+          <hep-logo class="default-footer__logo-hep" />
         </a>
         <a
           href="https://www.ehb.swiss/"
-          target="_blank">
-          <ehb-logo class="default-footer__logo-ehb"/>
+          target="_blank"
+        >
+          <ehb-logo class="default-footer__logo-ehb" />
         </a>
-
       </div>
     </div>
     <div class="default-footer__section">
@@ -30,19 +34,23 @@
         <a
           href="https://myskillbox.ch/datenschutz"
           target="_blank"
-          class="default-footer__link">Datenschutz</a>
+          class="default-footer__link"
+        >Datenschutz</a>
         <a
           href="https://myskillbox.ch/impressum"
           target="_blank"
-          class="default-footer__link">Impressum</a>
+          class="default-footer__link"
+        >Impressum</a>
         <a
           href="https://myskillbox.ch/agb"
           target="_blank"
-          class="default-footer__link">AGB</a>
+          class="default-footer__link"
+        >AGB</a>
         <a
           href="https://myskillbox.ch/support"
           target="_blank"
-          class="default-footer__link">Support</a>
+          class="default-footer__link"
+        >Support</a>
       </div>
     </div>
   </footer>
diff --git a/client/src/layouts/DefaultLayout.vue b/client/src/layouts/DefaultLayout.vue
index 9bdf13b7..f69943bc 100644
--- a/client/src/layouts/DefaultLayout.vue
+++ b/client/src/layouts/DefaultLayout.vue
@@ -1,20 +1,23 @@
 <template>
   <div
     :class="specialContainerClass"
-    class="container skillbox layout">
-    <navigation-sidebar/>
-    <profile-sidebar/>
+    class="container skillbox layout"
+  >
+    <navigation-sidebar />
+    <profile-sidebar />
     <header-bar
       class="header layout__header"
-      v-if="showHeader"/>
+      v-if="showHeader"
+    />
 
     <router-view
-      :key="$route.fullPath"
       class="layout__content"
+      :key="$route.fullPath"
     />
     <default-footer
       class="layout__footer"
-      v-if="enableFooter"/>
+      v-if="enableFooter"
+    />
   </div>
 </template>
 
diff --git a/client/src/layouts/FullScreenLayout.vue b/client/src/layouts/FullScreenLayout.vue
index 9a771d8a..d5332483 100644
--- a/client/src/layouts/FullScreenLayout.vue
+++ b/client/src/layouts/FullScreenLayout.vue
@@ -1,14 +1,16 @@
 <template>
   <div
     :class="specialContainerClass"
-    class="container layout layout--fullscreen">
+    class="container layout layout--fullscreen"
+  >
     <div
       class="close-button"
-      @click="back">
-      <cross class="close-button__icon"/>
+      @click="back"
+    >
+      <cross class="close-button__icon" />
     </div>
 
-    <router-view class="layout__content"/>
+    <router-view class="layout__content" />
   </div>
 </template>
 
diff --git a/client/src/layouts/PublicLayout.vue b/client/src/layouts/PublicLayout.vue
index 55135465..f436935f 100644
--- a/client/src/layouts/PublicLayout.vue
+++ b/client/src/layouts/PublicLayout.vue
@@ -1,12 +1,13 @@
 <template>
   <div class="layout layout--public public">
     <div class="public__logo">
-      <logo/>
+      <logo />
     </div>
-    <router-view class="public__content layout__content"/>
+    <router-view class="public__content layout__content" />
     <default-footer
       class="skillbox__footer public__footer footer"
-      v-if="enableFooter"/>
+      v-if="enableFooter"
+    />
   </div>
 </template>
 <script>
diff --git a/client/src/layouts/SimpleFooter.vue b/client/src/layouts/SimpleFooter.vue
index b3686ca6..81eda35f 100644
--- a/client/src/layouts/SimpleFooter.vue
+++ b/client/src/layouts/SimpleFooter.vue
@@ -1,7 +1,11 @@
 <template>
   <footer class="simple-footer">
-    <p class="simple-footer__strong">Copyright © 2020 hep Verlag, in Zusammenarbeit mit dem EHB</p>
-    <p class="simple-footer__regular">Alle Inhalte von mySkillbox, insbesondere Texte und Grafiken, sind urheberrechtlich geschützt. </p>
+    <p class="simple-footer__strong">
+      Copyright © 2020 hep Verlag, in Zusammenarbeit mit dem EHB
+    </p>
+    <p class="simple-footer__regular">
+      Alle Inhalte von mySkillbox, insbesondere Texte und Grafiken, sind urheberrechtlich geschützt.
+    </p>
   </footer>
 </template>
 
diff --git a/client/src/layouts/SimpleLayout.vue b/client/src/layouts/SimpleLayout.vue
index d5ce9c0c..58ac47a2 100644
--- a/client/src/layouts/SimpleLayout.vue
+++ b/client/src/layouts/SimpleLayout.vue
@@ -1,16 +1,19 @@
 <template>
   <div
     :class="{'layout--full-width': $route.meta.fullWidth}"
-    class="skillbox layout layout--simple">
+    class="skillbox layout layout--simple"
+  >
     <div
       class="close-button"
-      @click="back">
-      <cross class="close-button__icon"/>
+      @click="back"
+    >
+      <cross class="close-button__icon" />
     </div>
     <router-view class="layout__content" />
     <simple-footer
       class="layout__footer"
-      v-if="enableFooter"/>
+      v-if="enableFooter"
+    />
   </div>
 </template>
 
diff --git a/client/src/layouts/SplitLayout.vue b/client/src/layouts/SplitLayout.vue
index 9f7d110e..5d4ed700 100644
--- a/client/src/layouts/SplitLayout.vue
+++ b/client/src/layouts/SplitLayout.vue
@@ -1,10 +1,10 @@
 <template>
   <div :class="['split-view', {'split-view--illustration': illustration}]">
     <div :class="['split-view__illustration', illustrationAlignment]">
-      <component :is="illustration"/>
+      <component :is="illustration" />
     </div>
     <div class="split-view__content">
-      <router-view/>
+      <router-view />
     </div>
   </div>
 </template>
diff --git a/client/src/pages/activity.vue b/client/src/pages/activity.vue
index 20e2be01..74911259 100644
--- a/client/src/pages/activity.vue
+++ b/client/src/pages/activity.vue
@@ -1,6 +1,8 @@
 <template>
   <div class="activity">
-    <h1 class="activity__header">Meine Aktivitäten</h1>
+    <h1 class="activity__header">
+      Meine Aktivitäten
+    </h1>
     <activity-filter
       :filter="filter"
       @change-filter="filter = $event"
@@ -9,16 +11,17 @@
       <module-activity
         :filter="filter"
         :module="module"
-        :key="id"
         class="activity"
-        v-for="(module, id) in modules"/>
+        v-for="(module, id) in modules"
+        :key="id"
+      />
     </div>
     <instrument-activity
-      :key="id"
       :filter="filter"
       :instrument="instrument"
-      v-for="(instrument, id) in instruments"/>
-
+      v-for="(instrument, id) in instruments"
+      :key="id"
+    />
   </div>
 </template>
 
diff --git a/client/src/pages/article.vue b/client/src/pages/article.vue
index 35221b34..8ac5d1f5 100644
--- a/client/src/pages/article.vue
+++ b/client/src/pages/article.vue
@@ -2,24 +2,27 @@
   <div class="article">
     <div class="article__header">
       <div class="article__meta">
-        <user-meta-widget v-bind="roomEntry.author"/>
+        <user-meta-widget v-bind="roomEntry.author" />
       </div>
-      <h1 class="article__title">{{ roomEntry.title }}</h1>
+      <h1 class="article__title">
+        {{ roomEntry.title }}
+      </h1>
     </div>
     <div class="article__content">
-
       <component
-        :key="component.id"
         :is="component.type"
+        v-for="component in roomEntry.contents"
+        :key="component.id"
         v-bind="component"
-        v-for="component in roomEntry.contents"/>
+      />
     </div>
     <div class="article__comments">
-      <comment-input @submit="createComment"/>
+      <comment-input @submit="createComment" />
       <comment
         :comment="comment"
+        v-for="comment in comments"
         :key="comment.id"
-        v-for="comment in comments"/>
+      />
     </div>
   </div>
 </template>
diff --git a/client/src/pages/beta-login.vue b/client/src/pages/beta-login.vue
index 4dc56707..ed6bdf2d 100644
--- a/client/src/pages/beta-login.vue
+++ b/client/src/pages/beta-login.vue
@@ -1,43 +1,48 @@
 <template>
   <div class="login public-page">
-    <h1 class="login__title public-page__title">Melden Sie sich jetzt an</h1>
+    <h1 class="login__title public-page__title">
+      Melden Sie sich jetzt an
+    </h1>
     <ValidationObserver v-slot="{invalid, handleSubmit}">
       <form
         class="login__form login-form"
         novalidate
-        @submit.prevent="handleSubmit(validateBeforeSubmit)">
-
+        @submit.prevent="handleSubmit(validateBeforeSubmit)"
+      >
         <validated-input
-          v-model="email"
           :remote-errors="emailErrors"
           rules="required"
           name="email"
           label="E-Mail"
           data-cy="email-input"
           id="email"
+          v-model="email"
         />
 
         <validated-input
           v-slot="{errors}"
-          v-model="password"
           :remote-errors="passwordErrors"
           label="Passwort"
           rules="required"
           name="password"
           type="password"
           data-cy="password-input"
+          v-model="password"
         />
 
         <div class="skillboxform-input">
           <small
             class="skillboxform-input__error"
             data-cy="login-error"
-            v-if="loginError">{{ loginError }}</small>
+            v-if="loginError"
+          >{{ loginError }}</small>
         </div>
         <div class="actions">
           <button
             class="button button--primary button--big actions__submit"
-            data-cy="login-button">Anmelden
+            data-cy="login-button"
+          >
+            Anmelden
           </button>
         </div>
       </form>
diff --git a/client/src/pages/editRoom.vue b/client/src/pages/editRoom.vue
index cabf8aaf..c94b8d00 100644
--- a/client/src/pages/editRoom.vue
+++ b/client/src/pages/editRoom.vue
@@ -2,7 +2,8 @@
   <div class="edit-room-page">
     <edit-room
       :room="room"
-      v-if="room.id"/>
+      v-if="room.id"
+    />
   </div>
 </template>
 
diff --git a/client/src/pages/hello.vue b/client/src/pages/hello.vue
index 077bd03b..b1be05c2 100644
--- a/client/src/pages/hello.vue
+++ b/client/src/pages/hello.vue
@@ -1,39 +1,49 @@
 <template>
   <div
     class="hello"
-    data-cy="hello-page">
+    data-cy="hello-page"
+  >
     <div class="about">
       <div class="about__logos logos">
         <a
           href="https://www.hep-verlag.ch/"
-          target="_blank">
+          target="_blank"
+        >
           <hep-logo-no-claim class="logos__logo" />
         </a>
         <a
           href="https://www.ehb.swiss/"
-          target="_blank">
+          target="_blank"
+        >
           <ehb-logo class="logos__logo" />
         </a>
       </div>
-      <p class="about__text">mySkillbox ist ein Angebot des hep Verlags in
-      Zusammenarbeit mit dem Eidgenössischen Hochschulinstitut für Berufsbildung.</p>
+      <p class="about__text">
+        mySkillbox ist ein Angebot des hep Verlags in
+        Zusammenarbeit mit dem Eidgenössischen Hochschulinstitut für Berufsbildung.
+      </p>
     </div>
     <logo class="logo" />
     <div class="login-actions">
       <h2
         class="login-actions__title"
-        data-cy="hello-title">Wollen Sie {{ pageTitle }} im Unterricht verwenden?</h2>
+        data-cy="hello-title"
+      >
+        Wollen Sie {{ pageTitle }} im Unterricht verwenden?
+      </h2>
       <a
         class="button button--primary button--big actions__submit"
         href="/api/oauth/login/"
-        data-cy="oauth-login">Mit hep Konto anmelden</a>
+        data-cy="oauth-login"
+      >Mit hep Konto anmelden</a>
 
       <div class="login-actions__register register">
         <p>Haben Sie noch kein hep Konto?</p>
         <a
           class="hep-link"
           href="/api/oauth/login/"
-          data-cy="oauth-login">Jetzt registrieren</a>
+          data-cy="oauth-login"
+        >Jetzt registrieren</a>
       </div>
     </div>
     <div class="information">
@@ -41,7 +51,8 @@
       <a
         class="hep-link"
         href="https://myskillbox.ch/anleitung"
-        data-cy="oauth-login">Anleitung anschauen</a>
+        data-cy="oauth-login"
+      >Anleitung anschauen</a>
     </div>
     <div class="links">
       <ul class="links__list">
diff --git a/client/src/pages/index.vue b/client/src/pages/index.vue
index 2adfef74..6df67989 100644
--- a/client/src/pages/index.vue
+++ b/client/src/pages/index.vue
@@ -3,16 +3,24 @@
     <h3>Pages</h3>
     <ul>
       <li>
-        <router-link to="/book">Book</router-link>
+        <router-link to="/book">
+          Book
+        </router-link>
       </li>
       <li>
-        <router-link to="/book/topic">Topic</router-link>
+        <router-link to="/book/topic">
+          Topic
+        </router-link>
       </li>
       <li>
-        <router-link to="/module">Modul</router-link>
+        <router-link to="/module">
+          Modul
+        </router-link>
       </li>
       <li>
-        <router-link to="/rooms">Räume</router-link>
+        <router-link to="/rooms">
+          Räume
+        </router-link>
       </li>
     </ul>
   </div>
diff --git a/client/src/pages/instrument.vue b/client/src/pages/instrument.vue
index 1bfe78ae..bd45cfec 100644
--- a/client/src/pages/instrument.vue
+++ b/client/src/pages/instrument.vue
@@ -2,23 +2,26 @@
   <div class="instrument">
     <h1
       class="instrument__title"
-      data-cy="instrument-title">{{ instrument.title }}</h1>
+      data-cy="instrument-title"
+    >
+      {{ instrument.title }}
+    </h1>
 
     <div
       class="instrument__intro intro"
       data-cy="instrument-intro"
-      v-html="instrument.intro"/>
+      v-html="instrument.intro"
+    />
 
     <content-component
-      :key="component.id"
       :component="component"
       :root="instrument.slug"
       :parent="instrument"
       :bookmarks="instrument.bookmarks"
       :notes="instrument.notes"
       v-for="component in instrument.contents"
+      :key="component.id"
     />
-
   </div>
 </template>
 
diff --git a/client/src/pages/instrumentOverview.vue b/client/src/pages/instrumentOverview.vue
index a339e23b..8d94bfe7 100644
--- a/client/src/pages/instrumentOverview.vue
+++ b/client/src/pages/instrumentOverview.vue
@@ -2,15 +2,17 @@
   <div class="instrument-overview">
     <instrument-filter
       class="instrument-overview__filter"
-      @filter="updateFilter"/>
+      @filter="updateFilter"
+    />
     <div class="instrument-overview__list">
       <router-link
         :to="{name: 'instrument', params: {slug: instrument.slug}}"
-        :key="instrument.id"
         data-cy="instrument"
         tag="div"
-        v-for="instrument in filteredInstruments">
-        <instrument-entry :instrument="instrument"/>
+        v-for="instrument in filteredInstruments"
+        :key="instrument.id"
+      >
+        <instrument-entry :instrument="instrument" />
       </router-link>
     </div>
   </div>
diff --git a/client/src/pages/joinClass.vue b/client/src/pages/joinClass.vue
index 655e9154..fae98c20 100644
--- a/client/src/pages/joinClass.vue
+++ b/client/src/pages/joinClass.vue
@@ -7,7 +7,8 @@
     cancel-text="Abmelden"
     @input="updateCode"
     @cancel="logout"
-    @confirm="joinClass"/>
+    @confirm="joinClass"
+  />
 </template>
 
 <script>
diff --git a/client/src/pages/license-activation.vue b/client/src/pages/license-activation.vue
index 46e0e147..3e31663e 100644
--- a/client/src/pages/license-activation.vue
+++ b/client/src/pages/license-activation.vue
@@ -1,8 +1,10 @@
 <template>
   <div class="license-activation public-page">
     <header class="info-header">
-      <p class="info-header__text small-emph">Für <span class="info-header__emph">{{ me.email }}</span> haben wir keine
-      gültige Lizenz gefunden</p>
+      <p class="info-header__text small-emph">
+        Für <span class="info-header__emph">{{ me.email }}</span> haben wir keine
+        gültige Lizenz gefunden
+      </p>
     </header>
     <section class="coupon">
       <ValidationObserver
@@ -11,10 +13,10 @@
         <form
           class="license-activation__form license-activation-form"
           novalidate
-          @submit.prevent="handleSubmit(validateBeforeSubmit)">
+          @submit.prevent="handleSubmit(validateBeforeSubmit)"
+        >
           <h2>Geben Sie einen Coupon-Code ein</h2>
           <validated-input
-            v-model="coupon"
             :remote-errors="couponErrors"
             rules="required"
             name="coupon"
@@ -22,6 +24,7 @@
             data-cy="coupon-input"
             class="login-form__field"
             tabindex="0"
+            v-model="coupon"
           />
           <div class="actions">
             <loading-button
@@ -33,7 +36,8 @@
             <a
               class="button button--big"
               data-cy="license-activation-cancel"
-              @click="logout">Abmelden
+              @click="logout"
+            >Abmelden
             </a>
           </div>
         </form>
@@ -42,12 +46,18 @@
     <section class="get-license">
       <h2>Oder, kaufen Sie eine Lizenz</h2>
       <ul class="license-links">
-        <li class="license-links__item"><a
-          :href="teacherEditionUrl"
-          class="hep-link">{{ pageTitle }} für Lehrpersonen</a></li>
-        <li class="license-links__item"><a
-          :href="studentEditionUrl"
-          class="hep-link">{{ pageTitle }} für Lernende</a></li>
+        <li class="license-links__item">
+          <a
+            :href="teacherEditionUrl"
+            class="hep-link"
+          >{{ pageTitle }} für Lehrpersonen</a>
+        </li>
+        <li class="license-links__item">
+          <a
+            :href="studentEditionUrl"
+            class="hep-link"
+          >{{ pageTitle }} für Lernende</a>
+        </li>
       </ul>
     </section>
   </div>
diff --git a/client/src/pages/login-error.vue b/client/src/pages/login-error.vue
index 652a3533..0ed9c8ff 100644
--- a/client/src/pages/login-error.vue
+++ b/client/src/pages/login-error.vue
@@ -3,26 +3,28 @@
     <header class="info-header">
       <h1
         class="public-page__title"
-        data-cy="login-error-title">{{ title }}</h1>
+        data-cy="login-error-title"
+      >
+        {{ title }}
+      </h1>
     </header>
     <main
       class="login-error__content content"
-      data-cy="login-error-text">
+      data-cy="login-error-text"
+    >
       <p class="content__instructions">
         {{ errorMessage }}
       </p>
       <p>
         <router-link
           :to="{name: 'hello'}"
-          class="hep-link">
+          class="hep-link"
+        >
           Startseite anzeigen
         </router-link>
       </p>
-
     </main>
-
   </div>
-
 </template>
 
 <script>
diff --git a/client/src/pages/me/joinTeam.vue b/client/src/pages/me/joinTeam.vue
index b2960534..39bd3810 100644
--- a/client/src/pages/me/joinTeam.vue
+++ b/client/src/pages/me/joinTeam.vue
@@ -7,7 +7,8 @@
     cancel-text="Abbrechen"
     @input="updateCode"
     @cancel="cancel"
-    @confirm="joinTeam"/>
+    @confirm="joinTeam"
+  />
 </template>
 
 <script>
diff --git a/client/src/pages/me/myTeam.vue b/client/src/pages/me/myTeam.vue
index ed29fa1d..db4fa98a 100644
--- a/client/src/pages/me/myTeam.vue
+++ b/client/src/pages/me/myTeam.vue
@@ -14,23 +14,32 @@
       />
     </template>
     <template v-else>
-      <h1 class="my-team__heading">Mein Team</h1>
+      <h1 class="my-team__heading">
+        Mein Team
+      </h1>
       <div class="my-team__section">
-        <h2 class="my-team__subheading">Willst du einem bestehenden Team beitreten?</h2>
+        <h2 class="my-team__subheading">
+          Willst du einem bestehenden Team beitreten?
+        </h2>
         <router-link
           :to="joinTeamRoute"
-          class="button button--primary">Zugangscode eingeben
+          class="button button--primary"
+        >
+          Zugangscode eingeben
         </router-link>
       </div>
       <div class="my-team__section">
-        <h2 class="my-team__subheading">Willst du ein neues Team erfassen?</h2>
+        <h2 class="my-team__subheading">
+          Willst du ein neues Team erfassen?
+        </h2>
         <router-link
           :to="createTeamRoute"
-          class="button button--primary">Team erfassen
+          class="button button--primary"
+        >
+          Team erfassen
         </router-link>
       </div>
     </template>
-
   </div>
 </template>
 
diff --git a/client/src/pages/me/showSchoolClassCode.vue b/client/src/pages/me/showSchoolClassCode.vue
index 6c3e401b..ed178efb 100644
--- a/client/src/pages/me/showSchoolClassCode.vue
+++ b/client/src/pages/me/showSchoolClassCode.vue
@@ -3,7 +3,8 @@
     :name="me.selectedClass.name"
     :code="me.selectedClass.code"
     class="show-school-class-code"
-    type="Klasse"/>
+    type="Klasse"
+  />
 </template>
 
 <script>
diff --git a/client/src/pages/me/showTeamCode.vue b/client/src/pages/me/showTeamCode.vue
index 080a0357..b587214a 100644
--- a/client/src/pages/me/showTeamCode.vue
+++ b/client/src/pages/me/showTeamCode.vue
@@ -3,7 +3,8 @@
     :name="me.team.name"
     :code="me.team.code"
     class="show-school-class-code"
-    type="Team"/>
+    type="Team"
+  />
 </template>
 
 <script>
diff --git a/client/src/pages/module/module-base.vue b/client/src/pages/module/module-base.vue
index a310e5b5..d30e96f0 100644
--- a/client/src/pages/module/module-base.vue
+++ b/client/src/pages/module/module-base.vue
@@ -2,7 +2,7 @@
   <div class="module-page">
     <module-navigation v-if="showNavigation" />
     <module-sub-navigation v-if="showSubNavigation" />
-    <router-view/>
+    <router-view />
   </div>
 </template>
 
diff --git a/client/src/pages/module/module.vue b/client/src/pages/module/module.vue
index d00a547d..0da9a46f 100644
--- a/client/src/pages/module/module.vue
+++ b/client/src/pages/module/module.vue
@@ -3,7 +3,8 @@
     :module="module"
     @editNote="editNote"
     @addNote="addNote"
-    @bookmark="bookmark"/>
+    @bookmark="bookmark"
+  />
 </template>
 
 <script>
diff --git a/client/src/pages/module/moduleRoom.vue b/client/src/pages/module/moduleRoom.vue
index 910bcff9..23da906e 100644
--- a/client/src/pages/module/moduleRoom.vue
+++ b/client/src/pages/module/moduleRoom.vue
@@ -1,28 +1,32 @@
 <template>
   <div class="room">
     <div class="room__header">
-      <h1 class="room__title">{{ room.title }}</h1>
+      <h1 class="room__title">
+        {{ room.title }}
+      </h1>
       <p class="room__intro">
         {{ room.description }}
       </p>
       <div class="room__meta">
-        <room-group-widget v-bind="room.schoolClass"/>
-        <entry-count-widget :entry-count="roomEntryCount"/>
+        <room-group-widget v-bind="room.schoolClass" />
+        <entry-count-widget :entry-count="roomEntryCount" />
       </div>
     </div>
     <div class="room__content">
       <add-room-entry-button
         :parent="room"
-        v-if="room.id">
+        v-if="room.id"
+      >
         <!--
         the v-if is there for the case where the room hasn't loaded yet, but there is already an attempt to create
         a new room entry. mainly happens during cypress testing, but could also happen on a very slow connection
         -->
       </add-room-entry-button>
       <room-entry
+        v-for="entry in room.roomEntries"
         v-bind="entry"
         :key="entry.id"
-        v-for="entry in room.roomEntries"/>
+      />
     </div>
   </div>
 </template>
diff --git a/client/src/pages/module/moduleSettings.vue b/client/src/pages/module/moduleSettings.vue
index 66ee938f..6902c4cc 100644
--- a/client/src/pages/module/moduleSettings.vue
+++ b/client/src/pages/module/moduleSettings.vue
@@ -1,23 +1,35 @@
 <template>
   <div class="module-settings">
-    <h1 class="module-settings__page-title">Einstellungen</h1>
+    <h1 class="module-settings__page-title">
+      Einstellungen
+    </h1>
     <section class="module-settings__section">
-      <h2 class="module-settings__heading">Lösungen</h2>
-      <p class="module-settings__paragraph">Wollen Sie die Lösungen in diesem Modul für die Lernenden der ausgewählten Klasse anzeigen?</p>
+      <h2 class="module-settings__heading">
+        Lösungen
+      </h2>
+      <p class="module-settings__paragraph">
+        Wollen Sie die Lösungen in diesem Modul für die Lernenden der ausgewählten Klasse anzeigen?
+      </p>
       <toggle-solutions-for-module />
     </section>
     <section class="module-settings__section">
-      <h2 class="module-settings__heading">Sichtbarkeit</h2>
-      <p class="module-settings__paragraph">Haben Sie die Sichtbarkeit für eine andere Klasse bereits angepasst? Dann
-      können Sie diese Anpassungen hier
-      übernehmen</p>
+      <h2 class="module-settings__heading">
+        Sichtbarkeit
+      </h2>
+      <p class="module-settings__paragraph">
+        Haben Sie die Sichtbarkeit für eine andere Klasse bereits angepasst? Dann
+        können Sie diese Anpassungen hier
+        übernehmen
+      </p>
     </section>
     <section class="module-settings__section">
       <router-link
         :to="{name: 'visibility'}"
         data-cy="select-school-class-button"
         class="button button--primary"
-      >Klasse auswählen</router-link>
+      >
+        Klasse auswählen
+      </router-link>
     </section>
   </div>
 </template>
diff --git a/client/src/pages/module/moduleVisibility.vue b/client/src/pages/module/moduleVisibility.vue
index 5e3bf6f7..d25e4250 100644
--- a/client/src/pages/module/moduleVisibility.vue
+++ b/client/src/pages/module/moduleVisibility.vue
@@ -1,13 +1,14 @@
 <template>
   <div class="module-visibility">
-    <h1 class="module-visibility__page-title">Sichtbarkeit</h1>
+    <h1 class="module-visibility__page-title">
+      Sichtbarkeit
+    </h1>
     <div class="module-visibility__section">
       <p class="module-visibility__paragraph">
         Wollen Sie die angepasste Sichtbarkeit (
-        <eye-icon class="module-visibility__inline-icon"/>
+        <eye-icon class="module-visibility__inline-icon" />
         ) von Inhalten einer anderen Klasse übernehmen?
       </p>
-
     </div>
     <div class="module-visibility__form module-visibility__section">
       Von
@@ -15,15 +16,20 @@
         :value="selectedClassId"
         data-cy="school-class-visibility-dropdown"
         class="skillbox-input skillbox-dropdown module-visibility__dropdown"
-        @change="select($event.target.value)">
+        @change="select($event.target.value)"
+      >
         <option
           value=""
-          selected>-
+          selected
+        >
+          -
         </option>
         <option
-          :key="schoolClass.id"
           :value="schoolClass.id"
-          v-for="schoolClass in schoolClasses">{{ schoolClass.name }}
+          v-for="schoolClass in schoolClasses"
+          :key="schoolClass.id"
+        >
+          {{ schoolClass.name }}
         </option>
       </select>
       für {{ currentClassName }} übernehmen.
@@ -32,7 +38,8 @@
       <a
         class="button button--primary"
         data-cy="save-visibility-button"
-        @click="sync">Anpassungen übernehmen</a>
+        @click="sync"
+      >Anpassungen übernehmen</a>
     </div>
   </div>
 </template>
diff --git a/client/src/pages/news.vue b/client/src/pages/news.vue
index 8a0a2ea9..6860e8ad 100644
--- a/client/src/pages/news.vue
+++ b/client/src/pages/news.vue
@@ -1,6 +1,8 @@
 <template>
   <div class="news">
-    <h1 class="news__heading">News</h1>
+    <h1 class="news__heading">
+      News
+    </h1>
     <news-teasers />
   </div>
 </template>
diff --git a/client/src/pages/oldClasses.vue b/client/src/pages/oldClasses.vue
index 0518d4b5..dd439675 100644
--- a/client/src/pages/oldClasses.vue
+++ b/client/src/pages/oldClasses.vue
@@ -1,15 +1,21 @@
 <template>
   <div class="old-classes">
-    <h1 class="old-classes__title">Alte Klassen</h1>
+    <h1 class="old-classes__title">
+      Alte Klassen
+    </h1>
     <ul class="old-classes__list simple-list">
       <li
-        :key="schoolClass.id"
         class="simple-list__item"
         data-cy="old-class-item"
-        v-for="schoolClass in me.oldClasses"><span
-          class="old-classes__class-name">{{ schoolClass.name }}</span> <a
-            class="simple-list__action"
-            @click="updateSelectedClassAndGoToClassList(schoolClass)">Anzeigen</a>
+        v-for="schoolClass in me.oldClasses"
+        :key="schoolClass.id"
+      >
+        <span
+          class="old-classes__class-name"
+        >{{ schoolClass.name }}</span> <a
+          class="simple-list__action"
+          @click="updateSelectedClassAndGoToClassList(schoolClass)"
+        >Anzeigen</a>
       </li>
     </ul>
   </div>
diff --git a/client/src/pages/onboarding.vue b/client/src/pages/onboarding.vue
index 307cc27c..72075d0c 100644
--- a/client/src/pages/onboarding.vue
+++ b/client/src/pages/onboarding.vue
@@ -1,17 +1,20 @@
 <template>
   <div
     class="onboarding__content"
-    data-cy="onboarding-page">
-    <router-view/>
+    data-cy="onboarding-page"
+  >
+    <router-view />
     <a
       class="onboarding__button button button--primary button--big"
       data-cy="onboarding-next-link"
-      @click="next">{{ nextLabel }}
+      @click="next"
+    >{{ nextLabel }}
     </a>
     <a
       class="onboarding__secondary-link"
       data-cy="onboarding-skip-link"
-      @click.prevent="completeOnboarding">Einführung überspringen</a>
+      @click.prevent="completeOnboarding"
+    >Einführung überspringen</a>
   </div>
 </template>
 
diff --git a/client/src/pages/onboarding/start.vue b/client/src/pages/onboarding/start.vue
index 96694f4e..f847b2d9 100644
--- a/client/src/pages/onboarding/start.vue
+++ b/client/src/pages/onboarding/start.vue
@@ -1,7 +1,9 @@
 <template>
   <div>
-    <logo class="onboarding__logo"/>
-    <h1 class="onboarding__heading">Herzlich willkommen!</h1>
+    <logo class="onboarding__logo" />
+    <h1 class="onboarding__heading">
+      Herzlich willkommen!
+    </h1>
 
     <p class="onboarding__claim">
       Schauen Sie sich die Einführung an und lernen Sie {{ pageTitle }} kennen.
diff --git a/client/src/pages/onboarding/step1.vue b/client/src/pages/onboarding/step1.vue
index 9598bcf5..208de789 100644
--- a/client/src/pages/onboarding/step1.vue
+++ b/client/src/pages/onboarding/step1.vue
@@ -1,12 +1,28 @@
 <template>
   <div>
-    <h3 class="onboarding__page-subheading">Einführung: Schritt 1 von 3</h3>
-    <h1 class="onboarding__page-heading">Ihr Lernbereich</h1>
-    <h2 class="onboarding__heading">Themen</h2>
-    <p class="onboarding__paragraph">In den «Themen» finden Sie aktuelle Module mit Aufträgen und Situationen.</p>
-    <h2 class="onboarding__heading">Instrumente</h2>
-    <p class="onboarding__paragraph">Die «Instrumente» helfen Ihnen dabei, Aufträge und Situationen zu bearbeiten. Zudem erweitern Sie so Ihre Kompetenzen. </p>
-    <h2 class="onboarding__heading">News</h2>
-    <p class="onboarding__paragraph">Unter «News» werden regelmässig Artikel zu aktuellen Ereignissen veröffentlicht.</p>
+    <h3 class="onboarding__page-subheading">
+      Einführung: Schritt 1 von 3
+    </h3>
+    <h1 class="onboarding__page-heading">
+      Ihr Lernbereich
+    </h1>
+    <h2 class="onboarding__heading">
+      Themen
+    </h2>
+    <p class="onboarding__paragraph">
+      In den «Themen» finden Sie aktuelle Module mit Aufträgen und Situationen.
+    </p>
+    <h2 class="onboarding__heading">
+      Instrumente
+    </h2>
+    <p class="onboarding__paragraph">
+      Die «Instrumente» helfen Ihnen dabei, Aufträge und Situationen zu bearbeiten. Zudem erweitern Sie so Ihre Kompetenzen.
+    </p>
+    <h2 class="onboarding__heading">
+      News
+    </h2>
+    <p class="onboarding__paragraph">
+      Unter «News» werden regelmässig Artikel zu aktuellen Ereignissen veröffentlicht.
+    </p>
   </div>
 </template>
diff --git a/client/src/pages/onboarding/step2.vue b/client/src/pages/onboarding/step2.vue
index efe0c696..29e4067b 100644
--- a/client/src/pages/onboarding/step2.vue
+++ b/client/src/pages/onboarding/step2.vue
@@ -1,8 +1,16 @@
 <template>
   <div>
-    <h3 class="onboarding__page-subheading">Einführung: Schritt 2 von 3</h3>
-    <h1 class="onboarding__page-heading">Ihr Bereich für Zusammenarbeit</h1>
-    <h2 class="onboarding__heading">Räume</h2>
-    <p class="onboarding__paragraph">In den Räumen können Sie in grossen und kleinen Gruppen zusammenarbeiten und Beiträge teilen.</p>
+    <h3 class="onboarding__page-subheading">
+      Einführung: Schritt 2 von 3
+    </h3>
+    <h1 class="onboarding__page-heading">
+      Ihr Bereich für Zusammenarbeit
+    </h1>
+    <h2 class="onboarding__heading">
+      Räume
+    </h2>
+    <p class="onboarding__paragraph">
+      In den Räumen können Sie in grossen und kleinen Gruppen zusammenarbeiten und Beiträge teilen.
+    </p>
   </div>
 </template>
diff --git a/client/src/pages/onboarding/step3.vue b/client/src/pages/onboarding/step3.vue
index 8e3aa6c8..39254892 100644
--- a/client/src/pages/onboarding/step3.vue
+++ b/client/src/pages/onboarding/step3.vue
@@ -1,8 +1,16 @@
 <template>
   <div>
-    <h3 class="onboarding__page-subheading">Einführung: Schritt 3 von 3</h3>
-    <h1 class="onboarding__page-heading">Ihr persönlicher Bereich</h1>
-    <h2 class="onboarding__heading">Portfolio</h2>
-    <p class="onboarding__paragraph">Dokumentieren Sie Ihre Arbeiten und Projekte. Reflektieren Sie Ihr Vorgehen.</p>
+    <h3 class="onboarding__page-subheading">
+      Einführung: Schritt 3 von 3
+    </h3>
+    <h1 class="onboarding__page-heading">
+      Ihr persönlicher Bereich
+    </h1>
+    <h2 class="onboarding__heading">
+      Portfolio
+    </h2>
+    <p class="onboarding__paragraph">
+      Dokumentieren Sie Ihre Arbeiten und Projekte. Reflektieren Sie Ihr Vorgehen.
+    </p>
   </div>
 </template>
diff --git a/client/src/pages/p404.vue b/client/src/pages/p404.vue
index 9e1ebc3f..286011c9 100644
--- a/client/src/pages/p404.vue
+++ b/client/src/pages/p404.vue
@@ -1,9 +1,14 @@
 <template>
   <div class="page-not-found">
-    <h2 class="">Leider können wir die gewünschte Seite nicht finden.</h2>
+    <h2 class="">
+      Leider können wir die gewünschte Seite nicht finden.
+    </h2>
     <router-link
       :to="'/'"
-      class="button button--primary">Zur Startseite</router-link>
+      class="button button--primary"
+    >
+      Zur Startseite
+    </router-link>
   </div>
 </template>
 
diff --git a/client/src/pages/portfolio/editProject.vue b/client/src/pages/portfolio/editProject.vue
index 0b4e74f8..4dfc19b3 100644
--- a/client/src/pages/portfolio/editProject.vue
+++ b/client/src/pages/portfolio/editProject.vue
@@ -2,7 +2,8 @@
   <div class="edit-project-page">
     <edit-project
       :project="project"
-      v-if="project.id"/>
+      v-if="project.id"
+    />
   </div>
 </template>
 
diff --git a/client/src/pages/portfolio/portfolio.vue b/client/src/pages/portfolio/portfolio.vue
index 545db837..20150cf9 100644
--- a/client/src/pages/portfolio/portfolio.vue
+++ b/client/src/pages/portfolio/portfolio.vue
@@ -2,19 +2,22 @@
   <div class="portfolio__page">
     <template v-if="projects.length > 0">
       <div class="portfolio">
-        <h1 data-cy="page-title">Portfolio</h1>
+        <h1 data-cy="page-title">
+          Portfolio
+        </h1>
 
         <create-project-button
           data-cy="create-project-button"
           class="portfolio__create-button"
-          v-if="!isReadOnly" />
+          v-if="!isReadOnly"
+        />
 
         <project-list
-          :projects="projects" />
+          :projects="projects"
+        />
       </div>
-
     </template>
-    <portfolio-onboarding v-else/>
+    <portfolio-onboarding v-else />
   </div>
 </template>
 
diff --git a/client/src/pages/portfolio/project.vue b/client/src/pages/portfolio/project.vue
index 9855dbf7..0cd28c67 100644
--- a/client/src/pages/portfolio/project.vue
+++ b/client/src/pages/portfolio/project.vue
@@ -1,52 +1,59 @@
 <template>
   <div
     :class="specialContainerClass"
-    class="project">
+    class="project"
+  >
     <div class="project__header">
       <back-link
         class="project__back"
         title="Zurück zur Übersicht"
-        type="portfolio"/>
+        type="portfolio"
+      />
 
       <div class="project__actions">
         <share-link
           :final="project.final"
           data-cy="project-share-link"
           class="project__share"
-          @click.native="updateProjectShareState(project.id, !project.final)"/>
+          @click.native="updateProjectShareState(project.id, !project.final)"
+        />
 
         <project-actions
-          :id="project.id"
           :share-buttons="false"
           class="project__more"
-          v-if="canEdit"/>
-
+          v-if="canEdit"
+          :id="project.id"
+        />
       </div>
 
       <h1
         class="project__title"
-        data-cy="project-title">{{ project.title }}</h1>
+        data-cy="project-title"
+      >
+        {{ project.title }}
+      </h1>
       <p class="project__description">
         {{ project.description }}
       </p>
 
       <div class="project__meta">
-        <owner-widget :owner="project.student"/>
-        <entry-count-widget :entry-count="projectEntryCount"/>
+        <owner-widget :owner="project.student" />
+        <entry-count-widget :entry-count="projectEntryCount" />
       </div>
-
     </div>
     <div class="project__content">
       <add-project-entry
         :project="project.id"
         class="project__add-entry"
         data-cy="add-project-entry"
-        v-if="isOwner && !me.readOnly && !me.selectedClass.readOnly"/>
+        v-if="isOwner && !me.readOnly && !me.selectedClass.readOnly"
+      />
       <project-entry
         v-bind="entry"
-        :key="index"
         :read-only="!canEdit"
-        v-for="(entry, index) in project.entries"/>
+        v-for="(entry, index) in project.entries"
+        :key="index"
+      />
     </div>
   </div>
 </template>
diff --git a/client/src/pages/profile.vue b/client/src/pages/profile.vue
index 0aca4410..10dfff57 100644
--- a/client/src/pages/profile.vue
+++ b/client/src/pages/profile.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="profile">
-    <router-view/>
+    <router-view />
   </div>
 </template>
 
diff --git a/client/src/pages/room.vue b/client/src/pages/room.vue
index e8aa865e..4f2bb710 100644
--- a/client/src/pages/room.vue
+++ b/client/src/pages/room.vue
@@ -3,43 +3,51 @@
     <div class="room__back">
       <back-link
         type="room"
-        title="Zurück zur Übersicht"/>
+        title="Zurück zur Übersicht"
+      />
     </div>
     <div class="room__context-menu">
       <room-actions
-        :id="room.id"
         :restricted="room.restricted"
         class="room__actions"
-        v-if="canEdit"/>
+        v-if="canEdit"
+        :id="room.id"
+      />
     </div>
     <div class="room__header">
       <h1
         class="room__title"
-        data-cy="room-title">{{ room.title }}</h1>
+        data-cy="room-title"
+      >
+        {{ room.title }}
+      </h1>
       <p class="room__intro">
         {{ room.description }}
       </p>
       <div class="room__meta">
         <room-visibility-widget
           :restricted="room.restricted"
-          data-cy="room-visibility-status"/>
-        <room-group-widget v-bind="room.schoolClass"/>
-        <entry-count-widget :entry-count="roomEntryCount"/>
+          data-cy="room-visibility-status"
+        />
+        <room-group-widget v-bind="room.schoolClass" />
+        <entry-count-widget :entry-count="roomEntryCount" />
       </div>
     </div>
     <div class="room__content">
       <add-room-entry-button
         :parent="room"
-        v-if="room.id && !isReadOnly">
+        v-if="room.id && !isReadOnly"
+      >
         <!--
         the v-if is there for the case where the room hasn't loaded yet, but there is already an attempt to create
         a new room entry. mainly happens during cypress testing, but could also happen on a very slow connection
         -->
       </add-room-entry-button>
       <room-entry
+        v-for="entry in room.roomEntries"
         v-bind="entry"
         :key="entry.id"
-        v-for="entry in room.roomEntries"/>
+      />
     </div>
   </div>
 </template>
diff --git a/client/src/pages/rooms.vue b/client/src/pages/rooms.vue
index 7fd66aa5..929398aa 100644
--- a/client/src/pages/rooms.vue
+++ b/client/src/pages/rooms.vue
@@ -3,19 +3,21 @@
     <template v-if="filteredRooms.length > 0">
       <room-widget
         v-bind="room"
-        :key="room.name"
         class="rooms-page__widget"
         data-cy="room-widget"
-        v-for="room in filteredRooms"/>
+        v-for="room in filteredRooms"
+        :key="room.name"
+      />
       <add-room
         class="rooms-page__add-room"
         data-cy="add-room"
-        v-if="canAddRoom"/>
-
+        v-if="canAddRoom"
+      />
     </template>
     <rooms-onboarding
       :is-teacher="me.isTeacher"
-      v-else/>
+      v-else
+    />
   </div>
 </template>
 
diff --git a/client/src/pages/snapshot/snapshot.vue b/client/src/pages/snapshot/snapshot.vue
index 6081a1cc..2695acab 100644
--- a/client/src/pages/snapshot/snapshot.vue
+++ b/client/src/pages/snapshot/snapshot.vue
@@ -8,7 +8,8 @@
 
     <module
       :module="snapshot"
-      class="snapshot__module"/>
+      class="snapshot__module"
+    />
   </div>
 </template>
 
diff --git a/client/src/pages/snapshot/snapshots.vue b/client/src/pages/snapshot/snapshots.vue
index 4a34e9c1..95a5e3b7 100644
--- a/client/src/pages/snapshot/snapshots.vue
+++ b/client/src/pages/snapshot/snapshots.vue
@@ -1,19 +1,22 @@
 <template>
   <div class="snapshots">
     <h1>Snapshots</h1>
-    <p class="snapshots__details">Thema: {{ module.topic.title }} - {{ module.metaTitle }}: {{ module.title }}</p>
+    <p class="snapshots__details">
+      Thema: {{ module.topic.title }} - {{ module.metaTitle }}: {{ module.title }}
+    </p>
     <snapshot-team-menu
       :selected="selectedLink"
       @select="selectedLink=$event"
     />
     <div
       data-cy="snapshot-list"
-      class="snapshots__list">
+      class="snapshots__list"
+    >
       <snapshot-list-item
-        :key="snapshot.id"
         :snapshot="snapshot"
         class="snapshots__snapshot"
         v-for="snapshot in snapshots"
+        :key="snapshot.id"
       />
     </div>
   </div>
diff --git a/client/src/pages/start-old.vue b/client/src/pages/start-old.vue
index f7fc00ad..010cffc2 100644
--- a/client/src/pages/start-old.vue
+++ b/client/src/pages/start-old.vue
@@ -1,9 +1,8 @@
 <template>
   <div class="start-page">
-    <header-bar class="start-page__header"/>
+    <header-bar class="start-page__header" />
 
     <div class="start-page__sections start-sections">
-
       <section-block
         :link-text="moduleText"
         :route="moduleRoute"
@@ -12,7 +11,7 @@
         subtitle="Neues Wissen erwerben"
         data-cy="current-module-link"
       >
-        <contents-illustration/>
+        <contents-illustration />
       </section-block>
       <section-block
         class="start-sections__section"
@@ -22,7 +21,7 @@
         link-text="Alle Räume anzeigen"
         route="/rooms"
       >
-        <rooms-illustration/>
+        <rooms-illustration />
       </section-block>
       <section-block
         class="start-sections__section"
@@ -31,26 +30,33 @@
         link-text="Portfolio anzeigen"
         route="/portfolio"
       >
-        <portfolio-illustration/>
+        <portfolio-illustration />
       </section-block>
     </div>
     <div class="start-page__news news">
-      <h2 class="news__title">News</h2>
+      <h2 class="news__title">
+        News
+      </h2>
       <news-teaser
         date="27. Mai 2020"
         title="Lockdown"
-        url="https://myskillbox-abu-news.webflow.io/lockdown"/>
+        url="https://myskillbox-abu-news.webflow.io/lockdown"
+      />
       <news-teaser
         date="11. März 2020"
         title="Brexit"
-        url="https://myskillbox-abu-news.webflow.io/brexit"/>
+        url="https://myskillbox-abu-news.webflow.io/brexit"
+      />
       <news-teaser
         date="20. Dezember 2019"
         title="Blockchain"
-        url="https://myskillbox-abu-news.webflow.io/blockchain"/>
+        url="https://myskillbox-abu-news.webflow.io/blockchain"
+      />
       <!--<news-teaser date="31. Oktober 2018" title="Sommerzeit - Festivalzeit"-->
       <!--url="https://abunews.webflow.io/"></news-teaser>-->
-      <div class="news__more">Mehr...</div>
+      <div class="news__more">
+        Mehr...
+      </div>
     </div>
   </div>
 </template>
diff --git a/client/src/pages/start.vue b/client/src/pages/start.vue
index ea4655db..0a762744 100644
--- a/client/src/pages/start.vue
+++ b/client/src/pages/start.vue
@@ -3,59 +3,79 @@
     <div class="start-page__content">
       <div
         class="start-page__modules start-sections"
-        data-cy="start-modules-list">
+        data-cy="start-modules-list"
+      >
         <h2
           class="start-page__heading"
-          data-cy="start-page-heading">Letzte Module</h2>
+          data-cy="start-page-heading"
+        >
+          Letzte Module
+        </h2>
         <h3
           class="start-page__no-modules"
           data-cy="no-modules-yet"
-          v-if="!me.recentModules.length">Sie haben sich noch kein Modul angeschaut. Legen Sie jetzt los!</h3>
+          v-if="!me.recentModules.length"
+        >
+          Sie haben sich noch kein Modul angeschaut. Legen Sie jetzt los!
+        </h3>
         <div class="start-page__modules-list">
           <module-teaser
-            :key="index"
             :meta-title="module.metaTitle"
             :title="module.title"
             :hero-image="module.heroImage"
             :slug="module.slug"
             data-cy="start-module-teaser"
-            v-for="(module, index) in me.recentModules"/>
-
+            v-for="(module, index) in me.recentModules"
+            :key="index"
+          />
         </div>
         <router-link
           :to="topicRoute"
           tag="div"
-          class="button">Alle Module anzeigen
+          class="button"
+        >
+          Alle Module anzeigen
         </router-link>
       </div>
       <div
         class="start-page__news news"
         data-cy="news-teasers"
-        v-if="!me.readOnly">
-        <h2 class="start-page__heading">News</h2>
+        v-if="!me.readOnly"
+      >
+        <h2 class="start-page__heading">
+          News
+        </h2>
         <div class="news__list">
           <news-teaser
             :teaser="teaser"
+            v-for="teaser in teasers"
             :key="teaser.id"
-            v-for="teaser in teasers"/>
+          />
         </div>
 
         <router-link
           :to="{name: 'news'}"
-          class="button">Alle News anzeigen
+          class="button"
+        >
+          Alle News anzeigen
         </router-link>
       </div>
 
       <div class="start-page__onboarding">
-        <h2 class="start-page__heading">Kennen Sie schon alle Bereiche von {{ pageTitle }}?</h2>
-        <p class="start-page__paragraph">Schauen Sie sich jetzt die Einführung zu {{ pageTitle }} an.</p>
+        <h2 class="start-page__heading">
+          Kennen Sie schon alle Bereiche von {{ pageTitle }}?
+        </h2>
+        <p class="start-page__paragraph">
+          Schauen Sie sich jetzt die Einführung zu {{ pageTitle }} an.
+        </p>
         <router-link
           :to="{name: 'onboarding-start'}"
-          class="button button--primary">Los geht's
+          class="button button--primary"
+        >
+          Los geht's
         </router-link>
       </div>
     </div>
-
   </div>
 </template>
 <script>
diff --git a/client/src/pages/studentSubmission.vue b/client/src/pages/studentSubmission.vue
index 30dbba61..a80b3ea6 100644
--- a/client/src/pages/studentSubmission.vue
+++ b/client/src/pages/studentSubmission.vue
@@ -6,15 +6,17 @@
     </div>
     <div class="submission-page__content submission-content">
       <h2>Ergebnis von {{ fullName }}</h2>
-      <p v-html="text"/>
+      <p v-html="text" />
       <p
         class="article-content__document"
-        v-if="studentSubmission.document && studentSubmission.document.length > 0">
+        v-if="studentSubmission.document && studentSubmission.document.length > 0"
+      >
         <a
           :href="studentSubmission.document"
           class="entry-document__link link"
-          target="_blank">
-          <student-submission-document :document="studentSubmission.document"/>
+          target="_blank"
+        >
+          <student-submission-document :document="studentSubmission.document" />
         </a>
       </p>
     </div>
@@ -34,8 +36,8 @@
         <emoji-bar
           class="feedback-submission__emojis emojis"
           v-if="!final"
-          @add-emoji="addEmoji" />
-
+          @add-emoji="addEmoji"
+        />
       </submission-form>
     </div>
   </div>
diff --git a/client/src/pages/styleguide.vue b/client/src/pages/styleguide.vue
index 8764645b..01ee435d 100644
--- a/client/src/pages/styleguide.vue
+++ b/client/src/pages/styleguide.vue
@@ -1,16 +1,34 @@
 <template>
   <div class="style-guide">
     <h1>Styleguide</h1>
-    <h1 class="style-guide__main-title">Main Title - 64px Bold - 700</h1>
-    <h2 class="style-guide__heading-1">Title 1 - 44px Semibold - 600</h2>
-    <h3 class="style-guide__heading-2">Title 2 - 34px Semibold- 600</h3>
-    <h4 class="style-guide__heading-3">Title 3 - 22px Semibold - 600</h4>
-    <h5 class="style-guide__heading-4">Title 4 - 18px Semibold - 600</h5>
-    <p class="style-guide__regular-text">Text - 18px Regular - 400</p>
-    <p class="style-guide__small-text">Text Small -  16px Regular - 400</p>
-    <h2 class="style-guide__meta-title">Meta Title - 42px Book</h2>
-    <p class="style-guide__lead-paragraph">Lead paragraph - 26px<br>
-      Vor wenigen Monaten haben Sie Ihren ersten Lohn bekommen – ein befriedigendes Gefühl, für seine Arbeit Geld zu erhalten.</p>
+    <h1 class="style-guide__main-title">
+      Main Title - 64px Bold - 700
+    </h1>
+    <h2 class="style-guide__heading-1">
+      Title 1 - 44px Semibold - 600
+    </h2>
+    <h3 class="style-guide__heading-2">
+      Title 2 - 34px Semibold- 600
+    </h3>
+    <h4 class="style-guide__heading-3">
+      Title 3 - 22px Semibold - 600
+    </h4>
+    <h5 class="style-guide__heading-4">
+      Title 4 - 18px Semibold - 600
+    </h5>
+    <p class="style-guide__regular-text">
+      Text - 18px Regular - 400
+    </p>
+    <p class="style-guide__small-text">
+      Text Small -  16px Regular - 400
+    </p>
+    <h2 class="style-guide__meta-title">
+      Meta Title - 42px Book
+    </h2>
+    <p class="style-guide__lead-paragraph">
+      Lead paragraph - 26px<br>
+      Vor wenigen Monaten haben Sie Ihren ersten Lohn bekommen – ein befriedigendes Gefühl, für seine Arbeit Geld zu erhalten.
+    </p>
   </div>
 </template>
 
diff --git a/client/src/pages/submissions.vue b/client/src/pages/submissions.vue
index cc7e55b7..b3cb8618 100644
--- a/client/src/pages/submissions.vue
+++ b/client/src/pages/submissions.vue
@@ -1,12 +1,14 @@
 <template>
   <div class="submissions-page">
-    <h2 class="submissions-page__heading">Aufgabe</h2>
+    <h2 class="submissions-page__heading">
+      Aufgabe
+    </h2>
     <assignment-with-submissions
       :assignment="assignment"
       v-if="!$apollo.queries.assignment.loading"
-      @back="back"/>
+      @back="back"
+    />
   </div>
-
 </template>
 
 <script>
diff --git a/client/src/pages/survey.vue b/client/src/pages/survey.vue
index 78d189b0..827381f7 100644
--- a/client/src/pages/survey.vue
+++ b/client/src/pages/survey.vue
@@ -1,15 +1,19 @@
 <template>
   <div class="survey-page">
-    <h1 class="survey-page__title">{{ title }}</h1>
-    <survey :survey="survey"/>
+    <h1 class="survey-page__title">
+      {{ title }}
+    </h1>
+    <survey :survey="survey" />
 
     <solution
       :value="solution"
-      v-if="showSolution"/>
+      v-if="showSolution"
+    />
     <div v-if="surveyComplete">
       <a
         class="button button--primary"
-        @click="reopen">Übung bearbeiten</a>
+        @click="reopen"
+      >Übung bearbeiten</a>
     </div>
   </div>
 </template>
diff --git a/client/src/pages/test.vue b/client/src/pages/test.vue
index 06c80e73..f7b85f08 100644
--- a/client/src/pages/test.vue
+++ b/client/src/pages/test.vue
@@ -1,10 +1,11 @@
 <template>
   <div>
-    <button @click="makeQuery">Normal Query</button>
+    <button @click="makeQuery">
+      Normal Query
+    </button>
     <pre>
     {{ module }}
     </pre>
-
   </div>
 </template>