fix:#53 linted formatted frontend files

frontend/public/primevue-sass-theme/theme-base/_colors.scss

@@ -4,8 +4,7 @@
       @for $i from 0 through 5 {
         @if ($i == 0) {
           --#{$name}-50: #{tint($color, (5 - $i) * 19%)};
-                }
-                @else {
+        } @else {
           --#{$name}-#{$i * 100}: #{tint($color, (5 - $i) * 19%)};
         }
       }

frontend/public/primevue-sass-theme/theme-base/_common.scss

@@ -1,5 +1,6 @@
 // core
-.p-component, .p-component * {
+.p-component,
+.p-component * {
   box-sizing: border-box;
 }
 
@@ -17,7 +18,8 @@
   list-style: none;
 }
 
-.p-disabled, .p-disabled * {
+.p-disabled,
+.p-disabled * {
   cursor: default;
   pointer-events: none;
   user-select: none;
@@ -66,7 +68,9 @@
 .p-connected-overlay {
   opacity: 0;
   transform: scaleY(0.8);
-    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);
+  transition:
+    transform 0.12s cubic-bezier(0, 0, 0.2, 1),
+    opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
 }
 
 .p-connected-overlay-visible {
@@ -77,7 +81,7 @@
 .p-connected-overlay-hidden {
   opacity: 0;
   transform: scaleY(1);
-    transition: opacity .1s linear;
+  transition: opacity 0.1s linear;
 }
 
 /* Vue based overlay animations */
@@ -91,11 +95,13 @@
 }
 
 .p-connected-overlay-enter-active {
-    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);
+  transition:
+    transform 0.12s cubic-bezier(0, 0, 0.2, 1),
+    opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
 }
 
 .p-connected-overlay-leave-active {
-    transition: opacity .1s linear;
+  transition: opacity 0.1s linear;
 }
 
 /* Toggleable Content */
@@ -136,7 +142,8 @@
   transition-duration: $transitionDuration;
 }
 
-.p-disabled, .p-component:disabled {
+.p-disabled,
+.p-component:disabled {
   opacity: $disabledOpacity;
 }
 

frontend/public/primevue-sass-theme/theme-base/_mixins.scss

@@ -79,7 +79,8 @@
           color: $menuitemTextActiveColor;
         }
 
-                .p-menuitem-icon, .p-submenu-icon {
+        .p-menuitem-icon,
+        .p-submenu-icon {
           color: $menuitemIconActiveColor;
         }
       }
@@ -103,7 +104,8 @@
             color: $menuitemTextHoverColor;
           }
 
-                    .p-menuitem-icon, .p-submenu-icon {
+          .p-menuitem-icon,
+          .p-submenu-icon {
             color: $menuitemTextHoverColor;
           }
         }
@@ -117,7 +119,8 @@
               color: $menuitemTextHoverColor;
             }
 
-                        .p-menuitem-icon, .p-submenu-icon {
+            .p-menuitem-icon,
+            .p-submenu-icon {
               color: $menuitemIconHoverColor;
             }
           }
@@ -135,7 +138,8 @@
             color: $menuitemTextHoverColor;
           }
 
-                    .p-menuitem-icon, .p-submenu-icon {
+          .p-menuitem-icon,
+          .p-submenu-icon {
             color: $menuitemIconHoverColor;
           }
         }
@@ -181,7 +185,8 @@
             color: $horizontalMenuRootMenuitemTextHoverColor;
           }
 
-                    .p-menuitem-icon, .p-submenu-icon {
+          .p-menuitem-icon,
+          .p-submenu-icon {
             color: $horizontalMenuRootMenuitemIconHoverColor;
           }
         }
@@ -192,16 +197,16 @@
 
 @mixin placeholder {
   ::-webkit-input-placeholder {
-		@content
+    @content;
   }
   :-moz-placeholder {
-		@content
+    @content;
   }
   ::-moz-placeholder {
-		@content
+    @content;
   }
   :-ms-input-placeholder {
-		@content
+    @content;
   }
 }
 
@@ -220,7 +225,6 @@
         .p-menuitem-link {
           padding-left: $val * ($index + 1);
         }
-    
       }
       @if $index < $length {
         @include nested-submenu-indents($val, $index + 2, $length);

frontend/public/primevue-sass-theme/theme-base/components/button/_button.scss

@@ -44,7 +44,8 @@
   margin: 0;
 }
 
-.p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
+.p-button-group .p-button:not(:last-child),
+.p-button-group .p-button:not(:last-child):hover {
   border-right: 0 none;
 }
 
@@ -258,7 +259,9 @@
   }
 }
 
-.p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+.p-button.p-button-secondary,
+.p-button-group.p-button-secondary > .p-button,
+.p-splitbutton.p-button-secondary > .p-button {
   color: $secondaryButtonTextColor;
   background: $secondaryButtonBg;
   border: $secondaryButtonBorder;
@@ -316,7 +319,9 @@
   }
 }
 
-.p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+.p-button.p-button-info,
+.p-button-group.p-button-info > .p-button,
+.p-splitbutton.p-button-info > .p-button {
   color: $infoButtonTextColor;
   background: $infoButtonBg;
   border: $infoButtonBorder;
@@ -374,7 +379,9 @@
   }
 }
 
-.p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+.p-button.p-button-success,
+.p-button-group.p-button-success > .p-button,
+.p-splitbutton.p-button-success > .p-button {
   color: $successButtonTextColor;
   background: $successButtonBg;
   border: $successButtonBorder;
@@ -432,7 +439,9 @@
   }
 }
 
-.p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+.p-button.p-button-warning,
+.p-button-group.p-button-warning > .p-button,
+.p-splitbutton.p-button-warning > .p-button {
   color: $warningButtonTextColor;
   background: $warningButtonBg;
   border: $warningButtonBorder;
@@ -490,7 +499,9 @@
   }
 }
 
-.p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+.p-button.p-button-help,
+.p-button-group.p-button-help > .p-button,
+.p-splitbutton.p-button-help > .p-button {
   color: $helpButtonTextColor;
   background: $helpButtonBg;
   border: $helpButtonBorder;
@@ -548,7 +559,9 @@
   }
 }
 
-.p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+.p-button.p-button-danger,
+.p-button-group.p-button-danger > .p-button,
+.p-splitbutton.p-button-danger > .p-button {
   color: $dangerButtonTextColor;
   background: $dangerButtonBg;
   border: $dangerButtonBorder;
@@ -607,7 +620,9 @@
 }
 
 @if variable-exists(contrastButtonTextColor) {
-    .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+  .p-button.p-button-contrast,
+  .p-button-group.p-button-contrast > .p-button,
+  .p-splitbutton.p-button-contrast > .p-button {
     color: $contrastButtonTextColor;
     background: $contrastButtonBg;
     border: $contrastButtonBorder;

frontend/public/primevue-sass-theme/theme-base/components/button/_speeddial.scss

@@ -1,4 +1,4 @@
-@use 'sass:math';
+@use "sass:math";
 
 // core
 .p-speeddial {
@@ -25,7 +25,9 @@
 .p-speeddial-item {
   transform: scale(0);
   opacity: 0;
-    transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
+  transition:
+    transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+    opacity 0.8s;
   will-change: transform;
 }
 

frontend/public/primevue-sass-theme/theme-base/components/button/_splitbutton.scss

@@ -7,7 +7,8 @@
 .p-splitbutton .p-splitbutton-defaultbutton,
 .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
 .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
+.p-splitbutton.p-button-outlined
+  > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
   flex: 1 1 auto;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;

frontend/public/primevue-sass-theme/theme-base/components/data/_datatable.scss

@@ -84,12 +84,19 @@
   white-space: nowrap;
 }
 
-.p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
+.p-datatable-resizable-table
+  > .p-datatable-thead
+  > tr
+  > th.p-resizable-column:not(.p-frozen-column) {
   background-clip: padding-box;
   position: relative;
 }
 
-.p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
+.p-datatable-resizable-table-fit
+  > .p-datatable-thead
+  > tr
+  > th.p-resizable-column:last-child
+  .p-column-resizer {
   display: none;
 }
 
@@ -399,7 +406,10 @@
   }
 
   &.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table,
-    &.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table {
+  &.p-datatable-scrollable
+    > .p-datatable-wrapper
+    > .p-virtualscroller
+    > .p-datatable-table {
     > .p-datatable-thead,
     > .p-datatable-tfoot {
       background-color: $tableHeaderCellBg;

frontend/public/primevue-sass-theme/theme-base/components/data/_filter.scss

@@ -36,7 +36,6 @@
   &:focus-visible {
     @include focused();
   }
-
 }
 
 .p-column-filter-clear-button {

frontend/public/primevue-sass-theme/theme-base/components/data/_orderlist.scss

@@ -80,7 +80,9 @@
       border: $inputListItemBorder;
       color: $inputListItemTextColor;
       background: $inputListItemBg;
-            transition: transform $transitionDuration, $listItemTransition;
+      transition:
+        transform $transitionDuration,
+        $listItemTransition;
 
       &:first-child {
         margin-top: 0;

frontend/public/primevue-sass-theme/theme-base/components/data/_picklist.scss

@@ -76,7 +76,9 @@
       border: $inputListItemBorder;
       color: $inputListItemTextColor;
       background: $inputListItemBg;
-            transition: transform $transitionDuration, $listItemTransition;
+      transition:
+        transform $transitionDuration,
+        $listItemTransition;
 
       &:first-child {
         margin-top: 0;

frontend/public/primevue-sass-theme/theme-base/components/data/_timeline.scss

@@ -29,19 +29,27 @@
   flex-direction: row-reverse;
 }
 
-.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
+.p-timeline-vertical.p-timeline-alternate
+  .p-timeline-event:nth-child(odd)
+  .p-timeline-event-opposite {
   text-align: right;
 }
 
-.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
+.p-timeline-vertical.p-timeline-alternate
+  .p-timeline-event:nth-child(odd)
+  .p-timeline-event-content {
   text-align: left;
 }
 
-.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
+.p-timeline-vertical.p-timeline-alternate
+  .p-timeline-event:nth-child(even)
+  .p-timeline-event-opposite {
   text-align: left;
 }
 
-.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
+.p-timeline-vertical.p-timeline-alternate
+  .p-timeline-event:nth-child(even)
+  .p-timeline-event-content {
   text-align: right;
 }
 
@@ -146,6 +154,3 @@
     }
   }
 }
-
-
-

frontend/public/primevue-sass-theme/theme-base/components/data/_treetable.scss

@@ -150,7 +150,14 @@
 .p-treetable-scrollable-both .p-treetable-thead > tr > th,
 .p-treetable-scrollable-both .p-treetable-tbody > tr > td,
 .p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
+.p-treetable-scrollable-horizontal
+  .p-treetable-thead
+  > tr
+  > th
+  .p-treetable-scrollable-horizontal
+  .p-treetable-tbody
+  > tr
+  > td,
 .p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
   flex: 0 0 auto;
 }
@@ -299,7 +306,6 @@
           &:hover {
             color: $highlightTextColor;
           }
-                    
         }
       }
     }

frontend/public/primevue-sass-theme/theme-base/components/file/_fileupload.scss

@@ -20,8 +20,8 @@
   flex-wrap: wrap;
 }
 
-.p-fileupload > input[type='file'],
-.p-fileupload-basic input[type='file'] {
+.p-fileupload > input[type="file"],
+.p-fileupload-basic input[type="file"] {
   display: none;
 }
 

frontend/public/primevue-sass-theme/theme-base/components/input/_colorpicker.scss

@@ -1,10 +1,20 @@
 // core
 .p-colorpicker-panel .p-colorpicker-color {
-    background: linear-gradient(to top, #000 0%, rgb(0 0 0 / 0) 100%), linear-gradient(to right, #fff 0%, rgb(255 255 255 / 0) 100%)
+  background: linear-gradient(to top, #000 0%, rgb(0 0 0 / 0) 100%),
+    linear-gradient(to right, #fff 0%, rgb(255 255 255 / 0) 100%);
 }
 
 .p-colorpicker-panel .p-colorpicker-hue {
-    background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red)
+  background: linear-gradient(
+    0deg,
+    red 0,
+    #ff0 17%,
+    #0f0 33%,
+    #0ff 50%,
+    #00f 67%,
+    #f0f 83%,
+    red
+  );
 }
 
 // theme

frontend/public/primevue-sass-theme/theme-base/components/input/_floatlabel.scss

@@ -8,7 +8,7 @@
   position: absolute;
   pointer-events: none;
   top: 50%;
-    margin-top: -.5rem;
+  margin-top: -0.5rem;
   transition-property: all;
   transition-timing-function: ease;
   line-height: 1;
@@ -25,7 +25,7 @@
 .p-float-label:has(textarea.p-filled) label,
 .p-float-label:has(.p-inputwrapper-focus) label,
 .p-float-label:has(.p-inputwrapper-filled) label {
-    top: -.75rem;
+  top: -0.75rem;
   font-size: 12px;
 }
 

frontend/public/primevue-sass-theme/theme-base/components/input/_iconfield.scss

@@ -6,5 +6,5 @@
 .p-icon-field > .p-input-icon {
   position: absolute;
   top: 50%;
-    margin-top: -.5rem;
+  margin-top: -0.5rem;
 }

frontend/public/primevue-sass-theme/theme-base/components/input/_inputnumber.scss

@@ -11,7 +11,9 @@
 }
 
 .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
+.p-inputnumber-buttons-horizontal
+  .p-button.p-inputnumber-button
+  .p-button-label {
   display: none;
 }
 
@@ -39,7 +41,9 @@
   flex-direction: column;
 }
 
-.p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
+.p-inputnumber-buttons-stacked
+  .p-inputnumber-button-group
+  .p-button.p-inputnumber-button {
   flex: 1 1 auto;
 }
 

frontend/public/primevue-sass-theme/theme-base/components/input/_inputswitch.scss

@@ -1,4 +1,4 @@
-@use 'sass:math';
+@use "sass:math";
 
 // core
 .p-inputswitch {
@@ -21,7 +21,7 @@
 
 .p-inputswitch-slider:before {
   position: absolute;
-    content: '';
+  content: "";
   top: 50%;
 }
 

frontend/public/primevue-sass-theme/theme-base/components/input/_multiselect.scss

@@ -175,8 +175,7 @@
   &.p-multiselect {
     &.p-multiselect-chip {
       .p-multiselect-label {
-                padding: math.div(nth($inputPadding, 1), 2)
-                    nth($inputPadding, 2);
+        padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
       }
     }
   }
@@ -275,4 +274,3 @@
     }
   }
 }
-

frontend/public/primevue-sass-theme/theme-base/components/input/_radiobutton.scss

@@ -19,13 +19,13 @@
 .p-radiobutton-icon {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
-    transform: translateZ(0) scale(.1);
+  transform: translateZ(0) scale(0.1);
   border-radius: 50%;
   visibility: hidden;
 }
 
 .p-radiobutton.p-highlight .p-radiobutton-icon {
-    transform: translateZ(0) scale(1.0, 1.0);
+  transform: translateZ(0) scale(1, 1);
   visibility: visible;
 }
 

frontend/public/primevue-sass-theme/theme-base/components/input/_rating.scss

@@ -1,4 +1,4 @@
-@use 'sass:math';
+@use "sass:math";
 
 // core
 .p-rating {

frontend/public/primevue-sass-theme/theme-base/components/input/_slider.scss

@@ -1,4 +1,4 @@
-@use 'sass:math';
+@use "sass:math";
 
 // core
 .p-slider {

frontend/public/primevue-sass-theme/theme-base/components/input/_treeselect.scss

@@ -116,8 +116,7 @@
   &.p-treeselect {
     &.p-treeselect-chip {
       .p-treeselect-label {
-                padding: math.div(nth($inputPadding, 1), 2)
-                    nth($inputPadding, 2);
+        padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
       }
     }
   }

frontend/public/primevue-sass-theme/theme-base/components/menu/_megamenu.scss

@@ -82,12 +82,20 @@
   flex-direction: column;
 }
 
-.p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
+.p-megamenu-vertical:not(.p-megamenu-mobile)
+  .p-megamenu-root-list
+  > .p-menuitem-active
+  > .p-megamenu-panel {
   left: 100%;
   top: 0;
 }
 
-.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+.p-megamenu-vertical
+  .p-megamenu-root-list
+  > .p-menuitem
+  > .p-menuitem-content
+  > .p-menuitem-link
+  > .p-submenu-icon {
   margin-left: auto;
 }
 
@@ -266,7 +274,6 @@
           }
         }
 
-
         &.p-menuitem-active {
           > .p-menuitem-content {
             > .p-menuitem-link {

frontend/public/primevue-sass-theme/theme-base/components/menu/_menubar.scss

@@ -54,7 +54,12 @@
   top: 0;
 }
 
-.p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+.p-menubar
+  .p-submenu-list
+  .p-menuitem
+  .p-menuitem-content
+  .p-menuitem-link
+  .p-submenu-icon {
   margin-left: auto;
 }
 
@@ -187,7 +192,6 @@
           }
         }
 
-
         &.p-menuitem-active {
           > .p-menuitem-content {
             > .p-menuitem-link {

frontend/public/primevue-sass-theme/theme-base/components/menu/_steps.scss

@@ -1,4 +1,4 @@
-@use 'sass:math';
+@use "sass:math";
 
 // core
 .p-steps {
@@ -99,7 +99,7 @@
     }
 
     &:before {
-            content:' ';
+      content: " ";
       border-top: $divider;
       width: 100%;
       top: 50%;

frontend/public/primevue-sass-theme/theme-base/components/messages/_message.scss

@@ -41,7 +41,10 @@
 
 .p-message-leave-active {
   overflow: hidden;
-    transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
+  transition:
+    max-height 0.3s cubic-bezier(0, 1, 0, 1),
+    opacity 0.3s,
+    margin 0.15s;
 }
 
 .p-message-leave-active .p-message-close {

frontend/public/primevue-sass-theme/theme-base/components/messages/_toast.scss

@@ -63,13 +63,23 @@
 }
 
 .p-toast-message-enter-active {
-    -webkit-transition: transform 0.3s, opacity 0.3s;
-    transition: transform 0.3s, opacity 0.3s;
+  -webkit-transition:
+    transform 0.3s,
+    opacity 0.3s;
+  transition:
+    transform 0.3s,
+    opacity 0.3s;
 }
 
 .p-toast-message-leave-active {
-    -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
-    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
+  -webkit-transition:
+    max-height 0.45s cubic-bezier(0, 1, 0, 1),
+    opacity 0.3s,
+    margin-bottom 0.3s;
+  transition:
+    max-height 0.45s cubic-bezier(0, 1, 0, 1),
+    opacity 0.3s,
+    margin-bottom 0.3s;
 }
 
 // theme

frontend/public/primevue-sass-theme/theme-base/components/misc/_badge.scss

@@ -3,7 +3,7 @@
   display: inline-block;
   border-radius: 10px;
   text-align: center;
-    padding: 0 .5rem;
+  padding: 0 0.5rem;
 }
 
 .p-overlay-badge {
@@ -20,9 +20,9 @@
 }
 
 .p-badge.p-badge-dot {
-    width: .5rem;
-    min-width: .5rem;
-    height: .5rem;
+  width: 0.5rem;
+  min-width: 0.5rem;
+  height: 0.5rem;
   border-radius: 50%;
   padding: 0;
 }

frontend/public/primevue-sass-theme/theme-base/components/misc/_chip.scss

@@ -1,4 +1,4 @@
-@use 'sass:math';
+@use "sass:math";
 
 // core
 .p-chip {

frontend/public/primevue-sass-theme/theme-base/components/misc/_inplace.scss

@@ -35,4 +35,3 @@
     }
   }
 }
-

frontend/public/primevue-sass-theme/theme-base/components/misc/_progressbar.scss

@@ -25,27 +25,31 @@
 }
 
 .p-progressbar-indeterminate .p-progressbar-value::before {
-    content: '';
+  content: "";
   position: absolute;
   background-color: inherit;
   top: 0;
   left: 0;
   bottom: 0;
   will-change: left, right;
-    -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-    animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+  -webkit-animation: p-progressbar-indeterminate-anim 2.1s
+    cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+  animation: p-progressbar-indeterminate-anim 2.1s
+    cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
 }
 
 .p-progressbar-indeterminate .p-progressbar-value::after {
-    content: '';
+  content: "";
   position: absolute;
   background-color: inherit;
   top: 0;
   left: 0;
   bottom: 0;
   will-change: left, right;
-    -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-    animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
+  -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s
+    cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
+  animation: p-progressbar-indeterminate-anim-short 2.1s
+    cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
   -webkit-animation-delay: 1.15s;
   animation-delay: 1.15s;
 }

frontend/public/primevue-sass-theme/theme-base/components/misc/_progressspinner.scss

@@ -8,7 +8,7 @@
 }
 
 .p-progress-spinner::before {
-    content: '';
+  content: "";
   display: block;
   padding-top: 100%;
 }
@@ -34,7 +34,9 @@
   stroke-dasharray: 89, 200;
   stroke-dashoffset: 0;
   stroke: $progressSpinnerStrokeColor;
-    animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
+  animation:
+    p-progress-spinner-dash 1.5s ease-in-out infinite,
+    p-progress-spinner-color 6s ease-in-out infinite;
   stroke-linecap: round;
 }
 

frontend/public/primevue-sass-theme/theme-base/components/misc/_skeleton.scss

@@ -4,7 +4,7 @@
 }
 
 .p-skeleton::after {
-    content: '';
+  content: "";
   animation: p-skeleton-animation 1.2s infinite;
   height: 100%;
   left: 0;
@@ -38,6 +38,11 @@
   border-radius: $borderRadius;
 
   &:after {
-        background: linear-gradient(90deg, rgba(255, 255, 255, 0), $skeletonAnimationBg, rgba(255, 255, 255, 0));
+    background: linear-gradient(
+      90deg,
+      rgba(255, 255, 255, 0),
+      $skeletonAnimationBg,
+      rgba(255, 255, 255, 0)
+    );
   }
 }

frontend/public/primevue-sass-theme/theme-base/components/multimedia/_galleria.scss

@@ -52,12 +52,16 @@
   transition: opacity 0.2s ease-in-out;
 }
 
-.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
+.p-galleria-item-nav-onhover
+  .p-galleria-item-wrapper:hover
+  .p-galleria-item-nav {
   pointer-events: all;
   opacity: 1;
 }
 
-.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
+.p-galleria-item-nav-onhover
+  .p-galleria-item-wrapper:hover
+  .p-galleria-item-nav.p-disabled {
   pointer-events: none;
 }
 
@@ -206,14 +210,16 @@
   align-items: flex-start;
 }
 
-.p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
+.p-galleria-indicator-onitem.p-galleria-indicators-right
+  .p-galleria-indicators {
   right: 0;
   top: 0;
   height: 100%;
   align-items: flex-end;
 }
 
-.p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
+.p-galleria-indicator-onitem.p-galleria-indicators-bottom
+  .p-galleria-indicators {
   bottom: 0;
   left: 0;
   width: 100%;

frontend/public/primevue-sass-theme/theme-base/components/overlay/_confirmpopup.scss

@@ -22,7 +22,9 @@
 }
 
 .p-confirm-popup-enter-active {
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
+  transition:
+    transform 0.12s cubic-bezier(0, 0, 0.2, 1),
+    opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
 }
 
 .p-confirm-popup-leave-active {
@@ -33,7 +35,7 @@
 .p-confirm-popup:before {
   bottom: 100%;
   left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
-    content: ' ';
+  content: " ";
   height: 0;
   width: 0;
   position: absolute;
@@ -104,13 +106,15 @@
   &:before {
     border-style: solid;
 
-        @if (nth($overlayContentBorder, 2) == 'none') {
+    @if (nth($overlayContentBorder, 2) == "none") {
       border-color: rgba($overlayContentBg, 0);
       border-bottom-color: scale-color($overlayContentBg, $lightness: -5%);
-        }
-        @else {
+    } @else {
       border-color: rgba(nth($overlayContentBorder, 3), 0);
-            border-bottom-color: scale-color(nth($overlayContentBorder, 3), $lightness: -5%);
+      border-bottom-color: scale-color(
+        nth($overlayContentBorder, 3),
+        $lightness: -5%
+      );
     }
   }
 
@@ -120,10 +124,9 @@
     }
 
     &:before {
-            @if (nth($overlayContentBorder, 2) == 'none') {
+      @if (nth($overlayContentBorder, 2) == "none") {
         border-top-color: $overlayContentBg;
-            }
-            @else {
+      } @else {
         border-top-color: nth($overlayContentBorder, 3);
       }
     }

frontend/public/primevue-sass-theme/theme-base/components/overlay/_overlaypanel.scss

@@ -1,4 +1,4 @@
-@use 'sass:math';
+@use "sass:math";
 
 // core
 .p-overlaypanel {
@@ -29,7 +29,9 @@
 }
 
 .p-overlaypanel-enter-active {
-    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
+  transition:
+    transform 0.12s cubic-bezier(0, 0, 0.2, 1),
+    opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
 }
 
 .p-overlaypanel-leave-active {
@@ -40,7 +42,7 @@
 .p-overlaypanel:before {
   bottom: 100%;
   left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
-    content: ' ';
+  content: " ";
   height: 0;
   width: 0;
   position: absolute;
@@ -109,13 +111,15 @@
   &:before {
     border-style: solid;
 
-        @if (nth($overlayContentBorder, 2) == 'none') {
+    @if (nth($overlayContentBorder, 2) == "none") {
       border-color: rgba($overlayContentBg, 0);
       border-bottom-color: scale-color($overlayContentBg, $lightness: -5%);
-        }
-        @else {
+    } @else {
       border-color: rgba(nth($overlayContentBorder, 3), 0);
-            border-bottom-color: scale-color(nth($overlayContentBorder, 3), $lightness: -5%);
+      border-bottom-color: scale-color(
+        nth($overlayContentBorder, 3),
+        $lightness: -5%
+      );
     }
   }
 
@@ -125,10 +129,9 @@
     }
 
     &:before {
-            @if (nth($overlayContentBorder, 2) == 'none') {
+      @if (nth($overlayContentBorder, 2) == "none") {
         border-top-color: $overlayContentBg;
-            }
-            @else {
+      } @else {
         border-top-color: nth($overlayContentBorder, 3);
       }
     }

frontend/public/primevue-sass-theme/theme-base/components/overlay/_tooltip.scss

@@ -2,18 +2,18 @@
 .p-tooltip {
   position: absolute;
   display: none;
-    padding: .25em .5rem;
+  padding: 0.25em 0.5rem;
   max-width: 12.5rem;
 }
 
 .p-tooltip.p-tooltip-right,
 .p-tooltip.p-tooltip-left {
-    padding: 0 .25rem;
+  padding: 0 0.25rem;
 }
 
 .p-tooltip.p-tooltip-top,
 .p-tooltip.p-tooltip-bottom {
-    padding:.25em 0;
+  padding: 0.25em 0;
 }
 
 .p-tooltip .p-tooltip-text {
@@ -31,27 +31,27 @@
 }
 
 .p-tooltip-right .p-tooltip-arrow {
-    margin-top: -.25rem;
-    border-width: .25em .25em .25em 0;
+  margin-top: -0.25rem;
+  border-width: 0.25em 0.25em 0.25em 0;
 }
 
 .p-tooltip-left .p-tooltip-arrow {
-    margin-top: -.25rem;
-    border-width: .25em 0 .25em .25rem;
+  margin-top: -0.25rem;
+  border-width: 0.25em 0 0.25em 0.25rem;
 }
 
 .p-tooltip.p-tooltip-top {
-    padding: .25em 0;
+  padding: 0.25em 0;
 }
 
 .p-tooltip-top .p-tooltip-arrow {
-    margin-left: -.25rem;
-    border-width: .25em .25em 0;
+  margin-left: -0.25rem;
+  border-width: 0.25em 0.25em 0;
 }
 
 .p-tooltip-bottom .p-tooltip-arrow {
-    margin-left: -.25rem;
-    border-width: 0 .25em .25rem;
+  margin-left: -0.25rem;
+  border-width: 0 0.25em 0.25rem;
 }
 
 // theme

frontend/public/primevue-sass-theme/theme-base/components/panel/_divider.scss

@@ -12,7 +12,7 @@
   top: 50%;
   left: 0;
   width: 100%;
-    content: '';
+  content: "";
 }
 
 .p-divider-content {
@@ -33,7 +33,7 @@
   top: 0;
   left: 50%;
   height: 100%;
-    content: '';
+  content: "";
 }
 
 .p-divider {

frontend/public/primevue-sass-theme/theme-base/components/panel/_stepper.scss

@@ -1,4 +1,4 @@
-@use 'sass:math';
+@use "sass:math";
 
 //core
 .p-stepper .p-stepper-nav {

frontend/public/primevue-sass-theme/themes/lara/lara-dark/_extensions.scss

@@ -1,5 +1,8 @@
 @mixin focused-ring($ring-color) {
-    box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px $ring-color, 0 1px 2px 0 rgba(0, 0, 0, 0.0);
+  box-shadow:
+    0 0 0 2px #1c2127,
+    0 0 0 4px $ring-color,
+    0 1px 2px 0 rgba(0, 0, 0, 0);
 }
 
 @layer primevue {
@@ -9,13 +12,19 @@
 
   .p-selectbutton > .p-button,
   .p-togglebutton.p-button {
-        transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
+    transition:
+      background-color $transitionDuration,
+      border-color $transitionDuration,
+      box-shadow $transitionDuration;
   }
 
   .p-accordion {
     .p-accordion-header {
       .p-accordion-header-link {
-                transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
+        transition:
+          background-color $transitionDuration,
+          border-color $transitionDuration,
+          box-shadow $transitionDuration;
       }
     }
   }
@@ -24,7 +33,10 @@
     .p-tabview-nav {
       li {
         .p-tabview-nav-link {
-                    transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
+          transition:
+            background-color $transitionDuration,
+            border-color $transitionDuration,
+            box-shadow $transitionDuration;
         }
       }
     }
@@ -34,7 +46,10 @@
     .p-tabmenu-nav {
       .p-tabmenuitem {
         .p-menuitem-link {
-                    transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
+          transition:
+            background-color $transitionDuration,
+            border-color $transitionDuration,
+            box-shadow $transitionDuration;
         }
       }
     }
@@ -54,31 +69,31 @@
 
   .p-button {
     &:focus {
-            @include focused-ring(rgba($buttonBg, .7));
+      @include focused-ring(rgba($buttonBg, 0.7));
     }
 
     &.p-button-secondary:enabled:focus {
-            @include focused-ring(rgba($secondaryButtonBg, .7));
+      @include focused-ring(rgba($secondaryButtonBg, 0.7));
     }
 
     &.p-button-success:enabled:focus {
-            @include focused-ring(rgba($successButtonBg, .7));
+      @include focused-ring(rgba($successButtonBg, 0.7));
     }
 
     &.p-button-info:enabled:focus {
-            @include focused-ring(rgba($infoButtonBg, .7));
+      @include focused-ring(rgba($infoButtonBg, 0.7));
     }
 
     &.p-button-warning:enabled:focus {
-            @include focused-ring(rgba($warningButtonBg, .7));
+      @include focused-ring(rgba($warningButtonBg, 0.7));
     }
 
     &.p-button-help:enabled:focus {
-            @include focused-ring(rgba($helpButtonBg, .7));
+      @include focused-ring(rgba($helpButtonBg, 0.7));
     }
 
     &.p-button-danger:enabled:focus {
-            @include focused-ring(rgba($dangerButtonBg, .7));
+      @include focused-ring(rgba($dangerButtonBg, 0.7));
     }
   }
 
@@ -98,7 +113,7 @@
 
   .p-speeddial-item {
     &.p-focus > .p-speeddial-action {
-            @include focused-ring(rgba($buttonBg, .7));
+      @include focused-ring(rgba($buttonBg, 0.7));
     }
   }
 
@@ -109,7 +124,7 @@
   .p-message {
     .p-message-close {
       &:hover {
-                background: rgba(255,255,255,.1);
+        background: rgba(255, 255, 255, 0.1);
       }
     }
   }
@@ -118,7 +133,7 @@
     .p-toast-message {
       .p-toast-icon-close {
         &:hover {
-                    background: rgba(255,255,255,.1);
+          background: rgba(255, 255, 255, 0.1);
         }
       }
     }
@@ -130,7 +145,12 @@
 
   .p-picklist-buttons .p-button,
   .p-orderlist-controls .p-button {
-        transition: opacity $transitionDuration, background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
+    transition:
+      opacity $transitionDuration,
+      background-color $transitionDuration,
+      color $transitionDuration,
+      border-color $transitionDuration,
+      box-shadow $transitionDuration;
   }
 
   .p-steps {

frontend/public/primevue-sass-theme/themes/lara/lara-dark/_variables.scss

@@ -41,7 +41,10 @@ $colors: (
 $shade000: rgba(255, 255, 255, 0.87) !default; //text color
 $shade100: rgba(255, 255, 255, 0.6) !default; //text secondary color
 $shade500: #6b7280 !default;
-$shade600: map-get($colors, "htwk-grau-140") !default; //input bg, border, divider
+$shade600: map-get(
+  $colors,
+  "htwk-grau-140"
+) !default; //input bg, border, divider
 $shade700: map-get($colors, "htwk-grau") !default; //menu bg
 $shade800: map-get($colors, "htwk-grau") !default; //elevated surface
 $shade900: rgba(map-get($colors, "htwk-schwarz"), 1) !default; //ground surface
@@ -49,15 +52,32 @@ $shade900: rgba(map-get($colors, "htwk-schwarz"), 1) !default; //ground surface
 $hoverBg: rgba(255, 255, 255, 0.03) !default;
 
 //global
-$fontFamily: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !default;
+$fontFamily:
+  "Source Sans Pro",
+  -apple-system,
+  BlinkMacSystemFont,
+  Segoe UI,
+  Roboto,
+  Arial,
+  sans-serif,
+  Apple Color Emoji,
+  Segoe UI Emoji,
+  Segoe UI Symbol !default;
 $fontSize: 1rem !default;
 $fontWeight: normal !default;
 $textColor: $shade000 !default;
 $textSecondaryColor: $shade100 !default;
 $borderRadius: 6px !default;
 $transitionDuration: 0.2s !default;
-$formElementTransition: background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration !default;
-$actionIconTransition: background-color $transitionDuration, color $transitionDuration, box-shadow $transitionDuration !default;
+$formElementTransition:
+  background-color $transitionDuration,
+  color $transitionDuration,
+  border-color $transitionDuration,
+  box-shadow $transitionDuration !default;
+$actionIconTransition:
+  background-color $transitionDuration,
+  color $transitionDuration,
+  box-shadow $transitionDuration !default;
 $listItemTransition: box-shadow $transitionDuration !default;
 $primeIconFontSize: 1rem !default;
 $divider: 1px solid $shade600 !default;
@@ -135,8 +155,10 @@ $inputListHeaderBorder: 1px solid $shade600 !default;
 $inputOverlayBg: $inputListBg !default;
 $inputOverlayHeaderBg: $inputListHeaderBg !default;
 $inputOverlayBorder: 1px solid $shade600 !default;
-$inputOverlayShadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2),
-0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12) !default;
+$inputOverlayShadow:
+  0 2px 4px -1px rgba(0, 0, 0, 0.2),
+  0 4px 5px 0 rgba(0, 0, 0, 0.14),
+  0 1px 10px 0 rgba(0, 0, 0, 0.12) !default;
 
 //password
 $passwordMeterBg: $shade600 !default;
@@ -157,8 +179,10 @@ $buttonHoverBorderColor: $primaryLightColor !default;
 $buttonActiveBg: $primaryLighterColor !default;
 $buttonTextActiveColor: $primaryTextColor !default;
 $buttonActiveBorderColor: $primaryLighterColor !default;
-$raisedButtonShadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
-0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !default;
+$raisedButtonShadow:
+  0px 3px 1px -2px rgba(0, 0, 0, 0.2),
+  0px 2px 2px 0px rgba(0, 0, 0, 0.14),
+  0px 1px 5px 0px rgba(0, 0, 0, 0.12) !default;
 $roundedButtonBorderRadius: 2rem !default;
 
 $textButtonHoverBgOpacity: 0.04 !default;
@@ -189,7 +213,8 @@ $infoButtonHoverBorderColor: map-get($colors, "htwk-cyan") !default;
 $infoButtonActiveBg: map-get($colors, "htwk-cyan") !default;
 $infoButtonTextActiveColor: $infoButtonTextColor !default;
 $infoButtonActiveBorderColor: map-get($colors, "htwk-cyan") !default;
-$infoButtonFocusShadow: 0 0 0 1px scale-color($infoButtonHoverBg, $lightness: 30%) !default;
+$infoButtonFocusShadow: 0 0 0 1px
+  scale-color($infoButtonHoverBg, $lightness: 30%) !default;
 
 $successButtonBg: map-get($colors, "htwk-gruen") !default;
 $successButtonTextColor: #052e16 !default;
@@ -208,10 +233,16 @@ $warningButtonTextColor: #493c08 !default;
 $warningButtonBorder: 1px solid map-get($colors, "htwk-yellow") !default;
 $warningButtonHoverBg: scale-color($warningButtonBg, $lightness: 30%) !default;
 $warningButtonTextHoverColor: $warningButtonTextColor !default;
-$warningButtonHoverBorderColor: scale-color($warningButtonBg, $lightness: 10%) !default;
+$warningButtonHoverBorderColor: scale-color(
+  $warningButtonBg,
+  $lightness: 10%
+) !default;
 $warningButtonActiveBg: scale-color($warningButtonBg, $lightness: 30%) !default;
 $warningButtonTextActiveColor: $warningButtonTextColor !default;
-$warningButtonActiveBorderColor: scale-color($warningButtonBg, $lightness: 30%) !default;
+$warningButtonActiveBorderColor: scale-color(
+  $warningButtonBg,
+  $lightness: 30%
+) !default;
 $warningButtonFocusShadow: 0 0 0 1px
   scale-color($warningButtonBg, $lightness: 30%) !default;
 
@@ -478,7 +509,9 @@ $cardSubTitleFontWeight: 100 !default;
 $cardSubTitleColor: $shade100 !default;
 $cardContentPadding: 1.25rem 0 !default;
 $cardFooterPadding: 1.25rem 0 0 0 !default;
-$cardShadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
+$cardShadow:
+  0 2px 1px -1px rgba(0, 0, 0, 0.2),
+  0 1px 1px 0 rgba(0, 0, 0, 0.14),
   0 1px 3px 0 rgba(0, 0, 0, 0.12) !default;
 
 //editor
@@ -644,8 +677,10 @@ $contrastMessageIconColor: $contrastButtonTextColor !default;
 //overlays
 $overlayContentBorder: 1px solid $shade600 !default;
 $overlayContentBg: $panelContentBg !default;
-$overlayContainerShadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
-0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !default;
+$overlayContainerShadow:
+  0px 11px 15px -7px rgba(0, 0, 0, 0.2),
+  0px 24px 38px 3px rgba(0, 0, 0, 0.14),
+  0px 9px 46px 8px rgba(0, 0, 0, 0.12) !default;
 
 //dialog
 $dialogHeaderBg: $shade800 !default;
@@ -719,8 +754,10 @@ $submenuHeaderBorderRadius: 0 !default;
 $submenuHeaderFontWeight: 0 !default;
 $overlayMenuBg: $menuBg !default;
 $overlayMenuBorder: 1px solid $shade600 !default;
-$overlayMenuShadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2),
-0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12) !default;
+$overlayMenuShadow:
+  0 2px 4px -1px rgba(0, 0, 0, 0.2),
+  0 4px 5px 0 rgba(0, 0, 0, 0.14),
+  0 1px 10px 0 rgba(0, 0, 0, 0.12) !default;
 $verticalMenuPadding: 0.25rem 0 !default;
 $menuSeparatorMargin: 0.25rem 0 !default;
 
@@ -887,10 +924,23 @@ $imagePreviewActionIconFontSize: 1.5rem !default;
 $imagePreviewActionIconBorderRadius: 50% !default;
 
 :root {
-  font-family: "Twemoji Country Flags", "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+  font-family:
+    "Twemoji Country Flags",
+    "Source Sans Pro",
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Arial,
+    sans-serif,
+    Apple Color Emoji,
+    Segoe UI Emoji,
+    Segoe UI Symbol;
   font-feature-settings: "cv02", "cv03", "cv04", "cv11";
   font-variation-settings: normal;
-  --font-family: "Twemoji Country Flags", "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+  --font-family: "Twemoji Country Flags", "Source Sans Pro", -apple-system,
+    BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif, Apple Color Emoji,
+    Segoe UI Emoji, Segoe UI Symbol;
   --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
   --surface-a: #{$shade800};
   --surface-b: #{$shade900};

frontend/public/primevue-sass-theme/themes/lara/lara-dark/yellow/theme.scss

@@ -8,13 +8,18 @@ $highlightBg: rgba($primaryColor, 0.16) !default;
 $highlightTextColor: rgba(255, 255, 255, 0.87) !default;
 $highlightFocusBg: rgba($primaryColor, 0.24) !default;
 
-@import '../_variables';
-@import './_fonts';
-@import '../../../../theme-base/_components';
-@import '../_extensions';
+@import "../_variables";
+@import "./_fonts";
+@import "../../../../theme-base/_components";
+@import "../_extensions";
 
 :root {
-  h1, h2, h3, h4, h5, h6 {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
     font-weight: 100;
   }
 
@@ -138,9 +143,15 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default;
     color: rgba(255, 255, 255, 0.87);
   }
 
-  .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
-  .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active,
-  .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+  .fc.fc-unthemed
+    .fc-toolbar
+    .fc-button.fc-dayGridMonth-button.fc-button-active,
+  .fc.fc-unthemed
+    .fc-toolbar
+    .fc-button.fc-timeGridWeek-button.fc-button-active,
+  .fc.fc-unthemed
+    .fc-toolbar
+    .fc-button.fc-timeGridDay-button.fc-button-active {
     background: map-get($colors, "htwk-yellow"); /*#93c5fd*/
     border-color: map-get($colors, "htwk-yellow"); /*#93c5fd*/
     color: map-get($colors, "htwk-schwarz"); /*#1c2127*/
@@ -448,6 +459,9 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default;
 
   .fc.fc-theme-standard .fc-highlight {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(map-get($colors, "htwk-yellow"), 0.16); /*rgba(147, 197, 253, 0.16)*/
+    background: rgba(
+      map-get($colors, "htwk-yellow"),
+      0.16
+    ); /*rgba(147, 197, 253, 0.16)*/
   }
 }

frontend/public/primevue-sass-theme/themes/lara/lara-light/_extensions.scss

@@ -1,5 +1,8 @@
 @mixin focused-ring($ring-color) {
-    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px $ring-color, 0 1px 2px 0 rgba(0, 0, 0, 1.0);
+  box-shadow:
+    0 0 0 2px #ffffff,
+    0 0 0 4px $ring-color,
+    0 1px 2px 0 rgba(0, 0, 0, 1);
 }
 
 @layer primevue {
@@ -9,13 +12,19 @@
 
   .p-selectbutton > .p-button,
   .p-togglebutton.p-button {
-        transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
+    transition:
+      background-color $transitionDuration,
+      border-color $transitionDuration,
+      box-shadow $transitionDuration;
   }
 
   .p-accordion {
     .p-accordion-header {
       .p-accordion-header-link {
-                transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
+        transition:
+          background-color $transitionDuration,
+          border-color $transitionDuration,
+          box-shadow $transitionDuration;
       }
     }
   }
@@ -24,7 +33,10 @@
     .p-tabview-nav {
       li {
         .p-tabview-nav-link {
-                    transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
+          transition:
+            background-color $transitionDuration,
+            border-color $transitionDuration,
+            box-shadow $transitionDuration;
         }
       }
     }
@@ -34,7 +46,10 @@
     .p-tabmenu-nav {
       .p-tabmenuitem {
         .p-menuitem-link {
-                    transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
+          transition:
+            background-color $transitionDuration,
+            border-color $transitionDuration,
+            box-shadow $transitionDuration;
         }
       }
     }
@@ -112,7 +127,12 @@
 
   .p-picklist-buttons .p-button,
   .p-orderlist-controls .p-button {
-        transition: opacity $transitionDuration, background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
+    transition:
+      opacity $transitionDuration,
+      background-color $transitionDuration,
+      color $transitionDuration,
+      border-color $transitionDuration,
+      box-shadow $transitionDuration;
   }
 
   .p-steps {

frontend/public/primevue-sass-theme/themes/lara/lara-light/_variables.scss

@@ -51,20 +51,37 @@ $shade800:#374151 !default;    //unused
 $shade900: #1f2937 !default; //unused
 
 //global
-$fontFamily:"Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !default;
+$fontFamily:
+  "Source Sans Pro",
+  -apple-system,
+  BlinkMacSystemFont,
+  Segoe UI,
+  Roboto,
+  Arial,
+  sans-serif,
+  Apple Color Emoji,
+  Segoe UI Emoji,
+  Segoe UI Symbol !default;
 $fontSize: 1rem !default;
 $fontWeight: normal !default;
 $textColor: $shade700 !default;
 $textSecondaryColor: $shade600 !default;
 $borderRadius: 6px !default;
-$transitionDuration:.2s !default;
-$formElementTransition:background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration !default;
-$actionIconTransition:background-color $transitionDuration, color $transitionDuration, box-shadow $transitionDuration !default;
+$transitionDuration: 0.2s !default;
+$formElementTransition:
+  background-color $transitionDuration,
+  color $transitionDuration,
+  border-color $transitionDuration,
+  box-shadow $transitionDuration !default;
+$actionIconTransition:
+  background-color $transitionDuration,
+  color $transitionDuration,
+  box-shadow $transitionDuration !default;
 $listItemTransition: box-shadow $transitionDuration !default;
 $primeIconFontSize: 1rem !default;
 $divider: 1px solid $shade300 !default;
-$inlineSpacing:.5rem !default;
-$disabledOpacity:.6 !default;
+$inlineSpacing: 0.5rem !default;
+$disabledOpacity: 0.6 !default;
 $maskBg: rgba(0, 0, 0, 0.4) !default;
 $loadingIconFontSize: 2rem !default;
 $errorColor: map-get($colors, "htwk-rot") !default;
@@ -92,7 +109,7 @@ $actionIconHoverColor:$shade800 !default;
 $actionIconBorderRadius: 50% !default;
 
 //input field (e.g. inputtext, spinner, inputmask)
-$inputPadding:.75rem .75rem !default;
+$inputPadding: 0.75rem 0.75rem !default;
 $inputTextFontSize: 1rem !default;
 
 $inputBg: $shade000 !default;
@@ -116,8 +133,8 @@ $inputGroupAddOnMinWidth: 3rem !default;
 $inputListBg: $shade000 !default;
 $inputListTextColor: $shade700 !default;
 $inputListBorder: $inputBorder !default;
-$inputListPadding:.75rem 0 !default;
-$inputListItemPadding:.75rem 1.25rem !default;
+$inputListPadding: 0.75rem 0 !default;
+$inputListItemPadding: 0.75rem 1.25rem !default;
 $inputListItemBg: transparent !default;
 $inputListItemTextColor: $shade700 !default;
 $inputListItemHoverBg: $shade200 !default;
@@ -128,7 +145,7 @@ $inputListItemBorder:0 none !default;
 $inputListItemBorderRadius: 0 !default;
 $inputListItemMargin: 0 !default;
 $inputListItemFocusShadow: inset 0 0 0 0.15rem $focusOutlineColor !default;
-$inputListHeaderPadding:.75rem 1.25rem !default;
+$inputListHeaderPadding: 0.75rem 1.25rem !default;
 $inputListHeaderMargin: 0 !default;
 $inputListHeaderBg: $shade100 !default;
 $inputListHeaderTextColor: $shade800 !default;
@@ -138,7 +155,7 @@ $inputListHeaderBorder:1px solid $shade300 !default;
 $inputOverlayBg: $inputListBg !default;
 $inputOverlayHeaderBg: $inputListHeaderBg !default;
 $inputOverlayBorder: 0 none !default;
-$inputOverlayShadow:0 2px 12px 0 rgba(0,0,0,.1) !default;
+$inputOverlayShadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;
 
 //password
 $passwordMeterBg: $shade300 !default;
@@ -147,9 +164,9 @@ $passwordMediumBg:#ff9f42 !default;
 $passwordStrongBg: #29c76f !default;
 
 //button
-$buttonPadding:.75rem 1.25rem !default;
+$buttonPadding: 0.75rem 1.25rem !default;
 $buttonIconOnlyWidth: 3rem !default;
-$buttonIconOnlyPadding:.75rem 0 !default;
+$buttonIconOnlyPadding: 0.75rem 0 !default;
 $buttonBg: $primaryColor !default;
 $buttonTextColor: $primaryTextColor !default;
 $buttonBorder: 1px solid $primaryColor !default;
@@ -159,26 +176,29 @@ $buttonHoverBorderColor:$primaryDarkColor !default;
 $buttonActiveBg: $primaryDarkerColor !default;
 $buttonTextActiveColor: $primaryTextColor !default;
 $buttonActiveBorderColor: $primaryDarkerColor !default;
-$raisedButtonShadow:0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !default;
+$raisedButtonShadow:
+  0 3px 1px -2px rgba(0, 0, 0, 0.2),
+  0 2px 2px 0 rgba(0, 0, 0, 0.14),
+  0 1px 5px 0 rgba(0, 0, 0, 0.12) !default;
 $roundedButtonBorderRadius: 2rem !default;
 
-$textButtonHoverBgOpacity:.04 !default;
-$textButtonActiveBgOpacity:.16 !default;
+$textButtonHoverBgOpacity: 0.04 !default;
+$textButtonActiveBgOpacity: 0.16 !default;
 $outlinedButtonBorder: 1px solid !default;
 $plainButtonTextColor: $textSecondaryColor !default;
 $plainButtonHoverBgColor: $shade200 !default;
 $plainButtonActiveBgColor: $shade300 !default;
 
-$secondaryButtonBg:#64748B !default;
+$secondaryButtonBg: #64748b !default;
 $secondaryButtonTextColor: #ffffff !default;
-$secondaryButtonBorder:1px solid #64748B !default;
+$secondaryButtonBorder: 1px solid #64748b !default;
 $secondaryButtonHoverBg: #475569 !default;
 $secondaryButtonTextHoverColor: $secondaryButtonTextColor !default;
 $secondaryButtonHoverBorderColor: #475569 !default;
 $secondaryButtonActiveBg: #334155 !default;
 $secondaryButtonTextActiveColor: $secondaryButtonTextColor !default;
 $secondaryButtonActiveBorderColor: #334155 !default;
-$secondaryButtonFocusShadow:0 0 0 0.2rem #E2E8F0 !default;
+$secondaryButtonFocusShadow: 0 0 0 0.2rem #e2e8f0 !default;
 
 $infoButtonBg: map-get($colors, "htwk-blau") !default;
 $infoButtonTextColor: #ffffff !default;
@@ -186,10 +206,10 @@ $infoButtonBorder:1px solid map-get($colors, "htwk-blau") !default;
 $infoButtonHoverBg: #0257c7 !default;
 $infoButtonTextHoverColor: $infoButtonTextColor !default;
 $infoButtonHoverBorderColor: map-get($colors, "htwk-blau") !default;
-$infoButtonActiveBg:rgba(map-get($colors, "htwk-blau"), .8) !default;
+$infoButtonActiveBg: rgba(map-get($colors, "htwk-blau"), 0.8) !default;
 $infoButtonTextActiveColor: $infoButtonTextColor !default;
-$infoButtonActiveBorderColor:rgba(map-get($colors, "htwk-blau"), .9) !default;
-$infoButtonFocusShadow:0 0 0 0.2rem rgba(map-get($colors, "htwk-blau"), .7) !default;
+$infoButtonActiveBorderColor: rgba(map-get($colors, "htwk-blau"), 0.9) !default;
+$infoButtonFocusShadow: 0 0 0 0.2rem rgba(map-get($colors, "htwk-blau"), 0.7) !default;
 
 $successButtonBg: map-get($colors, "htwk-gruen") !default;
 $successButtonTextColor: #ffffff !default;
@@ -197,9 +217,12 @@ $successButtonBorder:1px solid map-get($colors, "htwk-gruen") !default;
 $successButtonHoverBg: map-get($colors, "htwk-gruen") !default;
 $successButtonTextHoverColor: $successButtonTextColor !default;
 $successButtonHoverBorderColor: map-get($colors, "htwk-gruen") !default;
-$successButtonActiveBg:#15803D !default;
+$successButtonActiveBg: #15803d !default;
 $successButtonTextActiveColor: $successButtonTextColor !default;
-$successButtonActiveBorderColor:rgba(map-get($colors, "htwk-gruen"), .9) !default;
+$successButtonActiveBorderColor: rgba(
+  map-get($colors, "htwk-gruen"),
+  0.9
+) !default;
 $successButtonFocusShadow: 0 0 0 0.2rem map-get($colors, "htwk-gruen") !default;
 
 $warningButtonBg: #f97316 !default;
@@ -211,29 +234,29 @@ $warningButtonHoverBorderColor:#ea580c !default;
 $warningButtonActiveBg: #c2410c !default;
 $warningButtonTextActiveColor: $warningButtonTextColor !default;
 $warningButtonActiveBorderColor: #c2410c !default;
-$warningButtonFocusShadow:0 0 0 0.2rem #FDE68A !default;
+$warningButtonFocusShadow: 0 0 0 0.2rem #fde68a !default;
 
-$helpButtonBg:#A855F7 !default;
+$helpButtonBg: #a855f7 !default;
 $helpButtonTextColor: #ffffff !default;
-$helpButtonBorder:1px solid #A855F7 !default;
-$helpButtonHoverBg:#9333EA !default;
+$helpButtonBorder: 1px solid #a855f7 !default;
+$helpButtonHoverBg: #9333ea !default;
 $helpButtonTextHoverColor: $helpButtonTextColor !default;
-$helpButtonHoverBorderColor:#9333EA !default;
-$helpButtonActiveBg:#7E22CE !default;
+$helpButtonHoverBorderColor: #9333ea !default;
+$helpButtonActiveBg: #7e22ce !default;
 $helpButtonTextActiveColor: $helpButtonTextColor !default;
-$helpButtonActiveBorderColor:#7E22CE !default;
-$helpButtonFocusShadow:0 0 0 0.2rem #E9D5FF !default;
+$helpButtonActiveBorderColor: #7e22ce !default;
+$helpButtonFocusShadow: 0 0 0 0.2rem #e9d5ff !default;
 
-$dangerButtonBg:#EF4444 !default;
+$dangerButtonBg: #ef4444 !default;
 $dangerButtonTextColor: #ffffff !default;
 $dangerButtonBorder: 1px solid $dangerButtonBg !default;
-$dangerButtonHoverBg:#DC2626 !default;
+$dangerButtonHoverBg: #dc2626 !default;
 $dangerButtonTextHoverColor: $dangerButtonTextColor !default;
-$dangerButtonHoverBorderColor:#DC2626 !default;
-$dangerButtonActiveBg:#B91C1C !default;
+$dangerButtonHoverBorderColor: #dc2626 !default;
+$dangerButtonActiveBg: #b91c1c !default;
 $dangerButtonTextActiveColor: $dangerButtonTextColor !default;
-$dangerButtonActiveBorderColor:#B91C1C !default;
-$dangerButtonFocusShadow:0 0 0 0.2rem #FECACA !default;
+$dangerButtonActiveBorderColor: #b91c1c !default;
+$dangerButtonFocusShadow: 0 0 0 0.2rem #fecaca !default;
 
 $contrastButtonBg: $shade900 !default;
 $contrastButtonTextColor: #ffffff !default;
@@ -316,7 +339,7 @@ $ratingStarIconHoverColor:$primaryColor !default;
 //slider
 $sliderBg: $shade300 !default;
 $sliderBorder: 0 none !default;
-$sliderHorizontalHeight:.286rem !default;
+$sliderHorizontalHeight: 0.286rem !default;
 $sliderVerticalWidth: 0.286rem !default;
 $sliderHandleWidth: 1.143rem !default;
 $sliderHandleHeight: 1.143rem !default;
@@ -328,24 +351,24 @@ $sliderHandleHoverBg:$primaryColor !default;
 $sliderRangeBg: $primaryColor !default;
 
 //calendar
-$calendarTableMargin:.5rem 0 !default;
-$calendarPadding:.5rem !default;
+$calendarTableMargin: 0.5rem 0 !default;
+$calendarPadding: 0.5rem !default;
 $calendarBg: $shade000 !default;
 $calendarInlineBg: $calendarBg !default;
 $calendarTextColor: $shade700 !default;
 $calendarBorder: $inputListBorder !default;
 $calendarOverlayBorder: $inputOverlayBorder !default;
 
-$calendarHeaderPadding:.5rem !default;
+$calendarHeaderPadding: 0.5rem !default;
 $calendarHeaderBg: $shade000 !default;
 $calendarInlineHeaderBg: $calendarBg !default;
 $calendarHeaderBorder: 1px solid $shade300 !default;
 $calendarHeaderTextColor: $shade700 !default;
 $calendarHeaderFontWeight: 100 !default;
-$calendarHeaderCellPadding:.5rem !default;
+$calendarHeaderCellPadding: 0.5rem !default;
 $calendarMonthYearHeaderHoverTextColor: $primaryColor !default;
 
-$calendarCellDatePadding:.5rem !default;
+$calendarCellDatePadding: 0.5rem !default;
 $calendarCellDateWidth: 2.5rem !default;
 $calendarCellDateHeight: 2.5rem !default;
 $calendarCellDateBorderRadius: 50% !default;
@@ -356,8 +379,8 @@ $calendarCellDateTodayBorderColor:transparent !default;
 $calendarCellDateTodayTextColor: $shade700 !default;
 
 $calendarButtonBarPadding: 1rem 0 !default;
-$calendarTimePickerPadding:.5rem !default;
-$calendarTimePickerElementPadding:0 .5rem !default;
+$calendarTimePickerPadding: 0.5rem !default;
+$calendarTimePickerElementPadding: 0 0.5rem !default;
 $calendarTimePickerTimeFontSize: 1.25rem !default;
 
 $calendarBreakpoint: 769px !default;
@@ -367,10 +390,10 @@ $calendarCellDatePaddingSM:0 !default;
 $inputSwitchWidth: 3rem !default;
 $inputSwitchHeight: 1.75rem !default;
 $inputSwitchBorderRadius: 30px !default;
-$inputSwitchHandleWidth:1.250rem !default;
-$inputSwitchHandleHeight:1.250rem !default;
+$inputSwitchHandleWidth: 1.25rem !default;
+$inputSwitchHandleHeight: 1.25rem !default;
 $inputSwitchHandleBorderRadius: 50% !default;
-$inputSwitchSliderPadding:.25rem !default;
+$inputSwitchSliderPadding: 0.25rem !default;
 $inputSwitchSliderOffBg: $shade400 !default;
 $inputSwitchHandleOffBg: $shade000 !default;
 $inputSwitchSliderOffHoverBg: #b7bcc5 !default;
@@ -385,7 +408,7 @@ $panelHeaderBg:$shade100 !default;
 $panelHeaderTextColor: $shade800 !default;
 $panelHeaderFontWeight: 100 !default;
 $panelHeaderPadding: 1.25rem !default;
-$panelToggleableHeaderPadding:.75rem 1.25rem !default;
+$panelToggleableHeaderPadding: 0.75rem 1.25rem !default;
 
 $panelHeaderHoverBg: $shade200 !default;
 $panelHeaderHoverBorderColor: $shade300 !default;
@@ -457,7 +480,7 @@ $tabviewContentTextColor:$panelContentTextColor !default;
 $tabviewContentPadding: $panelContentPadding !default;
 
 //upload
-$fileUploadProgressBarHeight:.25rem !default;
+$fileUploadProgressBarHeight: 0.25rem !default;
 $fileUploadContentPadding: 2rem 1rem !default;
 $fileUploadContentHoverBorder: 1px dashed $primaryColor !default;
 $fileUploadFileBorder: 1px solid $shade300 !default;
@@ -475,7 +498,10 @@ $cardSubTitleFontWeight:100 !default;
 $cardSubTitleColor: $shade600 !default;
 $cardContentPadding: 1.25rem 0 !default;
 $cardFooterPadding: 1.25rem 0 0 0 !default;
-$cardShadow:0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12) !default;
+$cardShadow:
+  0 2px 1px -1px rgba(0, 0, 0, 0.2),
+  0 1px 1px 0 rgba(0, 0, 0, 0.14),
+  0 1px 3px 0 rgba(0, 0, 0, 0.12) !default;
 
 //editor
 $editorToolbarBg: $panelHeaderBg !default;
@@ -492,7 +518,7 @@ $paginatorBg:$shade000 !default;
 $paginatorTextColor: $shade600 !default;
 $paginatorBorder: solid $shade200 !default;
 $paginatorBorderWidth: 0 !default;
-$paginatorPadding:.5rem 1rem !default;
+$paginatorPadding: 0.5rem 1rem !default;
 $paginatorElementWidth: $buttonIconOnlyWidth !default;
 $paginatorElementHeight: $buttonIconOnlyWidth !default;
 $paginatorElementBg: transparent !default;
@@ -502,7 +528,7 @@ $paginatorElementHoverBg:$shade200 !default;
 $paginatorElementHoverBorderColor: transparent !default;
 $paginatorElementIconHoverColor: $shade800 !default;
 $paginatorElementBorderRadius: 50% !default;
-$paginatorElementMargin:.143rem !default;
+$paginatorElementMargin: 0.143rem !default;
 $paginatorElementPadding: 0 !default;
 
 //table
@@ -567,7 +593,7 @@ $dataViewContentBorder:0 none !default;
 //tree
 $treeContainerPadding: 0.286rem !default;
 $treeNodePadding: 0.143rem !default;
-$treeNodeContentPadding:.5rem !default;
+$treeNodeContentPadding: 0.5rem !default;
 $treeNodeChildrenPadding: 0 0 0 1rem !default;
 $treeNodeIconColor: $shade600 !default;
 
@@ -606,25 +632,25 @@ $toastMessageTextMargin:0 0 0 1rem !default;
 $toastMargin: 0 0 1rem 0 !default;
 $toastPadding: 1rem !default;
 $toastBorderWidth: 0 0 0 6px !default;
-$toastShadow:0 2px 12px 0 rgba(0,0,0,.1) !default;
+$toastShadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;
 $toastOpacity: 1 !default;
 $toastTitleFontWeight: 0 !default;
 $toastDetailMargin: $inlineSpacing 0 0 0 !default;
 
 //severities
-$infoMessageBg:rgba(219, 234, 254, .7) !default;
+$infoMessageBg: rgba(219, 234, 254, 0.7) !default;
 $infoMessageBorder: solid #3b82f6 !default;
 $infoMessageTextColor: #3b82f6 !default;
 $infoMessageIconColor: #3b82f6 !default;
-$successMessageBg:rgba(228, 248, 240, .7) !default;
+$successMessageBg: rgba(228, 248, 240, 0.7) !default;
 $successMessageBorder: solid #1ea97c !default;
 $successMessageTextColor: #1ea97c !default;
 $successMessageIconColor: #1ea97c !default;
-$warningMessageBg:rgba(255, 242, 226, .7) !default;
+$warningMessageBg: rgba(255, 242, 226, 0.7) !default;
 $warningMessageBorder: solid #cc8925 !default;
 $warningMessageTextColor: #cc8925 !default;
 $warningMessageIconColor: #cc8925 !default;
-$errorMessageBg:rgba(255, 231, 230, .7) !default;
+$errorMessageBg: rgba(255, 231, 230, 0.7) !default;
 $errorMessageBorder: solid #ff5757 !default;
 $errorMessageTextColor: #ff5757 !default;
 $errorMessageIconColor: #ff5757 !default;
@@ -640,7 +666,7 @@ $contrastMessageIconColor: $contrastButtonTextColor !default;
 //overlays
 $overlayContentBorder: 0 none !default;
 $overlayContentBg: $panelContentBg !default;
-$overlayContainerShadow:0 1px 3px rgba(0,0,0,.3) !default;
+$overlayContainerShadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default;
 
 //dialog
 $dialogHeaderBg: $shade000 !default;
@@ -691,7 +717,7 @@ $menuWidth:12.5rem !default;
 $menuBg: $shade000 !default;
 $menuBorder: 1px solid $shade300 !default;
 $menuTextColor: $shade700 !default;
-$menuitemPadding:.75rem 1.25rem !default;
+$menuitemPadding: 0.75rem 1.25rem !default;
 $menuitemBorderRadius: 0 !default;
 $menuitemTextColor: $shade700 !default;
 $menuitemIconColor: $shade600 !default;
@@ -705,18 +731,18 @@ $menuitemTextActiveColor:$highlightTextColor !default;
 $menuitemIconActiveColor: $highlightTextColor !default;
 $menuitemActiveBg: $highlightBg !default;
 $menuitemActiveFocusBg: $highlightFocusBg !default;
-$menuitemSubmenuIconFontSize:.875rem !default;
+$menuitemSubmenuIconFontSize: 0.875rem !default;
 $submenuHeaderMargin: 0 !default;
-$submenuHeaderPadding:.75rem 1.25rem !default;
+$submenuHeaderPadding: 0.75rem 1.25rem !default;
 $submenuHeaderBg: $shade000 !default;
 $submenuHeaderTextColor: $shade800 !default;
 $submenuHeaderBorderRadius: 0 !default;
 $submenuHeaderFontWeight: 700 !default;
 $overlayMenuBg: $menuBg !default;
 $overlayMenuBorder: 0 none !default;
-$overlayMenuShadow:0 2px 12px 0 rgba(0,0,0,.1) !default;
-$verticalMenuPadding:.5rem 0 !default;
-$menuSeparatorMargin:.25rem 0 !default;
+$overlayMenuShadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;
+$verticalMenuPadding: 0.5rem 0 !default;
+$menuSeparatorMargin: 0.25rem 0 !default;
 
 $breadcrumbPadding: 1rem !default;
 $breadcrumbBg: $menuBg !default;
@@ -727,7 +753,7 @@ $breadcrumbLastItemTextColor:$menuitemTextColor !default;
 $breadcrumbLastItemIconColor: $menuitemIconColor !default;
 $breadcrumbSeparatorColor: $menuitemTextColor !default;
 
-$horizontalMenuPadding:.5rem !default;
+$horizontalMenuPadding: 0.5rem !default;
 $horizontalMenuBg: $shade100 !default;
 $horizontalMenuBorder: $menuBorder !default;
 $horizontalMenuTextColor: $menuTextColor !default;
@@ -748,9 +774,9 @@ $badgeTextColor:$primaryTextColor !default;
 $badgeMinWidth: 1.5rem !default;
 $badgeHeight: 1.5rem !default;
 $badgeFontWeight: 700 !default;
-$badgeFontSize:.75rem !default;
+$badgeFontSize: 0.75rem !default;
 
-$tagPadding:.25rem .4rem !default;
+$tagPadding: 0.25rem 0.4rem !default;
 
 //carousel
 $carouselIndicatorsPadding: 1rem !default;
@@ -758,11 +784,11 @@ $carouselIndicatorBg:$shade400 !default;
 $carouselIndicatorHoverBg: $shade500 !default;
 $carouselIndicatorBorderRadius: 0 !default;
 $carouselIndicatorWidth: 2rem !default;
-$carouselIndicatorHeight:.5rem !default;
+$carouselIndicatorHeight: 0.5rem !default;
 
 //galleria
 $galleriaMaskBg: rgba(0, 0, 0, 0.9) !default;
-$galleriaCloseIconMargin:.5rem !default;
+$galleriaCloseIconMargin: 0.5rem !default;
 $galleriaCloseIconFontSize: 2rem !default;
 $galleriaCloseIconBg: transparent !default;
 $galleriaCloseIconColor: $shade100 !default;
@@ -774,7 +800,7 @@ $galleriaCloseIconBorderRadius:50% !default;
 
 $galleriaItemNavigatorBg: transparent !default;
 $galleriaItemNavigatorColor: $shade100 !default;
-$galleriaItemNavigatorMargin:0 .5rem !default;
+$galleriaItemNavigatorMargin: 0 0.5rem !default;
 $galleriaItemNavigatorFontSize: 2rem !default;
 $galleriaItemNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default;
 $galleriaItemNavigatorHoverColor: $shade100 !default;
@@ -782,7 +808,7 @@ $galleriaItemNavigatorWidth:4rem !default;
 $galleriaItemNavigatorHeight: 4rem !default;
 $galleriaItemNavigatorBorderRadius: $borderRadius !default;
 
-$galleriaCaptionBg:rgba(0,0,0,.5) !default;
+$galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default;
 $galleriaCaptionTextColor: $shade100 !default;
 $galleriaCaptionPadding: 1rem !default;
 
@@ -792,12 +818,12 @@ $galleriaIndicatorHoverBg:$shade500 !default;
 $galleriaIndicatorBorderRadius: 50% !default;
 $galleriaIndicatorWidth: 1rem !default;
 $galleriaIndicatorHeight: 1rem !default;
-$galleriaIndicatorsBgOnItem:rgba(0,0,0,.5) !default;
-$galleriaIndicatorBgOnItem:rgba(255,255,255,.4) !default;
-$galleriaIndicatorHoverBgOnItem:rgba(255,255,255,.6) !default;
+$galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default;
+$galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4) !default;
+$galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default;
 
-$galleriaThumbnailContainerBg:rgba(0,0,0,.9) !default;
-$galleriaThumbnailContainerPadding:1rem .25rem !default;
+$galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default;
+$galleriaThumbnailContainerPadding: 1rem 0.25rem !default;
 $galleriaThumbnailNavigatorBg: transparent !default;
 $galleriaThumbnailNavigatorColor: $shade100 !default;
 $galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default;
@@ -856,15 +882,15 @@ $speedDialActionTextHoverColor: #fff !default;
 //dock
 $dockActionWidth: 4rem !default;
 $dockActionHeight: 4rem !default;
-$dockItemPadding: .5rem !default;
+$dockItemPadding: 0.5rem !default;
 $dockItemBorderRadius: $borderRadius !default;
 $dockCurrentItemMargin: 1.5rem !default;
 $dockFirstItemsMargin: 1.3rem !default;
 $dockSecondItemsMargin: 0.9rem !default;
-$dockBg: rgba(255,255,255,.1) !default;
+$dockBg: rgba(255, 255, 255, 0.1) !default;
 $dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default;
-$dockPadding: .5rem .5rem !default;
-$dockBorderRadius: .5rem !default;
+$dockPadding: 0.5rem 0.5rem !default;
+$dockBorderRadius: 0.5rem !default;
 
 //image
 $imageMaskBg: rgba(0, 0, 0, 0.9) !default;
@@ -881,10 +907,23 @@ $imagePreviewActionIconFontSize:1.5rem !default;
 $imagePreviewActionIconBorderRadius: 50% !default;
 
 :root {
-    font-family: "Twemoji Country Flags", "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+  font-family:
+    "Twemoji Country Flags",
+    "Source Sans Pro",
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Arial,
+    sans-serif,
+    Apple Color Emoji,
+    Segoe UI Emoji,
+    Segoe UI Symbol;
   font-feature-settings: "cv02", "cv03", "cv04", "cv11";
   font-variation-settings: normal;
-    --font-family:"Twemoji Country Flags", "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+  --font-family: "Twemoji Country Flags", "Source Sans Pro", -apple-system,
+    BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif, Apple Color Emoji,
+    Segoe UI Emoji, Segoe UI Symbol;
   --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
   --surface-a: #{$shade000};
   --surface-b: #{$shade100};

frontend/public/primevue-sass-theme/themes/lara/lara-light/blue/theme.scss

@@ -4,17 +4,22 @@ $primaryDarkColor: #002d67 !default;
 $primaryDarkerColor: #022541 !default;
 $primaryTextColor: #ffffff !default;
 
-$highlightBg: #EFF6FF !default;
+$highlightBg: #eff6ff !default;
 $highlightTextColor: $primaryDarkerColor !default;
-$highlightFocusBg: rgba($primaryColor, .24) !default;
+$highlightFocusBg: rgba($primaryColor, 0.24) !default;
 
-@import '../_variables';
-@import './_fonts';
-@import '../../../../theme-base/_components';
-@import '../_extensions';
+@import "../_variables";
+@import "./_fonts";
+@import "../../../../theme-base/_components";
+@import "../_extensions";
 
 :root {
-  h1, h2, h3, h4, h5, h6 {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
     font-weight: 100;
   }
 
@@ -139,9 +144,15 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
     color: rgba(255, 255, 255, 0.87);
   }
 
-  .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
-  .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active,
-  .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+  .fc.fc-unthemed
+    .fc-toolbar
+    .fc-button.fc-dayGridMonth-button.fc-button-active,
+  .fc.fc-unthemed
+    .fc-toolbar
+    .fc-button.fc-timeGridWeek-button.fc-button-active,
+  .fc.fc-unthemed
+    .fc-toolbar
+    .fc-button.fc-timeGridDay-button.fc-button-active {
     background: map-get($colors, "primary"); /*#93c5fd*/
     border-color: map-get($colors, "primary"); /*#93c5fd*/
     color: $primaryTextColor; /*#1c2127*/
@@ -449,6 +460,9 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
 
   .fc.fc-theme-standard .fc-highlight {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(map-get($colors, "primary"), 0.16); /*rgba(147, 197, 253, 0.16)*/
+    background: rgba(
+      map-get($colors, "primary"),
+      0.16
+    ); /*rgba(147, 197, 253, 0.16)*/
   }
 }

frontend/public/primevue-sass-theme/themes/lara/lara-light/green/theme.scss

@@ -1,22 +1,35 @@
-@use 'sass:color';
+@use "sass:color";
 
 $primaryColor: #00944c !default;
-$primaryLightColor: color.scale($primaryColor, $lightness: 10%, $saturation: -10%) !default;
+$primaryLightColor: color.scale(
+  $primaryColor,
+  $lightness: 10%,
+  $saturation: -10%
+) !default;
 $primaryDarkColor: color.scale($primaryColor, $lightness: -40%) !default;
 $primaryDarkerColor: color.scale($primaryColor, $lightness: -80%) !default;
 $primaryTextColor: #ffffff !default;
 
-$highlightBg: color.scale($primaryColor, $lightness: 90%, $saturation: -80%) !default;
+$highlightBg: color.scale(
+  $primaryColor,
+  $lightness: 90%,
+  $saturation: -80%
+) !default;
 $highlightTextColor: $primaryDarkerColor !default;
-$highlightFocusBg: rgba($primaryColor, .24) !default;
+$highlightFocusBg: rgba($primaryColor, 0.24) !default;
 
-@import '../_variables';
-@import './_fonts';
-@import '../../../../theme-base/_components';
-@import '../_extensions';
+@import "../_variables";
+@import "./_fonts";
+@import "../../../../theme-base/_components";
+@import "../_extensions";
 
 :root {
-  h1, h2, h3, h4, h5, h6 {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
     font-weight: 100;
   }
 
@@ -141,9 +154,15 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
     color: rgba(255, 255, 255, 0.87);
   }
 
-  .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
-  .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active,
-  .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+  .fc.fc-unthemed
+    .fc-toolbar
+    .fc-button.fc-dayGridMonth-button.fc-button-active,
+  .fc.fc-unthemed
+    .fc-toolbar
+    .fc-button.fc-timeGridWeek-button.fc-button-active,
+  .fc.fc-unthemed
+    .fc-toolbar
+    .fc-button.fc-timeGridDay-button.fc-button-active {
     background: map-get($colors, "primary"); /*#93c5fd*/
     border-color: map-get($colors, "primary"); /*#93c5fd*/
     color: $primaryTextColor; /*#1c2127*/
@@ -451,6 +470,9 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
 
   .fc.fc-theme-standard .fc-highlight {
     color: rgba(255, 255, 255, 0.87);
-    background: rgba(map-get($colors, "primary"), 0.16); /*rgba(147, 197, 253, 0.16)*/
+    background: rgba(
+      map-get($colors, "primary"),
+      0.16
+    ); /*rgba(147, 197, 253, 0.16)*/
   }
 }

frontend/src/App.vue

@@ -43,39 +43,40 @@ const disabledPages = [
 const router = useRouter();
 const route = useRoute();
 
-const domain = "cal.htwk-leipzig.de"
-provide('domain', domain);
+const domain = "cal.htwk-leipzig.de";
+provide("domain", domain);
 const baseUri = "https://" + domain;
-const canonical = computed(() => `${baseUri}${router.resolve(route.name ? { name: route.name } : route).path}`);
-const title = computed(() => route.meta.label? 
-  `HTWKalender - ${t(String(route.meta.label))}`:
-  "HTWKalender"
+const canonical = computed(
+  () =>
+    `${baseUri}${router.resolve(route.name ? { name: route.name } : route).path}`,
 );
-const description = computed(() => route.meta.description? 
-  t(String(route.meta.description)):
-  t("description")
+const title = computed(() =>
+  route.meta.label
+    ? `HTWKalender - ${t(String(route.meta.label))}`
+    : "HTWKalender",
+);
+const description = computed(() =>
+  route.meta.description ? t(String(route.meta.description)) : t("description"),
 );
 
 useHead({
   title: title,
-  link: [
-    { rel: "canonical", href: canonical},
-  ],
+  link: [{ rel: "canonical", href: canonical }],
   meta: [
     { name: "description", content: description },
     { property: "og:description", content: description },
-  ]
+  ],
 });
 
 // SEO optimization
 useServerHead({
-  title: title
+  title: title,
 });
-useServerSeoMeta(
-  {
+useServerSeoMeta({
   title: title,
   description: description,
-    keywords: "HTWK Leipzig, Stundenplan, iCal, freie Räume, Lerngruppen, Sport, Prüfungen",
+  keywords:
+    "HTWK Leipzig, Stundenplan, iCal, freie Räume, Lerngruppen, Sport, Prüfungen",
   // openGraph
   ogTitle: title,
   ogDescription: description,
@@ -86,8 +87,7 @@ useServerSeoMeta(
   // twitter
   twitterCard: "summary_large_image",
   twitterSite: "@HTWKLeipzig",
-  }
-);
+});
 
 const store = moduleStore();
 const mobilePage = ref(true);
@@ -104,15 +104,14 @@ const updateMobile = () => {
 
 updateMobile();
 
-if (!import.meta.env.SSR)
-  window.addEventListener("resize", updateMobile);
+if (!import.meta.env.SSR) window.addEventListener("resize", updateMobile);
 </script>
 
 <template>
   <MenuBar />
-  <RouterView v-slot="{ Component, route }" class="mb-8">
+  <RouterView v-slot="{ Component, route: currentRoute }" class="mb-8">
     <transition name="scale" mode="out-in">
-      <div :key="route.name ?? ''" class="origin-near-top">
+      <div :key="currentRoute.name ?? ''" class="origin-near-top">
         <component :is="Component" />
       </div>
     </transition>

frontend/src/api/fetchEvents.ts

@@ -27,9 +27,7 @@ export async function fetchEventTypes(): Promise<string[]> {
     })
     .then((responseModules: string[]) => {
       responseModules.forEach((eventType: string) => {
-        eventTypes.push(
-          eventType,
-        );
+        eventTypes.push(eventType);
       });
     });
   return eventTypes;

frontend/src/components/AdditionalModuleTable.vue

@@ -42,7 +42,6 @@ if (store.isEmpty()) {
 
 const eventTypes: Ref<string[]> = ref([]);
 
-
 const mobilePage = inject("mobilePage") as Ref<boolean>;
 const filters = ref({
   course: {

frontend/src/components/DarkModeSwitcher.vue

@@ -63,7 +63,7 @@ onMounted(() => {
     class="p-button-rounded w-full md:w-auto"
     style="margin-right: 1rem"
     :severity="isDark ? 'warning' : 'success'"
-    @click="toggleTheme();"
+    @click="toggleTheme()"
   >
     <i v-if="isDark" class="pi pi-sun"></i>
     <i v-else class="pi pi-moon"></i>

frontend/src/components/MenuBar.vue

@@ -101,8 +101,8 @@ function handleDarkModeToggled(isDarkVar: boolean) {
               : 'flex align-items-center'
           "
           v-bind="props.action"
-          @click="navigate"
           :href="item.route"
+          @click="navigate"
         >
           <span :class="item.icon" />
           <span class="ml-2 p-menuitem-label">{{ item.label }}</span>
@@ -136,7 +136,9 @@ function handleDarkModeToggled(isDarkVar: boolean) {
     </template>
     <template #end>
       <div class="flex align-items-stretch justify-content-center">
-        <DarkModeSwitcher @dark-mode-toggled="handleDarkModeToggled"></DarkModeSwitcher>
+        <DarkModeSwitcher
+          @dark-mode-toggled="handleDarkModeToggled"
+        ></DarkModeSwitcher>
         <LocaleSwitcher></LocaleSwitcher>
       </div>
     </template>

frontend/src/components/RoomOccupation.vue

@@ -175,9 +175,7 @@ const calendarOptions: ComputedRef<CalendarOptions> = computed(() => ({
           color: event.showFree
             ? "var(--htwk-gruen-500)"
             : "var(--htwk-grau-60-500)",
-          textColor: event.showFree
-            ? "var(--green-50)"
-            : "white",
+          textColor: event.showFree ? "var(--green-50)" : "white",
           title: event.showFree
             ? t("roomFinderPage.available")
             : t("roomFinderPage.occupied"),

frontend/src/main.ts

@@ -142,6 +142,6 @@ export const createApp = ViteSSG(
     app.component("Skeleton", Skeleton);
     app.component("Calendar", Calendar);
   },
-)
+);
 
-export {router}
+export { router };

frontend/src/router/index.ts

@@ -14,7 +14,11 @@
 //You should have received a copy of the GNU Affero General Public License
 //along with this program.  If not, see <https://www.gnu.org/licenses/>.
 
-import { createMemoryHistory, RouterOptions, createWebHistory } from "vue-router";
+import {
+  createMemoryHistory,
+  RouterOptions,
+  createWebHistory,
+} from "vue-router";
 
 const CourseSelection = () => import("../view/CourseSelection.vue");
 const AdditionalModules = () => import("../view/create/AdditionalModules.vue");
@@ -29,7 +33,9 @@ const EditModules = () => import("../view/edit/EditModules.vue");
 const FaqView = () => import("../view/FaqView.vue");
 
 const routes: RouterOptions = {
-  history: import.meta.env.SSR ? createMemoryHistory(import.meta.env.BASE_URL) : createWebHistory(import.meta.env.BASE_URL),
+  history: import.meta.env.SSR
+    ? createMemoryHistory(import.meta.env.BASE_URL)
+    : createWebHistory(import.meta.env.BASE_URL),
   routes: [
     {
       path: "/",
@@ -64,7 +70,7 @@ const routes : RouterOptions = {
       meta: {
         label: "faq",
         description: "faqView.description",
-      }
+      },
     },
     {
       path: "/additional-modules",
@@ -72,7 +78,7 @@ const routes : RouterOptions = {
       component: AdditionalModules,
       meta: {
         label: "createCalendar",
-      }
+      },
     },
     {
       path: "/edit-additional-modules",
@@ -80,8 +86,8 @@ const routes : RouterOptions = {
       component: EditAdditionalModules,
       meta: {
         label: "editCalendar",
-        description: "editCalendarView.description"
-      }
+        description: "editCalendarView.description",
+      },
     },
     {
       path: "/edit-calendar",
@@ -89,16 +95,16 @@ const routes : RouterOptions = {
       component: EditModules,
       meta: {
         label: "editCalendar",
-        description: "editCalendarView.description"
-      }
+        description: "editCalendarView.description",
+      },
     },
     {
       path: "/calendar-link",
       name: "calendar-link",
       component: CalendarLink,
       meta: {
-        label: "createCalendar"
-      }
+        label: "createCalendar",
+      },
     },
     {
       path: "/edit",
@@ -106,8 +112,8 @@ const routes : RouterOptions = {
       component: EditCalendarView,
       meta: {
         label: "editCalendar",
-        description: "editCalendarView.description"
-      }
+        description: "editCalendarView.description",
+      },
     },
     {
       path: "/privacy-policy",
@@ -115,8 +121,9 @@ const routes : RouterOptions = {
       component: {},
       meta: {
         label: "privacy",
-        redirect: "https://www.htwk-leipzig.de/hochschule/kontakt/datenschutzerklaerung/",
-      }
+        redirect:
+          "https://www.htwk-leipzig.de/hochschule/kontakt/datenschutzerklaerung/",
+      },
     },
     {
       path: "/imprint",
@@ -125,15 +132,15 @@ const routes : RouterOptions = {
       meta: {
         label: "imprint",
         redirect: "https://www.htwk-leipzig.de/hochschule/kontakt/impressum/",
-      }
+      },
     },
     {
       path: "/rename-modules",
       name: "rename-modules",
       component: RenameModules,
       meta: {
-        label: "createCalendar"
-      }
+        label: "createCalendar",
+      },
     },
   ],
 };

frontend/src/view/CalendarLink.vue

@@ -26,7 +26,9 @@ import { useI18n } from "vue-i18n";
 const { t } = useI18n({ useScope: "global" });
 
 const toast = useToast();
-const domain = import.meta.env.SSR ? inject<string>("domain")! : window.location.hostname;
+const domain = import.meta.env.SSR
+  ? inject<string>("domain")!
+  : window.location.hostname;
 
 const getLink = () =>
   "https://" + domain + "/api/feed?token=" + tokenStore().token;
@@ -36,7 +38,7 @@ const show = () => {
     severity: "info",
     summary: t("calendarLink.copyToastSummary"),
     detail: t("calendarLink.copyToastNotification"),
-    life: 3000
+    life: 3000,
   });
 };
 
@@ -57,7 +59,7 @@ function copyToClipboard() {
       severity: "error",
       summary: t("calendarLink.copyToastError"),
       detail: t("calendarLink.copyToastErrorDetail"),
-      life: 3000
+      life: 3000,
     });
   });
 }
@@ -65,14 +67,14 @@ function copyToClipboard() {
 const forwardToGoogle = () => {
   window.open(
     "https://calendar.google.com/calendar/u/0/r?cid=" +
-    encodeURI(getLink().replace("https://", "http://"))
+      encodeURI(getLink().replace("https://", "http://")),
   );
 };
 
 const forwardToMicrosoft = () => {
   window.open(
     "https://outlook.live.com/owa?path=/calendar/action/compose&rru=addsubscription&name=HTWK%20Kalender&url=" +
-    encodeURI(getLink())
+      encodeURI(getLink()),
   );
 };
 
@@ -80,18 +82,18 @@ const actions = computed(() => [
   {
     label: t("calendarLink.copyToClipboard"),
     icon: "pi pi-copy",
-    command: copyToClipboard
+    command: copyToClipboard,
   },
   {
     label: t("calendarLink.toGoogleCalendar"),
     icon: "pi pi-google",
-    command: forwardToGoogle
+    command: forwardToGoogle,
   },
   {
     label: t("calendarLink.toMicrosoftCalendar"),
     icon: "pi pi-microsoft",
-    command: forwardToMicrosoft
-  }
+    command: forwardToMicrosoft,
+  },
 ]);
 </script>
 

frontend/src/view/FaqView.vue

@@ -16,8 +16,7 @@ You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <https://www.gnu.org/licenses/>.
 -->
 
-<script lang="ts" setup>
-</script>
+<script lang="ts" setup></script>
 
 <template>
   <div class="flex align-items-center justify-content-center flex-column">
@@ -244,16 +243,25 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.
         <div class="col">
           {{ $t("faqView.crossPromo.teaser") }}
           <div class="flex flex-column gap-3 my-3">
-            <Card v-for="promoPage in new Array('mensa', 'htwkarte')" :key="promoPage">
+            <Card
+              v-for="promoPage in new Array('mensa', 'htwkarte')"
+              :key="promoPage"
+            >
               <template #title>
                 <div class="flex flex-row align-items-start">
-                    <Avatar :image="'/promo/' + promoPage + '.png'" class="mr-2 flex-shrink-0" size="xlarge" />
+                  <Avatar
+                    :image="'/promo/' + promoPage + '.png'"
+                    class="mr-2 flex-shrink-0"
+                    size="xlarge"
+                  />
                   <div class="flex flex-column gap-1">
                     <div>
                       {{ $t("faqView.crossPromo." + promoPage + ".title") }}
                     </div>
                     <div class="p-card-subtitle text-base">
-                        <a :href="$t('faqView.crossPromo.' + promoPage + '.link')">
+                      <a
+                        :href="$t('faqView.crossPromo.' + promoPage + '.link')"
+                      >
                         {{ $t("faqView.crossPromo." + promoPage + ".link") }}
                       </a>
                     </div>

frontend/src/view/create/AdditionalModules.vue

@@ -24,7 +24,7 @@ import AdditionalModuleTable from "@/components/AdditionalModuleTable.vue";
 const store = moduleStore();
 
 function topFunction() {
-  window.scrollTo({top: 0, behavior: 'smooth'});
+  window.scrollTo({ top: 0, behavior: "smooth" });
 }
 
 async function nextStep() {

frontend/src/view/rooms/FreeRooms.vue

@@ -129,8 +129,12 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.
             />
           </template>
           <template #body="slotProps">
-            <div class="flex flex-column sm:flex-row justify-content-between flex-1 column-gap-4 mx-2 md:mx-4">
-              <p class="flex-1 align-self-stretch sm:align-self-center my-2">{{ slotProps.data.room }}</p>
+            <div
+              class="flex flex-column sm:flex-row justify-content-between flex-1 column-gap-4 mx-2 md:mx-4"
+            >
+              <p class="flex-1 align-self-stretch sm:align-self-center my-2">
+                {{ slotProps.data.room }}
+              </p>
               <Button
                 :label="$t('freeRooms.viewOccupancy')"
                 icon="pi pi-hourglass"

frontend/vite.config.ts

@@ -21,26 +21,29 @@ import resolve from "@rollup/plugin-node-resolve";
 import { resolve as pathResolver } from "path";
 import terser from "@rollup/plugin-terser";
 import ViteSSGOptions from "vite-ssg";
-import generateSitemap from 'vite-ssg-sitemap'
-import vueDevTools from 'vite-plugin-vue-devtools'
+import generateSitemap from "vite-ssg-sitemap";
+import vueDevTools from "vite-plugin-vue-devtools";
 
 const hostname = "https://cal.htwk-leipzig.de";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [
-    vue(),
-    resolve(),
-    terser(),
-    vueDevTools(),
-  ],
+  plugins: [vue(), resolve(), terser(), vueDevTools()],
   resolve: {
-    alias: 
-      {
+    alias: {
       "@": fileURLToPath(new URL("./src", import.meta.url)),
-        'primevue' : pathResolver(__dirname, 'node_modules/primevue'),
+      primevue: pathResolver(__dirname, "node_modules/primevue"),
     },
-    extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.css', '.scss'],
+    extensions: [
+      ".mjs",
+      ".js",
+      ".ts",
+      ".jsx",
+      ".tsx",
+      ".json",
+      ".css",
+      ".scss",
+    ],
   },
   ssgOptions: {
     script: "async",
@@ -50,12 +53,12 @@ export default defineConfig({
       generateSitemap({
         hostname: hostname,
         exclude: [
-          '/additional-modules',
-          '/edit-additional-modules',
-          '/edit-calendar',
-          '/rename-modules',
-        ]
-      })
+          "/additional-modules",
+          "/edit-additional-modules",
+          "/edit-calendar",
+          "/rename-modules",
+        ],
+      });
     },
   },
   server: {
@@ -86,10 +89,14 @@ export default defineConfig({
       output: {
         manualChunks(id) {
           if (id.includes("node_modules")) {
-            return id.toString().split("node_modules/")[1].split("/")[0].toString()
+            return id
+              .toString()
+              .split("node_modules/")[1]
+              .split("/")[0]
+              .toString();
           }
         },
       },
-    }
+    },
   },
 });