From 439850f69b1f7994526b7b36869cea3d28af5f63 Mon Sep 17 00:00:00 2001
From: Elmar Kresse <elmar.kresse@stud.htwk-leipzig.de>
Date: Mon, 10 Jun 2024 10:50:27 +0200
Subject: [PATCH] lint:#13 formatted

---
 .gitattributes                                |    8 +
 frontend/index.html                           |   26 +-
 .../public/primevue-sass-theme/package.json   |    2 +-
 .../theme-base/_colors.scss                   |   29 +-
 .../theme-base/_common.scss                   |  199 +-
 .../theme-base/_components.scss               |  190 +-
 .../theme-base/_mixins.scss                   |  404 +-
 .../theme-base/components/button/_button.scss | 1127 +++---
 .../components/button/_speeddial.scss         |  190 +-
 .../components/button/_splitbutton.scss       |   49 +-
 .../theme-base/components/data/_carousel.scss |  118 +-
 .../components/data/_datatable.scss           |  828 ++--
 .../theme-base/components/data/_dataview.scss |   64 +-
 .../theme-base/components/data/_filter.scss   |  229 +-
 .../components/data/_orderlist.scss           |  190 +-
 .../components/data/_organizationchart.scss   |  142 +-
 .../components/data/_paginator.scss           |  196 +-
 .../theme-base/components/data/_picklist.scss |  186 +-
 .../theme-base/components/data/_timeline.scss |  145 +-
 .../theme-base/components/data/_tree.scss     |  224 +-
 .../components/data/_treetable.scss           |  576 +--
 .../components/file/_fileupload.scss          |  160 +-
 .../components/input/_autocomplete.scss       |  274 +-
 .../components/input/_calendar.scss           |  554 +--
 .../components/input/_cascadeselect.scss      |  254 +-
 .../components/input/_checkbox.scss           |  228 +-
 .../theme-base/components/input/_chips.scss   |  132 +-
 .../components/input/_colorpicker.scss        |   36 +-
 .../components/input/_dropdown.scss           |  348 +-
 .../theme-base/components/input/_editor.scss  |  198 +-
 .../components/input/_floatlabel.scss         |   38 +-
 .../components/input/_iconfield.scss          |   10 +-
 .../components/input/_inputgroup.scss         |  106 +-
 .../components/input/_inputicon.scss          |   14 +-
 .../components/input/_inputnumber.scss        |  118 +-
 .../components/input/_inputotp.scss           |   10 +-
 .../components/input/_inputswitch.scss        |  140 +-
 .../components/input/_inputtext.scss          |  126 +-
 .../theme-base/components/input/_knob.scss    |   22 +-
 .../theme-base/components/input/_listbox.scss |  196 +-
 .../components/input/_multiselect.scss        |  380 +-
 .../components/input/_password.scss           |   62 +-
 .../components/input/_radiobutton.scss        |  240 +-
 .../theme-base/components/input/_rating.scss  |  114 +-
 .../components/input/_selectbutton.scss       |   86 +-
 .../theme-base/components/input/_slider.scss  |  110 +-
 .../components/input/_textarea.scss           |    8 +-
 .../components/input/_togglebutton.scss       |  152 +-
 .../components/input/_treeselect.scss         |  195 +-
 .../components/input/_tristatecheckbox.scss   |   54 +-
 .../components/menu/_breadcrumb.scss          |  102 +-
 .../components/menu/_contextmenu.scss         |   94 +-
 .../theme-base/components/menu/_dock.scss     |  236 +-
 .../theme-base/components/menu/_megamenu.scss |  379 +-
 .../theme-base/components/menu/_menu.scss     |   74 +-
 .../theme-base/components/menu/_menubar.scss  |  310 +-
 .../components/menu/_panelmenu.scss           |  316 +-
 .../theme-base/components/menu/_steps.scss    |  152 +-
 .../theme-base/components/menu/_tabmenu.scss  |  124 +-
 .../components/menu/_tieredmenu.scss          |  118 +-
 .../components/messages/_inlinemessage.scss   |  178 +-
 .../components/messages/_message.scss         |  283 +-
 .../components/messages/_toast.scss           |  304 +-
 .../theme-base/components/misc/_avatar.scss   |   70 +-
 .../theme-base/components/misc/_badge.scss    |  140 +-
 .../theme-base/components/misc/_blockui.scss  |   10 +-
 .../theme-base/components/misc/_chip.scss     |   82 +-
 .../theme-base/components/misc/_inplace.scss  |   39 +-
 .../components/misc/_metergroup.scss          |  148 +-
 .../components/misc/_progressbar.scss         |  192 +-
 .../components/misc/_progressspinner.scss     |  108 +-
 .../theme-base/components/misc/_ripple.scss   |   30 +-
 .../components/misc/_scrolltop.scss           |   60 +-
 .../theme-base/components/misc/_skeleton.scss |   53 +-
 .../theme-base/components/misc/_tag.scss      |  102 +-
 .../theme-base/components/misc/_terminal.scss |   40 +-
 .../components/multimedia/_galleria.scss      |  528 +--
 .../components/multimedia/_image.scss         |  144 +-
 .../components/overlay/_confirmpopup.scss     |  167 +-
 .../components/overlay/_dialog.scss           |  176 +-
 .../components/overlay/_overlaypanel.scss     |  159 +-
 .../components/overlay/_sidebar.scss          |  160 +-
 .../components/overlay/_tooltip.scss          |   92 +-
 .../components/panel/_accordion.scss          |  240 +-
 .../theme-base/components/panel/_card.scss    |   46 +-
 .../theme-base/components/panel/_divider.scss |  142 +-
 .../components/panel/_fieldset.scss           |   98 +-
 .../theme-base/components/panel/_panel.scss   |  100 +-
 .../components/panel/_scrollpanel.scss        |   74 +-
 .../components/panel/_splitter.scss           |   90 +-
 .../theme-base/components/panel/_stepper.scss |  304 +-
 .../theme-base/components/panel/_tabview.scss |  186 +-
 .../theme-base/components/panel/_toolbar.scss |   32 +-
 .../themes/lara/lara-dark/_extensions.scss    |  306 +-
 .../themes/lara/lara-dark/_variables.scss     |  269 +-
 .../themes/lara/lara-dark/yellow/theme.scss   |  164 +-
 .../themes/lara/lara-light/_extensions.scss   |  260 +-
 .../themes/lara/lara-light/_variables.scss    | 1506 +++----
 .../themes/lara/lara-light/blue/theme.scss    |  166 +-
 .../themes/lara/lara-light/green/theme.scss   |  178 +-
 .../public/themes/lara-dark-blue/theme.css    | 3496 +++++++++++-----
 .../public/themes/lara-light-blue/theme.css   | 3527 ++++++++++++-----
 frontend/src/api/fetchRoomOccupancy.ts        |    9 +-
 frontend/src/api/loadICal.ts                  |    2 +-
 frontend/src/components/CalendarLink.vue      |    2 +-
 frontend/src/components/CalendarViewer.vue    |   42 +-
 frontend/src/components/DarkModeSwitcher.vue  |    4 +-
 frontend/src/components/LocaleSwitcher.vue    |    9 +-
 frontend/src/components/MenuBar.vue           |    6 +-
 frontend/src/components/RoomOccupation.vue    |    4 +-
 .../src/components/RoomOccupationOffline.vue  |   24 +-
 frontend/src/helpers/dates.ts                 |    5 +-
 frontend/src/helpers/ical.test.ts             |  182 +-
 frontend/src/helpers/ical.ts                  |   56 +-
 frontend/src/helpers/token.ts                 |    2 +-
 frontend/src/i18n/translations/en.json        |    2 +-
 .../primevue/prime_vue_local_ja.json          |   32 +-
 frontend/src/main.ts                          |    6 +-
 frontend/src/model/roomOccupancyList.test.ts  | 1174 +++---
 frontend/src/model/roomOccupancyList.ts       |  209 +-
 frontend/src/view/FreeRooms.vue               |    8 +-
 frontend/src/view/UserCalendar.vue            |   22 +-
 frontend/src/vite-env.d.ts                    |    2 +-
 frontend/tsconfig.json                        |    2 +-
 frontend/vite.config.ts                       |   60 +-
 frontend/vitest.config.ts                     |   21 +-
 frontend/vitest.global-setup.ts               |    4 +-
 127 files changed, 15740 insertions(+), 11990 deletions(-)
 create mode 100644 .gitattributes

diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..ec6e157
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,8 @@
+*.ts text eol=lf
+*.go text eol=lf
+*.js text eol=lf
+*.json text eol=lf
+*.vue text eol=lf
+*.md text eol=lf
+*.css text eol=lf
+*.scss text eol=lf
\ No newline at end of file
diff --git a/frontend/index.html b/frontend/index.html
index d368082..f844e53 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -1,16 +1,22 @@
 <!doctype html>
 <html lang="en">
   <head>
-      <meta charset="UTF-8" />
-      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-      <title>HTWKalender</title>
-      <meta name="description" content="Calendar implementation for the HTWK Leipzig timetable. Evaluation and display of the individual dates in iCal format.">
-      <meta name="keywords" content="HTWK, calendar, iCal, dates, events, schedule">
-      <link rel="icon" href="/favicon.ico" sizes="32x32" />
-      <link rel="icon" type="image/svg+xml" href="/htwk.svg" />
-      <link rel="mask-icon" href="/htwk-mask.svg" color="#00494c" />
-      <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
-      <meta name="theme-color" content="#1b2022">
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>HTWKalender</title>
+    <meta
+      name="description"
+      content="Calendar implementation for the HTWK Leipzig timetable. Evaluation and display of the individual dates in iCal format."
+    />
+    <meta
+      name="keywords"
+      content="HTWK, calendar, iCal, dates, events, schedule"
+    />
+    <link rel="icon" href="/favicon.ico" sizes="32x32" />
+    <link rel="icon" type="image/svg+xml" href="/htwk.svg" />
+    <link rel="mask-icon" href="/htwk-mask.svg" color="#00494c" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+    <meta name="theme-color" content="#1b2022" />
     <link
       id="theme-link"
       rel="stylesheet"
diff --git a/frontend/public/primevue-sass-theme/package.json b/frontend/public/primevue-sass-theme/package.json
index f99ac2b..8b6e5ce 100644
--- a/frontend/public/primevue-sass-theme/package.json
+++ b/frontend/public/primevue-sass-theme/package.json
@@ -26,4 +26,4 @@
   "bugs": {
     "url": "https://github.com/primefaces/primevue-sass-theme/issues"
   }
-}
\ No newline at end of file
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/_colors.scss b/frontend/public/primevue-sass-theme/theme-base/_colors.scss
index de70590..f983702 100644
--- a/frontend/public/primevue-sass-theme/theme-base/_colors.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/_colors.scss
@@ -1,18 +1,17 @@
 :root {
-    @if variable-exists(colors) {
-        @each $name, $color in $colors {
-            @for $i from 0 through 5 {
-                @if ($i == 0) {
-                    --#{$name}-50:#{tint($color, (5 - $i) * 19%)};
-                }
-                @else {
-                    --#{$name}-#{$i * 100}:#{tint($color, (5 - $i) * 19%)};
-                }
-            }
-            
-            @for $i from 1 through 4 {
-                --#{$name}-#{($i + 5) * 100}:#{shade($color, $i * 15%)};
-            }
+  @if variable-exists(colors) {
+    @each $name, $color in $colors {
+      @for $i from 0 through 5 {
+        @if ($i == 0) {
+          --#{$name}-50: #{tint($color, (5 - $i) * 19%)};
+        } @else {
+          --#{$name}-#{$i * 100}: #{tint($color, (5 - $i) * 19%)};
         }
+      }
+
+      @for $i from 1 through 4 {
+        --#{$name}-#{($i + 5) * 100}: #{shade($color, $i * 15%)};
+      }
     }
-}
\ No newline at end of file
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/_common.scss b/frontend/public/primevue-sass-theme/theme-base/_common.scss
index c33bdc2..9dcbc31 100644
--- a/frontend/public/primevue-sass-theme/theme-base/_common.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/_common.scss
@@ -1,198 +1,205 @@
 // core
-.p-component, .p-component * {
-    box-sizing: border-box;
+.p-component,
+.p-component * {
+  box-sizing: border-box;
 }
 
 .p-hidden-space {
-    visibility: hidden;
+  visibility: hidden;
 }
 
 .p-reset {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    outline: 0;
-    text-decoration: none;
-    font-size: 100%;
-    list-style: none;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  text-decoration: none;
+  font-size: 100%;
+  list-style: none;
 }
 
-.p-disabled, .p-disabled * {
-    cursor: default;
-    pointer-events: none;
-    user-select: none;
+.p-disabled,
+.p-disabled * {
+  cursor: default;
+  pointer-events: none;
+  user-select: none;
 }
 
 .p-component-overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
 }
 
 .p-unselectable-text {
-    user-select: none;
+  user-select: none;
 }
 
 .p-sr-only {
-    border: 0;
-    clip: rect(1px, 1px, 1px, 1px);
-    clip-path: inset(50%);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-    word-wrap: normal;
+  border: 0;
+  clip: rect(1px, 1px, 1px, 1px);
+  clip-path: inset(50%);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+  word-wrap: normal;
 }
 
 .p-link {
-	text-align: left;
-	background-color: transparent;
-	margin: 0;
-	padding: 0;
-	border: none;
-    cursor: pointer;
-    user-select: none;
+  text-align: left;
+  background-color: transparent;
+  margin: 0;
+  padding: 0;
+  border: none;
+  cursor: pointer;
+  user-select: none;
 }
 
 .p-link:disabled {
-	cursor: default;
+  cursor: default;
 }
 
 /* Non vue overlay animations */
 .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);
+  opacity: 0;
+  transform: scaleY(0.8);
+  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 {
-    opacity: 1;
-    transform: scaleY(1);
+  opacity: 1;
+  transform: scaleY(1);
 }
 
 .p-connected-overlay-hidden {
-    opacity: 0;
-    transform: scaleY(1);
-    transition: opacity .1s linear;
+  opacity: 0;
+  transform: scaleY(1);
+  transition: opacity 0.1s linear;
 }
 
 /* Vue based overlay animations */
 .p-connected-overlay-enter-from {
-    opacity: 0;
-    transform: scaleY(0.8);
+  opacity: 0;
+  transform: scaleY(0.8);
 }
 
 .p-connected-overlay-leave-to {
-    opacity: 0;
+  opacity: 0;
 }
 
 .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 */
 .p-toggleable-content-enter-from,
 .p-toggleable-content-leave-to {
-    max-height: 0;
+  max-height: 0;
 }
 
 .p-toggleable-content-enter-to,
 .p-toggleable-content-leave-from {
-    max-height: 1000px;
+  max-height: 1000px;
 }
 
 .p-toggleable-content-leave-active {
-    overflow: hidden;
-    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
+  overflow: hidden;
+  transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
 }
 
 .p-toggleable-content-enter-active {
-    overflow: hidden;
-    transition: max-height 1s ease-in-out;
+  overflow: hidden;
+  transition: max-height 1s ease-in-out;
 }
 
 // theme
 * {
-	box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 .p-component {
-    font-family: var(--font-family);
-    font-feature-settings: var(--font-feature-settings, normal);
-    font-size: $fontSize;
-    font-weight: $fontWeight;
+  font-family: var(--font-family);
+  font-feature-settings: var(--font-feature-settings, normal);
+  font-size: $fontSize;
+  font-weight: $fontWeight;
 }
 
 .p-component-overlay {
-    background-color: $maskBg;
-    transition-duration: $transitionDuration;
+  background-color: $maskBg;
+  transition-duration: $transitionDuration;
 }
 
-.p-disabled, .p-component:disabled {
-    opacity: $disabledOpacity;
+.p-disabled,
+.p-component:disabled {
+  opacity: $disabledOpacity;
 }
 
 .p-error {
-    color: $errorColor;
+  color: $errorColor;
 }
 
 .p-text-secondary {
-    color: $textSecondaryColor;
+  color: $textSecondaryColor;
 }
 
 .pi {
-    font-size: $primeIconFontSize;
+  font-size: $primeIconFontSize;
 }
 
 .p-icon {
-    width: $primeIconFontSize;
-    height: $primeIconFontSize;
+  width: $primeIconFontSize;
+  height: $primeIconFontSize;
 }
 
 .p-link {
-    font-family: var(--font-family);
-    font-feature-settings: var(--font-feature-settings, normal);
-    font-size: $fontSize;
-    border-radius: $borderRadius;
-    outline-color: transparent;
+  font-family: var(--font-family);
+  font-feature-settings: var(--font-feature-settings, normal);
+  font-size: $fontSize;
+  border-radius: $borderRadius;
+  outline-color: transparent;
 
-    &:focus-visible {
-        @include focused();
-    }
+  &:focus-visible {
+    @include focused();
+  }
 }
 
 .p-component-overlay-enter {
-    animation: p-component-overlay-enter-animation 150ms forwards;
+  animation: p-component-overlay-enter-animation 150ms forwards;
 }
 
 .p-component-overlay-leave {
-    animation: p-component-overlay-leave-animation 150ms forwards;
+  animation: p-component-overlay-leave-animation 150ms forwards;
 }
 
 .p-component-overlay {
-    @keyframes p-component-overlay-enter-animation {
-        from {
-            background-color: transparent;
-        }
-        to {
-            background-color: var(--maskbg);
-        }
+  @keyframes p-component-overlay-enter-animation {
+    from {
+      background-color: transparent;
     }
-    
-    @keyframes p-component-overlay-leave-animation {
-        from {
-            background-color: var(--maskbg);
-        }
-        to {
-            background-color: transparent;
-        }
+    to {
+      background-color: var(--maskbg);
     }
+  }
+
+  @keyframes p-component-overlay-leave-animation {
+    from {
+      background-color: var(--maskbg);
+    }
+    to {
+      background-color: transparent;
+    }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/_components.scss b/frontend/public/primevue-sass-theme/theme-base/_components.scss
index 256d151..db7c010 100644
--- a/frontend/public/primevue-sass-theme/theme-base/_components.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/_components.scss
@@ -4,109 +4,109 @@
 @import "./components/input/_editor";
 
 @layer primevue {
-    @import "_common";
+  @import "_common";
 
-    //Input
-    @import "./components/input/_autocomplete";
-    @import "./components/input/_calendar";
-    @import "./components/input/_cascadeselect";
-    @import "./components/input/_checkbox";
-    @import "./components/input/_chips";
-    @import "./components/input/_colorpicker";
-    @import "./components/input/_dropdown";
-    @import "./components/input/_floatlabel";
-    @import "./components/input/_iconfield";
-    @import "./components/input/_inputotp";
-    @import "./components/input/_inputgroup";
-    @import "./components/input/_inputicon";
-    @import "./components/input/_inputnumber";
-    @import "./components/input/_inputswitch";
-    @import "./components/input/_inputtext";
-    @import "./components/input/_knob";
-    @import "./components/input/_listbox";
-    @import "./components/input/_multiselect";
-    @import "./components/input/_password";
-    @import "./components/input/_radiobutton";
-    @import "./components/input/_rating";
-    @import "./components/input/_selectbutton";
-    @import "./components/input/_slider";
-    @import "./components/input/_textarea";
-    @import "./components/input/_treeselect";
-    @import "./components/input/_togglebutton";
+  //Input
+  @import "./components/input/_autocomplete";
+  @import "./components/input/_calendar";
+  @import "./components/input/_cascadeselect";
+  @import "./components/input/_checkbox";
+  @import "./components/input/_chips";
+  @import "./components/input/_colorpicker";
+  @import "./components/input/_dropdown";
+  @import "./components/input/_floatlabel";
+  @import "./components/input/_iconfield";
+  @import "./components/input/_inputotp";
+  @import "./components/input/_inputgroup";
+  @import "./components/input/_inputicon";
+  @import "./components/input/_inputnumber";
+  @import "./components/input/_inputswitch";
+  @import "./components/input/_inputtext";
+  @import "./components/input/_knob";
+  @import "./components/input/_listbox";
+  @import "./components/input/_multiselect";
+  @import "./components/input/_password";
+  @import "./components/input/_radiobutton";
+  @import "./components/input/_rating";
+  @import "./components/input/_selectbutton";
+  @import "./components/input/_slider";
+  @import "./components/input/_textarea";
+  @import "./components/input/_treeselect";
+  @import "./components/input/_togglebutton";
 
-    //Button
-    @import "./components/button/_button";
-    @import "./components/button/_speeddial";
-    @import "./components/button/_splitbutton";
+  //Button
+  @import "./components/button/_button";
+  @import "./components/button/_speeddial";
+  @import "./components/button/_splitbutton";
 
-    //Data
-    @import "./components/data/_carousel";
-    @import "./components/data/_datatable";
-    @import "./components/data/_dataview";
-    @import "./components/data/_filter";
-    @import "./components/data/_orderlist";
-    @import "./components/data/_organizationchart";
-    @import "./components/data/_paginator";
-    @import "./components/data/_picklist";
-    @import "./components/data/_timeline";
-    @import "./components/data/_tree";
-    @import "./components/data/_treetable";
+  //Data
+  @import "./components/data/_carousel";
+  @import "./components/data/_datatable";
+  @import "./components/data/_dataview";
+  @import "./components/data/_filter";
+  @import "./components/data/_orderlist";
+  @import "./components/data/_organizationchart";
+  @import "./components/data/_paginator";
+  @import "./components/data/_picklist";
+  @import "./components/data/_timeline";
+  @import "./components/data/_tree";
+  @import "./components/data/_treetable";
 
-    //Panel
-    @import "./components/panel/_accordion";
-    @import "./components/panel/_card";
-    @import "./components/panel/_fieldset";
-    @import "./components/panel/_divider";
-    @import "./components/panel/_panel";
-    @import "./components/panel/_scrollpanel";
-    @import "./components/panel/_splitter";
-    @import "./components/panel/_stepper";
-    @import "./components/panel/_tabview";
-    @import "./components/panel/_toolbar";
+  //Panel
+  @import "./components/panel/_accordion";
+  @import "./components/panel/_card";
+  @import "./components/panel/_fieldset";
+  @import "./components/panel/_divider";
+  @import "./components/panel/_panel";
+  @import "./components/panel/_scrollpanel";
+  @import "./components/panel/_splitter";
+  @import "./components/panel/_stepper";
+  @import "./components/panel/_tabview";
+  @import "./components/panel/_toolbar";
 
-    //Overlay
-    @import "./components/overlay/_confirmpopup";
-    @import "./components/overlay/_dialog";
-    @import "./components/overlay/_overlaypanel";
-    @import "./components/overlay/_sidebar";
-    @import "./components/overlay/_tooltip";
+  //Overlay
+  @import "./components/overlay/_confirmpopup";
+  @import "./components/overlay/_dialog";
+  @import "./components/overlay/_overlaypanel";
+  @import "./components/overlay/_sidebar";
+  @import "./components/overlay/_tooltip";
 
-    //File
-    @import "./components/file/_fileupload";
+  //File
+  @import "./components/file/_fileupload";
 
-    //Menu
-    @import "./components/menu/_breadcrumb";
-    @import "./components/menu/_contextmenu";
-    @import "./components/menu/_dock";
-    @import "./components/menu/_megamenu";
-    @import "./components/menu/_menu";
-    @import "./components/menu/_menubar";
-    @import "./components/menu/_panelmenu";
-    @import "./components/menu/_steps";
-    @import "./components/menu/_tabmenu";
-    @import "./components/menu/_tieredmenu";
+  //Menu
+  @import "./components/menu/_breadcrumb";
+  @import "./components/menu/_contextmenu";
+  @import "./components/menu/_dock";
+  @import "./components/menu/_megamenu";
+  @import "./components/menu/_menu";
+  @import "./components/menu/_menubar";
+  @import "./components/menu/_panelmenu";
+  @import "./components/menu/_steps";
+  @import "./components/menu/_tabmenu";
+  @import "./components/menu/_tieredmenu";
 
-    //Messages
-    @import "./components/messages/_inlinemessage";
-    @import "./components/messages/_message";
-    @import "components/messages/toast";
+  //Messages
+  @import "./components/messages/_inlinemessage";
+  @import "./components/messages/_message";
+  @import "components/messages/toast";
 
-    //MultiMedia
-    @import "./components/multimedia/_galleria";
-    @import "./components/multimedia/_image";
+  //MultiMedia
+  @import "./components/multimedia/_galleria";
+  @import "./components/multimedia/_image";
 
-    //Misc
-    @import "./components/misc/_avatar";
-    @import "./components/misc/_badge";
-    @import "./components/misc/_blockui";
-    @import "./components/misc/_chip";
-    @import "./components/misc/_inplace";
-    @import "./components/misc/_metergroup";
-    @import "./components/misc/_progressbar";
-    @import "./components/misc/_progressspinner";
-    @import "./components/misc/_ripple";
-    @import "./components/misc/_scrolltop";
-    @import "./components/misc/_skeleton";
-    @import "./components/misc/_tag";
-    @import "./components/misc/_terminal";
+  //Misc
+  @import "./components/misc/_avatar";
+  @import "./components/misc/_badge";
+  @import "./components/misc/_blockui";
+  @import "./components/misc/_chip";
+  @import "./components/misc/_inplace";
+  @import "./components/misc/_metergroup";
+  @import "./components/misc/_progressbar";
+  @import "./components/misc/_progressspinner";
+  @import "./components/misc/_ripple";
+  @import "./components/misc/_scrolltop";
+  @import "./components/misc/_skeleton";
+  @import "./components/misc/_tag";
+  @import "./components/misc/_terminal";
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/_mixins.scss b/frontend/public/primevue-sass-theme/theme-base/_mixins.scss
index 0a63f64..19439bd 100644
--- a/frontend/public/primevue-sass-theme/theme-base/_mixins.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/_mixins.scss
@@ -1,278 +1,282 @@
 @mixin icon-override($icon) {
-	&:before {
-		content: $icon;
-	}
+  &:before {
+    content: $icon;
+  }
 }
 
 @mixin focused() {
-	outline: $focusOutline;
-    outline-offset: $focusOutlineOffset;
-    box-shadow: $focusShadow;
+  outline: $focusOutline;
+  outline-offset: $focusOutlineOffset;
+  box-shadow: $focusShadow;
 }
 
 @mixin focused-inset() {
-	outline: $focusOutline;
-    outline-offset: -1 * $focusOutlineOffset;
-    box-shadow: inset $focusShadow;
+  outline: $focusOutline;
+  outline-offset: -1 * $focusOutlineOffset;
+  box-shadow: inset $focusShadow;
 }
 
 @mixin focused-input() {
-	outline: $focusOutline;
-    outline-offset: $inputFocusOutlineOffset;
-    box-shadow: $focusShadow;
-	border-color: $inputFocusBorderColor;
+  outline: $focusOutline;
+  outline-offset: $inputFocusOutlineOffset;
+  box-shadow: $focusShadow;
+  border-color: $inputFocusBorderColor;
 }
 
 @mixin focused-listitem() {
-	outline: $focusOutline;
-    outline-offset: $focusOutlineOffset;
-    box-shadow: $inputListItemFocusShadow;
+  outline: $focusOutline;
+  outline-offset: $focusOutlineOffset;
+  box-shadow: $inputListItemFocusShadow;
 }
 
 @mixin invalid-input() {
-	border-color: $inputErrorBorderColor;
+  border-color: $inputErrorBorderColor;
 }
 
 @mixin menuitem {
-    margin: $inputListItemMargin;
+  margin: $inputListItemMargin;
 
-    &:first-child {
-        margin-top: 0;
-    }
+  &:first-child {
+    margin-top: 0;
+  }
 
-    &:last-child {
-        margin-bottom: 0;
-    }
-    
-    > .p-menuitem-content {
+  &:last-child {
+    margin-bottom: 0;
+  }
+
+  > .p-menuitem-content {
+    color: $menuitemTextColor;
+    transition: $listItemTransition;
+    border-radius: $menuitemBorderRadius;
+
+    .p-menuitem-link {
+      color: $menuitemTextColor;
+      padding: $menuitemPadding;
+      user-select: none;
+
+      .p-menuitem-text {
         color: $menuitemTextColor;
-        transition: $listItemTransition;
-        border-radius: $menuitemBorderRadius;
+      }
+
+      .p-menuitem-icon {
+        color: $menuitemIconColor;
+        margin-right: $inlineSpacing;
+      }
+
+      .p-submenu-icon {
+        color: $menuitemIconColor;
+      }
+    }
+  }
+
+  &.p-highlight {
+    > .p-menuitem-content {
+      color: $menuitemTextActiveColor;
+      background: $menuitemActiveBg;
+
+      .p-menuitem-link {
+        .p-menuitem-text {
+          color: $menuitemTextActiveColor;
+        }
+
+        .p-menuitem-icon,
+        .p-submenu-icon {
+          color: $menuitemIconActiveColor;
+        }
+      }
+    }
+
+    &.p-focus {
+      > .p-menuitem-content {
+        background: $menuitemActiveFocusBg;
+      }
+    }
+  }
+
+  &:not(.p-highlight):not(.p-disabled) {
+    &.p-focus {
+      > .p-menuitem-content {
+        color: $menuitemTextHoverColor;
+        background: $menuitemHoverBg;
 
         .p-menuitem-link {
-            color: $menuitemTextColor;
-            padding: $menuitemPadding;
-            user-select: none;
+          .p-menuitem-text {
+            color: $menuitemTextHoverColor;
+          }
 
+          .p-menuitem-icon,
+          .p-submenu-icon {
+            color: $menuitemTextHoverColor;
+          }
+        }
+
+        &:hover {
+          color: $menuitemTextHoverColor;
+          background: $menuitemHoverBg;
+
+          .p-menuitem-link {
             .p-menuitem-text {
-                color: $menuitemTextColor;
+              color: $menuitemTextHoverColor;
             }
-        
-            .p-menuitem-icon {
-                color: $menuitemIconColor;
-                margin-right: $inlineSpacing;
-            }
-            
+
+            .p-menuitem-icon,
             .p-submenu-icon {
-                color: $menuitemIconColor;
+              color: $menuitemIconHoverColor;
             }
+          }
         }
+      }
     }
 
-    &.p-highlight {
-        > .p-menuitem-content {
-            color: $menuitemTextActiveColor;
-            background: $menuitemActiveBg;
+    > .p-menuitem-content {
+      &:hover {
+        color: $menuitemTextHoverColor;
+        background: $menuitemHoverBg;
 
-            .p-menuitem-link {
-                .p-menuitem-text {
-                    color: $menuitemTextActiveColor;
-                }
+        .p-menuitem-link {
+          .p-menuitem-text {
+            color: $menuitemTextHoverColor;
+          }
 
-                .p-menuitem-icon, .p-submenu-icon {
-                    color: $menuitemIconActiveColor;
-                }
-            }
-        }
-
-        &.p-focus {
-            > .p-menuitem-content {
-                background: $menuitemActiveFocusBg;
-            }
-        }
-    }
-
-    &:not(.p-highlight):not(.p-disabled) {
-        &.p-focus {
-            > .p-menuitem-content {
-                color: $menuitemTextHoverColor;
-                background: $menuitemHoverBg;
-    
-                .p-menuitem-link {
-                    .p-menuitem-text {
-                        color: $menuitemTextHoverColor;
-                    }
-                
-                    .p-menuitem-icon, .p-submenu-icon {
-                        color: $menuitemTextHoverColor;
-                    }
-                }
-
-                &:hover {
-                    color: $menuitemTextHoverColor;
-                    background: $menuitemHoverBg;
-        
-                    .p-menuitem-link {
-                        .p-menuitem-text {
-                            color: $menuitemTextHoverColor;
-                        }
-        
-                        .p-menuitem-icon, .p-submenu-icon {
-                            color: $menuitemIconHoverColor;
-                        }
-                    }
-                }
-            }
-        }
-
-        > .p-menuitem-content {
-            &:hover {
-                color: $menuitemTextHoverColor;
-                background: $menuitemHoverBg;
-    
-                .p-menuitem-link {
-                    .p-menuitem-text {
-                        color: $menuitemTextHoverColor;
-                    }
-    
-                    .p-menuitem-icon, .p-submenu-icon {
-                        color: $menuitemIconHoverColor;
-                    }
-                }
-            }
+          .p-menuitem-icon,
+          .p-submenu-icon {
+            color: $menuitemIconHoverColor;
+          }
         }
+      }
     }
+  }
 }
 
 @mixin horizontal-rootmenuitem {
-    > .p-menuitem-content {
+  > .p-menuitem-content {
+    color: $horizontalMenuRootMenuitemTextColor;
+    transition: $listItemTransition;
+    border-radius: $horizontalMenuRootMenuitemBorderRadius;
+
+    .p-menuitem-link {
+      padding: $horizontalMenuRootMenuitemPadding;
+      user-select: none;
+
+      .p-menuitem-text {
         color: $horizontalMenuRootMenuitemTextColor;
-        transition: $listItemTransition;
-        border-radius: $horizontalMenuRootMenuitemBorderRadius;
+      }
+
+      .p-menuitem-icon {
+        color: $horizontalMenuRootMenuitemIconColor;
+        margin-right: $inlineSpacing;
+      }
+
+      .p-submenu-icon {
+        color: $horizontalMenuRootMenuitemIconColor;
+        margin-left: $inlineSpacing;
+      }
+    }
+  }
+
+  &:not(.p-highlight):not(.p-disabled) {
+    > .p-menuitem-content {
+      &:hover {
+        color: $horizontalMenuRootMenuitemTextHoverColor;
+        background: $horizontalMenuRootMenuitemHoverBg;
 
         .p-menuitem-link {
-            padding: $horizontalMenuRootMenuitemPadding;
-            user-select: none;
+          .p-menuitem-text {
+            color: $horizontalMenuRootMenuitemTextHoverColor;
+          }
 
-            .p-menuitem-text {
-                color: $horizontalMenuRootMenuitemTextColor;
-            }
-        
-            .p-menuitem-icon {
-                color: $horizontalMenuRootMenuitemIconColor;
-                margin-right: $inlineSpacing;
-            }
-            
-            .p-submenu-icon {
-                color: $horizontalMenuRootMenuitemIconColor;
-                margin-left: $inlineSpacing;
-            }
-        }
-    }
-
-    &:not(.p-highlight):not(.p-disabled) {
-        > .p-menuitem-content {
-            &:hover {
-                color: $horizontalMenuRootMenuitemTextHoverColor;
-                background: $horizontalMenuRootMenuitemHoverBg;
-    
-                .p-menuitem-link {
-                    .p-menuitem-text {
-                        color: $horizontalMenuRootMenuitemTextHoverColor;
-                    }
-    
-                    .p-menuitem-icon, .p-submenu-icon {
-                        color: $horizontalMenuRootMenuitemIconHoverColor;
-                    }
-                }
-            }
+          .p-menuitem-icon,
+          .p-submenu-icon {
+            color: $horizontalMenuRootMenuitemIconHoverColor;
+          }
         }
+      }
     }
+  }
 }
 
 @mixin placeholder {
-	::-webkit-input-placeholder {
-		@content
-	}
-	:-moz-placeholder {
-		@content
-	}
-	::-moz-placeholder {
-		@content
-	}
-	:-ms-input-placeholder {
-		@content
-	}
+  ::-webkit-input-placeholder {
+    @content;
+  }
+  :-moz-placeholder {
+    @content;
+  }
+  ::-moz-placeholder {
+    @content;
+  }
+  :-ms-input-placeholder {
+    @content;
+  }
 }
 
 @mixin scaledPadding($val, $scale) {
-    padding: nth($val, 1) * $scale nth($val, 2) * $scale;
+  padding: nth($val, 1) * $scale nth($val, 2) * $scale;
 }
 
 @mixin scaledFontSize($val, $scale) {
-    font-size: $val * $scale;
+  font-size: $val * $scale;
 }
 
 @mixin nested-submenu-indents($val, $index, $length) {
-    .p-submenu-list {
-        .p-menuitem {
-            .p-menuitem-content {
-                .p-menuitem-link {
-                    padding-left: $val * ($index + 1);
-                }
-    
-            }
-            @if $index < $length {
-                @include nested-submenu-indents($val, $index + 2, $length);
-            }
+  .p-submenu-list {
+    .p-menuitem {
+      .p-menuitem-content {
+        .p-menuitem-link {
+          padding-left: $val * ($index + 1);
         }
+      }
+      @if $index < $length {
+        @include nested-submenu-indents($val, $index + 2, $length);
+      }
     }
+  }
 }
 
 @mixin action-icon($enabled: true) {
-    width: $actionIconWidth;
-    height: $actionIconHeight;
-    color: $actionIconColor;
-    border: $actionIconBorder;
-    background: $actionIconBg;
-    border-radius: $actionIconBorderRadius;
-    transition: $actionIconTransition;
-    outline-color: transparent;
+  width: $actionIconWidth;
+  height: $actionIconHeight;
+  color: $actionIconColor;
+  border: $actionIconBorder;
+  background: $actionIconBg;
+  border-radius: $actionIconBorderRadius;
+  transition: $actionIconTransition;
+  outline-color: transparent;
 
-    @if $enabled {
-        &:enabled:hover {
-            @include action-icon-hover();
-        }
-    } @else {
-        &:hover {
-            @include action-icon-hover();
-        }
+  @if $enabled {
+    &:enabled:hover {
+      @include action-icon-hover();
     }
+  } @else {
+    &:hover {
+      @include action-icon-hover();
+    }
+  }
 
-    &:focus-visible {
-        @include focused();
-    }
+  &:focus-visible {
+    @include focused();
+  }
 }
 
 @mixin action-icon-hover() {
-    color: $actionIconHoverColor;
-    border-color: $actionIconHoverBorderColor;
-    background: $actionIconHoverBg;
+  color: $actionIconHoverColor;
+  border-color: $actionIconHoverBorderColor;
+  background: $actionIconHoverBg;
 }
 
 @mixin button-states {
-    // <button> and <a> tags support :enabled selector.
+  // <button> and <a> tags support :enabled selector.
 
-    &:enabled,
-    &:not(button):not(a):not(.p-disabled) {
-        @content;
-    }
+  &:enabled,
+  &:not(button):not(a):not(.p-disabled) {
+    @content;
+  }
 }
 
 @function tint($color, $percentage) {
-    @return mix(#fff, $color, $percentage);
+  @return mix(#fff, $color, $percentage);
 }
 
 @function shade($color, $percentage) {
-    @return mix(#000, $color, $percentage);
-}
\ No newline at end of file
+  @return mix(#000, $color, $percentage);
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/button/_button.scss b/frontend/public/primevue-sass-theme/theme-base/components/button/_button.scss
index 030714b..b521741 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/button/_button.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/button/_button.scss
@@ -1,695 +1,710 @@
 // core
 .p-button {
-    display: inline-flex;
-    cursor: pointer;
-    user-select: none;
-    align-items: center;
-    vertical-align: bottom;
-    text-align: center;
-    overflow: hidden;
-    position: relative;
+  display: inline-flex;
+  cursor: pointer;
+  user-select: none;
+  align-items: center;
+  vertical-align: bottom;
+  text-align: center;
+  overflow: hidden;
+  position: relative;
 }
 
 .p-button-label {
-    flex: 1 1 auto;
+  flex: 1 1 auto;
 }
 
 .p-button-icon-right {
-    order: 1;
+  order: 1;
 }
 
 .p-button:disabled {
-    cursor: default;
+  cursor: default;
 }
 
 .p-button-icon-only {
-    justify-content: center;
+  justify-content: center;
 }
 
 .p-button-icon-only .p-button-label {
-    visibility: hidden;
-    width: 0;
-    flex: 0 0 auto;
+  visibility: hidden;
+  width: 0;
+  flex: 0 0 auto;
 }
 
 .p-button-vertical {
-    flex-direction: column;
+  flex-direction: column;
 }
 
 .p-button-icon-bottom {
-    order: 2;
+  order: 2;
 }
 
 .p-button-group .p-button {
-    margin: 0;
+  margin: 0;
 }
 
-.p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
-    border-right: 0 none;
+.p-button-group .p-button:not(:last-child),
+.p-button-group .p-button:not(:last-child):hover {
+  border-right: 0 none;
 }
 
 .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
-    border-radius: 0;
+  border-radius: 0;
 }
 
 .p-button-group .p-button:first-of-type:not(:only-of-type) {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
 
 .p-button-group .p-button:last-of-type:not(:only-of-type) {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }
 
 .p-button-group .p-button:focus {
-    position: relative;
-    z-index: 1;
+  position: relative;
+  z-index: 1;
 }
 
 // theme
 .p-button {
-    color: $buttonTextColor;
-    background: $buttonBg;
-    border: $buttonBorder;
-    padding: $buttonPadding;
-    font-size: $fontSize;
-    transition: $formElementTransition;
-    border-radius: $borderRadius;
-    outline-color: transparent;
+  color: $buttonTextColor;
+  background: $buttonBg;
+  border: $buttonBorder;
+  padding: $buttonPadding;
+  font-size: $fontSize;
+  transition: $formElementTransition;
+  border-radius: $borderRadius;
+  outline-color: transparent;
+
+  &:not(:disabled):hover {
+    background: $buttonHoverBg;
+    color: $buttonTextHoverColor;
+    border-color: $buttonHoverBorderColor;
+  }
+
+  &:not(:disabled):active {
+    background: $buttonActiveBg;
+    color: $buttonTextActiveColor;
+    border-color: $buttonActiveBorderColor;
+  }
+
+  &.p-button-outlined {
+    background-color: transparent;
+    color: $buttonBg;
+    border: $outlinedButtonBorder;
 
     &:not(:disabled):hover {
-        background: $buttonHoverBg;
-        color: $buttonTextHoverColor;
-        border-color: $buttonHoverBorderColor;
+      background: rgba($buttonBg, $textButtonHoverBgOpacity);
+      color: $buttonBg;
+      border: $outlinedButtonBorder;
     }
 
     &:not(:disabled):active {
-        background: $buttonActiveBg;
-        color: $buttonTextActiveColor;
-        border-color: $buttonActiveBorderColor;
+      background: rgba($buttonBg, $textButtonActiveBgOpacity);
+      color: $buttonBg;
+      border: $outlinedButtonBorder;
     }
 
-    &.p-button-outlined {
-        background-color: transparent;
-        color: $buttonBg;
-        border: $outlinedButtonBorder;
+    &.p-button-plain {
+      color: $plainButtonTextColor;
+      border-color: $plainButtonTextColor;
 
-        &:not(:disabled):hover {
-            background: rgba($buttonBg, $textButtonHoverBgOpacity);
-            color: $buttonBg;
-            border: $outlinedButtonBorder;
-        }
+      &:not(:disabled):hover {
+        background: $plainButtonHoverBgColor;
+        color: $plainButtonTextColor;
+      }
 
-        &:not(:disabled):active {
-            background: rgba($buttonBg, $textButtonActiveBgOpacity);
-            color: $buttonBg;
-            border: $outlinedButtonBorder;
-        }
+      &:not(:disabled):active {
+        background: $plainButtonActiveBgColor;
+        color: $plainButtonTextColor;
+      }
+    }
+  }
 
-        &.p-button-plain {
-            color: $plainButtonTextColor;
-            border-color: $plainButtonTextColor;
+  &.p-button-text {
+    background-color: transparent;
+    color: $buttonBg;
+    border-color: transparent;
 
-            &:not(:disabled):hover {
-                background: $plainButtonHoverBgColor;
-                color: $plainButtonTextColor;
-            }
-    
-            &:not(:disabled):active {
-                background: $plainButtonActiveBgColor;
-                color: $plainButtonTextColor;
-            }
-        }
+    &:not(:disabled):hover {
+      background: rgba($buttonBg, $textButtonHoverBgOpacity);
+      color: $buttonBg;
+      border-color: transparent;
     }
 
-    &.p-button-text {
-        background-color: transparent;
-        color: $buttonBg;
-        border-color: transparent;
-
-        &:not(:disabled):hover {
-            background: rgba($buttonBg, $textButtonHoverBgOpacity);
-            color: $buttonBg;
-            border-color: transparent;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($buttonBg, $textButtonActiveBgOpacity);
-            color: $buttonBg;
-            border-color: transparent;
-        }
-
-        &.p-button-plain {
-            color: $plainButtonTextColor;
-
-            &:not(:disabled):hover {
-                background: $plainButtonHoverBgColor;
-                color: $plainButtonTextColor;
-            }
-    
-            &:not(:disabled):active {
-                background: $plainButtonActiveBgColor;
-                color: $plainButtonTextColor;
-            }
-        }
+    &:not(:disabled):active {
+      background: rgba($buttonBg, $textButtonActiveBgOpacity);
+      color: $buttonBg;
+      border-color: transparent;
     }
 
-    &:focus-visible {
-        @include focused();
-    }
+    &.p-button-plain {
+      color: $plainButtonTextColor;
 
-    .p-button-label {
-        transition-duration: $transitionDuration;
-    }
+      &:not(:disabled):hover {
+        background: $plainButtonHoverBgColor;
+        color: $plainButtonTextColor;
+      }
 
-    .p-button-icon-left {
-         margin-right: $inlineSpacing;
+      &:not(:disabled):active {
+        background: $plainButtonActiveBgColor;
+        color: $plainButtonTextColor;
+      }
     }
+  }
 
+  &:focus-visible {
+    @include focused();
+  }
+
+  .p-button-label {
+    transition-duration: $transitionDuration;
+  }
+
+  .p-button-icon-left {
+    margin-right: $inlineSpacing;
+  }
+
+  .p-button-icon-right {
+    margin-left: $inlineSpacing;
+  }
+
+  .p-button-icon-bottom {
+    margin-top: $inlineSpacing;
+  }
+
+  .p-button-icon-top {
+    margin-bottom: $inlineSpacing;
+  }
+
+  .p-badge {
+    margin-left: $inlineSpacing;
+    min-width: $fontSize;
+    height: $fontSize;
+    line-height: $fontSize;
+    color: $buttonBg;
+    background-color: $buttonTextColor;
+  }
+
+  &.p-button-raised {
+    box-shadow: $raisedButtonShadow;
+  }
+
+  &.p-button-rounded {
+    border-radius: $roundedButtonBorderRadius;
+  }
+
+  &.p-button-icon-only {
+    width: $buttonIconOnlyWidth;
+    padding: $buttonIconOnlyPadding;
+
+    .p-button-icon-left,
     .p-button-icon-right {
-        margin-left: $inlineSpacing;
-    }
-
-    .p-button-icon-bottom {
-        margin-top: $inlineSpacing;
-    }
-
-    .p-button-icon-top {
-       margin-bottom: $inlineSpacing;
-    }
-
-    .p-badge {
-        margin-left: $inlineSpacing;
-        min-width: $fontSize;
-        height: $fontSize;
-        line-height: $fontSize;
-        color: $buttonBg;
-        background-color: $buttonTextColor;
-    }
-
-    &.p-button-raised {
-        box-shadow: $raisedButtonShadow;
+      margin: 0;
     }
 
     &.p-button-rounded {
-        border-radius: $roundedButtonBorderRadius;
+      border-radius: 50%;
+      height: $buttonIconOnlyWidth;
+    }
+  }
+
+  &.p-button-sm {
+    @include scaledFontSize($fontSize, $scaleSM);
+    @include scaledPadding($buttonPadding, $scaleSM);
+
+    .p-button-icon {
+      @include scaledFontSize($primeIconFontSize, $scaleSM);
+    }
+  }
+
+  &.p-button-lg {
+    @include scaledFontSize($fontSize, $scaleLG);
+    @include scaledPadding($buttonPadding, $scaleLG);
+
+    .p-button-icon {
+      @include scaledFontSize($primeIconFontSize, $scaleLG);
+    }
+  }
+
+  &.p-button-loading-label-only {
+    .p-button-label {
+      margin-left: $inlineSpacing;
     }
 
-    &.p-button-icon-only {
-        width: $buttonIconOnlyWidth;
-        padding: $buttonIconOnlyPadding;
-
-        .p-button-icon-left,
-        .p-button-icon-right {
-            margin: 0;
-        }
-
-        &.p-button-rounded {
-            border-radius: 50%;
-            height: $buttonIconOnlyWidth;
-        }
-    }
-
-    &.p-button-sm {
-        @include scaledFontSize($fontSize, $scaleSM);
-        @include scaledPadding($buttonPadding, $scaleSM);
-
-        .p-button-icon {
-            @include scaledFontSize($primeIconFontSize, $scaleSM);
-        }
-    }
-
-    &.p-button-lg {
-        @include scaledFontSize($fontSize, $scaleLG);
-        @include scaledPadding($buttonPadding, $scaleLG);
-
-        .p-button-icon {
-            @include scaledFontSize($primeIconFontSize, $scaleLG);
-        }
-    }
-
-    &.p-button-loading-label-only {
-        .p-button-label {
-            margin-left: $inlineSpacing;
-        }
-
-        .p-button-loading-icon {
-            margin-right: 0;
-        }
+    .p-button-loading-icon {
+      margin-right: 0;
     }
+  }
 }
 
 .p-fluid {
+  .p-button {
+    width: 100%;
+  }
+
+  .p-button-icon-only {
+    width: $buttonIconOnlyWidth;
+  }
+
+  .p-button-group {
+    display: flex;
+
     .p-button {
-        width: 100%;
-    }
-    
-    .p-button-icon-only {
-        width: $buttonIconOnlyWidth;
-    }
-
-    .p-button-group {
-        display: flex;
-        
-        .p-button {
-            flex: 1;
-        }
+      flex: 1;
     }
+  }
 }
 
-.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;
+.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;
+
+  &:not(:disabled):hover {
+    background: $secondaryButtonHoverBg;
+    color: $secondaryButtonTextHoverColor;
+    border-color: $secondaryButtonHoverBorderColor;
+  }
+
+  &:not(:disabled):focus {
+    box-shadow: $secondaryButtonFocusShadow;
+  }
+
+  &:not(:disabled):active {
+    background: $secondaryButtonActiveBg;
+    color: $secondaryButtonTextActiveColor;
+    border-color: $secondaryButtonActiveBorderColor;
+  }
+
+  &.p-button-outlined {
+    background-color: transparent;
+    color: $secondaryButtonBg;
+    border: $outlinedButtonBorder;
 
     &:not(:disabled):hover {
-        background: $secondaryButtonHoverBg;
-        color: $secondaryButtonTextHoverColor;
-        border-color: $secondaryButtonHoverBorderColor;
-    }
-
-    &:not(:disabled):focus {
-        box-shadow: $secondaryButtonFocusShadow;
+      background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity);
+      color: $secondaryButtonBg;
+      border: $outlinedButtonBorder;
     }
 
     &:not(:disabled):active {
-        background: $secondaryButtonActiveBg;
-        color: $secondaryButtonTextActiveColor;
-        border-color: $secondaryButtonActiveBorderColor;
+      background: rgba($secondaryButtonBg, $textButtonActiveBgOpacity);
+      color: $secondaryButtonBg;
+      border: $outlinedButtonBorder;
     }
-    
-    &.p-button-outlined {
-        background-color: transparent;
-        color: $secondaryButtonBg;
-        border: $outlinedButtonBorder;
+  }
 
-        &:not(:disabled):hover {
-            background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity);
-            color: $secondaryButtonBg;
-            border: $outlinedButtonBorder;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($secondaryButtonBg, $textButtonActiveBgOpacity);
-            color: $secondaryButtonBg;
-            border: $outlinedButtonBorder;
-        }
-    }
-
-    &.p-button-text {
-        background-color: transparent;
-        color: $secondaryButtonBg;
-        border-color: transparent;
-
-        &:not(:disabled):hover {
-            background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity);
-            border-color: transparent;
-            color: $secondaryButtonBg;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($secondaryButtonBg, $textButtonActiveBgOpacity);
-            border-color: transparent;
-            color: $secondaryButtonBg;
-        }
-    }
-}
-
-.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;
+  &.p-button-text {
+    background-color: transparent;
+    color: $secondaryButtonBg;
+    border-color: transparent;
 
     &:not(:disabled):hover {
-        background: $infoButtonHoverBg;
-        color: $infoButtonTextHoverColor;
-        border-color: $infoButtonHoverBorderColor;
-    }
-
-    &:not(:disabled):focus {
-        box-shadow: $infoButtonFocusShadow;
+      background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity);
+      border-color: transparent;
+      color: $secondaryButtonBg;
     }
 
     &:not(:disabled):active {
-        background: $infoButtonActiveBg;
-        color: $infoButtonTextActiveColor;
-        border-color: $infoButtonActiveBorderColor;
-    }
-
-    &.p-button-outlined {
-        background-color: transparent;
-        color: $infoButtonBg;
-        border: $outlinedButtonBorder;
-
-        &:not(:disabled):hover {
-            background: rgba($infoButtonBg, $textButtonHoverBgOpacity);
-            color: $infoButtonBg;
-            border: $outlinedButtonBorder;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($infoButtonBg, $textButtonActiveBgOpacity);
-            color: $infoButtonBg;
-            border: $outlinedButtonBorder;
-        }
-    }
-
-    &.p-button-text {
-        background-color: transparent;
-        color: $infoButtonBg;
-        border-color: transparent;
-
-        &:not(:disabled):hover {
-            background: rgba($infoButtonBg, $textButtonHoverBgOpacity);
-            border-color: transparent;
-            color: $infoButtonBg;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($infoButtonBg, $textButtonActiveBgOpacity);
-            border-color: transparent;
-            color: $infoButtonBg;
-        }
+      background: rgba($secondaryButtonBg, $textButtonActiveBgOpacity);
+      border-color: transparent;
+      color: $secondaryButtonBg;
     }
+  }
 }
 
-.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;
+.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;
+
+  &:not(:disabled):hover {
+    background: $infoButtonHoverBg;
+    color: $infoButtonTextHoverColor;
+    border-color: $infoButtonHoverBorderColor;
+  }
+
+  &:not(:disabled):focus {
+    box-shadow: $infoButtonFocusShadow;
+  }
+
+  &:not(:disabled):active {
+    background: $infoButtonActiveBg;
+    color: $infoButtonTextActiveColor;
+    border-color: $infoButtonActiveBorderColor;
+  }
+
+  &.p-button-outlined {
+    background-color: transparent;
+    color: $infoButtonBg;
+    border: $outlinedButtonBorder;
 
     &:not(:disabled):hover {
-        background: $successButtonHoverBg;
-        color: $successButtonTextHoverColor;
-        border-color: $successButtonHoverBorderColor;
-    }
-
-    &:not(:disabled):focus {
-        box-shadow: $successButtonFocusShadow;
+      background: rgba($infoButtonBg, $textButtonHoverBgOpacity);
+      color: $infoButtonBg;
+      border: $outlinedButtonBorder;
     }
 
     &:not(:disabled):active {
-        background: $successButtonActiveBg;
-        color: $successButtonTextActiveColor;
-        border-color: $successButtonActiveBorderColor;
+      background: rgba($infoButtonBg, $textButtonActiveBgOpacity);
+      color: $infoButtonBg;
+      border: $outlinedButtonBorder;
     }
+  }
 
-    &.p-button-outlined {
-        background-color: transparent;
-        color: $successButtonBg;
-        border: $outlinedButtonBorder;
+  &.p-button-text {
+    background-color: transparent;
+    color: $infoButtonBg;
+    border-color: transparent;
 
-        &:not(:disabled):hover {
-            background: rgba($successButtonBg, $textButtonHoverBgOpacity);
-            color: $successButtonBg;
-            border: $outlinedButtonBorder;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($successButtonBg, $textButtonActiveBgOpacity);
-            color: $successButtonBg;
-            border: $outlinedButtonBorder;
-        }
-    }
-
-    &.p-button-text {
-        background-color: transparent;
-        color: $successButtonBg;
-        border-color: transparent;
-
-        &:not(:disabled):hover {
-            background: rgba($successButtonBg, $textButtonHoverBgOpacity);
-            border-color: transparent;
-            color: $successButtonBg;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($successButtonBg, $textButtonActiveBgOpacity);
-            border-color: transparent;
-            color: $successButtonBg;
-        }
-    }
-}
-
-.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;
-    
     &:not(:disabled):hover {
-        background: $warningButtonHoverBg;
-        color: $warningButtonTextHoverColor;
-        border-color: $warningButtonHoverBorderColor;
-    }
-
-    &:not(:disabled):focus {
-        box-shadow: $warningButtonFocusShadow;
+      background: rgba($infoButtonBg, $textButtonHoverBgOpacity);
+      border-color: transparent;
+      color: $infoButtonBg;
     }
 
     &:not(:disabled):active {
-        background: $warningButtonActiveBg;
-        color: $warningButtonTextActiveColor;
-        border-color: $warningButtonActiveBorderColor;
-    }
-
-    &.p-button-outlined {
-        background-color: transparent;
-        color: $warningButtonBg;
-        border: $outlinedButtonBorder;
-
-        &:not(:disabled):hover {
-            background: rgba($warningButtonBg, $textButtonHoverBgOpacity);
-            color: $warningButtonBg;
-            border: $outlinedButtonBorder;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($warningButtonBg, $textButtonActiveBgOpacity);
-            color: $warningButtonBg;
-            border: $outlinedButtonBorder;
-        }
-    }
-
-    &.p-button-text {
-        background-color: transparent;
-        color: $warningButtonBg;
-        border-color: transparent;
-
-        &:not(:disabled):hover {
-            background: rgba($warningButtonBg, $textButtonHoverBgOpacity);
-            border-color: transparent;
-            color: $warningButtonBg;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($warningButtonBg, $textButtonActiveBgOpacity);
-            border-color: transparent;
-            color: $warningButtonBg;
-        }
+      background: rgba($infoButtonBg, $textButtonActiveBgOpacity);
+      border-color: transparent;
+      color: $infoButtonBg;
     }
+  }
 }
 
-.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;
+.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;
+
+  &:not(:disabled):hover {
+    background: $successButtonHoverBg;
+    color: $successButtonTextHoverColor;
+    border-color: $successButtonHoverBorderColor;
+  }
+
+  &:not(:disabled):focus {
+    box-shadow: $successButtonFocusShadow;
+  }
+
+  &:not(:disabled):active {
+    background: $successButtonActiveBg;
+    color: $successButtonTextActiveColor;
+    border-color: $successButtonActiveBorderColor;
+  }
+
+  &.p-button-outlined {
+    background-color: transparent;
+    color: $successButtonBg;
+    border: $outlinedButtonBorder;
 
     &:not(:disabled):hover {
-        background: $helpButtonHoverBg;
-        color: $helpButtonTextHoverColor;
-        border-color: $helpButtonHoverBorderColor;
-    }
-
-    &:not(:disabled):focus {
-        box-shadow: $helpButtonFocusShadow;
+      background: rgba($successButtonBg, $textButtonHoverBgOpacity);
+      color: $successButtonBg;
+      border: $outlinedButtonBorder;
     }
 
     &:not(:disabled):active {
-        background: $helpButtonActiveBg;
-        color: $helpButtonTextActiveColor;
-        border-color: $helpButtonActiveBorderColor;
+      background: rgba($successButtonBg, $textButtonActiveBgOpacity);
+      color: $successButtonBg;
+      border: $outlinedButtonBorder;
     }
+  }
 
-    &.p-button-outlined {
-        background-color: transparent;
-        color: $helpButtonBg;
-        border: $outlinedButtonBorder;
-
-        &:not(:disabled):hover {
-            background: rgba($helpButtonBg, $textButtonHoverBgOpacity);
-            color: $helpButtonBg;
-            border: $outlinedButtonBorder;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($helpButtonBg, $textButtonActiveBgOpacity);
-            color: $helpButtonBg;
-            border: $outlinedButtonBorder;
-        }
-    }
-
-    &.p-button-text {
-        background-color: transparent;
-        color: $helpButtonBg;
-        border-color: transparent;
-
-        &:not(:disabled):hover {
-            background: rgba($helpButtonBg, $textButtonHoverBgOpacity);
-            border-color: transparent;
-            color: $helpButtonBg;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($helpButtonBg, $textButtonActiveBgOpacity);
-            border-color: transparent;
-            color: $helpButtonBg;
-        }
-    }
-}
-
-.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;
+  &.p-button-text {
+    background-color: transparent;
+    color: $successButtonBg;
+    border-color: transparent;
 
     &:not(:disabled):hover {
-        background: $dangerButtonHoverBg;
-        color: $dangerButtonTextHoverColor;
-        border-color: $dangerButtonHoverBorderColor;
-    }
-
-    &:not(:disabled):focus {
-        box-shadow: $dangerButtonFocusShadow;
+      background: rgba($successButtonBg, $textButtonHoverBgOpacity);
+      border-color: transparent;
+      color: $successButtonBg;
     }
 
     &:not(:disabled):active {
-        background: $dangerButtonActiveBg;
-        color: $dangerButtonTextActiveColor;
-        border-color: $dangerButtonActiveBorderColor;
+      background: rgba($successButtonBg, $textButtonActiveBgOpacity);
+      border-color: transparent;
+      color: $successButtonBg;
+    }
+  }
+}
+
+.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;
+
+  &:not(:disabled):hover {
+    background: $warningButtonHoverBg;
+    color: $warningButtonTextHoverColor;
+    border-color: $warningButtonHoverBorderColor;
+  }
+
+  &:not(:disabled):focus {
+    box-shadow: $warningButtonFocusShadow;
+  }
+
+  &:not(:disabled):active {
+    background: $warningButtonActiveBg;
+    color: $warningButtonTextActiveColor;
+    border-color: $warningButtonActiveBorderColor;
+  }
+
+  &.p-button-outlined {
+    background-color: transparent;
+    color: $warningButtonBg;
+    border: $outlinedButtonBorder;
+
+    &:not(:disabled):hover {
+      background: rgba($warningButtonBg, $textButtonHoverBgOpacity);
+      color: $warningButtonBg;
+      border: $outlinedButtonBorder;
     }
 
-    &.p-button-outlined {
-        background-color: transparent;
-        color: $dangerButtonBg;
-        border: $outlinedButtonBorder;
+    &:not(:disabled):active {
+      background: rgba($warningButtonBg, $textButtonActiveBgOpacity);
+      color: $warningButtonBg;
+      border: $outlinedButtonBorder;
+    }
+  }
 
-        &:not(:disabled):hover {
-            background: rgba($dangerButtonBg, $textButtonHoverBgOpacity);
-            color: $dangerButtonBg;
-            border: $outlinedButtonBorder;
-        }
+  &.p-button-text {
+    background-color: transparent;
+    color: $warningButtonBg;
+    border-color: transparent;
 
-        &:not(:disabled):active {
-            background: rgba($dangerButtonBg, $textButtonActiveBgOpacity);
-            color: $dangerButtonBg;
-            border: $outlinedButtonBorder;
-        }
+    &:not(:disabled):hover {
+      background: rgba($warningButtonBg, $textButtonHoverBgOpacity);
+      border-color: transparent;
+      color: $warningButtonBg;
     }
 
-    &.p-button-text {
-        background-color: transparent;
-        color: $dangerButtonBg;
-        border-color: transparent;
-
-        &:not(:disabled):hover {
-            background: rgba($dangerButtonBg, $textButtonHoverBgOpacity);
-            border-color: transparent;
-            color: $dangerButtonBg;
-        }
-
-        &:not(:disabled):active {
-            background: rgba($dangerButtonBg, $textButtonActiveBgOpacity);
-            border-color: transparent;
-            color: $dangerButtonBg;
-        }
+    &:not(:disabled):active {
+      background: rgba($warningButtonBg, $textButtonActiveBgOpacity);
+      border-color: transparent;
+      color: $warningButtonBg;
     }
+  }
+}
+
+.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;
+
+  &:not(:disabled):hover {
+    background: $helpButtonHoverBg;
+    color: $helpButtonTextHoverColor;
+    border-color: $helpButtonHoverBorderColor;
+  }
+
+  &:not(:disabled):focus {
+    box-shadow: $helpButtonFocusShadow;
+  }
+
+  &:not(:disabled):active {
+    background: $helpButtonActiveBg;
+    color: $helpButtonTextActiveColor;
+    border-color: $helpButtonActiveBorderColor;
+  }
+
+  &.p-button-outlined {
+    background-color: transparent;
+    color: $helpButtonBg;
+    border: $outlinedButtonBorder;
+
+    &:not(:disabled):hover {
+      background: rgba($helpButtonBg, $textButtonHoverBgOpacity);
+      color: $helpButtonBg;
+      border: $outlinedButtonBorder;
+    }
+
+    &:not(:disabled):active {
+      background: rgba($helpButtonBg, $textButtonActiveBgOpacity);
+      color: $helpButtonBg;
+      border: $outlinedButtonBorder;
+    }
+  }
+
+  &.p-button-text {
+    background-color: transparent;
+    color: $helpButtonBg;
+    border-color: transparent;
+
+    &:not(:disabled):hover {
+      background: rgba($helpButtonBg, $textButtonHoverBgOpacity);
+      border-color: transparent;
+      color: $helpButtonBg;
+    }
+
+    &:not(:disabled):active {
+      background: rgba($helpButtonBg, $textButtonActiveBgOpacity);
+      border-color: transparent;
+      color: $helpButtonBg;
+    }
+  }
+}
+
+.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;
+
+  &:not(:disabled):hover {
+    background: $dangerButtonHoverBg;
+    color: $dangerButtonTextHoverColor;
+    border-color: $dangerButtonHoverBorderColor;
+  }
+
+  &:not(:disabled):focus {
+    box-shadow: $dangerButtonFocusShadow;
+  }
+
+  &:not(:disabled):active {
+    background: $dangerButtonActiveBg;
+    color: $dangerButtonTextActiveColor;
+    border-color: $dangerButtonActiveBorderColor;
+  }
+
+  &.p-button-outlined {
+    background-color: transparent;
+    color: $dangerButtonBg;
+    border: $outlinedButtonBorder;
+
+    &:not(:disabled):hover {
+      background: rgba($dangerButtonBg, $textButtonHoverBgOpacity);
+      color: $dangerButtonBg;
+      border: $outlinedButtonBorder;
+    }
+
+    &:not(:disabled):active {
+      background: rgba($dangerButtonBg, $textButtonActiveBgOpacity);
+      color: $dangerButtonBg;
+      border: $outlinedButtonBorder;
+    }
+  }
+
+  &.p-button-text {
+    background-color: transparent;
+    color: $dangerButtonBg;
+    border-color: transparent;
+
+    &:not(:disabled):hover {
+      background: rgba($dangerButtonBg, $textButtonHoverBgOpacity);
+      border-color: transparent;
+      color: $dangerButtonBg;
+    }
+
+    &:not(:disabled):active {
+      background: rgba($dangerButtonBg, $textButtonActiveBgOpacity);
+      border-color: transparent;
+      color: $dangerButtonBg;
+    }
+  }
 }
 
 @if variable-exists(contrastButtonTextColor) {
-    .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;
-    
-        &:not(:disabled):hover {
-            background: $contrastButtonHoverBg;
-            color: $contrastButtonTextHoverColor;
-            border-color: $contrastButtonHoverBorderColor;
-        }
-    
-        &:not(:disabled):focus {
-            box-shadow: $contrastButtonFocusShadow;
-        }
-    
-        &:not(:disabled):active {
-            background: $contrastButtonActiveBg;
-            color: $contrastButtonTextActiveColor;
-            border-color: $contrastButtonActiveBorderColor;
-        }
-    
-        &.p-button-outlined {
-            background-color: transparent;
-            color: $contrastButtonBg;
-            border: $outlinedButtonBorder;
-    
-            &:not(:disabled):hover {
-                background: rgba($contrastButtonBg, $textButtonHoverBgOpacity);
-                color: $contrastButtonBg;
-                border: $outlinedButtonBorder;
-            }
-    
-            &:not(:disabled):active {
-                background: rgba($contrastButtonBg, $textButtonActiveBgOpacity);
-                color: $contrastButtonBg;
-                border: $outlinedButtonBorder;
-            }
-        }
-    
-        &.p-button-text {
-            background-color: transparent;
-            color: $contrastButtonBg;
-            border-color: transparent;
-    
-            &:not(:disabled):hover {
-                background: rgba($contrastButtonBg, $textButtonHoverBgOpacity);
-                border-color: transparent;
-                color: $contrastButtonBg;
-            }
-    
-            &:not(:disabled):active {
-                background: rgba($contrastButtonBg, $textButtonActiveBgOpacity);
-                border-color: transparent;
-                color: $contrastButtonBg;
-            }
-        }
-    }
-}
-
-.p-button.p-button-link {
-    color: $linkButtonColor;
-    background: transparent;
-    border: transparent;
+  .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;
 
     &:not(:disabled):hover {
-        background:  transparent;
-        color: $linkButtonHoverColor;
-        border-color:  transparent;
-
-        .p-button-label {
-            text-decoration: $linkButtonTextHoverDecoration;
-        }
+      background: $contrastButtonHoverBg;
+      color: $contrastButtonTextHoverColor;
+      border-color: $contrastButtonHoverBorderColor;
     }
 
     &:not(:disabled):focus {
-        background: transparent;
-        box-shadow: $linkButtonFocusShadow;
-        border-color:  transparent;
+      box-shadow: $contrastButtonFocusShadow;
     }
 
     &:not(:disabled):active {
-        background:  transparent;
-        color: $linkButtonColor;
-        border-color:  transparent;
+      background: $contrastButtonActiveBg;
+      color: $contrastButtonTextActiveColor;
+      border-color: $contrastButtonActiveBorderColor;
     }
+
+    &.p-button-outlined {
+      background-color: transparent;
+      color: $contrastButtonBg;
+      border: $outlinedButtonBorder;
+
+      &:not(:disabled):hover {
+        background: rgba($contrastButtonBg, $textButtonHoverBgOpacity);
+        color: $contrastButtonBg;
+        border: $outlinedButtonBorder;
+      }
+
+      &:not(:disabled):active {
+        background: rgba($contrastButtonBg, $textButtonActiveBgOpacity);
+        color: $contrastButtonBg;
+        border: $outlinedButtonBorder;
+      }
+    }
+
+    &.p-button-text {
+      background-color: transparent;
+      color: $contrastButtonBg;
+      border-color: transparent;
+
+      &:not(:disabled):hover {
+        background: rgba($contrastButtonBg, $textButtonHoverBgOpacity);
+        border-color: transparent;
+        color: $contrastButtonBg;
+      }
+
+      &:not(:disabled):active {
+        background: rgba($contrastButtonBg, $textButtonActiveBgOpacity);
+        border-color: transparent;
+        color: $contrastButtonBg;
+      }
+    }
+  }
+}
+
+.p-button.p-button-link {
+  color: $linkButtonColor;
+  background: transparent;
+  border: transparent;
+
+  &:not(:disabled):hover {
+    background: transparent;
+    color: $linkButtonHoverColor;
+    border-color: transparent;
+
+    .p-button-label {
+      text-decoration: $linkButtonTextHoverDecoration;
+    }
+  }
+
+  &:not(:disabled):focus {
+    background: transparent;
+    box-shadow: $linkButtonFocusShadow;
+    border-color: transparent;
+  }
+
+  &:not(:disabled):active {
+    background: transparent;
+    color: $linkButtonColor;
+    border-color: transparent;
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/button/_speeddial.scss b/frontend/public/primevue-sass-theme/theme-base/components/button/_speeddial.scss
index 2531bc7..01d9108 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/button/_speeddial.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/button/_speeddial.scss
@@ -1,178 +1,180 @@
-@use 'sass:math';
+@use "sass:math";
 
 // core
 .p-speeddial {
-    position: absolute;
-    display: flex;
+  position: absolute;
+  display: flex;
 }
 
 .p-speeddial-button {
-    z-index: 1;
+  z-index: 1;
 }
 
 .p-speeddial-list {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transition: top 0s linear 0.2s;
-    pointer-events: none;
-    z-index: 2;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: top 0s linear 0.2s;
+  pointer-events: none;
+  z-index: 2;
 }
 
 .p-speeddial-item {
-    transform: scale(0);
-    opacity: 0;
-    transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
-    will-change: transform;
+  transform: scale(0);
+  opacity: 0;
+  transition:
+    transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+    opacity 0.8s;
+  will-change: transform;
 }
 
 .p-speeddial-action {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 50%;
-    position: relative;
-    overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  position: relative;
+  overflow: hidden;
 }
 
 .p-speeddial-circle .p-speeddial-item,
 .p-speeddial-semi-circle .p-speeddial-item,
 .p-speeddial-quarter-circle .p-speeddial-item {
-    position: absolute;
+  position: absolute;
 }
 
 .p-speeddial-rotate {
-    transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-    will-change: transform;
+  transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  will-change: transform;
 }
 
 .p-speeddial-mask {
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    opacity: 0;
-    transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
 }
 
 .p-speeddial-mask-visible {
-    pointer-events: none;
-    opacity: 1;
-    transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
+  pointer-events: none;
+  opacity: 1;
+  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
 }
 
 .p-speeddial-opened .p-speeddial-list {
-    pointer-events: auto;
+  pointer-events: auto;
 }
 
 .p-speeddial-opened .p-speeddial-item {
-    transform: scale(1);
-    opacity: 1;
+  transform: scale(1);
+  opacity: 1;
 }
 
 .p-speeddial-opened .p-speeddial-rotate {
-    transform: rotate(45deg);
+  transform: rotate(45deg);
 }
 
 // theme
 .p-speeddial-button {
-    &.p-button.p-button-icon-only {
-        width: $speedDialButtonWidth;
-        height: $speedDialButtonHeight;
+  &.p-button.p-button-icon-only {
+    width: $speedDialButtonWidth;
+    height: $speedDialButtonHeight;
 
-        .p-button-icon {
-            font-size: $speedDialButtonIconFontSize;
-        }
-
-        .p-icon {
-            width: $speedDialButtonIconFontSize;
-            height: $speedDialButtonIconFontSize;
-        }
+    .p-button-icon {
+      font-size: $speedDialButtonIconFontSize;
     }
+
+    .p-icon {
+      width: $speedDialButtonIconFontSize;
+      height: $speedDialButtonIconFontSize;
+    }
+  }
 }
 
 .p-speeddial-list {
-    outline: 0 none;
+  outline: 0 none;
 }
 
 .p-speeddial-item {
-    &.p-focus > .p-speeddial-action {
-        @include focused();
-    }
+  &.p-focus > .p-speeddial-action {
+    @include focused();
+  }
 }
 
 .p-speeddial-action {
-    width: $speedDialActionWidth;
-    height: $speedDialActionHeight;
-    background: $speedDialActionBg;
-    color: $speedDialActionTextColor;
-    outline-color: transparent;
-    transition: $actionIconTransition;
+  width: $speedDialActionWidth;
+  height: $speedDialActionHeight;
+  background: $speedDialActionBg;
+  color: $speedDialActionTextColor;
+  outline-color: transparent;
+  transition: $actionIconTransition;
 
-    &:hover {
-        background: $speedDialActionHoverBg;
-        color: $speedDialActionTextHoverColor;
-    }
+  &:hover {
+    background: $speedDialActionHoverBg;
+    color: $speedDialActionTextHoverColor;
+  }
 }
 
 .p-speeddial-direction-up {
-    .p-speeddial-item {
-        margin: math.div($inlineSpacing, 2) 0;
+  .p-speeddial-item {
+    margin: math.div($inlineSpacing, 2) 0;
 
-        &:first-child {
-            margin-bottom: $inlineSpacing;
-        }
+    &:first-child {
+      margin-bottom: $inlineSpacing;
     }
+  }
 }
 
 .p-speeddial-direction-down {
-    .p-speeddial-item {
-        margin: math.div($inlineSpacing, 2) 0;
+  .p-speeddial-item {
+    margin: math.div($inlineSpacing, 2) 0;
 
-        &:first-child {
-            margin-top: $inlineSpacing;
-        }
+    &:first-child {
+      margin-top: $inlineSpacing;
     }
+  }
 }
 
 .p-speeddial-direction-left {
-    .p-speeddial-item {
-        margin: 0 math.div($inlineSpacing, 2);
+  .p-speeddial-item {
+    margin: 0 math.div($inlineSpacing, 2);
 
-        &:first-child {
-            margin-right: $inlineSpacing;
-        }
+    &:first-child {
+      margin-right: $inlineSpacing;
     }
+  }
 }
 
 .p-speeddial-direction-right {
-    .p-speeddial-item {
-        margin: 0 math.div($inlineSpacing, 2);
+  .p-speeddial-item {
+    margin: 0 math.div($inlineSpacing, 2);
 
-        &:first-child {
-            margin-left: $inlineSpacing;
-        }
+    &:first-child {
+      margin-left: $inlineSpacing;
     }
+  }
 }
 
 .p-speeddial-circle,
 .p-speeddial-semi-circle,
 .p-speeddial-quarter-circle {
-    .p-speeddial-item {
-        margin: 0;
+  .p-speeddial-item {
+    margin: 0;
 
-        &:first-child,
-        &:last-child {
-            margin: 0;
-        }
+    &:first-child,
+    &:last-child {
+      margin: 0;
     }
+  }
 }
 
 .p-speeddial-mask {
-    background-color: $maskBg;
-    border-radius: $borderRadius;
-}
\ No newline at end of file
+  background-color: $maskBg;
+  border-radius: $borderRadius;
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/button/_splitbutton.scss b/frontend/public/primevue-sass-theme/theme-base/components/button/_splitbutton.scss
index f91ed67..832da53 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/button/_splitbutton.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/button/_splitbutton.scss
@@ -1,50 +1,51 @@
 // core
 .p-splitbutton {
-    display: inline-flex;
-    position: relative;
+  display: inline-flex;
+  position: relative;
 }
 
 .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 {
-    flex: 1 1 auto;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-    border-right: 0 none;
+.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;
+  border-right: 0 none;
 }
 
 .p-splitbutton-menubutton,
 .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
 .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }
 
 .p-splitbutton .p-menu {
-    min-width: 100%;
+  min-width: 100%;
 }
 
 .p-fluid .p-splitbutton {
-    display: flex;
+  display: flex;
 }
 
 // theme
 .p-splitbutton {
-    border-radius: $borderRadius;
+  border-radius: $borderRadius;
 
-    &.p-button-rounded {
-        border-radius: $roundedButtonBorderRadius;
+  &.p-button-rounded {
+    border-radius: $roundedButtonBorderRadius;
 
-        > .p-button {
-            border-radius: $roundedButtonBorderRadius;
-        }
+    > .p-button {
+      border-radius: $roundedButtonBorderRadius;
     }
+  }
 
-    &.p-button-raised {
-        box-shadow: $raisedButtonShadow;
-    }
-}
\ No newline at end of file
+  &.p-button-raised {
+    box-shadow: $raisedButtonShadow;
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/data/_carousel.scss b/frontend/public/primevue-sass-theme/theme-base/components/data/_carousel.scss
index 6a3fb59..32bd56f 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/data/_carousel.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/data/_carousel.scss
@@ -1,109 +1,109 @@
 // core
 .p-carousel {
-    display: flex;
-    flex-direction: column;
+  display: flex;
+  flex-direction: column;
 }
 
 .p-carousel-content {
-    display: flex;
-    flex-direction: column;
-    overflow: auto;
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
 }
 
 .p-carousel-prev,
 .p-carousel-next {
-    align-self: center;
-    flex-grow: 0;
-    flex-shrink: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    overflow: hidden;
-    position: relative;
+  align-self: center;
+  flex-grow: 0;
+  flex-shrink: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+  position: relative;
 }
 
 .p-carousel-container {
-    display: flex;
-    flex-direction: row;
+  display: flex;
+  flex-direction: row;
 }
 
 .p-carousel-items-content {
-    overflow: hidden;
-    width: 100%;
+  overflow: hidden;
+  width: 100%;
 }
 
 .p-carousel-items-container {
-    display: flex;
-    flex-direction: row;
+  display: flex;
+  flex-direction: row;
 }
 
 .p-carousel-indicators {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    flex-wrap: wrap;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  flex-wrap: wrap;
 }
 
 .p-carousel-indicator > button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 /* Vertical */
 .p-carousel-vertical .p-carousel-container {
-    flex-direction: column;
+  flex-direction: column;
 }
 
 .p-carousel-vertical .p-carousel-items-container {
-    flex-direction: column;
-    height: 100%;
+  flex-direction: column;
+  height: 100%;
 }
 
 /* Keyboard Support */
 .p-items-hidden .p-carousel-item {
-    visibility: hidden;
+  visibility: hidden;
 }
 
 .p-items-hidden .p-carousel-item.p-carousel-item-active {
-    visibility: visible;
+  visibility: visible;
 }
 
 // theme
 .p-carousel {
-    .p-carousel-content {
-        .p-carousel-prev,
-        .p-carousel-next {
-            @include action-icon();
-            margin: $inlineSpacing;
-        }
+  .p-carousel-content {
+    .p-carousel-prev,
+    .p-carousel-next {
+      @include action-icon();
+      margin: $inlineSpacing;
     }
+  }
 
-    .p-carousel-indicators {
-        padding: $carouselIndicatorsPadding;
+  .p-carousel-indicators {
+    padding: $carouselIndicatorsPadding;
 
-        .p-carousel-indicator {
-            margin-right: $inlineSpacing;
-            margin-bottom: $inlineSpacing;
-           
-            button {
-                background-color: $carouselIndicatorBg;
-                width: $carouselIndicatorWidth;
-                height: $carouselIndicatorHeight;
-                transition: $actionIconTransition;
-                border-radius: $carouselIndicatorBorderRadius;
+    .p-carousel-indicator {
+      margin-right: $inlineSpacing;
+      margin-bottom: $inlineSpacing;
 
-                &:hover {
-                    background: $carouselIndicatorHoverBg;
-                }
-            }
+      button {
+        background-color: $carouselIndicatorBg;
+        width: $carouselIndicatorWidth;
+        height: $carouselIndicatorHeight;
+        transition: $actionIconTransition;
+        border-radius: $carouselIndicatorBorderRadius;
 
-            &.p-highlight {
-                button {
-                    background: $highlightBg;
-                    color: $highlightTextColor;
-                }
-            }
+        &:hover {
+          background: $carouselIndicatorHoverBg;
         }
+      }
+
+      &.p-highlight {
+        button {
+          background: $highlightBg;
+          color: $highlightTextColor;
+        }
+      }
     }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/data/_datatable.scss b/frontend/public/primevue-sass-theme/theme-base/components/data/_datatable.scss
index 98c8705..0b68422 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/data/_datatable.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/data/_datatable.scss
@@ -1,584 +1,594 @@
 // core
 .p-datatable {
-    position: relative;
+  position: relative;
 }
 
 .p-datatable-table {
-    border-spacing: 0px;
-    width: 100%;
+  border-spacing: 0px;
+  width: 100%;
 }
 
 .p-datatable .p-sortable-column {
-    cursor: pointer;
-    user-select: none;
+  cursor: pointer;
+  user-select: none;
 }
 
 .p-datatable .p-sortable-column .p-column-title,
 .p-datatable .p-sortable-column .p-sortable-column-icon,
 .p-datatable .p-sortable-column .p-sortable-column-badge {
-    vertical-align: middle;
+  vertical-align: middle;
 }
 
 .p-datatable .p-sortable-column .p-sortable-column-badge {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .p-datatable-hoverable-rows .p-selectable-row {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 /* Scrollable */
 .p-datatable-scrollable > .p-datatable-wrapper {
-    position: relative;
+  position: relative;
 }
 
 .p-datatable-scrollable-table > .p-datatable-thead {
-    top: 0;
-    z-index: 1;
+  top: 0;
+  z-index: 1;
 }
 
 .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
-    position: sticky;
-    z-index: 1;
+  position: sticky;
+  z-index: 1;
 }
 
 .p-datatable-scrollable-table > .p-datatable-tfoot {
-    bottom: 0;
-    z-index: 1;
+  bottom: 0;
+  z-index: 1;
 }
 
 .p-datatable-scrollable .p-frozen-column {
-    position: sticky;
-    background: inherit;
+  position: sticky;
+  background: inherit;
 }
 
 .p-datatable-scrollable th.p-frozen-column {
-    z-index: 1;
+  z-index: 1;
 }
 
 .p-datatable-flex-scrollable {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
 }
 
 .p-datatable-flex-scrollable > .p-datatable-wrapper {
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    height: 100%;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  height: 100%;
 }
 
 .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
-    position: sticky;
-    z-index: 1;
+  position: sticky;
+  z-index: 1;
 }
 
 /* Resizable */
 .p-datatable-resizable-table > .p-datatable-thead > tr > th,
 .p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
 .p-datatable-resizable-table > .p-datatable-tbody > tr > td {
-    overflow: hidden;
-    white-space: nowrap;
+  overflow: hidden;
+  white-space: nowrap;
 }
 
-.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
+  > .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 {
-    display: none;
+.p-datatable-resizable-table-fit
+  > .p-datatable-thead
+  > tr
+  > th.p-resizable-column:last-child
+  .p-column-resizer {
+  display: none;
 }
 
 .p-datatable .p-column-resizer {
-    display: block;
-    position: absolute;
-    top: 0;
-    right: 0;
-    margin: 0;
-    width: 0.5rem;
-    height: 100%;
-    padding: 0px;
-    cursor: col-resize;
-    border: 1px solid transparent;
+  display: block;
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin: 0;
+  width: 0.5rem;
+  height: 100%;
+  padding: 0px;
+  cursor: col-resize;
+  border: 1px solid transparent;
 }
 
 .p-datatable .p-column-header-content {
-    display: flex;
-    align-items: center;
+  display: flex;
+  align-items: center;
 }
 
 .p-datatable .p-column-resizer-helper {
-    width: 1px;
-    position: absolute;
-    z-index: 10;
-    display: none;
+  width: 1px;
+  position: absolute;
+  z-index: 10;
+  display: none;
 }
 
 .p-datatable .p-row-editor-init,
 .p-datatable .p-row-editor-save,
 .p-datatable .p-row-editor-cancel {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    overflow: hidden;
-    position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  position: relative;
 }
 
 /* Expand */
 .p-datatable .p-row-toggler {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    overflow: hidden;
-    position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  position: relative;
 }
 
 /* Reorder */
 .p-datatable-reorder-indicator-up,
 .p-datatable-reorder-indicator-down {
-    position: absolute;
-    display: none;
+  position: absolute;
+  display: none;
 }
 
 .p-reorderable-column,
 .p-datatable-reorderablerow-handle {
-    cursor: move;
+  cursor: move;
 }
 
 /* Loader */
 .p-datatable .p-datatable-loading-overlay {
-    position: absolute;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    z-index: 2;
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 2;
 }
 
 /* Filter */
 .p-column-filter-row {
-    display: flex;
-    align-items: center;
-    width: 100%;
+  display: flex;
+  align-items: center;
+  width: 100%;
 }
 
 .p-column-filter-menu {
-    display: inline-flex;
-    margin-left: auto;
+  display: inline-flex;
+  margin-left: auto;
 }
 
 .p-column-filter-row .p-column-filter-element {
-    flex: 1 1 auto;
-    width: 1%;
+  flex: 1 1 auto;
+  width: 1%;
 }
 
 .p-column-filter-menu-button,
 .p-column-filter-clear-button {
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    text-decoration: none;
-    overflow: hidden;
-    position: relative;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  text-decoration: none;
+  overflow: hidden;
+  position: relative;
 }
 
 .p-column-filter-row-items {
-    margin: 0;
-    padding: 0;
-    list-style: none;
+  margin: 0;
+  padding: 0;
+  list-style: none;
 }
 
 .p-column-filter-row-item {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 .p-column-filter-add-button,
 .p-column-filter-remove-button {
-    justify-content: center;
+  justify-content: center;
 }
 
 .p-column-filter-add-button .p-button-label,
 .p-column-filter-remove-button .p-button-label {
-    flex-grow: 0;
+  flex-grow: 0;
 }
 
 .p-column-filter-buttonbar {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
 
 .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
-    width: auto;
+  width: auto;
 }
 
 /* Responsive */
 .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
-    display: none;
+  display: none;
 }
 
 /* VirtualScroller */
 .p-datatable-virtualscroller-spacer {
-    display: flex;
+  display: flex;
 }
 
 .p-datatable .p-virtualscroller .p-virtualscroller-loading {
-    transform: none !important;
-    min-height: 0;
-    position: sticky;
-    top: 0;
-    left: 0;
+  transform: none !important;
+  min-height: 0;
+  position: sticky;
+  top: 0;
+  left: 0;
 }
 
 // theme
 .p-datatable {
-    .p-paginator-top {
-        border-width: $tableTopPaginatorBorderWidth;
-        border-radius: 0;
+  .p-paginator-top {
+    border-width: $tableTopPaginatorBorderWidth;
+    border-radius: 0;
+  }
+
+  .p-paginator-bottom {
+    border-width: $tableBottomPaginatorBorderWidth;
+    border-radius: 0;
+  }
+
+  .p-datatable-header {
+    background: $tableHeaderBg;
+    color: $tableHeaderTextColor;
+    border: $tableHeaderBorder;
+    border-width: $tableHeaderBorderWidth;
+    padding: $tableHeaderPadding;
+    font-weight: $tableHeaderFontWeight;
+  }
+
+  .p-datatable-footer {
+    background: $tableFooterBg;
+    color: $tableFooterTextColor;
+    border: $tableFooterBorder;
+    border-width: $tableFooterBorderWidth;
+    padding: $tableFooterPadding;
+    font-weight: $tableFooterFontWeight;
+  }
+
+  .p-datatable-thead > tr > th {
+    text-align: $tableCellContentAlignment;
+    padding: $tableHeaderCellPadding;
+    border: $tableHeaderCellBorder;
+    border-width: $tableHeaderCellBorderWidth;
+    font-weight: $tableHeaderCellFontWeight;
+    color: $tableHeaderCellTextColor;
+    background: $tableHeaderCellBg;
+    transition: $listItemTransition;
+  }
+
+  .p-datatable-tfoot > tr > td {
+    text-align: $tableCellContentAlignment;
+    padding: $tableFooterCellPadding;
+    border: $tableFooterCellBorder;
+    border-width: $tableFooterCellBorderWidth;
+    font-weight: $tableFooterCellFontWeight;
+    color: $tableFooterCellTextColor;
+    background: $tableFooterCellBg;
+  }
+
+  .p-sortable-column {
+    .p-sortable-column-icon {
+      color: $tableHeaderCellIconColor;
+      margin-left: $inlineSpacing;
     }
 
-    .p-paginator-bottom {
-        border-width: $tableBottomPaginatorBorderWidth;
-        border-radius: 0;
+    .p-sortable-column-badge {
+      border-radius: 50%;
+      height: $tableSortableColumnBadgeSize;
+      min-width: $tableSortableColumnBadgeSize;
+      line-height: $tableSortableColumnBadgeSize;
+      color: $highlightTextColor;
+      background: $highlightBg;
+      margin-left: $inlineSpacing;
     }
 
+    &:not(.p-highlight):hover {
+      background: $tableHeaderCellHoverBg;
+      color: $tableHeaderCellTextHoverColor;
+
+      .p-sortable-column-icon {
+        color: $tableHeaderCellIconHoverColor;
+      }
+    }
+
+    &.p-highlight {
+      background: $tableHeaderCellHighlightBg;
+      color: $tableHeaderCellHighlightTextColor;
+
+      .p-sortable-column-icon {
+        color: $tableHeaderCellHighlightTextColor;
+      }
+
+      &:hover {
+        background: $tableHeaderCellHighlightHoverBg;
+        color: $tableHeaderCellHighlightTextColor;
+
+        .p-sortable-column-icon {
+          color: $tableHeaderCellHighlightTextColor;
+        }
+      }
+    }
+
+    &:focus-visible {
+      box-shadow: $inputListItemFocusShadow;
+      outline: 0 none;
+    }
+  }
+
+  .p-datatable-tbody {
+    > tr {
+      background: $tableBodyRowBg;
+      color: $tableBodyRowTextColor;
+      transition: $listItemTransition;
+
+      > td {
+        text-align: $tableCellContentAlignment;
+        border: $tableBodyCellBorder;
+        border-width: $tableBodyCellBorderWidth;
+        padding: $tableBodyCellPadding;
+
+        .p-row-toggler,
+        .p-row-editor-init,
+        .p-row-editor-save,
+        .p-row-editor-cancel {
+          @include action-icon();
+        }
+
+        .p-row-editor-save {
+          margin-right: $inlineSpacing;
+        }
+
+        > .p-column-title {
+          font-weight: $tableHeaderCellFontWeight;
+        }
+      }
+
+      &:focus-visible {
+        outline: 0.15rem solid $focusOutlineColor;
+        outline-offset: -0.15rem;
+      }
+
+      &.p-highlight {
+        background: $highlightBg;
+        color: $highlightTextColor;
+      }
+
+      &.p-highlight-contextmenu {
+        outline: 0.15rem solid $focusOutlineColor;
+        outline-offset: -0.15rem;
+      }
+
+      &.p-datatable-dragpoint-top > td {
+        box-shadow: inset 0 2px 0 0 $highlightBg;
+      }
+
+      &.p-datatable-dragpoint-bottom > td {
+        box-shadow: inset 0 -2px 0 0 $highlightBg;
+      }
+    }
+  }
+
+  &.p-datatable-hoverable-rows {
+    .p-datatable-tbody > tr:not(.p-highlight):hover {
+      background: $tableBodyRowHoverBg;
+      color: $tableBodyRowTextHoverColor;
+    }
+  }
+
+  .p-column-resizer-helper {
+    background: $tableResizerHelperBg;
+  }
+
+  &.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table,
+  &.p-datatable-scrollable
+    > .p-datatable-wrapper
+    > .p-virtualscroller
+    > .p-datatable-table {
+    > .p-datatable-thead,
+    > .p-datatable-tfoot {
+      background-color: $tableHeaderCellBg;
+    }
+  }
+
+  .p-datatable-loading-icon {
+    font-size: $loadingIconFontSize;
+
+    &.p-icon {
+      width: $loadingIconFontSize;
+      height: $loadingIconFontSize;
+    }
+  }
+
+  &.p-datatable-gridlines {
     .p-datatable-header {
-        background: $tableHeaderBg;
-        color: $tableHeaderTextColor;
-        border: $tableHeaderBorder;
-        border-width: $tableHeaderBorderWidth;
-        padding: $tableHeaderPadding;
-        font-weight: $tableHeaderFontWeight;
+      border-width: 1px 1px 0 1px;
     }
 
     .p-datatable-footer {
-        background: $tableFooterBg;
-        color: $tableFooterTextColor;
-        border: $tableFooterBorder;
-        border-width: $tableFooterBorderWidth;
-        padding: $tableFooterPadding;
-        font-weight: $tableFooterFontWeight;
+      border-width: 0 1px 1px 1px;
     }
 
-    .p-datatable-thead > tr > th {
-        text-align: $tableCellContentAlignment;
-        padding: $tableHeaderCellPadding;
-        border: $tableHeaderCellBorder;
-        border-width: $tableHeaderCellBorderWidth;
-        font-weight: $tableHeaderCellFontWeight;
-        color: $tableHeaderCellTextColor;
-        background: $tableHeaderCellBg;
-        transition: $listItemTransition;
+    .p-paginator-top {
+      border-width: 0 1px 0 1px;
     }
 
-    .p-datatable-tfoot > tr > td {
-        text-align: $tableCellContentAlignment;
-        padding: $tableFooterCellPadding;
-        border: $tableFooterCellBorder;
-        border-width: $tableFooterCellBorderWidth;
-        font-weight: $tableFooterCellFontWeight;
-        color: $tableFooterCellTextColor;
-        background: $tableFooterCellBg;
+    .p-paginator-bottom {
+      border-width: 0 1px 1px 1px;
     }
 
-    .p-sortable-column {
-        .p-sortable-column-icon {
-            color: $tableHeaderCellIconColor;
-            margin-left: $inlineSpacing;
-        }
-
-        .p-sortable-column-badge {
-            border-radius: 50%;
-            height: $tableSortableColumnBadgeSize;
-            min-width: $tableSortableColumnBadgeSize;
-            line-height: $tableSortableColumnBadgeSize;
-            color: $highlightTextColor;
-            background: $highlightBg;
-            margin-left: $inlineSpacing;
-        }
-
-        &:not(.p-highlight):hover {
-            background: $tableHeaderCellHoverBg;
-            color: $tableHeaderCellTextHoverColor;
-
-            .p-sortable-column-icon {
-                color: $tableHeaderCellIconHoverColor;
-            }
-        }
-
-        &.p-highlight {
-            background: $tableHeaderCellHighlightBg;
-            color: $tableHeaderCellHighlightTextColor;
-
-            .p-sortable-column-icon {
-                color: $tableHeaderCellHighlightTextColor;
-            }
-
-            &:hover {
-                background: $tableHeaderCellHighlightHoverBg;
-                color: $tableHeaderCellHighlightTextColor;
-    
-                .p-sortable-column-icon {
-                    color: $tableHeaderCellHighlightTextColor;
-                }
-            }
-        }
-
-        &:focus-visible {
-            box-shadow: $inputListItemFocusShadow;
-            outline: 0 none;
+    .p-datatable-thead {
+      > tr {
+        > th {
+          border-width: 1px 0 1px 1px;
+
+          &:last-child {
+            border-width: 1px;
+          }
         }
+      }
     }
 
     .p-datatable-tbody {
-        > tr {
-            background: $tableBodyRowBg;
-            color: $tableBodyRowTextColor;
-            transition: $listItemTransition;
+      > tr {
+        > td {
+          border-width: 1px 0 0 1px;
 
-            > td {
-                text-align: $tableCellContentAlignment;
-                border: $tableBodyCellBorder;
-                border-width: $tableBodyCellBorderWidth;
-                padding: $tableBodyCellPadding;
-
-                .p-row-toggler,
-                .p-row-editor-init,
-                .p-row-editor-save,
-                .p-row-editor-cancel {
-                    @include action-icon();
-                }
-
-                .p-row-editor-save {
-                    margin-right: $inlineSpacing;
-                }
-
-                > .p-column-title {
-                    font-weight: $tableHeaderCellFontWeight;
-                }
-            }
-
-            &:focus-visible {
-                outline: 0.15rem solid $focusOutlineColor;
-                outline-offset: -0.15rem;
-            }
-
-            &.p-highlight {
-                background: $highlightBg;
-                color: $highlightTextColor;
-            }
-
-            &.p-highlight-contextmenu {
-                outline: 0.15rem solid $focusOutlineColor;
-                outline-offset: -0.15rem;
-            }
-
-            &.p-datatable-dragpoint-top > td {
-                box-shadow: inset 0 2px 0 0 $highlightBg;
-            }
-
-            &.p-datatable-dragpoint-bottom > td {
-                box-shadow: inset 0 -2px 0 0 $highlightBg;
-            }
-        }
-    }
-
-    &.p-datatable-hoverable-rows {
-        .p-datatable-tbody > tr:not(.p-highlight):hover {
-            background: $tableBodyRowHoverBg;
-            color: $tableBodyRowTextHoverColor;
-        }
-    }
-
-    .p-column-resizer-helper {
-        background: $tableResizerHelperBg;
-    }
-
-    &.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table,
-    &.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table {
-        > .p-datatable-thead,
-        > .p-datatable-tfoot {
-            background-color: $tableHeaderCellBg;
-        }
-    }
-
-    .p-datatable-loading-icon {
-        font-size: $loadingIconFontSize;
-
-        &.p-icon {
-            width:  $loadingIconFontSize;
-            height: $loadingIconFontSize;
-        }
-    }
-
-    &.p-datatable-gridlines {
-        .p-datatable-header {
+          &:last-child {
             border-width: 1px 1px 0 1px;
+          }
         }
 
-        .p-datatable-footer {
+        &:last-child {
+          > td {
+            border-width: 1px 0 1px 1px;
+
+            &:last-child {
+              border-width: 1px;
+            }
+          }
+        }
+      }
+    }
+
+    .p-datatable-tfoot {
+      > tr {
+        > td {
+          border-width: 1px 0 1px 1px;
+
+          &:last-child {
+            border-width: 1px 1px 1px 1px;
+          }
+        }
+      }
+    }
+
+    .p-datatable-thead + .p-datatable-tfoot {
+      > tr {
+        > td {
+          border-width: 0 0 1px 1px;
+
+          &:last-child {
             border-width: 0 1px 1px 1px;
+          }
         }
+      }
+    }
 
-        .p-paginator-top {
-            border-width: 0 1px 0 1px;
-        }
+    &:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody {
+      > tr {
+        > td {
+          border-width: 0 0 1px 1px;
 
-        .p-paginator-bottom {
+          &:last-child {
             border-width: 0 1px 1px 1px;
+          }
         }
-
-        .p-datatable-thead {
-            > tr {
-                > th {
-                    border-width: 1px 0 1px 1px;
-
-                    &:last-child {
-                        border-width: 1px;
-                    }
-                }
-            }
-        }
-
-        .p-datatable-tbody {
-            > tr {
-                > td {
-                    border-width: 1px 0 0 1px;
-
-                    &:last-child {
-                        border-width: 1px 1px 0 1px;
-                    }
-                }
-
-                &:last-child {
-                    > td {
-                        border-width: 1px 0 1px 1px;
-
-                        &:last-child {
-                            border-width: 1px;
-                        }
-                    }
-                }
-            }
-        }
-
-        .p-datatable-tfoot {
-            > tr {
-                > td {
-                    border-width: 1px 0 1px 1px;
-
-                    &:last-child {
-                        border-width: 1px 1px 1px 1px;
-                    }
-                }
-            }
-        }
-
-        .p-datatable-thead + .p-datatable-tfoot {
-            > tr {
-                > td {
-                    border-width: 0 0 1px 1px;
-
-                    &:last-child {
-                        border-width: 0 1px 1px 1px;
-                    }
-                }
-            }
-        }
-
-        &:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody {
-            > tr {
-                > td {
-                    border-width: 0 0 1px 1px;
-
-                    &:last-child {
-                        border-width: 0 1px 1px 1px;
-                    }
-                }
-            }
-        }
-
-        &:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody {
-            > tr {
-                &:last-child {
-                    > td {
-                        border-width: 0 0 0 1px;
-
-                        &:last-child {
-                            border-width: 0 1px 0 1px;
-                        }
-                    }
-                }
-            }
-        }
+      }
     }
 
-    &.p-datatable-striped {
-        .p-datatable-tbody {
-            > tr.p-row-odd {
-                background: $tableBodyRowEvenBg;
-    
-                &.p-highlight {
-                    background: $highlightBg;
-                    color: $highlightTextColor;
-    
-                    .p-row-toggler {
-                        color: $highlightTextColor;
-    
-                        &:hover {
-                            color: $highlightTextColor;
-                        }
-                    }
-                }
+    &:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody {
+      > tr {
+        &:last-child {
+          > td {
+            border-width: 0 0 0 1px;
+
+            &:last-child {
+              border-width: 0 1px 0 1px;
             }
+          }
         }
+      }
+    }
+  }
+
+  &.p-datatable-striped {
+    .p-datatable-tbody {
+      > tr.p-row-odd {
+        background: $tableBodyRowEvenBg;
+
+        &.p-highlight {
+          background: $highlightBg;
+          color: $highlightTextColor;
+
+          .p-row-toggler {
+            color: $highlightTextColor;
+
+            &:hover {
+              color: $highlightTextColor;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  &.p-datatable-sm {
+    .p-datatable-header {
+      @include scaledPadding($tableHeaderPadding, $tableScaleSM);
     }
 
-    &.p-datatable-sm {
-        .p-datatable-header {
-            @include scaledPadding($tableHeaderPadding, $tableScaleSM);
-        }
-
-        .p-datatable-thead > tr > th {
-            @include scaledPadding($tableHeaderCellPadding, $tableScaleSM);
-        }
-
-        .p-datatable-tbody > tr > td {
-            @include scaledPadding($tableBodyCellPadding, $tableScaleSM);
-        }
-
-        .p-datatable-tfoot > tr > td {
-            @include scaledPadding($tableFooterPadding, $tableScaleSM);
-        }
-
-        .p-datatable-footer {
-            @include scaledPadding($tableFooterPadding, $tableScaleSM);
-        }
+    .p-datatable-thead > tr > th {
+      @include scaledPadding($tableHeaderCellPadding, $tableScaleSM);
     }
 
-    &.p-datatable-lg {
-        .p-datatable-header {
-            @include scaledPadding($tableHeaderPadding, $tableScaleLG);
-        }
-
-        .p-datatable-thead > tr > th {
-            @include scaledPadding($tableHeaderCellPadding, $tableScaleLG);
-        }
-
-        .p-datatable-tbody > tr > td {
-            @include scaledPadding($tableBodyCellPadding, $tableScaleLG);
-        }
-
-        .p-datatable-tfoot > tr > td {
-            @include scaledPadding($tableFooterPadding, $tableScaleLG);
-        }
-
-        .p-datatable-footer {
-            @include scaledPadding($tableFooterPadding, $tableScaleLG);
-        }
+    .p-datatable-tbody > tr > td {
+      @include scaledPadding($tableBodyCellPadding, $tableScaleSM);
     }
+
+    .p-datatable-tfoot > tr > td {
+      @include scaledPadding($tableFooterPadding, $tableScaleSM);
+    }
+
+    .p-datatable-footer {
+      @include scaledPadding($tableFooterPadding, $tableScaleSM);
+    }
+  }
+
+  &.p-datatable-lg {
+    .p-datatable-header {
+      @include scaledPadding($tableHeaderPadding, $tableScaleLG);
+    }
+
+    .p-datatable-thead > tr > th {
+      @include scaledPadding($tableHeaderCellPadding, $tableScaleLG);
+    }
+
+    .p-datatable-tbody > tr > td {
+      @include scaledPadding($tableBodyCellPadding, $tableScaleLG);
+    }
+
+    .p-datatable-tfoot > tr > td {
+      @include scaledPadding($tableFooterPadding, $tableScaleLG);
+    }
+
+    .p-datatable-footer {
+      @include scaledPadding($tableFooterPadding, $tableScaleLG);
+    }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/data/_dataview.scss b/frontend/public/primevue-sass-theme/theme-base/components/data/_dataview.scss
index db26494..918f6f0 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/data/_dataview.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/data/_dataview.scss
@@ -1,38 +1,38 @@
 .p-dataview {
-    .p-paginator-top {
-        border-width: $tableTopPaginatorBorderWidth;
-        border-radius: 0;
-    }
+  .p-paginator-top {
+    border-width: $tableTopPaginatorBorderWidth;
+    border-radius: 0;
+  }
 
-    .p-paginator-bottom {
-        border-width: $tableBottomPaginatorBorderWidth;
-        border-radius: 0;
-    }
+  .p-paginator-bottom {
+    border-width: $tableBottomPaginatorBorderWidth;
+    border-radius: 0;
+  }
 
-    .p-dataview-header {
-        background: $tableHeaderBg;
-        color: $tableHeaderTextColor;
-        border: $tableHeaderBorder;
-        border-width: $tableHeaderBorderWidth;
-        padding: $tableHeaderPadding;
-        font-weight: $tableHeaderFontWeight;
-    }
+  .p-dataview-header {
+    background: $tableHeaderBg;
+    color: $tableHeaderTextColor;
+    border: $tableHeaderBorder;
+    border-width: $tableHeaderBorderWidth;
+    padding: $tableHeaderPadding;
+    font-weight: $tableHeaderFontWeight;
+  }
 
-    .p-dataview-content {
-        background: $tableBodyRowBg;
-        color: $tableBodyRowTextColor;
-        border: $dataViewContentBorder;
-        padding: $dataViewContentPadding;
-    }
+  .p-dataview-content {
+    background: $tableBodyRowBg;
+    color: $tableBodyRowTextColor;
+    border: $dataViewContentBorder;
+    padding: $dataViewContentPadding;
+  }
 
-    .p-dataview-footer {
-        background: $tableFooterBg;
-        color: $tableFooterTextColor;
-        border: $tableFooterBorder;
-        border-width: $tableFooterBorderWidth;
-        padding: $tableFooterPadding;
-        font-weight: $tableFooterFontWeight;
-        border-bottom-left-radius: $borderRadius;
-        border-bottom-right-radius: $borderRadius;
-    }
+  .p-dataview-footer {
+    background: $tableFooterBg;
+    color: $tableFooterTextColor;
+    border: $tableFooterBorder;
+    border-width: $tableFooterBorderWidth;
+    padding: $tableFooterPadding;
+    font-weight: $tableFooterFontWeight;
+    border-bottom-left-radius: $borderRadius;
+    border-bottom-right-radius: $borderRadius;
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/data/_filter.scss b/frontend/public/primevue-sass-theme/theme-base/components/data/_filter.scss
index 9b3d4fd..0f6e3a6 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/data/_filter.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/data/_filter.scss
@@ -1,148 +1,147 @@
 .p-column-filter-row {
-    .p-column-filter-menu-button,
-    .p-column-filter-clear-button {
-        margin-left: $inlineSpacing;
-    }
+  .p-column-filter-menu-button,
+  .p-column-filter-clear-button {
+    margin-left: $inlineSpacing;
+  }
 }
 
 .p-column-filter-menu-button {
-    width: $actionIconWidth;
-    height: $actionIconHeight;
-    color: $actionIconColor;
-    border: $actionIconBorder;
-    background: $actionIconBg;
-    border-radius: $actionIconBorderRadius;
-    transition: $actionIconTransition;
-    outline-color: transparent;
+  width: $actionIconWidth;
+  height: $actionIconHeight;
+  color: $actionIconColor;
+  border: $actionIconBorder;
+  background: $actionIconBg;
+  border-radius: $actionIconBorderRadius;
+  transition: $actionIconTransition;
+  outline-color: transparent;
 
-    &:hover {
-        color: $actionIconHoverColor;
-        border-color: $actionIconHoverBorderColor;
-        background: $actionIconHoverBg;
-    }
+  &:hover {
+    color: $actionIconHoverColor;
+    border-color: $actionIconHoverBorderColor;
+    background: $actionIconHoverBg;
+  }
 
-    &.p-column-filter-menu-button-open,
-    &.p-column-filter-menu-button-open:hover {
-        background: $actionIconHoverBg;
-        color: $actionIconHoverColor;
-    }
+  &.p-column-filter-menu-button-open,
+  &.p-column-filter-menu-button-open:hover {
+    background: $actionIconHoverBg;
+    color: $actionIconHoverColor;
+  }
 
-    &.p-column-filter-menu-button-active,
-    &.p-column-filter-menu-button-active:hover {
-        background: $highlightBg;
-        color: $highlightTextColor;
-    }
-
-    &:focus-visible {
-        @include focused();
-    }
+  &.p-column-filter-menu-button-active,
+  &.p-column-filter-menu-button-active:hover {
+    background: $highlightBg;
+    color: $highlightTextColor;
+  }
 
+  &:focus-visible {
+    @include focused();
+  }
 }
 
 .p-column-filter-clear-button {
-    width: $actionIconWidth;
-    height: $actionIconHeight;
-    color: $actionIconColor;
-    border: $actionIconBorder;
-    background: $actionIconBg;
-    border-radius: $actionIconBorderRadius;
-    transition: $actionIconTransition;
-    outline-color: transparent;
+  width: $actionIconWidth;
+  height: $actionIconHeight;
+  color: $actionIconColor;
+  border: $actionIconBorder;
+  background: $actionIconBg;
+  border-radius: $actionIconBorderRadius;
+  transition: $actionIconTransition;
+  outline-color: transparent;
 
-    &:hover {
-        color: $actionIconHoverColor;
-        border-color: $actionIconHoverBorderColor;
-        background: $actionIconHoverBg;
-    }
+  &:hover {
+    color: $actionIconHoverColor;
+    border-color: $actionIconHoverBorderColor;
+    background: $actionIconHoverBg;
+  }
 
-    &:focus-visible {
-        @include focused();
-    }
+  &:focus-visible {
+    @include focused();
+  }
 }
 
 .p-column-filter-overlay {
-    background: $inputOverlayBg;
-    color: $inputListTextColor;
-    border: $inputOverlayBorder;
-    border-radius: $borderRadius;
-    box-shadow: $inputOverlayShadow;
-    min-width: $menuWidth;
+  background: $inputOverlayBg;
+  color: $inputListTextColor;
+  border: $inputOverlayBorder;
+  border-radius: $borderRadius;
+  box-shadow: $inputOverlayShadow;
+  min-width: $menuWidth;
 
-    .p-column-filter-row-items {
-        padding: $inputListPadding;
+  .p-column-filter-row-items {
+    padding: $inputListPadding;
 
-        .p-column-filter-row-item {
-            margin: $inputListItemMargin;
-            padding: $inputListItemPadding;
-            border: $inputListItemBorder;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-            transition: $listItemTransition;
-            border-radius: $inputListItemBorderRadius;
+    .p-column-filter-row-item {
+      margin: $inputListItemMargin;
+      padding: $inputListItemPadding;
+      border: $inputListItemBorder;
+      color: $inputListItemTextColor;
+      background: $inputListItemBg;
+      transition: $listItemTransition;
+      border-radius: $inputListItemBorderRadius;
 
-            &:first-child {
-                margin-top: 0;
-            }
+      &:first-child {
+        margin-top: 0;
+      }
 
-            &:last-child {
-                margin-bottom: 0;
-            }
+      &:last-child {
+        margin-bottom: 0;
+      }
 
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-            }
+      &.p-highlight {
+        color: $highlightTextColor;
+        background: $highlightBg;
+      }
 
-            &:not(.p-highlight):not(.p-disabled):hover {
-                color: $inputListItemTextHoverColor;
-                background: $inputListItemHoverBg;
-            }
+      &:not(.p-highlight):not(.p-disabled):hover {
+        color: $inputListItemTextHoverColor;
+        background: $inputListItemHoverBg;
+      }
 
-            &:focus-visible {
-                @include focused-listitem();
-            }
-        }
-
-        .p-column-filter-separator {
-            border-top: $divider;
-            margin: $menuSeparatorMargin;
-        }
+      &:focus-visible {
+        @include focused-listitem();
+      }
     }
+
+    .p-column-filter-separator {
+      border-top: $divider;
+      margin: $menuSeparatorMargin;
+    }
+  }
 }
 
 .p-column-filter-overlay-menu {
-    .p-column-filter-operator {
-        padding: $inputListHeaderPadding;
-        border-bottom: $inputListHeaderBorder;
-        color: $inputListHeaderTextColor;
-        background: $inputOverlayHeaderBg;
-        margin: $inputListHeaderMargin;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
+  .p-column-filter-operator {
+    padding: $inputListHeaderPadding;
+    border-bottom: $inputListHeaderBorder;
+    color: $inputListHeaderTextColor;
+    background: $inputOverlayHeaderBg;
+    margin: $inputListHeaderMargin;
+    border-top-right-radius: $borderRadius;
+    border-top-left-radius: $borderRadius;
+  }
+
+  .p-column-filter-constraint {
+    padding: $panelContentPadding;
+    border-bottom: $divider;
+
+    .p-column-filter-matchmode-dropdown {
+      margin-bottom: $inlineSpacing;
     }
 
-    .p-column-filter-constraint {
-        padding: $panelContentPadding;
-        border-bottom: $divider;
-
-        .p-column-filter-matchmode-dropdown {
-            margin-bottom: $inlineSpacing;
-        }
-
-        .p-column-filter-remove-button {
-            margin-top: $inlineSpacing;
-        }
-
-        &:last-child {
-            border-bottom: 0 none;
-        }
+    .p-column-filter-remove-button {
+      margin-top: $inlineSpacing;
     }
 
-    .p-column-filter-add-rule {
-        padding: $panelFooterPadding;
+    &:last-child {
+      border-bottom: 0 none;
     }
+  }
 
-    .p-column-filter-buttonbar {
-        padding: $panelContentPadding;
-    } 
-}
\ No newline at end of file
+  .p-column-filter-add-rule {
+    padding: $panelFooterPadding;
+  }
+
+  .p-column-filter-buttonbar {
+    padding: $panelContentPadding;
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/data/_orderlist.scss b/frontend/public/primevue-sass-theme/theme-base/components/data/_orderlist.scss
index d14442c..82e8b02 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/data/_orderlist.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/data/_orderlist.scss
@@ -1,130 +1,132 @@
 // core
 .p-orderlist {
-    display: flex;
+  display: flex;
 }
 
 .p-orderlist-controls {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 }
 
 .p-orderlist-list-container {
-    flex: 1 1 auto;
+  flex: 1 1 auto;
 }
 
 .p-orderlist-list {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-    overflow: auto;
-    min-height: 12rem;
-    max-height: 24rem;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  overflow: auto;
+  min-height: 12rem;
+  max-height: 24rem;
 }
 
 .p-orderlist-item {
-    cursor: pointer;
-    overflow: hidden;
-    position: relative;
+  cursor: pointer;
+  overflow: hidden;
+  position: relative;
 }
 
 .p-orderlist.p-state-disabled .p-orderlist-item,
 .p-orderlist.p-state-disabled .p-button {
-    cursor: default;
+  cursor: default;
 }
 
 .p-orderlist.p-state-disabled .p-orderlist-list {
-    overflow: hidden;
+  overflow: hidden;
 }
 
 // theme
 .p-orderlist {
-    .p-orderlist-controls {
-        padding: $panelContentPadding;
+  .p-orderlist-controls {
+    padding: $panelContentPadding;
 
-        .p-button {
-            margin-bottom: $inlineSpacing;
-        }
+    .p-button {
+      margin-bottom: $inlineSpacing;
+    }
+  }
+
+  .p-orderlist-list-container {
+    background: $panelContentBg;
+    border: $panelContentBorder;
+    border-radius: $borderRadius;
+    transition: $formElementTransition;
+    outline-color: transparent;
+
+    &.p-focus {
+      @include focused-input();
+    }
+  }
+
+  .p-orderlist-header {
+    color: $panelHeaderTextColor;
+    padding: $panelHeaderPadding;
+    font-weight: $panelHeaderFontWeight;
+  }
+
+  .p-orderlist-list {
+    color: $panelContentTextColor;
+    padding: $inputListPadding;
+    outline: 0 none;
+
+    &:not(:first-child) {
+      border-top: $panelContentBorder;
     }
 
-    .p-orderlist-list-container {
-        background: $panelContentBg;
-        border: $panelContentBorder;
-        border-radius: $borderRadius;
-        transition: $formElementTransition;
-        outline-color: transparent;
+    .p-orderlist-item {
+      padding: $inputListItemPadding;
+      margin: $inputListItemMargin;
+      border: $inputListItemBorder;
+      color: $inputListItemTextColor;
+      background: $inputListItemBg;
+      transition:
+        transform $transitionDuration,
+        $listItemTransition;
+
+      &:first-child {
+        margin-top: 0;
+      }
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+
+      &:not(.p-highlight):hover {
+        background: $inputListItemHoverBg;
+        color: $inputListItemTextHoverColor;
 
         &.p-focus {
-            @include focused-input();
+          color: $inputListItemTextHoverColor;
+          background: $inputListItemHoverBg;
         }
-    }
+      }
 
-    .p-orderlist-header {
-        color: $panelHeaderTextColor;
-        padding: $panelHeaderPadding;
-        font-weight: $panelHeaderFontWeight;
-    }
+      &.p-focus {
+        color: $inputListItemTextHoverColor;
+        background: $inputListItemHoverBg;
+      }
 
+      &.p-highlight {
+        color: $highlightTextColor;
+        background: $highlightBg;
+
+        &.p-focus {
+          background: $highlightFocusBg;
+        }
+      }
+    }
+  }
+
+  &.p-orderlist-striped {
     .p-orderlist-list {
-        color: $panelContentTextColor;
-        padding: $inputListPadding;
-        outline: 0 none;
-        
-        &:not(:first-child) {
-            border-top: $panelContentBorder;
-        }
-
-        .p-orderlist-item {
-            padding: $inputListItemPadding;
-            margin: $inputListItemMargin;
-            border: $inputListItemBorder;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-            transition: transform $transitionDuration, $listItemTransition;
-
-            &:first-child {
-                margin-top: 0;
-            }
-
-            &:last-child {
-                margin-bottom: 0;
-            }
-
-            &:not(.p-highlight):hover {
-                background: $inputListItemHoverBg;
-                color: $inputListItemTextHoverColor;
-
-                &.p-focus {
-                    color: $inputListItemTextHoverColor;
-                    background: $inputListItemHoverBg;
-                }
-            }
-
-            &.p-focus {
-                color: $inputListItemTextHoverColor;
-                background: $inputListItemHoverBg;
-            }
-
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-
-                &.p-focus {
-                    background: $highlightFocusBg;
-                }
-            }
+      .p-orderlist-item:nth-child(even) {
+        background: $panelContentEvenRowBg;
+
+        &:hover {
+          background: $inputListItemHoverBg;
         }
+      }
     }
-
-    &.p-orderlist-striped {
-        .p-orderlist-list {
-            .p-orderlist-item:nth-child(even) {
-                background: $panelContentEvenRowBg;
-
-                &:hover {
-                    background: $inputListItemHoverBg;
-                }
-            }
-        }
-    }
-}
\ No newline at end of file
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/data/_organizationchart.scss b/frontend/public/primevue-sass-theme/theme-base/components/data/_organizationchart.scss
index fa85f90..92dcf9c 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/data/_organizationchart.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/data/_organizationchart.scss
@@ -1,106 +1,106 @@
 // core
 .p-organizationchart-table {
-    border-spacing: 0;
-    border-collapse: separate;
-    margin: 0 auto;
+  border-spacing: 0;
+  border-collapse: separate;
+  margin: 0 auto;
 }
 
 .p-organizationchart-table > tbody > tr > td {
-    text-align: center;
-    vertical-align: top;
-    padding: 0 0.75rem;
+  text-align: center;
+  vertical-align: top;
+  padding: 0 0.75rem;
 }
 
 .p-organizationchart-node-content {
-    display: inline-block;
-    position: relative;
+  display: inline-block;
+  position: relative;
 }
 
 .p-organizationchart-node-content .p-node-toggler {
-    position: absolute;
-    bottom: -0.75rem;
-    margin-left: -0.75rem;
-    z-index: 2;
-    left: 50%;
-    user-select: none;
-    cursor: pointer;
-    width: 1.5rem;
-    height: 1.5rem;
-    text-decoration: none;
+  position: absolute;
+  bottom: -0.75rem;
+  margin-left: -0.75rem;
+  z-index: 2;
+  left: 50%;
+  user-select: none;
+  cursor: pointer;
+  width: 1.5rem;
+  height: 1.5rem;
+  text-decoration: none;
 }
 
 .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
-    position: relative;
-    top: 0.25rem;
+  position: relative;
+  top: 0.25rem;
 }
 
 .p-organizationchart-line-down {
-    margin: 0 auto;
-    height: 20px;
-    width: 1px;
+  margin: 0 auto;
+  height: 20px;
+  width: 1px;
 }
 
 .p-organizationchart-line-right {
-    border-radius: 0px;
+  border-radius: 0px;
 }
 
 .p-organizationchart-line-left {
-    border-radius: 0;
+  border-radius: 0;
 }
 
 .p-organizationchart-selectable-node {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 // theme
 .p-organizationchart {
-    .p-organizationchart-node-content {
-        &.p-organizationchart-selectable-node:not(.p-highlight):hover {
-            background: $inputListItemHoverBg;
-            color: $inputListItemTextHoverColor;
-        }
-
-        &.p-highlight {
-            background: $highlightBg;
-            color: $highlightTextColor;
-
-            .p-node-toggler {
-                i {
-                    color: darken($highlightBg, 25%);
-                }
-            }
+  .p-organizationchart-node-content {
+    &.p-organizationchart-selectable-node:not(.p-highlight):hover {
+      background: $inputListItemHoverBg;
+      color: $inputListItemTextHoverColor;
+    }
+
+    &.p-highlight {
+      background: $highlightBg;
+      color: $highlightTextColor;
+
+      .p-node-toggler {
+        i {
+          color: darken($highlightBg, 25%);
         }
+      }
     }
+  }
 
-    .p-organizationchart-line-down {
-        background: $organizationChartConnectorColor;
-    }
-
-    .p-organizationchart-line-left {
-        border-right: $panelContentBorder;
-        border-color: $organizationChartConnectorColor;
-    }
-
-    .p-organizationchart-line-top {
-        border-top: $panelContentBorder;
-        border-color: $organizationChartConnectorColor;
-    }
-
-    .p-organizationchart-node-content {
-        border: $panelContentBorder;
-        background: $panelContentBg;
-        color: $panelContentTextColor;
-        padding: $panelContentPadding;
-    }
-
-    .p-organizationchart-node-content .p-node-toggler {
-        background: inherit;
-        color: inherit;
-        border-radius: 50%;
-        outline-color: transparent;
-
-        &:focus-visible {
-            @include focused();
-        }
+  .p-organizationchart-line-down {
+    background: $organizationChartConnectorColor;
+  }
+
+  .p-organizationchart-line-left {
+    border-right: $panelContentBorder;
+    border-color: $organizationChartConnectorColor;
+  }
+
+  .p-organizationchart-line-top {
+    border-top: $panelContentBorder;
+    border-color: $organizationChartConnectorColor;
+  }
+
+  .p-organizationchart-node-content {
+    border: $panelContentBorder;
+    background: $panelContentBg;
+    color: $panelContentTextColor;
+    padding: $panelContentPadding;
+  }
+
+  .p-organizationchart-node-content .p-node-toggler {
+    background: inherit;
+    color: inherit;
+    border-radius: 50%;
+    outline-color: transparent;
+
+    &:focus-visible {
+      @include focused();
     }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/data/_paginator.scss b/frontend/public/primevue-sass-theme/theme-base/components/data/_paginator.scss
index c75010d..3ebef6c 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/data/_paginator.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/data/_paginator.scss
@@ -1,21 +1,21 @@
 // core
 .p-paginator-default {
-    display: flex;
+  display: flex;
 }
 
 .p-paginator {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-wrap: wrap;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
 }
 
 .p-paginator-left-content {
-    margin-right: auto;
+  margin-right: auto;
 }
 
 .p-paginator-right-content {
-    margin-left: auto;
+  margin-left: auto;
 }
 
 .p-paginator-page,
@@ -24,111 +24,111 @@
 .p-paginator-first,
 .p-paginator-prev,
 .p-paginator-current {
-    cursor: pointer;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    line-height: 1;
-    user-select: none;
-    overflow: hidden;
-    position: relative;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+  user-select: none;
+  overflow: hidden;
+  position: relative;
 }
 
 .p-paginator-element:focus {
-    z-index: 1;
-    position: relative;
+  z-index: 1;
+  position: relative;
 }
 
 // theme
 .p-paginator {
-    background: $paginatorBg;
-    color: $paginatorTextColor;
-    border: $paginatorBorder;
-    border-width: $paginatorBorderWidth;
-    padding: $paginatorPadding;
-    border-radius: $borderRadius;
+  background: $paginatorBg;
+  color: $paginatorTextColor;
+  border: $paginatorBorder;
+  border-width: $paginatorBorderWidth;
+  padding: $paginatorPadding;
+  border-radius: $borderRadius;
 
-    .p-paginator-first,
-    .p-paginator-prev,
-    .p-paginator-next,
-    .p-paginator-last {
-        background-color: $paginatorElementBg;
-        border: $paginatorElementBorder;
-        color: $paginatorElementIconColor;
-        min-width: $paginatorElementWidth;
-        height: $paginatorElementHeight;
-        margin: $paginatorElementMargin;
-        transition: $listItemTransition;
-        border-radius: $paginatorElementBorderRadius;
+  .p-paginator-first,
+  .p-paginator-prev,
+  .p-paginator-next,
+  .p-paginator-last {
+    background-color: $paginatorElementBg;
+    border: $paginatorElementBorder;
+    color: $paginatorElementIconColor;
+    min-width: $paginatorElementWidth;
+    height: $paginatorElementHeight;
+    margin: $paginatorElementMargin;
+    transition: $listItemTransition;
+    border-radius: $paginatorElementBorderRadius;
 
-        &:not(.p-disabled):not(.p-highlight):hover {
-            background: $paginatorElementHoverBg;
-            border-color: $paginatorElementHoverBorderColor;
-            color: $paginatorElementIconHoverColor;
-        }
+    &:not(.p-disabled):not(.p-highlight):hover {
+      background: $paginatorElementHoverBg;
+      border-color: $paginatorElementHoverBorderColor;
+      color: $paginatorElementIconHoverColor;
     }
+  }
 
-    .p-paginator-first {
-        border-top-left-radius: $paginatorElementBorderRadius;
-        border-bottom-left-radius: $paginatorElementBorderRadius;
+  .p-paginator-first {
+    border-top-left-radius: $paginatorElementBorderRadius;
+    border-bottom-left-radius: $paginatorElementBorderRadius;
+  }
+
+  .p-paginator-last {
+    border-top-right-radius: $paginatorElementBorderRadius;
+    border-bottom-right-radius: $paginatorElementBorderRadius;
+  }
+
+  .p-dropdown {
+    margin-left: $inlineSpacing;
+    margin-right: $inlineSpacing;
+    height: $paginatorElementHeight;
+
+    .p-dropdown-label {
+      padding-right: 0;
     }
-    
-    .p-paginator-last {
-        border-top-right-radius: $paginatorElementBorderRadius;
-        border-bottom-right-radius: $paginatorElementBorderRadius;
+  }
+
+  .p-paginator-page-input {
+    margin-left: $inlineSpacing;
+    margin-right: $inlineSpacing;
+
+    .p-inputtext {
+      max-width: $paginatorElementWidth;
     }
+  }
 
-    .p-dropdown {
-        margin-left: $inlineSpacing;
-        margin-right: $inlineSpacing;
-        height: $paginatorElementHeight;
+  .p-paginator-current {
+    background-color: $paginatorElementBg;
+    border: $paginatorElementBorder;
+    color: $paginatorElementIconColor;
+    min-width: $paginatorElementWidth;
+    height: $paginatorElementHeight;
+    margin: $paginatorElementMargin;
+    padding: 0 $inlineSpacing;
+  }
 
-        .p-dropdown-label {
-            padding-right: 0;
-        }
-    }
-
-    .p-paginator-page-input {
-        margin-left: $inlineSpacing;
-        margin-right: $inlineSpacing;
-
-        .p-inputtext {
-            max-width: $paginatorElementWidth;
-        }
-    }
-
-    .p-paginator-current {
-        background-color: $paginatorElementBg;
-        border: $paginatorElementBorder;
-        color: $paginatorElementIconColor;
-        min-width: $paginatorElementWidth;
-        height: $paginatorElementHeight;
-        margin: $paginatorElementMargin;
-        padding: 0 $inlineSpacing;
-    }
-
-    .p-paginator-pages {
-        .p-paginator-page {
-            background-color: $paginatorElementBg;
-            border: $paginatorElementBorder;
-            color: $paginatorElementIconColor;
-            min-width: $paginatorElementWidth;
-            height: $paginatorElementHeight;
-            margin: $paginatorElementMargin;
-            transition: $listItemTransition;
-            border-radius: $paginatorElementBorderRadius;
-
-            &.p-highlight {
-                background: $highlightBg;
-                border-color: $highlightBg;
-                color: $highlightTextColor;
-            }
-
-            &:not(.p-highlight):hover {
-                background: $paginatorElementHoverBg;
-                border-color: $paginatorElementHoverBorderColor;
-                color: $paginatorElementIconHoverColor;
-            }
-        }
+  .p-paginator-pages {
+    .p-paginator-page {
+      background-color: $paginatorElementBg;
+      border: $paginatorElementBorder;
+      color: $paginatorElementIconColor;
+      min-width: $paginatorElementWidth;
+      height: $paginatorElementHeight;
+      margin: $paginatorElementMargin;
+      transition: $listItemTransition;
+      border-radius: $paginatorElementBorderRadius;
+
+      &.p-highlight {
+        background: $highlightBg;
+        border-color: $highlightBg;
+        color: $highlightTextColor;
+      }
+
+      &:not(.p-highlight):hover {
+        background: $paginatorElementHoverBg;
+        border-color: $paginatorElementHoverBorderColor;
+        color: $paginatorElementIconHoverColor;
+      }
     }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/data/_picklist.scss b/frontend/public/primevue-sass-theme/theme-base/components/data/_picklist.scss
index d4a6dcd..3392aae 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/data/_picklist.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/data/_picklist.scss
@@ -1,126 +1,128 @@
 // core
 .p-picklist {
-    display: flex;
+  display: flex;
 }
 
 .p-picklist-buttons {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 }
 
 .p-picklist-list-wrapper {
-    flex: 1 1 50%;
+  flex: 1 1 50%;
 }
 
 .p-picklist-list {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-    overflow: auto;
-    min-height: 12rem;
-    max-height: 24rem;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  overflow: auto;
+  min-height: 12rem;
+  max-height: 24rem;
 }
 
 .p-picklist-item {
-    cursor: pointer;
-    overflow: hidden;
-    position: relative;
+  cursor: pointer;
+  overflow: hidden;
+  position: relative;
 }
 
 .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
 .p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
-    transition: none;
+  transition: none;
 }
 
 // theme
 .p-picklist {
-    .p-picklist-buttons {
-        padding: $panelContentPadding;
+  .p-picklist-buttons {
+    padding: $panelContentPadding;
 
-        .p-button {
-            margin-bottom: $inlineSpacing;
-        }
+    .p-button {
+      margin-bottom: $inlineSpacing;
+    }
+  }
+
+  .p-picklist-list-wrapper {
+    background: $panelContentBg;
+    border: $panelContentBorder;
+    border-radius: $borderRadius;
+    transition: $formElementTransition;
+    outline-color: transparent;
+
+    &.p-focus {
+      @include focused-input();
+    }
+  }
+
+  .p-picklist-header {
+    color: $panelHeaderTextColor;
+    padding: $panelHeaderPadding;
+    font-weight: $panelHeaderFontWeight;
+  }
+
+  .p-picklist-list {
+    color: $panelContentTextColor;
+    padding: $inputListPadding;
+    outline: 0 none;
+
+    &:not(:first-child) {
+      border-top: $panelContentBorder;
     }
 
-    .p-picklist-list-wrapper {
-        background: $panelContentBg;
-        border: $panelContentBorder;
-        border-radius: $borderRadius;
-        transition: $formElementTransition;
-        outline-color: transparent;
+    .p-picklist-item {
+      padding: $inputListItemPadding;
+      margin: $inputListItemMargin;
+      border: $inputListItemBorder;
+      color: $inputListItemTextColor;
+      background: $inputListItemBg;
+      transition:
+        transform $transitionDuration,
+        $listItemTransition;
+
+      &:first-child {
+        margin-top: 0;
+      }
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+
+      &:not(.p-highlight):hover {
+        background: $inputListItemHoverBg;
+        color: $inputListItemTextHoverColor;
 
         &.p-focus {
-            @include focused-input();
+          color: $inputListItemTextHoverColor;
+          background: $inputListItemHoverBg;
         }
-    }
+      }
 
-    .p-picklist-header {
-        color: $panelHeaderTextColor;
-        padding: $panelHeaderPadding;
-        font-weight: $panelHeaderFontWeight;
-    }
+      &.p-focus {
+        color: $inputListItemTextHoverColor;
+        background: $inputListItemHoverBg;
+      }
 
+      &.p-highlight {
+        color: $highlightTextColor;
+        background: $highlightBg;
+
+        &.p-focus {
+          background: $highlightFocusBg;
+        }
+      }
+    }
+  }
+
+  &.p-picklist-striped {
     .p-picklist-list {
-        color: $panelContentTextColor;
-        padding: $inputListPadding;
-        outline: 0 none;
+      .p-picklist-item:nth-child(even) {
+        background: $panelContentEvenRowBg;
 
-        &:not(:first-child) {
-            border-top: $panelContentBorder;
-        }
-
-        .p-picklist-item {
-            padding: $inputListItemPadding;
-            margin: $inputListItemMargin;
-            border: $inputListItemBorder;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-            transition: transform $transitionDuration, $listItemTransition;
-
-            &:first-child {
-                margin-top: 0;
-            }
-
-            &:last-child {
-                margin-bottom: 0;
-            }
-
-            &:not(.p-highlight):hover {
-                background: $inputListItemHoverBg;
-                color: $inputListItemTextHoverColor;
-
-                &.p-focus {
-                    color: $inputListItemTextHoverColor;
-                    background: $inputListItemHoverBg;
-                }
-            }
-
-            &.p-focus {
-                color: $inputListItemTextHoverColor;
-                background: $inputListItemHoverBg;
-            }
-
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-
-                &.p-focus {
-                    background: $highlightFocusBg;
-                }
-            }
+        &:hover {
+          background: $inputListItemHoverBg;
         }
+      }
     }
-
-    &.p-picklist-striped {
-        .p-picklist-list {
-            .p-picklist-item:nth-child(even) {
-                background: $panelContentEvenRowBg;
-
-                &:hover {
-                    background: $inputListItemHoverBg;
-                }
-            }
-        }
-    }
-}
\ No newline at end of file
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/data/_timeline.scss b/frontend/public/primevue-sass-theme/theme-base/components/data/_timeline.scss
index 9dd71b7..43a462e 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/data/_timeline.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/data/_timeline.scss
@@ -1,151 +1,156 @@
 // core
 .p-timeline {
-    display: flex;
-    flex-grow: 1;
-    flex-direction: column;
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
 }
 
 .p-timeline-left .p-timeline-event-opposite {
-    text-align: right;
+  text-align: right;
 }
 
 .p-timeline-left .p-timeline-event-content {
-    text-align: left;
+  text-align: left;
 }
 
 .p-timeline-right .p-timeline-event {
-    flex-direction: row-reverse;
+  flex-direction: row-reverse;
 }
 
 .p-timeline-right .p-timeline-event-opposite {
-    text-align: left;
+  text-align: left;
 }
 
 .p-timeline-right .p-timeline-event-content {
-    text-align: right;
+  text-align: right;
 }
 
 .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
-    flex-direction: row-reverse;
+  flex-direction: row-reverse;
 }
 
-.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-opposite {
+  text-align: right;
 }
 
-.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(odd)
+  .p-timeline-event-content {
+  text-align: left;
 }
 
-.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-opposite {
+  text-align: left;
 }
 
-.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
-    text-align: right;
+.p-timeline-vertical.p-timeline-alternate
+  .p-timeline-event:nth-child(even)
+  .p-timeline-event-content {
+  text-align: right;
 }
 
 .p-timeline-event {
-    display: flex;
-    position: relative;
-    min-height: 70px;
+  display: flex;
+  position: relative;
+  min-height: 70px;
 }
 
 .p-timeline-event:last-child {
-    min-height: 0;
+  min-height: 0;
 }
 
 .p-timeline-event-opposite {
-    flex: 1;
-    padding: 0 1rem;
+  flex: 1;
+  padding: 0 1rem;
 }
 
 .p-timeline-event-content {
-    flex: 1;
-    padding: 0 1rem;
+  flex: 1;
+  padding: 0 1rem;
 }
 
 .p-timeline-event-separator {
-    flex: 0;
-    display: flex;
-    align-items: center;
-    flex-direction: column;
+  flex: 0;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
 }
 
 .p-timeline-event-marker {
-    display: flex;
-    align-self: baseline;
+  display: flex;
+  align-self: baseline;
 }
 
 .p-timeline-event-connector {
-    flex-grow: 1;
+  flex-grow: 1;
 }
 
 .p-timeline-horizontal {
-    flex-direction: row;
+  flex-direction: row;
 }
 
 .p-timeline-horizontal .p-timeline-event {
-    flex-direction: column;
-    flex: 1;
+  flex-direction: column;
+  flex: 1;
 }
 
 .p-timeline-horizontal .p-timeline-event:last-child {
-    flex: 0;
+  flex: 0;
 }
 
 .p-timeline-horizontal .p-timeline-event-separator {
-    flex-direction: row;
+  flex-direction: row;
 }
 
 .p-timeline-horizontal .p-timeline-event-connector {
-    width: 100%;
+  width: 100%;
 }
 
 .p-timeline-bottom .p-timeline-event {
-    flex-direction: column-reverse;
+  flex-direction: column-reverse;
 }
 
 .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
-    flex-direction: column-reverse;
+  flex-direction: column-reverse;
 }
 
 // theme
 .p-timeline {
-    .p-timeline-event-marker {
-        border: $timelineEventMarkerBorder; 
-        border-radius: $timelineEventMarkerBorderRadius;
-        width: $timelineEventMarkerWidth;
-        height: $timelineEventMarkerHeight;
-        background-color: $timelineEventMarkerBackground;
+  .p-timeline-event-marker {
+    border: $timelineEventMarkerBorder;
+    border-radius: $timelineEventMarkerBorderRadius;
+    width: $timelineEventMarkerWidth;
+    height: $timelineEventMarkerHeight;
+    background-color: $timelineEventMarkerBackground;
+  }
+
+  .p-timeline-event-connector {
+    background-color: $timelineEventColor;
+  }
+
+  &.p-timeline-vertical {
+    .p-timeline-event-opposite,
+    .p-timeline-event-content {
+      padding: $timelineVerticalEventContentPadding;
     }
 
     .p-timeline-event-connector {
-        background-color: $timelineEventColor;
+      width: $timelineEventConnectorSize;
+    }
+  }
+
+  &.p-timeline-horizontal {
+    .p-timeline-event-opposite,
+    .p-timeline-event-content {
+      padding: $timelineHorizontalEventContentPadding;
     }
 
-    &.p-timeline-vertical {
-        .p-timeline-event-opposite,
-        .p-timeline-event-content  {
-            padding: $timelineVerticalEventContentPadding;
-        }
-
-        .p-timeline-event-connector {
-            width: $timelineEventConnectorSize;
-        }
-    }
-
-    &.p-timeline-horizontal {
-        .p-timeline-event-opposite,
-        .p-timeline-event-content  {
-            padding: $timelineHorizontalEventContentPadding;
-        }
-
-        .p-timeline-event-connector {
-            height: $timelineEventConnectorSize;
-        }
+    .p-timeline-event-connector {
+      height: $timelineEventConnectorSize;
     }
+  }
 }
-
-
-
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/data/_tree.scss b/frontend/public/primevue-sass-theme/theme-base/components/data/_tree.scss
index e109eb5..96b774a 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/data/_tree.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/data/_tree.scss
@@ -1,174 +1,174 @@
 // core
 .p-tree-container {
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-    overflow: auto;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+  overflow: auto;
 }
 
 .p-treenode-children {
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
 }
 
 .p-tree-wrapper {
-    overflow: auto;
+  overflow: auto;
 }
 
 .p-treenode-selectable {
-    cursor: pointer;
-    user-select: none;
+  cursor: pointer;
+  user-select: none;
 }
 
 .p-tree-toggler {
-    cursor: pointer;
-    user-select: none;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    overflow: hidden;
-    position: relative;
-    flex-shrink: 0;
+  cursor: pointer;
+  user-select: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  position: relative;
+  flex-shrink: 0;
 }
 
 .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
-    visibility: hidden;
+  visibility: hidden;
 }
 
 .p-treenode-content {
-    display: flex;
-    align-items: center;
+  display: flex;
+  align-items: center;
 }
 
 .p-tree-filter {
-    width: 100%;
+  width: 100%;
 }
 
 .p-tree-filter-container {
-    position: relative;
-    display: block;
-    width: 100%;
+  position: relative;
+  display: block;
+  width: 100%;
 }
 
 .p-tree-filter-icon {
-    position: absolute;
-    top: 50%;
-    margin-top: -0.5rem;
+  position: absolute;
+  top: 50%;
+  margin-top: -0.5rem;
 }
 
 .p-tree-loading {
-    position: relative;
-    min-height: 4rem;
+  position: relative;
+  min-height: 4rem;
 }
 
 .p-tree .p-tree-loading-overlay {
-    position: absolute;
-    z-index: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
+  position: absolute;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .p-tree-flex-scrollable {
-    display: flex;
-    flex: 1;
-    height: 100%;
-    flex-direction: column;
+  display: flex;
+  flex: 1;
+  height: 100%;
+  flex-direction: column;
 }
 
 .p-tree-flex-scrollable .p-tree-wrapper {
-    flex: 1;
+  flex: 1;
 }
 
 // theme
 .p-tree {
-    border: $panelContentBorder;
-    background: $panelContentBg;
-    color: $panelContentTextColor;
-    padding: $panelContentPadding;
-    border-radius: $borderRadius;
+  border: $panelContentBorder;
+  background: $panelContentBg;
+  color: $panelContentTextColor;
+  padding: $panelContentPadding;
+  border-radius: $borderRadius;
 
-    .p-tree-container {
-        .p-treenode {
-            padding: $treeNodePadding;
-            outline: 0 none;
+  .p-tree-container {
+    .p-treenode {
+      padding: $treeNodePadding;
+      outline: 0 none;
 
-            &:focus > .p-treenode-content {
-                @include focused-listitem();
+      &:focus > .p-treenode-content {
+        @include focused-listitem();
+      }
+
+      .p-treenode-content {
+        border-radius: $borderRadius;
+        transition: $listItemTransition;
+        padding: $treeNodeContentPadding;
+
+        .p-tree-toggler {
+          margin-right: $inlineSpacing;
+          @include action-icon();
+        }
+
+        .p-treenode-icon {
+          margin-right: $inlineSpacing;
+          color: $treeNodeIconColor;
+        }
+
+        .p-checkbox {
+          margin-right: $inlineSpacing;
+
+          &.p-indeterminate {
+            .p-checkbox-icon {
+              color: $textColor;
             }
+          }
+        }
 
-            .p-treenode-content {
-                border-radius: $borderRadius;
-                transition: $listItemTransition;
-                padding: $treeNodeContentPadding;
+        &.p-highlight {
+          background: $highlightBg;
+          color: $highlightTextColor;
 
-                .p-tree-toggler {
-                    margin-right: $inlineSpacing;
-                    @include action-icon();
-                }
+          .p-tree-toggler,
+          .p-treenode-icon {
+            color: $highlightTextColor;
 
-                .p-treenode-icon {
-                    margin-right: $inlineSpacing;
-                    color: $treeNodeIconColor;
-                }
-
-                .p-checkbox {
-                    margin-right: $inlineSpacing;
-
-                    &.p-indeterminate {
-                        .p-checkbox-icon {
-                            color: $textColor;
-                        }
-                    }
-                }
-
-                &.p-highlight {
-                    background: $highlightBg;
-                    color: $highlightTextColor;
-
-                    .p-tree-toggler,
-                    .p-treenode-icon {
-                        color: $highlightTextColor;
-
-                        &:hover {
-                            color: $highlightTextColor;
-                        }
-                    }
-                }
-
-                &.p-treenode-selectable:not(.p-highlight):hover {
-                    background: $inputListItemHoverBg;
-                    color: $inputListItemTextHoverColor;
-                }
+            &:hover {
+              color: $highlightTextColor;
             }
-        }
-    }
-
-    .p-tree-filter-container {
-        margin-bottom: $inlineSpacing;
-
-        .p-tree-filter {
-            width: 100%;
-            padding-right: nth($inputPadding, 2) + $primeIconFontSize;
+          }
         }
 
-        .p-tree-filter-icon {
-            right: nth($inputPadding, 2);
-            color: $inputIconColor;
+        &.p-treenode-selectable:not(.p-highlight):hover {
+          background: $inputListItemHoverBg;
+          color: $inputListItemTextHoverColor;
         }
+      }
+    }
+  }
+
+  .p-tree-filter-container {
+    margin-bottom: $inlineSpacing;
+
+    .p-tree-filter {
+      width: 100%;
+      padding-right: nth($inputPadding, 2) + $primeIconFontSize;
     }
 
-    .p-treenode-children {
-        padding: $treeNodeChildrenPadding;
+    .p-tree-filter-icon {
+      right: nth($inputPadding, 2);
+      color: $inputIconColor;
     }
+  }
 
-    .p-tree-loading-icon {
-        font-size: $loadingIconFontSize;
+  .p-treenode-children {
+    padding: $treeNodeChildrenPadding;
+  }
 
-        &.p-icon {
-            width:  $loadingIconFontSize;
-            height: $loadingIconFontSize;
-        }
+  .p-tree-loading-icon {
+    font-size: $loadingIconFontSize;
+
+    &.p-icon {
+      width: $loadingIconFontSize;
+      height: $loadingIconFontSize;
     }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/data/_treetable.scss b/frontend/public/primevue-sass-theme/theme-base/components/data/_treetable.scss
index 9c02122..1b183ee 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/data/_treetable.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/data/_treetable.scss
@@ -1,422 +1,428 @@
 // core
 .p-treetable {
-    position: relative;
+  position: relative;
 }
 
 .p-treetable table {
-    border-collapse: collapse;
-    width: 100%;
-    table-layout: fixed;
+  border-collapse: collapse;
+  width: 100%;
+  table-layout: fixed;
 }
 
 .p-treetable .p-sortable-column {
-    cursor: pointer;
-    user-select: none;
+  cursor: pointer;
+  user-select: none;
 }
 
 .p-treetable-responsive-scroll > .p-treetable-wrapper {
-    overflow-x: auto;
+  overflow-x: auto;
 }
 
 .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
 .p-treetable-auto-layout > .p-treetable-wrapper > table {
-    table-layout: auto;
+  table-layout: auto;
 }
 
 .p-treetable-hoverable-rows .p-treetable-tbody > tr {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 .p-treetable-toggler {
-    cursor: pointer;
-    user-select: none;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    vertical-align: middle;
-    overflow: hidden;
-    position: relative;
+  cursor: pointer;
+  user-select: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  vertical-align: middle;
+  overflow: hidden;
+  position: relative;
 }
 
 .p-treetable-toggler + .p-checkbox {
-    vertical-align: middle;
+  vertical-align: middle;
 }
 
 .p-treetable-toggler + .p-checkbox + span {
-    vertical-align: middle;
+  vertical-align: middle;
 }
 
 /* Resizable */
 .p-treetable-resizable > .p-treetable-wrapper {
-    overflow-x: auto;
+  overflow-x: auto;
 }
 
 .p-treetable-resizable .p-treetable-thead > tr > th,
 .p-treetable-resizable .p-treetable-tfoot > tr > td,
 .p-treetable-resizable .p-treetable-tbody > tr > td {
-    overflow: hidden;
+  overflow: hidden;
 }
 
 .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
-    background-clip: padding-box;
-    position: relative;
+  background-clip: padding-box;
+  position: relative;
 }
 
 .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
-    display: none;
+  display: none;
 }
 
 .p-treetable .p-column-resizer {
-    display: block;
-    position: absolute;
-    top: 0;
-    right: 0;
-    margin: 0;
-    width: 0.5rem;
-    height: 100%;
-    padding: 0px;
-    cursor: col-resize;
-    border: 1px solid transparent;
+  display: block;
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin: 0;
+  width: 0.5rem;
+  height: 100%;
+  padding: 0px;
+  cursor: col-resize;
+  border: 1px solid transparent;
 }
 
 .p-treetable .p-column-resizer-helper {
-    width: 1px;
-    position: absolute;
-    z-index: 10;
-    display: none;
+  width: 1px;
+  position: absolute;
+  z-index: 10;
+  display: none;
 }
 
 .p-treetable .p-treetable-loading-overlay {
-    position: absolute;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    z-index: 2;
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 2;
 }
 
 /* Scrollable */
 .p-treetable-scrollable .p-treetable-wrapper {
-    position: relative;
-    overflow: auto;
+  position: relative;
+  overflow: auto;
 }
 
 .p-treetable-scrollable .p-treetable-table {
-    display: block;
+  display: block;
 }
 
 .p-treetable-scrollable .p-treetable-thead,
 .p-treetable-scrollable .p-treetable-tbody,
 .p-treetable-scrollable .p-treetable-tfoot {
-    display: block;
+  display: block;
 }
 
 .p-treetable-scrollable .p-treetable-thead > tr,
 .p-treetable-scrollable .p-treetable-tbody > tr,
 .p-treetable-scrollable .p-treetable-tfoot > tr {
-    display: flex;
-    flex-wrap: nowrap;
-    width: 100%;
+  display: flex;
+  flex-wrap: nowrap;
+  width: 100%;
 }
 
 .p-treetable-scrollable .p-treetable-thead > tr > th,
 .p-treetable-scrollable .p-treetable-tbody > tr > td,
 .p-treetable-scrollable .p-treetable-tfoot > tr > td {
-    display: flex;
-    flex: 1 1 0;
-    align-items: center;
+  display: flex;
+  flex: 1 1 0;
+  align-items: center;
 }
 
 .p-treetable-scrollable .p-treetable-thead {
-    position: sticky;
-    top: 0;
-    z-index: 1;
+  position: sticky;
+  top: 0;
+  z-index: 1;
 }
 
 .p-treetable-scrollable .p-treetable-tfoot {
-    position: sticky;
-    bottom: 0;
-    z-index: 1;
+  position: sticky;
+  bottom: 0;
+  z-index: 1;
 }
 
 .p-treetable-scrollable .p-frozen-column {
-    position: sticky;
-    background: inherit;
+  position: sticky;
+  background: inherit;
 }
 
 .p-treetable-scrollable th.p-frozen-column {
-    z-index: 1;
+  z-index: 1;
 }
 
 .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;
+  flex: 0 0 auto;
 }
 
 .p-treetable-flex-scrollable {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
 }
 
 .p-treetable-flex-scrollable .p-treetable-wrapper {
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    height: 100%;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  height: 100%;
 }
 
 // theme
 .p-treetable {
-    .p-paginator-top {
-        border-width: $tableTopPaginatorBorderWidth;
-        border-radius: 0;
+  .p-paginator-top {
+    border-width: $tableTopPaginatorBorderWidth;
+    border-radius: 0;
+  }
+
+  .p-paginator-bottom {
+    border-width: $tableBottomPaginatorBorderWidth;
+    border-radius: 0;
+  }
+
+  .p-treetable-header {
+    background: $tableHeaderBg;
+    color: $tableHeaderTextColor;
+    border: $tableHeaderBorder;
+    border-width: $tableHeaderBorderWidth;
+    padding: $tableHeaderPadding;
+    font-weight: $tableHeaderFontWeight;
+  }
+
+  .p-treetable-footer {
+    background: $tableFooterBg;
+    color: $tableFooterTextColor;
+    border: $tableFooterBorder;
+    border-width: $tableFooterBorderWidth;
+    padding: $tableFooterPadding;
+    font-weight: $tableFooterFontWeight;
+  }
+
+  .p-treetable-thead > tr > th {
+    text-align: $tableCellContentAlignment;
+    padding: $tableHeaderCellPadding;
+    border: $tableHeaderCellBorder;
+    border-width: $tableHeaderCellBorderWidth;
+    font-weight: $tableHeaderCellFontWeight;
+    color: $tableHeaderCellTextColor;
+    background: $tableHeaderCellBg;
+    transition: $listItemTransition;
+  }
+
+  .p-treetable-tfoot > tr > td {
+    text-align: $tableCellContentAlignment;
+    padding: $tableFooterCellPadding;
+    border: $tableFooterCellBorder;
+    border-width: $tableFooterCellBorderWidth;
+    font-weight: $tableFooterCellFontWeight;
+    color: $tableFooterCellTextColor;
+    background: $tableFooterCellBg;
+  }
+
+  .p-sortable-column {
+    outline-color: $focusOutlineColor;
+
+    .p-sortable-column-icon {
+      color: $tableHeaderCellIconColor;
+      margin-left: $inlineSpacing;
     }
 
-    .p-paginator-bottom {
-        border-width: $tableBottomPaginatorBorderWidth;
-        border-radius: 0;
+    .p-sortable-column-badge {
+      border-radius: 50%;
+      height: $tableSortableColumnBadgeSize;
+      min-width: $tableSortableColumnBadgeSize;
+      line-height: $tableSortableColumnBadgeSize;
+      color: $highlightTextColor;
+      background: $highlightBg;
+      margin-left: $inlineSpacing;
     }
 
-    .p-treetable-header {
-        background: $tableHeaderBg;
-        color: $tableHeaderTextColor;
-        border: $tableHeaderBorder;
-        border-width: $tableHeaderBorderWidth;
-        padding: $tableHeaderPadding;
-        font-weight: $tableHeaderFontWeight;
+    &:not(.p-highlight):hover {
+      background: $tableHeaderCellHoverBg;
+      color: $tableHeaderCellTextHoverColor;
+
+      .p-sortable-column-icon {
+        color: $tableHeaderCellIconHoverColor;
+      }
+    }
+
+    &.p-highlight {
+      background: $tableHeaderCellHighlightBg;
+      color: $tableHeaderCellHighlightTextColor;
+
+      .p-sortable-column-icon {
+        color: $tableHeaderCellHighlightTextColor;
+      }
+    }
+  }
+
+  .p-treetable-tbody {
+    > tr {
+      background: $tableBodyRowBg;
+      color: $tableBodyRowTextColor;
+      transition: $listItemTransition;
+
+      > td {
+        text-align: $tableCellContentAlignment;
+        border: $tableBodyCellBorder;
+        border-width: $tableBodyCellBorderWidth;
+        padding: $tableBodyCellPadding;
+
+        .p-treetable-toggler {
+          @include action-icon();
+          margin-right: $inlineSpacing;
+
+          & + .p-checkbox {
+            margin-right: $inlineSpacing;
+
+            &.p-indeterminate {
+              .p-checkbox-icon {
+                color: $textColor;
+              }
+            }
+          }
+        }
+      }
+
+      &:focus-visible {
+        outline: 0.15rem solid $focusOutlineColor;
+        outline-offset: -0.15rem;
+      }
+
+      &.p-highlight {
+        background: $highlightBg;
+        color: $highlightTextColor;
+
+        .p-treetable-toggler {
+          color: $highlightTextColor;
+
+          &:hover {
+            color: $highlightTextColor;
+          }
+        }
+      }
+    }
+  }
+
+  &.p-treetable-hoverable-rows {
+    .p-treetable-tbody > tr:not(.p-highlight):hover {
+      background: $tableBodyRowHoverBg;
+      color: $tableBodyRowTextHoverColor;
+
+      .p-treetable-toggler {
+        color: $tableBodyRowTextHoverColor;
+      }
+    }
+  }
+
+  .p-column-resizer-helper {
+    background: $tableResizerHelperBg;
+  }
+
+  .p-treetable-scrollable-header,
+  .p-treetable-scrollable-footer {
+    background: $panelHeaderBg;
+  }
+
+  .p-treetable-loading-icon {
+    font-size: $loadingIconFontSize;
+
+    &.p-icon {
+      width: $loadingIconFontSize;
+      height: $loadingIconFontSize;
+    }
+  }
+
+  &.p-treetable-gridlines {
+    .p-datatable-header {
+      border-width: 1px 1px 0 1px;
     }
 
     .p-treetable-footer {
-        background: $tableFooterBg;
-        color: $tableFooterTextColor;
-        border: $tableFooterBorder;
-        border-width: $tableFooterBorderWidth;
-        padding: $tableFooterPadding;
-        font-weight: $tableFooterFontWeight;
+      border-width: 0 1px 1px 1px;
     }
 
-    .p-treetable-thead > tr > th {
-        text-align: $tableCellContentAlignment;
-        padding: $tableHeaderCellPadding;
-        border: $tableHeaderCellBorder;
-        border-width: $tableHeaderCellBorderWidth;
-        font-weight: $tableHeaderCellFontWeight;
-        color: $tableHeaderCellTextColor;
-        background: $tableHeaderCellBg;
-        transition: $listItemTransition;
+    .p-treetable-top {
+      border-width: 0 1px 0 1px;
     }
 
-    .p-treetable-tfoot > tr > td {
-        text-align: $tableCellContentAlignment;
-        padding: $tableFooterCellPadding;
-        border: $tableFooterCellBorder;
-        border-width: $tableFooterCellBorderWidth;
-        font-weight: $tableFooterCellFontWeight;
-        color: $tableFooterCellTextColor;
-        background: $tableFooterCellBg;
+    .p-treetable-bottom {
+      border-width: 0 1px 1px 1px;
     }
 
-    .p-sortable-column {
-        outline-color: $focusOutlineColor;
-
-        .p-sortable-column-icon {
-            color: $tableHeaderCellIconColor;
-            margin-left: $inlineSpacing;
-        }
-
-        .p-sortable-column-badge {
-            border-radius: 50%;
-            height: $tableSortableColumnBadgeSize;
-            min-width: $tableSortableColumnBadgeSize;
-            line-height: $tableSortableColumnBadgeSize;
-            color: $highlightTextColor;
-            background: $highlightBg;
-            margin-left: $inlineSpacing;
-        }
-
-        &:not(.p-highlight):hover {
-            background: $tableHeaderCellHoverBg;
-            color: $tableHeaderCellTextHoverColor;
-
-            .p-sortable-column-icon {
-                color: $tableHeaderCellIconHoverColor;
-            }
-        }
-
-        &.p-highlight {
-            background: $tableHeaderCellHighlightBg;
-            color: $tableHeaderCellHighlightTextColor;
-
-            .p-sortable-column-icon {
-                color: $tableHeaderCellHighlightTextColor;
-            }
+    .p-treetable-thead {
+      > tr {
+        > th {
+          border-width: 1px;
         }
+      }
     }
 
     .p-treetable-tbody {
-        > tr {
-            background: $tableBodyRowBg;
-            color: $tableBodyRowTextColor;
-            transition: $listItemTransition;
-
-            > td {
-                text-align: $tableCellContentAlignment;
-                border: $tableBodyCellBorder;
-                border-width: $tableBodyCellBorderWidth;
-                padding: $tableBodyCellPadding;
-
-                .p-treetable-toggler {
-                    @include action-icon();
-                    margin-right: $inlineSpacing;
-                    
-                    & + .p-checkbox {
-                        margin-right: $inlineSpacing;
-                        
-                        &.p-indeterminate {
-                            .p-checkbox-icon {
-                                color: $textColor;
-                            }
-                        }
-                    }
-                }
-            }
-
-            &:focus-visible {
-                outline: 0.15rem solid $focusOutlineColor;
-                outline-offset: -0.15rem;
-            }
-
-            &.p-highlight {
-                background: $highlightBg;
-                color: $highlightTextColor;
-
-                .p-treetable-toggler {
-                    color: $highlightTextColor;
-
-                    &:hover {
-                        color: $highlightTextColor;
-                    }
-                    
-                }
-            }
+      > tr {
+        > td {
+          border-width: 1px;
         }
+      }
     }
 
-    &.p-treetable-hoverable-rows {
-        .p-treetable-tbody > tr:not(.p-highlight):hover {
-            background: $tableBodyRowHoverBg;
-            color: $tableBodyRowTextHoverColor;
-
-            .p-treetable-toggler {
-                color: $tableBodyRowTextHoverColor;
-            }
+    .p-treetable-tfoot {
+      > tr {
+        > td {
+          border-width: 1px;
         }
+      }
+    }
+  }
+
+  &.p-treetable-sm {
+    .p-treetable-header {
+      @include scaledPadding($tableHeaderPadding, $scaleSM);
     }
 
-    .p-column-resizer-helper {
-        background: $tableResizerHelperBg;
+    .p-treetable-thead > tr > th {
+      @include scaledPadding($tableHeaderCellPadding, $tableScaleSM);
     }
 
-    .p-treetable-scrollable-header,
-    .p-treetable-scrollable-footer {
-        background: $panelHeaderBg;
+    .p-treetable-tbody > tr > td {
+      @include scaledPadding($tableBodyCellPadding, $tableScaleSM);
     }
 
-    .p-treetable-loading-icon {
-        font-size: $loadingIconFontSize;
-
-        &.p-icon {
-            width:  $loadingIconFontSize;
-            height: $loadingIconFontSize;
-        }
+    .p-treetable-tfoot > tr > td {
+      @include scaledPadding($tableFooterPadding, $tableScaleSM);
     }
 
-    &.p-treetable-gridlines {
-        .p-datatable-header {
-            border-width: 1px 1px 0 1px;
-        }
+    .p-treetable-footer {
+      @include scaledPadding($tableFooterPadding, $tableScaleSM);
+    }
+  }
 
-        .p-treetable-footer {
-            border-width: 0 1px 1px 1px;
-        }
-
-        .p-treetable-top {
-            border-width: 0 1px 0 1px;
-        }
-
-        .p-treetable-bottom {
-            border-width: 0 1px 1px 1px;
-        }
-
-        .p-treetable-thead {
-            > tr {
-                > th {
-                    border-width: 1px;
-                }
-            }
-        }
-
-        .p-treetable-tbody {
-            > tr {
-                > td {
-                    border-width: 1px;
-                }
-            }
-        }
-
-        .p-treetable-tfoot {
-            > tr {
-                > td {
-                    border-width: 1px;
-                }
-            }
-        }
+  &.p-treetable-lg {
+    .p-treetable-header {
+      @include scaledPadding($tableHeaderPadding, $tableScaleLG);
     }
 
-    &.p-treetable-sm {
-        .p-treetable-header {
-            @include scaledPadding($tableHeaderPadding, $scaleSM);
-        }
-
-        .p-treetable-thead > tr > th {
-            @include scaledPadding($tableHeaderCellPadding, $tableScaleSM);
-        }
-
-        .p-treetable-tbody > tr > td {
-            @include scaledPadding($tableBodyCellPadding, $tableScaleSM);
-        }
-
-        .p-treetable-tfoot > tr > td {
-            @include scaledPadding($tableFooterPadding, $tableScaleSM);
-        }
-
-        .p-treetable-footer {
-            @include scaledPadding($tableFooterPadding, $tableScaleSM);
-        }
+    .p-treetable-thead > tr > th {
+      @include scaledPadding($tableHeaderCellPadding, $tableScaleLG);
     }
 
-    &.p-treetable-lg {
-        .p-treetable-header {
-            @include scaledPadding($tableHeaderPadding, $tableScaleLG);
-        }
-
-        .p-treetable-thead > tr > th {
-            @include scaledPadding($tableHeaderCellPadding, $tableScaleLG);
-        }
-
-        .p-treetable-tbody > tr > td {
-            @include scaledPadding($tableBodyCellPadding, $tableScaleLG);
-        }
-
-        .p-treetable-tfoot > tr > td {
-            @include scaledPadding($tableFooterPadding, $tableScaleLG);
-        }
-
-        .p-treetable-footer {
-            @include scaledPadding($tableFooterPadding, $tableScaleLG);
-        }
+    .p-treetable-tbody > tr > td {
+      @include scaledPadding($tableBodyCellPadding, $tableScaleLG);
     }
+
+    .p-treetable-tfoot > tr > td {
+      @include scaledPadding($tableFooterPadding, $tableScaleLG);
+    }
+
+    .p-treetable-footer {
+      @include scaledPadding($tableFooterPadding, $tableScaleLG);
+    }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/file/_fileupload.scss b/frontend/public/primevue-sass-theme/theme-base/components/file/_fileupload.scss
index 674e127..5205e50 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/file/_fileupload.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/file/_fileupload.scss
@@ -1,128 +1,128 @@
 // core
 .p-fileupload-content {
-    position: relative;
+  position: relative;
 }
 
 .p-fileupload-content .p-progressbar {
-    width: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
+  width: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
 }
 
 .p-button.p-fileupload-choose {
-    position: relative;
-    overflow: hidden;
+  position: relative;
+  overflow: hidden;
 }
 
 .p-fileupload-buttonbar {
-    display: flex;
-    flex-wrap: wrap;
+  display: flex;
+  flex-wrap: wrap;
 }
 
-.p-fileupload > input[type='file'],
-.p-fileupload-basic input[type='file'] {
-    display: none;
+.p-fileupload > input[type="file"],
+.p-fileupload-basic input[type="file"] {
+  display: none;
 }
 
 .p-fluid .p-fileupload .p-button {
-    width: auto;
+  width: auto;
 }
 
 .p-fileupload-file {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
 }
 
 .p-fileupload-file-thumbnail {
-    flex-shrink: 0;
+  flex-shrink: 0;
 }
 
 .p-fileupload-file-actions {
-    margin-left: auto;
+  margin-left: auto;
 }
 
 // theme
 .p-fileupload {
-    .p-fileupload-buttonbar {
-        background: $panelHeaderBg;
-        padding: $panelHeaderPadding;
-        border: $panelHeaderBorder;
-        color: $panelHeaderTextColor;
-        border-bottom: 0 none;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-        gap: $inlineSpacing;
+  .p-fileupload-buttonbar {
+    background: $panelHeaderBg;
+    padding: $panelHeaderPadding;
+    border: $panelHeaderBorder;
+    color: $panelHeaderTextColor;
+    border-bottom: 0 none;
+    border-top-right-radius: $borderRadius;
+    border-top-left-radius: $borderRadius;
+    gap: $inlineSpacing;
 
-        .p-button {
-            &.p-fileupload-choose.p-focus {
-                @include focused();
-            }
-        }
+    .p-button {
+      &.p-fileupload-choose.p-focus {
+        @include focused();
+      }
     }
+  }
 
-    .p-fileupload-content {
-        background: $panelContentBg;
-        padding: $fileUploadContentPadding;
-        border: $panelContentBorder;
-        color: $panelContentTextColor;
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
+  .p-fileupload-content {
+    background: $panelContentBg;
+    padding: $fileUploadContentPadding;
+    border: $panelContentBorder;
+    color: $panelContentTextColor;
+    border-bottom-right-radius: $borderRadius;
+    border-bottom-left-radius: $borderRadius;
 
-        &.p-fileupload-highlight {
-            border: $fileUploadContentHoverBorder;
-            background-color: $highlightBg;
-        }
+    &.p-fileupload-highlight {
+      border: $fileUploadContentHoverBorder;
+      background-color: $highlightBg;
     }
+  }
 
-    .p-fileupload-file {
-        padding: $fileUploadFilePadding;
-        border: $fileUploadFileBorder;
-        border-radius: $borderRadius;
-        gap: $inlineSpacing;
-        margin-bottom: $inlineSpacing;
+  .p-fileupload-file {
+    padding: $fileUploadFilePadding;
+    border: $fileUploadFileBorder;
+    border-radius: $borderRadius;
+    gap: $inlineSpacing;
+    margin-bottom: $inlineSpacing;
 
-        &:last-child {
-            margin-bottom: 0;
-        }
+    &:last-child {
+      margin-bottom: 0;
     }
+  }
 
-    .p-fileupload-file-name {
-        margin-bottom: $inlineSpacing;
-    }
+  .p-fileupload-file-name {
+    margin-bottom: $inlineSpacing;
+  }
 
-    .p-fileupload-file-size {
-        margin-right: $inlineSpacing;
-    }
+  .p-fileupload-file-size {
+    margin-right: $inlineSpacing;
+  }
 
-    .p-progressbar {
-        height: $fileUploadProgressBarHeight;
-    }
+  .p-progressbar {
+    height: $fileUploadProgressBarHeight;
+  }
 
-    .p-fileupload-row {
-        >div {
-            padding: $tableBodyCellPadding;
-        }
+  .p-fileupload-row {
+    > div {
+      padding: $tableBodyCellPadding;
     }
+  }
 
-    &.p-fileupload-advanced {
-        .p-message {
-            margin-top: 0;
-        }
+  &.p-fileupload-advanced {
+    .p-message {
+      margin-top: 0;
     }
+  }
 }
 
 .p-fileupload-choose {
-    &:not(.p-disabled):hover {
-        background: $buttonHoverBg;
-        color: $buttonTextHoverColor;
-        border-color: $buttonHoverBorderColor;
-    }
+  &:not(.p-disabled):hover {
+    background: $buttonHoverBg;
+    color: $buttonTextHoverColor;
+    border-color: $buttonHoverBorderColor;
+  }
 
-    &:not(.p-disabled):active {
-        background: $buttonActiveBg;
-        color: $buttonTextActiveColor;
-        border-color: $buttonActiveBorderColor;
-    }
-}
\ No newline at end of file
+  &:not(.p-disabled):active {
+    background: $buttonActiveBg;
+    color: $buttonTextActiveColor;
+    border-color: $buttonActiveBorderColor;
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_autocomplete.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_autocomplete.scss
index 937800c..156e7d3 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_autocomplete.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_autocomplete.scss
@@ -2,215 +2,215 @@
 
 // core
 .p-autocomplete {
-    display: inline-flex;
+  display: inline-flex;
 }
 
 .p-autocomplete-loader {
-    position: absolute;
-    top: 50%;
-    margin-top: -0.5rem;
+  position: absolute;
+  top: 50%;
+  margin-top: -0.5rem;
 }
 
 .p-autocomplete-dd .p-autocomplete-input {
-    flex: 1 1 auto;
-    width: 1%;
+  flex: 1 1 auto;
+  width: 1%;
 }
 
 .p-autocomplete-dd .p-autocomplete-input,
 .p-autocomplete-dd .p-autocomplete-multiple-container {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
 
 .p-autocomplete-dd .p-autocomplete-dropdown {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0px;
 }
 
 .p-autocomplete .p-autocomplete-panel {
-    min-width: 100%;
+  min-width: 100%;
 }
 
 .p-autocomplete-panel {
-    position: absolute;
-    overflow: auto;
-    top: 0;
-    left: 0;
+  position: absolute;
+  overflow: auto;
+  top: 0;
+  left: 0;
 }
 
 .p-autocomplete-items {
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
 }
 
 .p-autocomplete-item {
-    cursor: pointer;
-    white-space: nowrap;
-    position: relative;
-    overflow: hidden;
+  cursor: pointer;
+  white-space: nowrap;
+  position: relative;
+  overflow: hidden;
 }
 
 .p-autocomplete-multiple-container {
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-    cursor: text;
-    overflow: hidden;
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+  cursor: text;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
 }
 
 .p-autocomplete-token {
-    cursor: default;
-    display: inline-flex;
-    align-items: center;
-    flex: 0 0 auto;
+  cursor: default;
+  display: inline-flex;
+  align-items: center;
+  flex: 0 0 auto;
 }
 
 .p-autocomplete-token-icon {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 .p-autocomplete-input-token {
-    flex: 1 1 auto;
-    display: inline-flex;
+  flex: 1 1 auto;
+  display: inline-flex;
 }
 
 .p-autocomplete-input-token input {
-    border: 0 none;
-    outline: 0 none;
-    background-color: transparent;
-    margin: 0;
-    padding: 0;
-    box-shadow: none;
-    border-radius: 0;
-    width: 100%;
+  border: 0 none;
+  outline: 0 none;
+  background-color: transparent;
+  margin: 0;
+  padding: 0;
+  box-shadow: none;
+  border-radius: 0;
+  width: 100%;
 }
 
 .p-fluid .p-autocomplete {
-    display: flex;
+  display: flex;
 }
 
 .p-fluid .p-autocomplete-dd .p-autocomplete-input {
-    width: 1%;
+  width: 1%;
 }
 
 // theme
 .p-autocomplete {
+  .p-autocomplete-loader {
+    right: nth($inputPadding, 2);
+  }
+
+  &.p-autocomplete-dd {
     .p-autocomplete-loader {
-        right: nth($inputPadding, 2);
-    }
-
-    &.p-autocomplete-dd {
-        .p-autocomplete-loader {
-            right: nth($inputPadding, 2) + $buttonIconOnlyWidth;
-        }
-    }
-
-    &:not(.p-disabled):hover {
-        .p-autocomplete-multiple-container {
-            border-color: $inputHoverBorderColor;
-        }
-    }
-
-    &:not(.p-disabled).p-focus {
-        .p-autocomplete-multiple-container {
-            @include focused-input();
-        }
+      right: nth($inputPadding, 2) + $buttonIconOnlyWidth;
     }
+  }
 
+  &:not(.p-disabled):hover {
     .p-autocomplete-multiple-container {
-        padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-        gap: $inlineSpacing;
-        outline-color: transparent;
+      border-color: $inputHoverBorderColor;
+    }
+  }
 
-        .p-autocomplete-input-token {
-            padding: math.div(nth($inputPadding, 1), 2) 0;
+  &:not(.p-disabled).p-focus {
+    .p-autocomplete-multiple-container {
+      @include focused-input();
+    }
+  }
 
-            input {
-                font-family: var(--font-family);
-                font-feature-settings: var(--font-feature-settings, normal);
-                font-size: $inputTextFontSize;
-                color: $textColor;
-                padding: 0;
-                margin: 0;
-            }
-        }
+  .p-autocomplete-multiple-container {
+    padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
+    gap: $inlineSpacing;
+    outline-color: transparent;
 
-        .p-autocomplete-token {
-            padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-            background: $chipBg;
-            color: $chipTextColor;
-            border-radius: $chipBorderRadius;
+    .p-autocomplete-input-token {
+      padding: math.div(nth($inputPadding, 1), 2) 0;
 
-            .p-autocomplete-token-icon {
-                margin-left: $inlineSpacing;
-            }
-
-            &.p-focus {
-                background: $chipFocusBg;
-                color: $chipFocusTextColor;
-            }
-        }
+      input {
+        font-family: var(--font-family);
+        font-feature-settings: var(--font-feature-settings, normal);
+        font-size: $inputTextFontSize;
+        color: $textColor;
+        padding: 0;
+        margin: 0;
+      }
     }
 
-    &.p-invalid.p-component > .p-inputtext {
-        @include invalid-input();
+    .p-autocomplete-token {
+      padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
+      background: $chipBg;
+      color: $chipTextColor;
+      border-radius: $chipBorderRadius;
+
+      .p-autocomplete-token-icon {
+        margin-left: $inlineSpacing;
+      }
+
+      &.p-focus {
+        background: $chipFocusBg;
+        color: $chipFocusTextColor;
+      }
     }
+  }
+
+  &.p-invalid.p-component > .p-inputtext {
+    @include invalid-input();
+  }
 }
 
 .p-autocomplete-panel {
-    background: $inputOverlayBg;
-    color: $inputListTextColor;
-    border: $inputOverlayBorder;
-    border-radius: $borderRadius;
-    box-shadow: $inputOverlayShadow;
+  background: $inputOverlayBg;
+  color: $inputListTextColor;
+  border: $inputOverlayBorder;
+  border-radius: $borderRadius;
+  box-shadow: $inputOverlayShadow;
 
-    .p-autocomplete-items {
-        padding: $inputListPadding;
+  .p-autocomplete-items {
+    padding: $inputListPadding;
 
-        .p-autocomplete-item {
-            margin: $inputListItemMargin;
-            padding: $inputListItemPadding;
-            border: $inputListItemBorder;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-            transition: $listItemTransition;
-            border-radius: $inputListItemBorderRadius;
+    .p-autocomplete-item {
+      margin: $inputListItemMargin;
+      padding: $inputListItemPadding;
+      border: $inputListItemBorder;
+      color: $inputListItemTextColor;
+      background: $inputListItemBg;
+      transition: $listItemTransition;
+      border-radius: $inputListItemBorderRadius;
 
-            &:first-child {
-                margin-top: 0;
-            }
+      &:first-child {
+        margin-top: 0;
+      }
 
-            &:last-child {
-                margin-bottom: 0;
-            }
+      &:last-child {
+        margin-bottom: 0;
+      }
 
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
+      &.p-highlight {
+        color: $highlightTextColor;
+        background: $highlightBg;
 
-                &.p-focus {
-                    background: $highlightFocusBg;
-                }
-            }
-
-            &:not(.p-highlight):not(.p-disabled) {
-                &.p-focus {
-                    color: $inputListItemTextHoverColor;
-                    background: $inputListItemHoverBg;
-                }
-            }
+        &.p-focus {
+          background: $highlightFocusBg;
         }
+      }
 
-        .p-autocomplete-item-group {
-            margin: $submenuHeaderMargin;
-            padding: $submenuHeaderPadding;
-            color: $submenuHeaderTextColor;
-            background: $submenuHeaderBg;
-            font-weight: $submenuHeaderFontWeight;
+      &:not(.p-highlight):not(.p-disabled) {
+        &.p-focus {
+          color: $inputListItemTextHoverColor;
+          background: $inputListItemHoverBg;
         }
+      }
     }
+
+    .p-autocomplete-item-group {
+      margin: $submenuHeaderMargin;
+      padding: $submenuHeaderPadding;
+      color: $submenuHeaderTextColor;
+      background: $submenuHeaderBg;
+      font-weight: $submenuHeaderFontWeight;
+    }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_calendar.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_calendar.scss
index fa2417f..19f4777 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_calendar.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_calendar.scss
@@ -1,408 +1,408 @@
 // core
 .p-calendar {
-    display: inline-flex;
-    max-width: 100%;
+  display: inline-flex;
+  max-width: 100%;
 }
 
 .p-calendar .p-inputtext {
-    flex: 1 1 auto;
-    width: 1%;
+  flex: 1 1 auto;
+  width: 1%;
 }
 
 .p-calendar-w-btn .p-inputtext {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
 
 .p-calendar-w-btn .p-datepicker-trigger {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }
 
 .p-calendar .p-datepicker-trigger-icon {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 /* Fluid */
 .p-fluid .p-calendar {
-    display: flex;
+  display: flex;
 }
 
 .p-fluid .p-calendar .p-inputtext {
-    width: 1%;
+  width: 1%;
 }
 
 /* Datepicker */
 .p-calendar .p-datepicker {
-    min-width: 100%;
+  min-width: 100%;
 }
 
 .p-datepicker {
-    width: auto;
+  width: auto;
 }
 
 .p-datepicker-inline {
-    display: inline-block;
-    overflow-x: auto;
+  display: inline-block;
+  overflow-x: auto;
 }
 
 /* Header */
 .p-datepicker-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
 
 .p-datepicker-header .p-datepicker-title {
-    margin: 0 auto;
+  margin: 0 auto;
 }
 
 .p-datepicker-prev,
 .p-datepicker-next {
-    cursor: pointer;
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    overflow: hidden;
-    position: relative;
+  cursor: pointer;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+  position: relative;
 }
 
 /* Multiple Month DatePicker */
 .p-datepicker-multiple-month .p-datepicker-group-container {
-    display: flex;
+  display: flex;
 }
 
 .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
-    flex: 1 1 auto;
+  flex: 1 1 auto;
 }
 
 /* DatePicker Table */
 .p-datepicker table {
-    width: 100%;
-    border-collapse: collapse;
+  width: 100%;
+  border-collapse: collapse;
 }
 
 .p-datepicker td > span {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    margin: 0 auto;
-    overflow: hidden;
-    position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  margin: 0 auto;
+  overflow: hidden;
+  position: relative;
 }
 
 /* Month Picker */
 .p-monthpicker-month {
-    width: 33.3%;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    overflow: hidden;
-    position: relative;
+  width: 33.3%;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  overflow: hidden;
+  position: relative;
 }
 
 /* Year Picker */
 .p-yearpicker-year {
-    width: 50%;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    overflow: hidden;
-    position: relative;
+  width: 50%;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  overflow: hidden;
+  position: relative;
 }
 
 /*  Button Bar */
 .p-datepicker-buttonbar {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
 
 /* Time Picker */
 .p-timepicker {
-    display: flex;
-    justify-content: center;
-    align-items: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .p-timepicker button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    overflow: hidden;
-    position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  overflow: hidden;
+  position: relative;
 }
 
 .p-timepicker > div {
-    display: flex;
-    align-items: center;
-    flex-direction: column;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
 }
 
 /* Touch UI */
 .p-datepicker-touch-ui,
 .p-calendar .p-datepicker-touch-ui {
-    min-width: 80vw;
+  min-width: 80vw;
 }
 
 // theme
 .p-calendar {
-    &.p-invalid.p-component > .p-inputtext {
-        @include invalid-input();
-    }
+  &.p-invalid.p-component > .p-inputtext {
+    @include invalid-input();
+  }
 
-    &:not(.p-calendar-disabled).p-focus > .p-inputtext {
-        @include focused-input();
-    }
+  &:not(.p-calendar-disabled).p-focus > .p-inputtext {
+    @include focused-input();
+  }
 }
 
 .p-datepicker {
-    padding: $calendarPadding;
-    background: $calendarInlineBg;
-    color: $calendarTextColor;
-    border: $calendarBorder;
-    border-radius: $borderRadius;
+  padding: $calendarPadding;
+  background: $calendarInlineBg;
+  color: $calendarTextColor;
+  border: $calendarBorder;
+  border-radius: $borderRadius;
 
-    &:not(.p-datepicker-inline) {
-        background: $calendarBg;
-        border: $calendarOverlayBorder;
-        box-shadow: $inputOverlayShadow;
-
-        .p-datepicker-header {
-            background: $calendarHeaderBg;
-        }
-    }
+  &:not(.p-datepicker-inline) {
+    background: $calendarBg;
+    border: $calendarOverlayBorder;
+    box-shadow: $inputOverlayShadow;
 
     .p-datepicker-header {
-        padding: $calendarHeaderPadding;
+      background: $calendarHeaderBg;
+    }
+  }
+
+  .p-datepicker-header {
+    padding: $calendarHeaderPadding;
+    color: $calendarHeaderTextColor;
+    background: $calendarInlineHeaderBg;
+    font-weight: $calendarHeaderFontWeight;
+    margin: $inputListHeaderMargin;
+    border-bottom: $calendarHeaderBorder;
+    border-top-right-radius: $borderRadius;
+    border-top-left-radius: $borderRadius;
+
+    .p-datepicker-prev,
+    .p-datepicker-next {
+      @include action-icon();
+    }
+
+    .p-datepicker-title {
+      line-height: $actionIconHeight;
+
+      .p-datepicker-year,
+      .p-datepicker-month {
         color: $calendarHeaderTextColor;
-        background: $calendarInlineHeaderBg;
+        transition: $actionIconTransition;
         font-weight: $calendarHeaderFontWeight;
-        margin: $inputListHeaderMargin;
-        border-bottom: $calendarHeaderBorder;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
+        padding: $calendarHeaderCellPadding;
 
-        .p-datepicker-prev,
-        .p-datepicker-next {
-            @include action-icon();
+        &:enabled:hover {
+          color: $calendarMonthYearHeaderHoverTextColor;
         }
+      }
 
-        .p-datepicker-title {
-            line-height: $actionIconHeight;
+      .p-datepicker-month {
+        margin-right: $inlineSpacing;
+      }
+    }
+  }
 
-            .p-datepicker-year,
-            .p-datepicker-month {
-                color: $calendarHeaderTextColor;
-                transition: $actionIconTransition;
-                font-weight: $calendarHeaderFontWeight;
-                padding: $calendarHeaderCellPadding;
+  table {
+    font-size: $fontSize;
+    margin: $calendarTableMargin;
 
-                &:enabled:hover {
-                    color: $calendarMonthYearHeaderHoverTextColor;
-                }
-            }
+    th {
+      padding: $calendarHeaderCellPadding;
 
-            .p-datepicker-month {
-                margin-right: $inlineSpacing;
-            }
-        }
+      > span {
+        width: $calendarCellDateWidth;
+        height: $calendarCellDateHeight;
+      }
     }
 
-    table {
-        font-size: $fontSize;
-        margin: $calendarTableMargin;
+    td {
+      padding: $calendarCellDatePadding;
 
-        th {
-            padding: $calendarHeaderCellPadding;
+      > span {
+        width: $calendarCellDateWidth;
+        height: $calendarCellDateHeight;
+        border-radius: $calendarCellDateBorderRadius;
+        transition: $listItemTransition;
+        border: $calendarCellDateBorder;
+        outline-color: transparent;
 
-            > span {
-                width: $calendarCellDateWidth;
-                height: $calendarCellDateHeight;
-            }
+        &.p-highlight {
+          color: $highlightTextColor;
+          background: $highlightBg;
         }
 
-        td {
-            padding: $calendarCellDatePadding;
-
-            > span {
-                width: $calendarCellDateWidth;
-                height: $calendarCellDateHeight;
-                border-radius: $calendarCellDateBorderRadius;
-                transition: $listItemTransition;
-                border: $calendarCellDateBorder;
-                outline-color: transparent;
-
-                &.p-highlight {
-                    color: $highlightTextColor;
-                    background: $highlightBg;
-                }
-
-                &:focus {
-                    @include focused();
-                }
-            }
-
-            &.p-datepicker-today {
-                > span {
-                    background: $calendarCellDateTodayBg;
-                    color: $calendarCellDateTodayTextColor;
-                    border-color: $calendarCellDateTodayBorderColor;
-
-                    &.p-highlight {
-                        color: $highlightTextColor;
-                        background: $highlightBg;
-                    }
-                }
-            }
+        &:focus {
+          @include focused();
         }
+      }
+
+      &.p-datepicker-today {
+        > span {
+          background: $calendarCellDateTodayBg;
+          color: $calendarCellDateTodayTextColor;
+          border-color: $calendarCellDateTodayBorderColor;
+
+          &.p-highlight {
+            color: $highlightTextColor;
+            background: $highlightBg;
+          }
+        }
+      }
+    }
+  }
+
+  .p-datepicker-buttonbar {
+    padding: $calendarButtonBarPadding;
+    border-top: $divider;
+
+    .p-button {
+      width: auto;
+    }
+  }
+
+  .p-timepicker {
+    border-top: $divider;
+    padding: $calendarTimePickerPadding;
+
+    button {
+      @include action-icon();
+
+      &:last-child {
+        margin-top: 0.2em;
+      }
     }
 
-    .p-datepicker-buttonbar {
-        padding: $calendarButtonBarPadding;
-        border-top: $divider;
-
-        .p-button {
-            width: auto;
-        }
+    span {
+      font-size: $calendarTimePickerTimeFontSize;
     }
 
+    > div {
+      padding: $calendarTimePickerElementPadding;
+    }
+  }
+
+  &.p-datepicker-timeonly {
     .p-timepicker {
-        border-top: $divider;
-        padding: $calendarTimePickerPadding;
-
-        button {
-            @include action-icon();
-
-            &:last-child {
-                margin-top: 0.2em;
-            }
-        }
-
-        span {
-            font-size: $calendarTimePickerTimeFontSize;
-        }
-
-        > div {
-            padding: $calendarTimePickerElementPadding;
-        }
+      border-top: 0 none;
     }
+  }
 
-    &.p-datepicker-timeonly {
-        .p-timepicker {
-            border-top: 0 none;
+  .p-monthpicker {
+    margin: $calendarTableMargin;
+
+    .p-monthpicker-month {
+      padding: $calendarCellDatePadding;
+      transition: $listItemTransition;
+      border-radius: $borderRadius;
+
+      &.p-highlight {
+        color: $highlightTextColor;
+        background: $highlightBg;
+      }
+    }
+  }
+
+  .p-yearpicker {
+    margin: $calendarTableMargin;
+
+    .p-yearpicker-year {
+      padding: $calendarCellDatePadding;
+      transition: $listItemTransition;
+      border-radius: $borderRadius;
+
+      &.p-highlight {
+        color: $highlightTextColor;
+        background: $highlightBg;
+      }
+    }
+  }
+
+  &.p-datepicker-multiple-month {
+    .p-datepicker-group {
+      border-left: $divider;
+      padding-right: $calendarPadding;
+      padding-left: $calendarPadding;
+      padding-top: 0;
+      padding-bottom: 0;
+
+      &:first-child {
+        padding-left: 0;
+        border-left: 0 none;
+      }
+
+      &:last-child {
+        padding-right: 0;
+      }
+    }
+  }
+
+  &.p-datepicker-mobile {
+    table {
+      th,
+      td {
+        padding: $calendarCellDatePaddingSM;
+      }
+    }
+  }
+
+  &:not(.p-disabled) {
+    table {
+      td {
+        span:not(.p-highlight):not(.p-disabled) {
+          outline-color: transparent;
+
+          &:hover {
+            background: $calendarCellDateHoverBg;
+          }
+
+          &:focus {
+            @include focused();
+          }
         }
+      }
     }
 
     .p-monthpicker {
-        margin: $calendarTableMargin;
+      .p-monthpicker-month {
+        &:not(.p-disabled) {
+          outline-color: transparent;
 
-        .p-monthpicker-month {
-            padding: $calendarCellDatePadding;
-            transition: $listItemTransition;
-            border-radius: $borderRadius;
+          &:not(.p-highlight):hover {
+            background: $calendarCellDateHoverBg;
+          }
 
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-            }
+          &:focus {
+            @include focused();
+          }
         }
+      }
     }
 
     .p-yearpicker {
-        margin: $calendarTableMargin;
+      .p-yearpicker-year {
+        &:not(.p-disabled) {
+          outline-color: transparent;
 
-        .p-yearpicker-year {
-            padding: $calendarCellDatePadding;
-            transition: $listItemTransition;
-            border-radius: $borderRadius;
+          &:not(.p-highlight):hover {
+            background: $calendarCellDateHoverBg;
+          }
 
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-            }
-        }
-    }
-
-    &.p-datepicker-multiple-month {
-        .p-datepicker-group {
-            border-left: $divider;
-            padding-right: $calendarPadding;
-            padding-left: $calendarPadding;
-            padding-top: 0;
-            padding-bottom: 0;
-
-            &:first-child {
-                padding-left: 0;
-                border-left: 0 none;
-            }
-
-            &:last-child {
-                padding-right: 0;
-            }
-        }
-    }
-
-    &.p-datepicker-mobile {
-        table {
-            th,
-            td {
-                padding: $calendarCellDatePaddingSM;
-            }
-        }
-    }
-
-    &:not(.p-disabled) {
-        table {
-            td {
-                span:not(.p-highlight):not(.p-disabled) {
-                    outline-color: transparent;
-
-                    &:hover {
-                        background: $calendarCellDateHoverBg;
-                    }
-
-                    &:focus {
-                        @include focused();
-                    }
-                }
-            }
-        }
-
-        .p-monthpicker {
-            .p-monthpicker-month {
-                &:not(.p-disabled) {
-                    outline-color: transparent;
-
-                    &:not(.p-highlight):hover {
-                        background: $calendarCellDateHoverBg;
-                    }
-
-                    &:focus {
-                        @include focused();
-                    }
-                }
-            }
-        }
-
-        .p-yearpicker {
-            .p-yearpicker-year {
-                &:not(.p-disabled) {
-                    outline-color: transparent;
-
-                    &:not(.p-highlight):hover {
-                        background: $calendarCellDateHoverBg;
-                    }
-
-                    &:focus {
-                        @include focused();
-                    }
-                }
-            }
+          &:focus {
+            @include focused();
+          }
         }
+      }
     }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_cascadeselect.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_cascadeselect.scss
index 8ce7f6d..c834184 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_cascadeselect.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_cascadeselect.scss
@@ -1,199 +1,199 @@
 // core
 .p-cascadeselect {
-    display: inline-flex;
-    cursor: pointer;
-    user-select: none;
+  display: inline-flex;
+  cursor: pointer;
+  user-select: none;
 }
 
 .p-cascadeselect-trigger {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
 }
 
 .p-cascadeselect-label {
-    display: block;
-    white-space: nowrap;
-    overflow: hidden;
-    flex: 1 1 auto;
-    width: 1%;
-    text-overflow: ellipsis;
-    cursor: pointer;
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  flex: 1 1 auto;
+  width: 1%;
+  text-overflow: ellipsis;
+  cursor: pointer;
 }
 
 .p-cascadeselect-label-empty {
-    overflow: hidden;
-    visibility: hidden;
+  overflow: hidden;
+  visibility: hidden;
 }
 
 .p-cascadeselect .p-cascadeselect-panel {
-    min-width: 100%;
+  min-width: 100%;
 }
 
 .p-cascadeselect-item {
-    cursor: pointer;
-    font-weight: normal;
-    white-space: nowrap;
+  cursor: pointer;
+  font-weight: normal;
+  white-space: nowrap;
 }
 
 .p-cascadeselect-item-content {
-    display: flex;
-    align-items: center;
-    overflow: hidden;
-    position: relative;
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  position: relative;
 }
 
 .p-cascadeselect-group-icon {
-    margin-left: auto;
+  margin-left: auto;
 }
 
 .p-cascadeselect-items {
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-    min-width: 100%;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+  min-width: 100%;
 }
 
 .p-fluid .p-cascadeselect {
-    display: flex;
+  display: flex;
 }
 
 .p-fluid .p-cascadeselect .p-cascadeselect-label {
-    width: 1%;
+  width: 1%;
 }
 
 .p-cascadeselect-sublist {
-    position: absolute;
-    min-width: 100%;
-    z-index: 1;
-    display: none;
+  position: absolute;
+  min-width: 100%;
+  z-index: 1;
+  display: none;
 }
 
 .p-cascadeselect-item-active {
-    overflow: visible;
+  overflow: visible;
 }
 
 .p-cascadeselect-item-active > .p-cascadeselect-sublist {
-    display: block;
-    left: 100%;
-    top: 0;
+  display: block;
+  left: 100%;
+  top: 0;
 }
 
 .p-cascadeselect-enter-from,
 .p-cascadeselect-leave-active {
-    opacity: 0;
+  opacity: 0;
 }
 
 .p-cascadeselect-enter-active {
-    transition: opacity 150ms;
+  transition: opacity 150ms;
 }
 
 // theme
 .p-cascadeselect {
-    background: $inputBg;
-    border: $inputBorder;
-    transition: $formElementTransition;
-    border-radius: $borderRadius;
-    outline-color: transparent;
+  background: $inputBg;
+  border: $inputBorder;
+  transition: $formElementTransition;
+  border-radius: $borderRadius;
+  outline-color: transparent;
 
-    &:not(.p-disabled):hover {
-        border-color: $inputHoverBorderColor;
+  &:not(.p-disabled):hover {
+    border-color: $inputHoverBorderColor;
+  }
+
+  &:not(.p-disabled).p-focus {
+    @include focused-input();
+  }
+
+  &.p-variant-filled {
+    background-color: $inputFilledBg;
+
+    &:enabled:hover {
+      background-color: $inputFilledHoverBg;
     }
 
-    &:not(.p-disabled).p-focus {
-        @include focused-input();
+    &:enabled:focus {
+      background-color: $inputFilledFocusBg;
+    }
+  }
+
+  .p-cascadeselect-label {
+    background: transparent;
+    border: 0 none;
+    padding: $inputPadding;
+
+    &.p-placeholder {
+      color: $inputPlaceholderTextColor;
     }
 
-    &.p-variant-filled {
-        background-color: $inputFilledBg;
-
-        &:enabled:hover {
-            background-color: $inputFilledHoverBg;
-        }
-
-        &:enabled:focus {
-            background-color: $inputFilledFocusBg;
-        }
+    &:enabled:focus {
+      outline: 0 none;
+      box-shadow: none;
     }
+  }
 
-    .p-cascadeselect-label {
-        background: transparent;
-        border: 0 none;
-        padding: $inputPadding;
+  .p-cascadeselect-trigger {
+    background: transparent;
+    color: $inputIconColor;
+    width: $inputGroupAddOnMinWidth;
+    border-top-right-radius: $borderRadius;
+    border-bottom-right-radius: $borderRadius;
+  }
 
-        &.p-placeholder {
-            color: $inputPlaceholderTextColor;
-        }
-
-        &:enabled:focus {
-            outline: 0 none;
-            box-shadow: none;
-        }
-    }
-
-    .p-cascadeselect-trigger {
-        background: transparent;
-        color: $inputIconColor;
-        width: $inputGroupAddOnMinWidth;
-        border-top-right-radius: $borderRadius;
-        border-bottom-right-radius: $borderRadius;
-    }
-
-    &.p-invalid.p-component {
-        @include invalid-input();
-    }
+  &.p-invalid.p-component {
+    @include invalid-input();
+  }
 }
 
 .p-cascadeselect-panel {
-    background: $inputOverlayBg;
-    color: $inputListTextColor;
-    border: $inputOverlayBorder;
-    border-radius: $borderRadius;
-    box-shadow: $inputOverlayShadow;
+  background: $inputOverlayBg;
+  color: $inputListTextColor;
+  border: $inputOverlayBorder;
+  border-radius: $borderRadius;
+  box-shadow: $inputOverlayShadow;
 
-    .p-cascadeselect-items {
-        padding: $inputListPadding;
+  .p-cascadeselect-items {
+    padding: $inputListPadding;
 
-        .p-cascadeselect-item {
-            margin: $inputListItemMargin;
-            border: $inputListItemBorder;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-            transition: $listItemTransition;
-            border-radius: $inputListItemBorderRadius;
+    .p-cascadeselect-item {
+      margin: $inputListItemMargin;
+      border: $inputListItemBorder;
+      color: $inputListItemTextColor;
+      background: $inputListItemBg;
+      transition: $listItemTransition;
+      border-radius: $inputListItemBorderRadius;
 
-            &:first-child {
-                margin-top: 0;
-            }
+      &:first-child {
+        margin-top: 0;
+      }
 
-            &:last-child {
-                margin-bottom: 0;
-            }
+      &:last-child {
+        margin-bottom: 0;
+      }
 
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
+      &.p-highlight {
+        color: $highlightTextColor;
+        background: $highlightBg;
 
-                &.p-focus {
-                    background: $highlightFocusBg;
-                }
-            }
-
-            &:not(.p-highlight):not(.p-disabled) {
-                &.p-focus {
-                    color: $inputListItemTextHoverColor;
-                    background: $inputListItemHoverBg;
-                }
-            }
-
-            .p-cascadeselect-item-content {
-                padding: $inputListItemPadding;
-            }
-
-            .p-cascadeselect-group-icon {
-                font-size: $menuitemSubmenuIconFontSize;
-            }
+        &.p-focus {
+          background: $highlightFocusBg;
         }
+      }
+
+      &:not(.p-highlight):not(.p-disabled) {
+        &.p-focus {
+          color: $inputListItemTextHoverColor;
+          background: $inputListItemHoverBg;
+        }
+      }
+
+      .p-cascadeselect-item-content {
+        padding: $inputListItemPadding;
+      }
+
+      .p-cascadeselect-group-icon {
+        font-size: $menuitemSubmenuIconFontSize;
+      }
     }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_checkbox.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_checkbox.scss
index e3aa634..2c9b009 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_checkbox.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_checkbox.scss
@@ -1,158 +1,158 @@
 // core
 .p-checkbox {
-    position: relative;
-    display: inline-flex;
-    user-select: none;
-    vertical-align: bottom;
+  position: relative;
+  display: inline-flex;
+  user-select: none;
+  vertical-align: bottom;
 }
 
 .p-checkbox-input {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 .p-checkbox-box {
-    display: flex;
-    justify-content: center;
-    align-items: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 // theme
 .p-checkbox {
+  width: $checkboxWidth;
+  height: $checkboxHeight;
+
+  .p-checkbox-input {
+    appearance: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    opacity: 0;
+    z-index: 1;
+    outline: 0 none;
+    border: $checkboxBorder;
+    border-radius: $borderRadius;
+  }
+
+  .p-checkbox-box {
+    border: $checkboxBorder;
+    background: $inputBg;
     width: $checkboxWidth;
     height: $checkboxHeight;
+    color: $textColor;
+    border-radius: $borderRadius;
+    transition: $formElementTransition;
+    outline-color: transparent;
 
-    .p-checkbox-input {
-        appearance: none;
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        padding: 0;
-        margin: 0;
-        opacity: 0;
-        z-index: 1;
-        outline: 0 none;
-        border: $checkboxBorder;
-        border-radius: $borderRadius;
+    .p-checkbox-icon {
+      transition-duration: $transitionDuration;
+      color: $checkboxIconActiveColor;
+      font-size: $checkboxIconFontSize;
+
+      &.p-icon {
+        width: $checkboxIconFontSize;
+        height: $checkboxIconFontSize;
+      }
+    }
+  }
+
+  &.p-highlight {
+    .p-checkbox-box {
+      border-color: $checkboxActiveBorderColor;
+      background: $checkboxActiveBg;
+    }
+  }
+
+  &:not(.p-disabled) {
+    &:has(.p-checkbox-input:hover) {
+      .p-checkbox-box {
+        border-color: $inputHoverBorderColor;
+      }
+
+      &.p-highlight {
+        .p-checkbox-box {
+          border-color: $checkboxActiveHoverBorderColor;
+          background: $checkboxActiveHoverBg;
+          color: $checkboxIconActiveHoverColor;
+        }
+      }
     }
 
+    &:has(.p-checkbox-input:focus-visible) {
+      .p-checkbox-box {
+        @include focused-input();
+      }
+    }
+  }
+
+  &.p-invalid > .p-checkbox-box {
+    @include invalid-input();
+  }
+
+  &.p-variant-filled {
     .p-checkbox-box {
-        border: $checkboxBorder;
-        background: $inputBg;
-        width: $checkboxWidth;
-        height: $checkboxHeight;
-        color: $textColor;
-        border-radius: $borderRadius;
-        transition: $formElementTransition;
-        outline-color: transparent;
-
-        .p-checkbox-icon {
-            transition-duration: $transitionDuration;
-            color: $checkboxIconActiveColor;
-            font-size: $checkboxIconFontSize;
-
-            &.p-icon {
-                width: $checkboxIconFontSize;
-                height: $checkboxIconFontSize;
-            }
-        }
+      background-color: $inputFilledBg;
     }
 
     &.p-highlight {
-        .p-checkbox-box {
-            border-color: $checkboxActiveBorderColor;
-            background: $checkboxActiveBg;
-        }
+      .p-checkbox-box {
+        background: $checkboxActiveBg;
+      }
     }
 
     &:not(.p-disabled) {
-        &:has(.p-checkbox-input:hover) {
-            .p-checkbox-box {
-                border-color: $inputHoverBorderColor;
-            }
-
-            &.p-highlight {
-                .p-checkbox-box {
-                    border-color: $checkboxActiveHoverBorderColor;
-                    background: $checkboxActiveHoverBg;
-                    color: $checkboxIconActiveHoverColor;
-                }
-            }
-        }
-
-        &:has(.p-checkbox-input:focus-visible) {
-            .p-checkbox-box {
-                @include focused-input();
-            }
-        }
-    }
-
-    &.p-invalid > .p-checkbox-box {
-        @include invalid-input();
-    }
-
-    &.p-variant-filled {
+      &:has(.p-checkbox-input:hover) {
         .p-checkbox-box {
-            background-color: $inputFilledBg;
+          background-color: $inputFilledHoverBg;
         }
 
         &.p-highlight {
-            .p-checkbox-box {
-                background: $checkboxActiveBg;
-            }
-        }
-
-        &:not(.p-disabled) {
-            &:has(.p-checkbox-input:hover) {
-                .p-checkbox-box {
-                    background-color: $inputFilledHoverBg;
-                }
-
-                &.p-highlight {
-                    .p-checkbox-box {
-                        background: $checkboxActiveHoverBg;
-                    }
-                }
-            }
+          .p-checkbox-box {
+            background: $checkboxActiveHoverBg;
+          }
         }
+      }
     }
+  }
 }
 
 .p-input-filled {
-    .p-checkbox {
+  .p-checkbox {
+    .p-checkbox-box {
+      background-color: $inputFilledBg;
+    }
+
+    &.p-highlight {
+      .p-checkbox-box {
+        background: $checkboxActiveBg;
+      }
+    }
+
+    &:not(.p-disabled) {
+      &:has(.p-checkbox-input:hover) {
         .p-checkbox-box {
-            background-color: $inputFilledBg;
+          background-color: $inputFilledHoverBg;
         }
 
         &.p-highlight {
-            .p-checkbox-box {
-                background: $checkboxActiveBg;
-            }
-        }
-
-        &:not(.p-disabled) {
-            &:has(.p-checkbox-input:hover) {
-                .p-checkbox-box {
-                    background-color: $inputFilledHoverBg;
-                }
-
-                &.p-highlight {
-                    .p-checkbox-box {
-                        background: $checkboxActiveHoverBg;
-                    }
-                }
-            }
+          .p-checkbox-box {
+            background: $checkboxActiveHoverBg;
+          }
         }
+      }
     }
+  }
 }
 
 @if ($highlightBg == $checkboxActiveBg) {
-    .p-highlight {
-        .p-checkbox {
-            .p-checkbox-box {
-                border-color: $checkboxIconActiveColor;
-            }
-        }
+  .p-highlight {
+    .p-checkbox {
+      .p-checkbox-box {
+        border-color: $checkboxIconActiveColor;
+      }
     }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_chips.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_chips.scss
index 0e5ff41..f15c1fc 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_chips.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_chips.scss
@@ -2,101 +2,101 @@
 
 // core
 .p-chips {
-    display: inline-flex;
+  display: inline-flex;
 }
 
 .p-chips-multiple-container {
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-    cursor: text;
-    overflow: hidden;
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+  cursor: text;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
 }
 
 .p-chips-token {
-    cursor: default;
-    display: inline-flex;
-    align-items: center;
-    flex: 0 0 auto;
+  cursor: default;
+  display: inline-flex;
+  align-items: center;
+  flex: 0 0 auto;
 }
 
 .p-chips-input-token {
-    flex: 1 1 auto;
-    display: inline-flex;
+  flex: 1 1 auto;
+  display: inline-flex;
 }
 
 .p-chips-token-icon {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 .p-chips-input-token input {
-    border: 0 none;
-    outline: 0 none;
-    background-color: transparent;
-    margin: 0;
-    padding: 0;
-    box-shadow: none;
-    border-radius: 0;
-    width: 100%;
+  border: 0 none;
+  outline: 0 none;
+  background-color: transparent;
+  margin: 0;
+  padding: 0;
+  box-shadow: none;
+  border-radius: 0;
+  width: 100%;
 }
 
 .p-fluid .p-chips {
-    display: flex;
+  display: flex;
 }
 
 // theme
 .p-chips {
-    &:not(.p-disabled):hover {
-        .p-chips-multiple-container {
-            border-color: $inputHoverBorderColor;
-        }
-    }
-
-    &:not(.p-disabled).p-focus {
-        .p-chips-multiple-container {
-            @include focused-input();
-        }
-    }
-
+  &:not(.p-disabled):hover {
     .p-chips-multiple-container {
-        padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-        outline-color: transparent;
+      border-color: $inputHoverBorderColor;
+    }
+  }
 
-        .p-chips-token {
-            padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-            margin-right: $inlineSpacing;
-            background: $chipBg;
-            color: $chipTextColor;
-            border-radius: $chipBorderRadius;
+  &:not(.p-disabled).p-focus {
+    .p-chips-multiple-container {
+      @include focused-input();
+    }
+  }
 
-            &.p-focus {
-                background: $chipFocusBg;
-                color: $chipFocusTextColor;
-            }
+  .p-chips-multiple-container {
+    padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
+    outline-color: transparent;
 
-            .p-chips-token-icon {
-                margin-left: $inlineSpacing;
-            }
-        }
+    .p-chips-token {
+      padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
+      margin-right: $inlineSpacing;
+      background: $chipBg;
+      color: $chipTextColor;
+      border-radius: $chipBorderRadius;
 
-        .p-chips-input-token {
-            padding: math.div(nth($inputPadding, 1), 2) 0;
+      &.p-focus {
+        background: $chipFocusBg;
+        color: $chipFocusTextColor;
+      }
 
-            input {
-                font-family: var(--font-family);
-                font-feature-settings: var(--font-feature-settings, normal);
-                font-size: $inputTextFontSize;
-                color: $textColor;
-                padding: 0;
-                margin: 0;
-            }
-        }
+      .p-chips-token-icon {
+        margin-left: $inlineSpacing;
+      }
     }
 
-    &.p-invalid.p-component > .p-inputtext {
-        @include invalid-input();
+    .p-chips-input-token {
+      padding: math.div(nth($inputPadding, 1), 2) 0;
+
+      input {
+        font-family: var(--font-family);
+        font-feature-settings: var(--font-feature-settings, normal);
+        font-size: $inputTextFontSize;
+        color: $textColor;
+        padding: 0;
+        margin: 0;
+      }
     }
+  }
+
+  &.p-invalid.p-component > .p-inputtext {
+    @include invalid-input();
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_colorpicker.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_colorpicker.scss
index 7f9beb9..9ec4843 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_colorpicker.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_colorpicker.scss
@@ -1,28 +1,38 @@
 // 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
-.p-colorpicker-preview  {
-    width: $colorPickerPreviewWidth;
-    height: $colorPickerPreviewHeight;
+.p-colorpicker-preview {
+  width: $colorPickerPreviewWidth;
+  height: $colorPickerPreviewHeight;
 }
 
 .p-colorpicker-panel {
-    background: $colorPickerBg;
-    border: $colorPickerBorder;
+  background: $colorPickerBg;
+  border: $colorPickerBorder;
 
-    .p-colorpicker-color-handle,
-    .p-colorpicker-hue-handle {
-        border-color: $colorPickerHandleColor;
-    }
+  .p-colorpicker-color-handle,
+  .p-colorpicker-hue-handle {
+    border-color: $colorPickerHandleColor;
+  }
 }
 
 .p-colorpicker-overlay-panel {
-    box-shadow: $inputOverlayShadow;
-}
\ No newline at end of file
+  box-shadow: $inputOverlayShadow;
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_dropdown.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_dropdown.scss
index d4130ab..aed039d 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_dropdown.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_dropdown.scss
@@ -1,252 +1,252 @@
 // core
 .p-dropdown {
-    display: inline-flex;
-    cursor: pointer;
-    position: relative;
-    user-select: none;
+  display: inline-flex;
+  cursor: pointer;
+  position: relative;
+  user-select: none;
 }
 
 .p-dropdown-clear-icon {
-    position: absolute;
-    top: 50%;
-    margin-top: -0.5rem;
+  position: absolute;
+  top: 50%;
+  margin-top: -0.5rem;
 }
 
 .p-dropdown-trigger {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
 }
 
 .p-dropdown-label {
-    display: block;
-    white-space: nowrap;
-    overflow: hidden;
-    flex: 1 1 auto;
-    width: 1%;
-    text-overflow: ellipsis;
-    cursor: pointer;
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  flex: 1 1 auto;
+  width: 1%;
+  text-overflow: ellipsis;
+  cursor: pointer;
 }
 
 .p-dropdown-label-empty {
-    overflow: hidden;
-    opacity: 0;
+  overflow: hidden;
+  opacity: 0;
 }
 
 input.p-dropdown-label {
-    cursor: default;
+  cursor: default;
 }
 
 .p-dropdown .p-dropdown-panel {
-    min-width: 100%;
+  min-width: 100%;
 }
 
 .p-dropdown-panel {
-    position: absolute;
-    top: 0;
-    left: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
 }
 
 .p-dropdown-items-wrapper {
-    overflow: auto;
+  overflow: auto;
 }
 
 .p-dropdown-item {
-    cursor: pointer;
-    font-weight: normal;
-    white-space: nowrap;
-    position: relative;
-    overflow: hidden;
-    display: flex;
-    align-items: center;
+  cursor: pointer;
+  font-weight: normal;
+  white-space: nowrap;
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
 }
 
 .p-dropdown-item-group {
-    cursor: auto;
+  cursor: auto;
 }
 
 .p-dropdown-items {
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
 }
 
 .p-dropdown-filter {
-    width: 100%;
+  width: 100%;
 }
 
 .p-dropdown-filter-container {
-    position: relative;
+  position: relative;
 }
 
 .p-dropdown-filter-icon {
-    position: absolute;
-    top: 50%;
-    margin-top: -0.5rem;
+  position: absolute;
+  top: 50%;
+  margin-top: -0.5rem;
 }
 
 .p-fluid .p-dropdown {
-    display: flex;
+  display: flex;
 }
 
 .p-fluid .p-dropdown .p-dropdown-label {
-    width: 1%;
+  width: 1%;
 }
 
 // theme
 .p-dropdown {
-    background: $inputBg;
-    border: $inputBorder;
-    transition: $formElementTransition;
-    border-radius: $borderRadius;
-    outline-color: transparent;
+  background: $inputBg;
+  border: $inputBorder;
+  transition: $formElementTransition;
+  border-radius: $borderRadius;
+  outline-color: transparent;
+
+  &:not(.p-disabled):hover {
+    border-color: $inputHoverBorderColor;
+  }
+
+  &:not(.p-disabled).p-focus {
+    @include focused-input();
+  }
+
+  &.p-variant-filled {
+    background: $inputFilledBg;
 
     &:not(.p-disabled):hover {
-        border-color: $inputHoverBorderColor;
+      background-color: $inputFilledHoverBg;
     }
 
     &:not(.p-disabled).p-focus {
-        @include focused-input();
-    }
-
-    &.p-variant-filled {
-        background: $inputFilledBg;
-
-        &:not(.p-disabled):hover {
-            background-color: $inputFilledHoverBg;
-        }
-
-        &:not(.p-disabled).p-focus {
-            background-color: $inputFilledFocusBg;
-
-            .p-inputtext {
-                background-color: transparent;
-            }
-        }
-    }
-
-    &.p-dropdown-clearable {
-        .p-dropdown-label {
-            padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-        }
+      background-color: $inputFilledFocusBg;
+
+      .p-inputtext {
+        background-color: transparent;
+      }
     }
+  }
 
+  &.p-dropdown-clearable {
     .p-dropdown-label {
-        background: transparent;
-        border: 0 none;
+      padding-right: nth($inputPadding, 2) + $primeIconFontSize;
+    }
+  }
 
-        &.p-placeholder {
-            color: $inputPlaceholderTextColor;
-        }
+  .p-dropdown-label {
+    background: transparent;
+    border: 0 none;
 
-        &:focus,
-        &:enabled:focus {
-            outline: 0 none;
-            box-shadow: none;
-        }
+    &.p-placeholder {
+      color: $inputPlaceholderTextColor;
     }
 
-    .p-dropdown-trigger {
-        background: transparent;
-        color: $inputIconColor;
-        width: $inputGroupAddOnMinWidth;
-        border-top-right-radius: $borderRadius;
-        border-bottom-right-radius: $borderRadius;
+    &:focus,
+    &:enabled:focus {
+      outline: 0 none;
+      box-shadow: none;
     }
+  }
 
-    .p-dropdown-clear-icon {
-        color: $inputIconColor;
-        right: $inputGroupAddOnMinWidth;
-    }
+  .p-dropdown-trigger {
+    background: transparent;
+    color: $inputIconColor;
+    width: $inputGroupAddOnMinWidth;
+    border-top-right-radius: $borderRadius;
+    border-bottom-right-radius: $borderRadius;
+  }
 
-    &.p-invalid.p-component {
-        @include invalid-input();
-    }
+  .p-dropdown-clear-icon {
+    color: $inputIconColor;
+    right: $inputGroupAddOnMinWidth;
+  }
+
+  &.p-invalid.p-component {
+    @include invalid-input();
+  }
 }
 
 .p-dropdown-panel {
-    background: $inputOverlayBg;
-    color: $inputListTextColor;
-    border: $inputOverlayBorder;
-    border-radius: $borderRadius;
-    box-shadow: $inputOverlayShadow;
+  background: $inputOverlayBg;
+  color: $inputListTextColor;
+  border: $inputOverlayBorder;
+  border-radius: $borderRadius;
+  box-shadow: $inputOverlayShadow;
 
-    .p-dropdown-header {
-        padding: $inputListHeaderPadding;
-        border-bottom: $inputListHeaderBorder;
-        color: $inputListHeaderTextColor;
-        background: $inputOverlayHeaderBg;
-        margin: $inputListHeaderMargin;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
+  .p-dropdown-header {
+    padding: $inputListHeaderPadding;
+    border-bottom: $inputListHeaderBorder;
+    color: $inputListHeaderTextColor;
+    background: $inputOverlayHeaderBg;
+    margin: $inputListHeaderMargin;
+    border-top-right-radius: $borderRadius;
+    border-top-left-radius: $borderRadius;
 
-        .p-dropdown-filter {
-            padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-            margin-right: -1 * (nth($inputPadding, 2) + $primeIconFontSize);
-        }
-
-        .p-dropdown-filter-icon {
-            right: nth($inputPadding, 2);
-            color: $inputIconColor;
-        }
+    .p-dropdown-filter {
+      padding-right: nth($inputPadding, 2) + $primeIconFontSize;
+      margin-right: -1 * (nth($inputPadding, 2) + $primeIconFontSize);
     }
 
-    .p-dropdown-items {
-        padding: $inputListPadding;
-
-        .p-dropdown-item {
-            margin: $inputListItemMargin;
-            padding: $inputListItemPadding;
-            border: $inputListItemBorder;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-            transition: $listItemTransition;
-            border-radius: $inputListItemBorderRadius;
-
-            &:first-child {
-                margin-top: 0;
-            }
-
-            &:last-child {
-                margin-bottom: 0;
-            }
-
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-
-                &.p-focus {
-                    background: $highlightFocusBg;
-                }
-            }
-
-            &:not(.p-highlight):not(.p-disabled) {
-                &.p-focus {
-                    color: $inputListItemTextHoverColor;
-                    background: $inputListItemHoverBg;
-                }
-            }
-
-            .p-dropdown-check-icon {
-                position: relative;
-                margin-left: -1 * $inlineSpacing;
-                margin-right: $inlineSpacing;
-            }
-        }
-
-        .p-dropdown-item-group {
-            margin: $submenuHeaderMargin;
-            padding: $submenuHeaderPadding;
-            color: $submenuHeaderTextColor;
-            background: $submenuHeaderBg;
-            font-weight: $submenuHeaderFontWeight;
-        }
-
-        .p-dropdown-empty-message {
-            padding: $inputListItemPadding;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-        }
+    .p-dropdown-filter-icon {
+      right: nth($inputPadding, 2);
+      color: $inputIconColor;
     }
+  }
+
+  .p-dropdown-items {
+    padding: $inputListPadding;
+
+    .p-dropdown-item {
+      margin: $inputListItemMargin;
+      padding: $inputListItemPadding;
+      border: $inputListItemBorder;
+      color: $inputListItemTextColor;
+      background: $inputListItemBg;
+      transition: $listItemTransition;
+      border-radius: $inputListItemBorderRadius;
+
+      &:first-child {
+        margin-top: 0;
+      }
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+
+      &.p-highlight {
+        color: $highlightTextColor;
+        background: $highlightBg;
+
+        &.p-focus {
+          background: $highlightFocusBg;
+        }
+      }
+
+      &:not(.p-highlight):not(.p-disabled) {
+        &.p-focus {
+          color: $inputListItemTextHoverColor;
+          background: $inputListItemHoverBg;
+        }
+      }
+
+      .p-dropdown-check-icon {
+        position: relative;
+        margin-left: -1 * $inlineSpacing;
+        margin-right: $inlineSpacing;
+      }
+    }
+
+    .p-dropdown-item-group {
+      margin: $submenuHeaderMargin;
+      padding: $submenuHeaderPadding;
+      color: $submenuHeaderTextColor;
+      background: $submenuHeaderBg;
+      font-weight: $submenuHeaderFontWeight;
+    }
+
+    .p-dropdown-empty-message {
+      padding: $inputListItemPadding;
+      color: $inputListItemTextColor;
+      background: $inputListItemBg;
+    }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_editor.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_editor.scss
index b10b2fa..564edf3 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_editor.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_editor.scss
@@ -1,122 +1,122 @@
 .p-editor-container {
-    .p-editor-toolbar {
-        background: $editorToolbarBg;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
+  .p-editor-toolbar {
+    background: $editorToolbarBg;
+    border-top-right-radius: $borderRadius;
+    border-top-left-radius: $borderRadius;
 
-        &.ql-snow {
-            border: $editorToolbarBorder;
+    &.ql-snow {
+      border: $editorToolbarBorder;
+
+      .ql-stroke {
+        stroke: $editorToolbarIconColor;
+      }
+
+      .ql-fill {
+        fill: $editorToolbarIconColor;
+      }
+
+      .ql-picker {
+        .ql-picker-label {
+          border: 0 none;
+          color: $editorToolbarIconColor;
+
+          &:hover {
+            color: $editorToolbarIconHoverColor;
 
             .ql-stroke {
-                stroke: $editorToolbarIconColor;
+              stroke: $editorToolbarIconHoverColor;
             }
-    
+
             .ql-fill {
-                fill: $editorToolbarIconColor;
+              fill: $editorToolbarIconHoverColor;
             }
-    
-            .ql-picker {
-                .ql-picker-label {
-                    border: 0 none;
-                    color: $editorToolbarIconColor;
+          }
+        }
 
-                    &:hover {
-                        color: $editorToolbarIconHoverColor;
+        &.ql-expanded {
+          .ql-picker-label {
+            color: $editorToolbarIconHoverColor;
 
-                        .ql-stroke {
-                            stroke: $editorToolbarIconHoverColor;
-                        }
-                
-                        .ql-fill {
-                            fill: $editorToolbarIconHoverColor;
-                        }
-                    }
-                }
-
-                &.ql-expanded {
-                    .ql-picker-label {
-                        color: $editorToolbarIconHoverColor;
-
-                        .ql-stroke {
-                            stroke: $editorToolbarIconHoverColor;
-                        }
-                
-                        .ql-fill {
-                            fill: $editorToolbarIconHoverColor;
-                        }
-                    }
-
-                    .ql-picker-options {
-                        background: $inputOverlayBg;
-                        border:$inputOverlayBorder;
-                        box-shadow:$inputOverlayShadow;
-                        border-radius: $borderRadius;
-                        padding: $inputListPadding;
-
-                        .ql-picker-item {
-                            color: $inputListItemTextColor;
-                            
-                            &:hover {
-                                color: $inputListItemTextHoverColor;
-                                background: $inputListItemHoverBg;
-                            }
-                        }
-                    }
-
-                    &:not(.ql-icon-picker) {
-                        .ql-picker-item {
-                            padding: $inputListItemPadding;
-                        }
-                    }
-                }
+            .ql-stroke {
+              stroke: $editorToolbarIconHoverColor;
             }
+
+            .ql-fill {
+              fill: $editorToolbarIconHoverColor;
+            }
+          }
+
+          .ql-picker-options {
+            background: $inputOverlayBg;
+            border: $inputOverlayBorder;
+            box-shadow: $inputOverlayShadow;
+            border-radius: $borderRadius;
+            padding: $inputListPadding;
+
+            .ql-picker-item {
+              color: $inputListItemTextColor;
+
+              &:hover {
+                color: $inputListItemTextHoverColor;
+                background: $inputListItemHoverBg;
+              }
+            }
+          }
+
+          &:not(.ql-icon-picker) {
+            .ql-picker-item {
+              padding: $inputListItemPadding;
+            }
+          }
         }
+      }
+    }
+  }
+
+  .p-editor-content {
+    border-bottom-right-radius: $borderRadius;
+    border-bottom-left-radius: $borderRadius;
+
+    &.ql-snow {
+      border: $editorContentBorder;
     }
 
-    .p-editor-content {
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
+    .ql-editor {
+      background: $inputBg;
+      color: $inputTextColor;
+      border-bottom-right-radius: $borderRadius;
+      border-bottom-left-radius: $borderRadius;
+    }
+  }
 
-        &.ql-snow {
-            border: $editorContentBorder;
-        }
+  .ql-snow.ql-toolbar button:hover,
+  .ql-snow.ql-toolbar button:focus {
+    color: $editorToolbarIconHoverColor;
 
-        .ql-editor {
-            background: $inputBg;
-            color: $inputTextColor;
-            border-bottom-right-radius: $borderRadius;
-            border-bottom-left-radius: $borderRadius;
-        }
+    .ql-stroke {
+      stroke: $editorToolbarIconHoverColor;
     }
 
-    .ql-snow.ql-toolbar button:hover,
-    .ql-snow.ql-toolbar button:focus {
-        color: $editorToolbarIconHoverColor;
+    .ql-fill {
+      fill: $editorToolbarIconHoverColor;
+    }
+  }
 
-        .ql-stroke {
-            stroke: $editorToolbarIconHoverColor;
-        }
+  .ql-snow.ql-toolbar button.ql-active,
+  .ql-snow.ql-toolbar .ql-picker-label.ql-active,
+  .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
+    color: $editorIconActiveColor;
 
-        .ql-fill {
-            fill: $editorToolbarIconHoverColor;
-        }
+    .ql-stroke {
+      stroke: $editorIconActiveColor;
     }
 
-    .ql-snow.ql-toolbar button.ql-active,
-    .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-    .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
-        color: $editorIconActiveColor;
-
-        .ql-stroke {
-            stroke: $editorIconActiveColor;
-        }
-
-        .ql-fill {
-            fill: $editorIconActiveColor;
-        }
-
-        .ql-picker-label {
-            color: $editorIconActiveColor;
-        }
+    .ql-fill {
+      fill: $editorIconActiveColor;
     }
+
+    .ql-picker-label {
+      color: $editorIconActiveColor;
+    }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_floatlabel.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_floatlabel.scss
index 646e6c2..026feb2 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_floatlabel.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_floatlabel.scss
@@ -1,21 +1,21 @@
 // core
 .p-float-label {
-    display: block;
-    position: relative;
+  display: block;
+  position: relative;
 }
 
 .p-float-label label {
-    position: absolute;
-    pointer-events: none;
-    top: 50%;
-    margin-top: -.5rem;
-    transition-property: all;
-    transition-timing-function: ease;
-    line-height: 1;
+  position: absolute;
+  pointer-events: none;
+  top: 50%;
+  margin-top: -0.5rem;
+  transition-property: all;
+  transition-timing-function: ease;
+  line-height: 1;
 }
 
 .p-float-label:has(textarea) label {
-    top: 1rem;
+  top: 1rem;
 }
 
 .p-float-label:has(input:focus) label,
@@ -25,22 +25,22 @@
 .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;
-    font-size: 12px;
+  top: -0.75rem;
+  font-size: 12px;
 }
 
 .p-float-label .p-placeholder,
 .p-float-label input::placeholder,
 .p-float-label .p-inputtext::placeholder {
-    opacity: 0;
-    transition-property: all;
-    transition-timing-function: ease;
+  opacity: 0;
+  transition-property: all;
+  transition-timing-function: ease;
 }
 
 .p-float-label .p-focus .p-placeholder,
 .p-float-label input:focus::placeholder,
 .p-float-label .p-inputtext:focus::placeholder {
-    opacity: 1;
-    transition-property: all;
-    transition-timing-function: ease;
-}
\ No newline at end of file
+  opacity: 1;
+  transition-property: all;
+  transition-timing-function: ease;
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_iconfield.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_iconfield.scss
index 7ccc12b..b68050c 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_iconfield.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_iconfield.scss
@@ -1,10 +1,10 @@
 // core
 .p-icon-field {
-    position: relative;
+  position: relative;
 }
 
 .p-icon-field > .p-input-icon {
-    position: absolute;
-    top: 50%;
-    margin-top: -.5rem;
-}
\ No newline at end of file
+  position: absolute;
+  top: 50%;
+  margin-top: -0.5rem;
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_inputgroup.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_inputgroup.scss
index 82a70a8..b8685da 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_inputgroup.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_inputgroup.scss
@@ -1,64 +1,64 @@
 // core
 .p-inputgroup {
-    display: flex;
-    align-items: stretch;
-    width: 100%;
+  display: flex;
+  align-items: stretch;
+  width: 100%;
 }
 
 .p-inputgroup-addon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .p-inputgroup .p-float-label {
-    display: flex;
-    align-items: stretch;
-    width: 100%;
+  display: flex;
+  align-items: stretch;
+  width: 100%;
 }
 
 .p-inputgroup .p-inputtext,
 .p-fluid .p-inputgroup .p-inputtext,
 .p-inputgroup .p-inputwrapper,
 .p-fluid .p-inputgroup .p-input {
-    flex: 1 1 auto;
-    width: 1%;
+  flex: 1 1 auto;
+  width: 1%;
 }
 
 // theme
 .p-inputgroup-addon {
-    background: $inputGroupBg;
-    color: $inputGroupTextColor;
-    border-top: $inputBorder;
-    border-left: $inputBorder;
-    border-bottom: $inputBorder;
-    padding: $inputPadding;
-    min-width: $inputGroupAddOnMinWidth;
+  background: $inputGroupBg;
+  color: $inputGroupTextColor;
+  border-top: $inputBorder;
+  border-left: $inputBorder;
+  border-bottom: $inputBorder;
+  padding: $inputPadding;
+  min-width: $inputGroupAddOnMinWidth;
 
-    &:last-child {
-        border-right: $inputBorder;
-    }
+  &:last-child {
+    border-right: $inputBorder;
+  }
 }
 
 .p-inputgroup {
-    > .p-component,
-    > .p-inputwrapper > .p-inputtext,
-    > .p-float-label > .p-component {
-        border-radius: 0;
-        margin: 0;
+  > .p-component,
+  > .p-inputwrapper > .p-inputtext,
+  > .p-float-label > .p-component {
+    border-radius: 0;
+    margin: 0;
 
-        + .p-inputgroup-addon {
-            border-left: 0 none;
-        }
-
-        &:focus {
-            z-index: 1;
-
-            ~ label {
-                z-index: 1;
-            }
-        }
+    + .p-inputgroup-addon {
+      border-left: 0 none;
     }
+
+    &:focus {
+      z-index: 1;
+
+      ~ label {
+        z-index: 1;
+      }
+    }
+  }
 }
 
 .p-inputgroup-addon:first-child,
@@ -66,37 +66,37 @@
 .p-inputgroup input:first-child,
 .p-inputgroup > .p-inputwrapper:first-child,
 .p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
-    border-top-left-radius: $borderRadius;
-    border-bottom-left-radius: $borderRadius;
+  border-top-left-radius: $borderRadius;
+  border-bottom-left-radius: $borderRadius;
 }
 
 .p-inputgroup .p-float-label:first-child input {
-    border-top-left-radius: $borderRadius;
-    border-bottom-left-radius: $borderRadius;
+  border-top-left-radius: $borderRadius;
+  border-bottom-left-radius: $borderRadius;
 }
 
 .p-inputgroup-addon:last-child,
 .p-inputgroup button:last-child,
 .p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child, 
+.p-inputgroup > .p-inputwrapper:last-child,
 .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
-    border-top-right-radius: $borderRadius;
-    border-bottom-right-radius: $borderRadius;
+  border-top-right-radius: $borderRadius;
+  border-bottom-right-radius: $borderRadius;
 }
 
 .p-inputgroup .p-float-label:last-child input {
-    border-top-right-radius: $borderRadius;
-    border-bottom-right-radius: $borderRadius;
+  border-top-right-radius: $borderRadius;
+  border-bottom-right-radius: $borderRadius;
 }
 
 .p-fluid {
-    .p-inputgroup {
-        .p-button {
-            width: auto;
+  .p-inputgroup {
+    .p-button {
+      width: auto;
 
-            &.p-button-icon-only {
-                width: $buttonIconOnlyWidth;
-            }
-        }
+      &.p-button-icon-only {
+        width: $buttonIconOnlyWidth;
+      }
     }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_inputicon.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_inputicon.scss
index 88aa70a..b5cf79c 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_inputicon.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_inputicon.scss
@@ -1,15 +1,15 @@
 // core
 .p-fluid .p-icon-field-left,
 .p-fluid .p-icon-field-right {
-    width: 100%;
+  width: 100%;
 }
 
 .p-icon-field-left > .p-input-icon:first-of-type {
-    left: nth($inputPadding, 2);
-    color: $inputIconColor;
+  left: nth($inputPadding, 2);
+  color: $inputIconColor;
 }
 
-.p-icon-field-right > .p-input-icon:last-of-type  {
-    right: nth($inputPadding, 2);
-    color: $inputIconColor;
-}
\ No newline at end of file
+.p-icon-field-right > .p-input-icon:last-of-type {
+  right: nth($inputPadding, 2);
+  color: $inputIconColor;
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_inputnumber.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_inputnumber.scss
index fea12f7..a7ecb16 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_inputnumber.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_inputnumber.scss
@@ -1,120 +1,124 @@
 // core
 .p-inputnumber {
-    display: inline-flex;
+  display: inline-flex;
 }
 
 .p-inputnumber-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex: 0 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
 }
 
 .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
-    display: none;
+.p-inputnumber-buttons-horizontal
+  .p-button.p-inputnumber-button
+  .p-button-label {
+  display: none;
 }
 
 .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    padding: 0;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  padding: 0;
 }
 
 .p-inputnumber-buttons-stacked .p-inputnumber-input {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
 
 .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-bottom-left-radius: 0;
-    padding: 0;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-left-radius: 0;
+  padding: 0;
 }
 
 .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
-    display: flex;
-    flex-direction: column;
+  display: flex;
+  flex-direction: column;
 }
 
-.p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
-    flex: 1 1 auto;
+.p-inputnumber-buttons-stacked
+  .p-inputnumber-button-group
+  .p-button.p-inputnumber-button {
+  flex: 1 1 auto;
 }
 
 .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
-    order: 3;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
+  order: 3;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }
 
 .p-inputnumber-buttons-horizontal .p-inputnumber-input {
-    order: 2;
-    border-radius: 0;
+  order: 2;
+  border-radius: 0;
 }
 
 .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
-    order: 1;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
+  order: 1;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
 
 .p-inputnumber-buttons-vertical {
-    flex-direction: column;
+  flex-direction: column;
 }
 
 .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
-    order: 1;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    width: 100%;
+  order: 1;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  width: 100%;
 }
 
 .p-inputnumber-buttons-vertical .p-inputnumber-input {
-    order: 2;
-    border-radius: 0;
-    text-align: center;
+  order: 2;
+  border-radius: 0;
+  text-align: center;
 }
 
 .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
-    order: 3;
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    width: 100%;
+  order: 3;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  width: 100%;
 }
 
 .p-inputnumber-input {
-    flex: 1 1 auto;
+  flex: 1 1 auto;
 }
 
 .p-fluid .p-inputnumber {
-    width: 100%;
+  width: 100%;
 }
 
 .p-fluid .p-inputnumber .p-inputnumber-input {
-    width: 1%;
+  width: 1%;
 }
 
 .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
-    width: 100%;
+  width: 100%;
 }
 
 // theme
 .p-inputnumber {
-    &.p-invalid.p-component > .p-inputtext {
-        @include invalid-input();
+  &.p-invalid.p-component > .p-inputtext {
+    @include invalid-input();
+  }
+
+  &.p-variant-filled > .p-inputnumber-input {
+    background-color: $inputFilledBg;
+
+    &:enabled:hover {
+      background-color: $inputFilledHoverBg;
     }
 
-    &.p-variant-filled > .p-inputnumber-input {
-        background-color: $inputFilledBg;
-
-        &:enabled:hover {
-            background-color: $inputFilledHoverBg;
-        }
-
-        &:enabled:focus {
-            background-color: $inputFilledFocusBg;
-        }
+    &:enabled:focus {
+      background-color: $inputFilledFocusBg;
     }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_inputotp.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_inputotp.scss
index ec356a2..d3214bc 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_inputotp.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_inputotp.scss
@@ -1,10 +1,10 @@
 .p-inputotp {
-    display: flex;
-    align-items: center;
-    gap: $inlineSpacing;
+  display: flex;
+  align-items: center;
+  gap: $inlineSpacing;
 }
 
 .p-inputotp-input {
-    text-align: center;
-    width: 2 * nth($inputPadding, 2) + 1rem;
+  text-align: center;
+  width: 2 * nth($inputPadding, 2) + 1rem;
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_inputswitch.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_inputswitch.scss
index e1d034a..214cda6 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_inputswitch.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_inputswitch.scss
@@ -1,99 +1,99 @@
-@use 'sass:math';
+@use "sass:math";
 
 // core
 .p-inputswitch {
-    display: inline-block;
+  display: inline-block;
 }
 
 .p-inputswitch-input {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 .p-inputswitch-slider {
-    position: absolute;
-    cursor: pointer;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    border: 1px solid transparent;
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border: 1px solid transparent;
 }
 
 .p-inputswitch-slider:before {
-    position: absolute;
-    content: '';
-    top: 50%;
+  position: absolute;
+  content: "";
+  top: 50%;
 }
 
 // theme
 .p-inputswitch {
-    width: $inputSwitchWidth;
-    height: $inputSwitchHeight;
+  width: $inputSwitchWidth;
+  height: $inputSwitchHeight;
 
-    .p-inputswitch-input {
-        appearance: none;
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        padding: 0;
-        margin: 0;
-        opacity: 0;
-        z-index: 1;
-        outline: 0 none;
-        border-radius: $inputSwitchBorderRadius;
+  .p-inputswitch-input {
+    appearance: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    opacity: 0;
+    z-index: 1;
+    outline: 0 none;
+    border-radius: $inputSwitchBorderRadius;
+  }
+
+  .p-inputswitch-slider {
+    background: $inputSwitchSliderOffBg;
+    transition: $formElementTransition;
+    border-radius: $inputSwitchBorderRadius;
+    outline-color: transparent;
+
+    &:before {
+      background: $inputSwitchHandleOffBg;
+      width: $inputSwitchHandleWidth;
+      height: $inputSwitchHandleHeight;
+      left: $inputSwitchSliderPadding;
+      margin-top: math.div(-1 * $inputSwitchHandleHeight, 2);
+      border-radius: $inputSwitchHandleBorderRadius;
+      transition-duration: $transitionDuration;
     }
+  }
 
+  &.p-highlight {
     .p-inputswitch-slider {
-        background: $inputSwitchSliderOffBg;
-        transition: $formElementTransition;
-        border-radius: $inputSwitchBorderRadius;
-        outline-color: transparent;
+      background: $inputSwitchSliderOnBg;
 
-        &:before {
-            background: $inputSwitchHandleOffBg;
-            width: $inputSwitchHandleWidth;
-            height: $inputSwitchHandleHeight;
-            left: $inputSwitchSliderPadding;
-            margin-top: math.div(-1 * $inputSwitchHandleHeight, 2);
-            border-radius: $inputSwitchHandleBorderRadius;
-            transition-duration: $transitionDuration;
-        }
+      &:before {
+        background: $inputSwitchHandleOnBg;
+        transform: translateX($inputSwitchHandleWidth);
+      }
     }
+  }
 
-    &.p-highlight {
+  &:not(.p-disabled) {
+    &:has(.p-inputswitch-input:hover) {
+      .p-inputswitch-slider {
+        background: $inputSwitchSliderOffHoverBg;
+      }
+
+      &.p-highlight {
         .p-inputswitch-slider {
-            background: $inputSwitchSliderOnBg;
-
-            &:before {
-                background: $inputSwitchHandleOnBg;
-                transform: translateX($inputSwitchHandleWidth);
-            }
+          background: $inputSwitchSliderOnHoverBg;
         }
+      }
     }
 
-    &:not(.p-disabled) {
-        &:has(.p-inputswitch-input:hover) {
-            .p-inputswitch-slider {
-                background: $inputSwitchSliderOffHoverBg;
-            }
-
-            &.p-highlight {
-                .p-inputswitch-slider {
-                    background: $inputSwitchSliderOnHoverBg;
-                }
-            }
-        }
-
-        &:has(.p-inputswitch-input:focus-visible) {
-            .p-inputswitch-slider {
-                @include focused();
-            }
-        }
+    &:has(.p-inputswitch-input:focus-visible) {
+      .p-inputswitch-slider {
+        @include focused();
+      }
     }
+  }
 
-    &.p-invalid > .p-inputswitch-slider {
-        @include invalid-input();
-    }
-}
\ No newline at end of file
+  &.p-invalid > .p-inputswitch-slider {
+    @include invalid-input();
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_inputtext.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_inputtext.scss
index 4b10ea3..6831f5e 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_inputtext.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_inputtext.scss
@@ -1,107 +1,107 @@
 // core
 .p-fluid .p-inputtext {
-    width: 100%;
+  width: 100%;
 }
 
 // theme
 .p-inputtext {
-    font-family: var(--font-family);
-    font-feature-settings: var(--font-feature-settings, normal);
-    font-size: $inputTextFontSize;
-    color: $inputTextColor;
-    background: $inputBg;
-    padding: $inputPadding;
-    border: $inputBorder;
-    transition: $formElementTransition;
-    appearance: none;
-    border-radius: $borderRadius;
-    outline-color: transparent;
+  font-family: var(--font-family);
+  font-feature-settings: var(--font-feature-settings, normal);
+  font-size: $inputTextFontSize;
+  color: $inputTextColor;
+  background: $inputBg;
+  padding: $inputPadding;
+  border: $inputBorder;
+  transition: $formElementTransition;
+  appearance: none;
+  border-radius: $borderRadius;
+  outline-color: transparent;
+
+  &:enabled:hover {
+    border-color: $inputHoverBorderColor;
+  }
+
+  &:enabled:focus {
+    @include focused-input();
+  }
+
+  &.p-invalid.p-component {
+    @include invalid-input();
+  }
+
+  &.p-variant-filled {
+    background-color: $inputFilledBg;
 
     &:enabled:hover {
-        border-color: $inputHoverBorderColor;
+      background-color: $inputFilledHoverBg;
     }
 
     &:enabled:focus {
-        @include focused-input();
+      background-color: $inputFilledFocusBg;
     }
+  }
 
-    &.p-invalid.p-component {
-        @include invalid-input();
-    }
+  &.p-inputtext-sm {
+    @include scaledFontSize($inputTextFontSize, $scaleSM);
+    @include scaledPadding($inputPadding, $scaleSM);
+  }
 
-    &.p-variant-filled {
-        background-color: $inputFilledBg;
-
-        &:enabled:hover {
-            background-color: $inputFilledHoverBg;
-        }
-
-        &:enabled:focus {
-            background-color: $inputFilledFocusBg;
-        }
-    }
-
-    &.p-inputtext-sm {
-        @include scaledFontSize($inputTextFontSize, $scaleSM);
-        @include scaledPadding($inputPadding, $scaleSM);
-    }
-
-    &.p-inputtext-lg {
-        @include scaledFontSize($inputTextFontSize, $scaleLG);
-        @include scaledPadding($inputPadding, $scaleLG);
-    }
+  &.p-inputtext-lg {
+    @include scaledFontSize($inputTextFontSize, $scaleLG);
+    @include scaledPadding($inputPadding, $scaleLG);
+  }
 }
 
 .p-float-label > label {
-    left: nth($inputPadding, 2);
-    color: $inputPlaceholderTextColor;
-    transition-duration: $transitionDuration;
+  left: nth($inputPadding, 2);
+  color: $inputPlaceholderTextColor;
+  transition-duration: $transitionDuration;
 }
 
 .p-float-label > .p-invalid + label {
-    color: $inputErrorBorderColor;
+  color: $inputErrorBorderColor;
 }
 
 .p-icon-field-left > .p-inputtext {
-    padding-left: nth($inputPadding, 2) * 2 + $primeIconFontSize;
+  padding-left: nth($inputPadding, 2) * 2 + $primeIconFontSize;
 }
 
 .p-icon-field-left.p-float-label > label {
-    left: nth($inputPadding, 2) * 2 + $primeIconFontSize;
+  left: nth($inputPadding, 2) * 2 + $primeIconFontSize;
 }
 
 .p-icon-field-right > .p-inputtext {
-    padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize;
+  padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize;
 }
 
 @include placeholder {
-    color: $inputPlaceholderTextColor;
+  color: $inputPlaceholderTextColor;
 }
 
 .p-input-filled {
-    .p-inputtext {
-        background-color: $inputFilledBg;
+  .p-inputtext {
+    background-color: $inputFilledBg;
 
-        &:enabled:hover {
-            background-color: $inputFilledHoverBg;
-        }
-
-        &:enabled:focus {
-            background-color: $inputFilledFocusBg;
-        }
+    &:enabled:hover {
+      background-color: $inputFilledHoverBg;
     }
+
+    &:enabled:focus {
+      background-color: $inputFilledFocusBg;
+    }
+  }
 }
 
 .p-inputtext-sm {
-    .p-inputtext {
-        @include scaledFontSize($inputTextFontSize, $scaleSM);
-        @include scaledPadding($inputPadding, $scaleSM);
-    }
+  .p-inputtext {
+    @include scaledFontSize($inputTextFontSize, $scaleSM);
+    @include scaledPadding($inputPadding, $scaleSM);
+  }
 }
 
 .p-inputtext-lg {
-    .p-inputtext {
-        @include scaledFontSize($inputTextFontSize, $scaleLG);
-        @include scaledPadding($inputPadding, $scaleLG);
-    }
+  .p-inputtext {
+    @include scaledFontSize($inputTextFontSize, $scaleLG);
+    @include scaledPadding($inputPadding, $scaleLG);
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_knob.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_knob.scss
index 6ffb3a2..2515205 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_knob.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_knob.scss
@@ -1,20 +1,20 @@
 // core
 .p-knob-range {
-    fill: none;
-    transition: stroke 0.1s ease-in;
+  fill: none;
+  transition: stroke 0.1s ease-in;
 }
 .p-knob-value {
-    animation-name: dash-frame;
-    animation-fill-mode: forwards;
-    fill: none;
+  animation-name: dash-frame;
+  animation-fill-mode: forwards;
+  fill: none;
 }
 .p-knob-text {
-    font-size: 1.3rem;
-    text-align: center;
+  font-size: 1.3rem;
+  text-align: center;
 }
 
 @keyframes dash-frame {
-    100% {
-        stroke-dashoffset: 0;
-    }
-}
\ No newline at end of file
+  100% {
+    stroke-dashoffset: 0;
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_listbox.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_listbox.scss
index b6d37c8..02c16f8 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_listbox.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_listbox.scss
@@ -1,139 +1,139 @@
 // core
 .p-listbox-list-wrapper {
-    overflow: auto;
+  overflow: auto;
 }
 
 .p-listbox-list {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
 }
 
 .p-listbox-item {
-    cursor: pointer;
-    position: relative;
-    overflow: hidden;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
 }
 
 .p-listbox-item-group {
-    cursor: auto;
+  cursor: auto;
 }
 
 .p-listbox-filter-container {
-    position: relative;
+  position: relative;
 }
 
 .p-listbox-filter-icon {
-    position: absolute;
-    top: 50%;
-    margin-top: -0.5rem;
+  position: absolute;
+  top: 50%;
+  margin-top: -0.5rem;
 }
 
 .p-listbox-filter {
-    width: 100%;
+  width: 100%;
 }
 
 // theme
 .p-listbox {
-    background: $inputListBg;
-    color: $inputListTextColor;
-    border: $inputListBorder;
-    border-radius: $borderRadius;
-    transition: $formElementTransition;
-    outline-color: transparent;
+  background: $inputListBg;
+  color: $inputListTextColor;
+  border: $inputListBorder;
+  border-radius: $borderRadius;
+  transition: $formElementTransition;
+  outline-color: transparent;
 
-    .p-listbox-header {
-        padding: $inputListHeaderPadding;
-        border-bottom: $inputListHeaderBorder;
-        color: $inputListHeaderTextColor;
-        background: $inputListHeaderBg;
-        margin: $inputListHeaderMargin;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
+  .p-listbox-header {
+    padding: $inputListHeaderPadding;
+    border-bottom: $inputListHeaderBorder;
+    color: $inputListHeaderTextColor;
+    background: $inputListHeaderBg;
+    margin: $inputListHeaderMargin;
+    border-top-right-radius: $borderRadius;
+    border-top-left-radius: $borderRadius;
 
-        .p-listbox-filter {
-            padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-        }
-
-        .p-listbox-filter-icon {
-            right: nth($inputPadding, 2);
-            color: $inputIconColor;
-        }
+    .p-listbox-filter {
+      padding-right: nth($inputPadding, 2) + $primeIconFontSize;
     }
 
-    .p-listbox-list {
-        padding: $inputListPadding;
-        outline: 0 none;
+    .p-listbox-filter-icon {
+      right: nth($inputPadding, 2);
+      color: $inputIconColor;
+    }
+  }
 
-        .p-listbox-item {
-            margin: $inputListItemMargin;
-            padding: $inputListItemPadding;
-            border: $inputListItemBorder;
-            color: $inputListItemTextColor;
-            transition: $listItemTransition;
-            border-radius: $inputListItemBorderRadius;
+  .p-listbox-list {
+    padding: $inputListPadding;
+    outline: 0 none;
 
-            &:first-child {
-                margin-top: 0;
-            }
+    .p-listbox-item {
+      margin: $inputListItemMargin;
+      padding: $inputListItemPadding;
+      border: $inputListItemBorder;
+      color: $inputListItemTextColor;
+      transition: $listItemTransition;
+      border-radius: $inputListItemBorderRadius;
 
-            &:last-child {
-                margin-bottom: 0;
-            }
+      &:first-child {
+        margin-top: 0;
+      }
 
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-            }
-        }
+      &:last-child {
+        margin-bottom: 0;
+      }
 
-        .p-listbox-item-group {
-            margin: $submenuHeaderMargin;
-            padding: $submenuHeaderPadding;
-            color: $submenuHeaderTextColor;
-            background: $submenuHeaderBg;
-            font-weight: $submenuHeaderFontWeight;
-        }
-
-        .p-listbox-empty-message {
-            padding: $inputListItemPadding;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-        }
+      &.p-highlight {
+        color: $highlightTextColor;
+        background: $highlightBg;
+      }
     }
 
-    &:not(.p-disabled) {
-        .p-listbox-item {
-            &.p-highlight {
-                &.p-focus {
-                    background: $highlightFocusBg;
-                }
-            }
+    .p-listbox-item-group {
+      margin: $submenuHeaderMargin;
+      padding: $submenuHeaderPadding;
+      color: $submenuHeaderTextColor;
+      background: $submenuHeaderBg;
+      font-weight: $submenuHeaderFontWeight;
+    }
 
-            &:not(.p-highlight):not(.p-disabled) {
-                &.p-focus {
-                    color: $inputListItemTextHoverColor;
-                    background: $inputListItemHoverBg;
-                }
+    .p-listbox-empty-message {
+      padding: $inputListItemPadding;
+      color: $inputListItemTextColor;
+      background: $inputListItemBg;
+    }
+  }
 
-                &:hover {
-                    color: $inputListItemTextHoverColor;
-                    background: $inputListItemHoverBg;
-
-                    &.p-focus {
-                        color: $inputListItemTextHoverColor;
-                        background: $inputListItemHoverBg;
-                    }
-                }
-            }
+  &:not(.p-disabled) {
+    .p-listbox-item {
+      &.p-highlight {
+        &.p-focus {
+          background: $highlightFocusBg;
         }
-    }
+      }
 
-    &.p-focus {
-        @include focused-input();
-    }
+      &:not(.p-highlight):not(.p-disabled) {
+        &.p-focus {
+          color: $inputListItemTextHoverColor;
+          background: $inputListItemHoverBg;
+        }
 
-    &.p-invalid {
-        @include invalid-input();
+        &:hover {
+          color: $inputListItemTextHoverColor;
+          background: $inputListItemHoverBg;
+
+          &.p-focus {
+            color: $inputListItemTextHoverColor;
+            background: $inputListItemHoverBg;
+          }
+        }
+      }
     }
-}
\ No newline at end of file
+  }
+
+  &.p-focus {
+    @include focused-input();
+  }
+
+  &.p-invalid {
+    @include invalid-input();
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_multiselect.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_multiselect.scss
index b495b66..e83ab5c 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_multiselect.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_multiselect.scss
@@ -2,277 +2,275 @@
 
 // core
 .p-multiselect {
-    display: inline-flex;
-    cursor: pointer;
-    user-select: none;
+  display: inline-flex;
+  cursor: pointer;
+  user-select: none;
 }
 
 .p-multiselect-trigger {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
 }
 
 .p-multiselect-label-container {
-    overflow: hidden;
-    flex: 1 1 auto;
-    cursor: pointer;
+  overflow: hidden;
+  flex: 1 1 auto;
+  cursor: pointer;
 }
 
 .p-multiselect-label {
-    display: block;
-    white-space: nowrap;
-    cursor: pointer;
-    overflow: hidden;
-    text-overflow: ellipsis;
+  display: block;
+  white-space: nowrap;
+  cursor: pointer;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .p-multiselect-label-empty {
-    overflow: hidden;
-    visibility: hidden;
+  overflow: hidden;
+  visibility: hidden;
 }
 
 .p-multiselect-token {
-    cursor: default;
-    display: inline-flex;
-    align-items: center;
-    flex: 0 0 auto;
+  cursor: default;
+  display: inline-flex;
+  align-items: center;
+  flex: 0 0 auto;
 }
 
 .p-multiselect-token-icon {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 .p-multiselect .p-multiselect-panel {
-    min-width: 100%;
+  min-width: 100%;
 }
 
 .p-multiselect-items-wrapper {
-    overflow: auto;
+  overflow: auto;
 }
 
 .p-multiselect-items {
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
 }
 
 .p-multiselect-item {
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    font-weight: normal;
-    white-space: nowrap;
-    position: relative;
-    overflow: hidden;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  font-weight: normal;
+  white-space: nowrap;
+  position: relative;
+  overflow: hidden;
 }
 
 .p-multiselect-item-group {
-    cursor: auto;
+  cursor: auto;
 }
 
 .p-multiselect-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
 
 .p-multiselect-filter-container {
-    position: relative;
-    flex: 1 1 auto;
+  position: relative;
+  flex: 1 1 auto;
 }
 
 .p-multiselect-filter-icon {
-    position: absolute;
-    top: 50%;
-    margin-top: -0.5rem;
+  position: absolute;
+  top: 50%;
+  margin-top: -0.5rem;
 }
 
 .p-multiselect-filter-container .p-inputtext {
-    width: 100%;
+  width: 100%;
 }
 
 .p-multiselect-close {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    overflow: hidden;
-    position: relative;
-    margin-left: auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  overflow: hidden;
+  position: relative;
+  margin-left: auto;
 }
 
 .p-fluid .p-multiselect {
-    display: flex;
+  display: flex;
 }
 
 // theme
 .p-multiselect {
-    background: $inputBg;
-    border: $inputBorder;
-    transition: $formElementTransition;
-    border-radius: $borderRadius;
-    outline-color: transparent;
+  background: $inputBg;
+  border: $inputBorder;
+  transition: $formElementTransition;
+  border-radius: $borderRadius;
+  outline-color: transparent;
+
+  &:not(.p-disabled):hover {
+    border-color: $inputHoverBorderColor;
+  }
+
+  &:not(.p-disabled).p-focus {
+    @include focused-input();
+  }
+
+  &.p-variant-filled {
+    background: $inputFilledBg;
 
     &:not(.p-disabled):hover {
-        border-color: $inputHoverBorderColor;
+      background-color: $inputFilledHoverBg;
     }
 
     &:not(.p-disabled).p-focus {
-        @include focused-input();
+      background-color: $inputFilledFocusBg;
     }
+  }
 
-    &.p-variant-filled {
-        background: $inputFilledBg;
+  .p-multiselect-label {
+    padding: $inputPadding;
+    transition: $formElementTransition;
 
-        &:not(.p-disabled):hover {
-            background-color: $inputFilledHoverBg;
-        }
-
-        &:not(.p-disabled).p-focus {
-            background-color: $inputFilledFocusBg;
-        }
+    &.p-placeholder {
+      color: $inputPlaceholderTextColor;
     }
+  }
 
-    .p-multiselect-label {
-        padding: $inputPadding;
-        transition: $formElementTransition;
+  &.p-multiselect-chip {
+    .p-multiselect-token {
+      padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
+      margin-right: $inlineSpacing;
+      background: $chipBg;
+      color: $chipTextColor;
+      border-radius: $chipBorderRadius;
 
-        &.p-placeholder {
-            color: $inputPlaceholderTextColor;
-        }
+      .p-multiselect-token-icon {
+        margin-left: $inlineSpacing;
+      }
     }
+  }
 
-    &.p-multiselect-chip {
-        .p-multiselect-token {
-            padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-            margin-right: $inlineSpacing;
-            background: $chipBg;
-            color: $chipTextColor;
-            border-radius: $chipBorderRadius;
+  .p-multiselect-trigger {
+    background: transparent;
+    color: $inputIconColor;
+    width: $inputGroupAddOnMinWidth;
+    border-top-right-radius: $borderRadius;
+    border-bottom-right-radius: $borderRadius;
+  }
 
-            .p-multiselect-token-icon {
-                margin-left: $inlineSpacing;
-            }
-        }
-    }
-
-    .p-multiselect-trigger {
-        background: transparent;
-        color: $inputIconColor;
-        width: $inputGroupAddOnMinWidth;
-        border-top-right-radius: $borderRadius;
-        border-bottom-right-radius: $borderRadius;
-    }
-
-    &.p-invalid.p-component {
-        @include invalid-input();
-    }
+  &.p-invalid.p-component {
+    @include invalid-input();
+  }
 }
 
 .p-inputwrapper-filled {
-    &.p-multiselect {
-        &.p-multiselect-chip {
-            .p-multiselect-label {
-                padding: math.div(nth($inputPadding, 1), 2)
-                    nth($inputPadding, 2);
-            }
-        }
+  &.p-multiselect {
+    &.p-multiselect-chip {
+      .p-multiselect-label {
+        padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
+      }
     }
+  }
 }
 
 .p-multiselect-panel {
-    background: $inputOverlayBg;
-    color: $inputListTextColor;
-    border: $inputOverlayBorder;
-    border-radius: $borderRadius;
-    box-shadow: $inputOverlayShadow;
+  background: $inputOverlayBg;
+  color: $inputListTextColor;
+  border: $inputOverlayBorder;
+  border-radius: $borderRadius;
+  box-shadow: $inputOverlayShadow;
 
-    .p-multiselect-header {
-        padding: $inputListHeaderPadding;
-        border-bottom: $inputListHeaderBorder;
-        color: $inputListHeaderTextColor;
-        background: $inputOverlayHeaderBg;
-        margin: $inputListHeaderMargin;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
+  .p-multiselect-header {
+    padding: $inputListHeaderPadding;
+    border-bottom: $inputListHeaderBorder;
+    color: $inputListHeaderTextColor;
+    background: $inputOverlayHeaderBg;
+    margin: $inputListHeaderMargin;
+    border-top-right-radius: $borderRadius;
+    border-top-left-radius: $borderRadius;
 
-        .p-multiselect-filter-container {
-            .p-inputtext {
-                padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-            }
+    .p-multiselect-filter-container {
+      .p-inputtext {
+        padding-right: nth($inputPadding, 2) + $primeIconFontSize;
+      }
 
-            .p-multiselect-filter-icon {
-                right: nth($inputPadding, 2);
-                color: $inputIconColor;
-            }
-        }
-
-        .p-checkbox {
-            margin-right: $inlineSpacing;
-        }
-
-        .p-multiselect-close {
-            margin-left: $inlineSpacing;
-            @include action-icon();
-        }
+      .p-multiselect-filter-icon {
+        right: nth($inputPadding, 2);
+        color: $inputIconColor;
+      }
     }
 
-    .p-multiselect-items {
-        padding: $inputListPadding;
-
-        .p-multiselect-item {
-            margin: $inputListItemMargin;
-            padding: $inputListItemPadding;
-            border: $inputListItemBorder;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-            transition: $listItemTransition;
-            border-radius: $inputListItemBorderRadius;
-
-            &:first-child {
-                margin-top: 0;
-            }
-
-            &:last-child {
-                margin-bottom: 0;
-            }
-
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-
-                &.p-focus {
-                    background: $highlightFocusBg;
-                }
-            }
-
-            &:not(.p-highlight):not(.p-disabled) {
-                &.p-focus {
-                    color: $inputListItemTextHoverColor;
-                    background: $inputListItemHoverBg;
-                }
-            }
-
-            .p-checkbox {
-                margin-right: $inlineSpacing;
-            }
-        }
-
-        .p-multiselect-item-group {
-            margin: $submenuHeaderMargin;
-            padding: $submenuHeaderPadding;
-            color: $submenuHeaderTextColor;
-            background: $submenuHeaderBg;
-            font-weight: $submenuHeaderFontWeight;
-        }
-
-        .p-multiselect-empty-message {
-            padding: $inputListItemPadding;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-        }
+    .p-checkbox {
+      margin-right: $inlineSpacing;
     }
+
+    .p-multiselect-close {
+      margin-left: $inlineSpacing;
+      @include action-icon();
+    }
+  }
+
+  .p-multiselect-items {
+    padding: $inputListPadding;
+
+    .p-multiselect-item {
+      margin: $inputListItemMargin;
+      padding: $inputListItemPadding;
+      border: $inputListItemBorder;
+      color: $inputListItemTextColor;
+      background: $inputListItemBg;
+      transition: $listItemTransition;
+      border-radius: $inputListItemBorderRadius;
+
+      &:first-child {
+        margin-top: 0;
+      }
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+
+      &.p-highlight {
+        color: $highlightTextColor;
+        background: $highlightBg;
+
+        &.p-focus {
+          background: $highlightFocusBg;
+        }
+      }
+
+      &:not(.p-highlight):not(.p-disabled) {
+        &.p-focus {
+          color: $inputListItemTextHoverColor;
+          background: $inputListItemHoverBg;
+        }
+      }
+
+      .p-checkbox {
+        margin-right: $inlineSpacing;
+      }
+    }
+
+    .p-multiselect-item-group {
+      margin: $submenuHeaderMargin;
+      padding: $submenuHeaderPadding;
+      color: $submenuHeaderTextColor;
+      background: $submenuHeaderBg;
+      font-weight: $submenuHeaderFontWeight;
+    }
+
+    .p-multiselect-empty-message {
+      padding: $inputListItemPadding;
+      color: $inputListItemTextColor;
+      background: $inputListItemBg;
+    }
+  }
 }
-
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_password.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_password.scss
index ed9cc13..b449d08 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_password.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_password.scss
@@ -1,62 +1,62 @@
 // core
 .p-password {
-    display: inline-flex;
+  display: inline-flex;
 }
 
 .p-password .p-password-panel {
-    min-width: 100%;
+  min-width: 100%;
 }
 
 .p-password-meter {
-    height: 10px;
+  height: 10px;
 }
 
 .p-password-strength {
-    height: 100%;
-    width: 0;
-    transition: width 1s ease-in-out;
+  height: 100%;
+  width: 0;
+  transition: width 1s ease-in-out;
 }
 
 .p-fluid .p-password {
-    display: flex;
+  display: flex;
 }
 
 .p-password-input::-ms-reveal,
 .p-password-input::-ms-clear {
-    display: none;
+  display: none;
 }
 
 // theme
 .p-password {
-    &.p-invalid.p-component > .p-inputtext {
-        @include invalid-input();
-    }
+  &.p-invalid.p-component > .p-inputtext {
+    @include invalid-input();
+  }
 }
 
 .p-password-panel {
-    padding: $panelContentPadding;
-    background: $panelContentBg;
-    color: $panelContentTextColor;
-    border: $overlayContentBorder;
-    box-shadow: $inputOverlayShadow;
-    border-radius: $borderRadius;
+  padding: $panelContentPadding;
+  background: $panelContentBg;
+  color: $panelContentTextColor;
+  border: $overlayContentBorder;
+  box-shadow: $inputOverlayShadow;
+  border-radius: $borderRadius;
 
-    .p-password-meter {
-        margin-bottom: $inlineSpacing;
-        background: $passwordMeterBg;
+  .p-password-meter {
+    margin-bottom: $inlineSpacing;
+    background: $passwordMeterBg;
 
-        .p-password-strength {
-            &.weak {
-                background: $passwordWeakBg;
-            }
+    .p-password-strength {
+      &.weak {
+        background: $passwordWeakBg;
+      }
 
-            &.medium {
-                background: $passwordMediumBg;
-            }
+      &.medium {
+        background: $passwordMediumBg;
+      }
 
-            &.strong {
-                background: $passwordStrongBg;
-            }
-        }
+      &.strong {
+        background: $passwordStrongBg;
+      }
     }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_radiobutton.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_radiobutton.scss
index e1ecd41..31209e4 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_radiobutton.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_radiobutton.scss
@@ -1,170 +1,170 @@
 // core
 .p-radiobutton {
-    position: relative;
-    display: inline-flex;
-    user-select: none;
-    vertical-align: bottom;
+  position: relative;
+  display: inline-flex;
+  user-select: none;
+  vertical-align: bottom;
 }
 
 .p-radiobutton-input {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 .p-radiobutton-box {
-    display: flex;
-    justify-content: center;
-    align-items: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .p-radiobutton-icon {
-    -webkit-backface-visibility: hidden;
-    backface-visibility: hidden;
-    transform: translateZ(0) scale(.1);
-    border-radius: 50%;
-    visibility: hidden;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  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);
-    visibility: visible;
+  transform: translateZ(0) scale(1, 1);
+  visibility: visible;
 }
 
 // theme
 .p-radiobutton {
+  width: $radiobuttonWidth;
+  height: $radiobuttonHeight;
+
+  .p-radiobutton-input {
+    appearance: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    opacity: 0;
+    z-index: 1;
+    outline: 0 none;
+    border: $radiobuttonBorder;
+    border-radius: 50%;
+  }
+
+  .p-radiobutton-box {
+    border: $radiobuttonBorder;
+    background: $inputBg;
     width: $radiobuttonWidth;
     height: $radiobuttonHeight;
+    color: $textColor;
+    border-radius: 50%;
+    transition: $formElementTransition;
+    outline-color: transparent;
 
-    .p-radiobutton-input {
-        appearance: none;
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        padding: 0;
-        margin: 0;
-        opacity: 0;
-        z-index: 1;
-        outline: 0 none;
-        border: $radiobuttonBorder;
-        border-radius: 50%;
+    .p-radiobutton-icon {
+      width: $radiobuttonIconSize;
+      height: $radiobuttonIconSize;
+      transition-duration: $transitionDuration;
+      background-color: $radiobuttonIconActiveColor;
+    }
+  }
+
+  &.p-highlight {
+    .p-radiobutton-box {
+      border-color: $radiobuttonActiveBorderColor;
+      background: $radiobuttonActiveBg;
+    }
+  }
+
+  &:not(.p-disabled) {
+    &:has(.p-radiobutton-input:hover) {
+      .p-radiobutton-box {
+        border-color: $inputHoverBorderColor;
+      }
+
+      &.p-highlight {
+        .p-radiobutton-box {
+          border-color: $radiobuttonActiveHoverBorderColor;
+          background: $radiobuttonActiveHoverBg;
+
+          .p-radiobutton-icon {
+            background-color: $radiobuttonIconActiveHoverColor;
+          }
+        }
+      }
     }
 
-    .p-radiobutton-box {
-        border: $radiobuttonBorder;
-        background: $inputBg;
-        width: $radiobuttonWidth;
-        height: $radiobuttonHeight;
-        color: $textColor;
-        border-radius: 50%;
-        transition: $formElementTransition;
-        outline-color: transparent;
+    &:has(.p-radiobutton-input:focus-visible) {
+      .p-radiobutton-box {
+        @include focused-input();
+      }
+    }
+  }
 
-        .p-radiobutton-icon {
-            width: $radiobuttonIconSize;
-            height: $radiobuttonIconSize;
-            transition-duration: $transitionDuration;
-            background-color: $radiobuttonIconActiveColor;
-        }
+  &.p-invalid > .p-radiobutton-box {
+    @include invalid-input();
+  }
+
+  &.p-variant-filled {
+    .p-radiobutton-box {
+      background-color: $inputFilledBg;
     }
 
     &.p-highlight {
-        .p-radiobutton-box {
-            border-color: $radiobuttonActiveBorderColor;
-            background: $radiobuttonActiveBg;
-        }
+      .p-radiobutton-box {
+        background: $radiobuttonActiveBg;
+      }
     }
 
     &:not(.p-disabled) {
-        &:has(.p-radiobutton-input:hover) {
-            .p-radiobutton-box {
-                border-color: $inputHoverBorderColor;
-            }
-
-            &.p-highlight {
-                .p-radiobutton-box {
-                    border-color: $radiobuttonActiveHoverBorderColor;
-                    background: $radiobuttonActiveHoverBg;
-
-                    .p-radiobutton-icon {
-                        background-color: $radiobuttonIconActiveHoverColor;
-                    }
-                }
-            }
-        }
-
-        &:has(.p-radiobutton-input:focus-visible) {
-            .p-radiobutton-box {
-                @include focused-input();
-            }
-        }
-    }
-
-    &.p-invalid > .p-radiobutton-box {
-        @include invalid-input();
-    }
-
-    &.p-variant-filled {
+      &:has(.p-radiobutton-input:hover) {
         .p-radiobutton-box {
-            background-color: $inputFilledBg;
+          background-color: $inputFilledHoverBg;
         }
 
         &.p-highlight {
-            .p-radiobutton-box {
-                background: $radiobuttonActiveBg;
-            }
-        }
-
-        &:not(.p-disabled) {
-            &:has(.p-radiobutton-input:hover) {
-                .p-radiobutton-box {
-                    background-color: $inputFilledHoverBg;
-                }
-
-                &.p-highlight {
-                    .p-radiobutton-box {
-                        background: $radiobuttonActiveHoverBg;
-                    }
-                }
-            }
+          .p-radiobutton-box {
+            background: $radiobuttonActiveHoverBg;
+          }
         }
+      }
     }
+  }
 }
 
 .p-input-filled {
-    .p-radiobutton {
+  .p-radiobutton {
+    .p-radiobutton-box {
+      background-color: $inputFilledBg;
+    }
+
+    &.p-highlight {
+      .p-radiobutton-box {
+        background: $radiobuttonActiveBg;
+      }
+    }
+
+    &:not(.p-disabled) {
+      &:has(.p-radiobutton-input:hover) {
         .p-radiobutton-box {
-            background-color: $inputFilledBg;
+          background-color: $inputFilledHoverBg;
         }
 
         &.p-highlight {
-            .p-radiobutton-box {
-                background: $radiobuttonActiveBg;
-            }
-        }
-
-        &:not(.p-disabled) {
-            &:has(.p-radiobutton-input:hover) {
-                .p-radiobutton-box {
-                    background-color: $inputFilledHoverBg;
-                }
-
-                &.p-highlight {
-                    .p-radiobutton-box {
-                        background: $radiobuttonActiveHoverBg;
-                    }
-                }
-            }
+          .p-radiobutton-box {
+            background: $radiobuttonActiveHoverBg;
+          }
         }
+      }
     }
+  }
 }
 
 @if ($highlightBg == $radiobuttonActiveBg) {
-    .p-highlight {
-        .p-radiobutton {
-            .p-radiobutton-box {
-                border-color: $radiobuttonIconActiveColor;
-            }
-        }
+  .p-highlight {
+    .p-radiobutton {
+      .p-radiobutton-box {
+        border-color: $radiobuttonIconActiveColor;
+      }
     }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_rating.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_rating.scss
index ae8857a..29a6c45 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_rating.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_rating.scss
@@ -1,81 +1,81 @@
-@use 'sass:math';
+@use "sass:math";
 
 // core
 .p-rating {
-    position: relative;
-    display: flex;
-    align-items: center;
+  position: relative;
+  display: flex;
+  align-items: center;
 }
 
 .p-rating-item {
-    display: inline-flex;
-    align-items: center;
-    cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
 }
 
 .p-rating.p-readonly .p-rating-item {
-    cursor: default;
+  cursor: default;
 }
 
 // theme
 .p-rating {
-    gap: $inlineSpacing;
+  gap: $inlineSpacing;
 
+  .p-rating-item {
+    outline-color: transparent;
+    border-radius: 50%;
+
+    .p-rating-icon {
+      color: $ratingStarIconOffColor;
+      transition: $formElementTransition;
+      font-size: $ratingIconFontSize;
+
+      &.p-icon {
+        width: $ratingIconFontSize;
+        height: $ratingIconFontSize;
+      }
+
+      &.p-rating-cancel {
+        color: $ratingCancelIconColor;
+      }
+    }
+
+    &.p-focus {
+      @include focused();
+    }
+
+    &.p-rating-item-active {
+      .p-rating-icon {
+        color: $ratingStarIconOnColor;
+      }
+    }
+  }
+
+  &:not(.p-disabled):not(.p-readonly) {
     .p-rating-item {
-        outline-color: transparent;
-        border-radius: 50%;
-        
+      &:hover {
         .p-rating-icon {
-            color: $ratingStarIconOffColor;
-            transition: $formElementTransition;   
-            font-size: $ratingIconFontSize;
+          color: $ratingStarIconHoverColor;
 
-            &.p-icon {
-                width: $ratingIconFontSize;
-                height: $ratingIconFontSize;
-            }
-    
-            &.p-rating-cancel {
-                color: $ratingCancelIconColor;
-            }
-        }
-
-        &.p-focus {
-            @include focused();
-        }
-
-        &.p-rating-item-active {
-            .p-rating-icon {
-                color: $ratingStarIconOnColor;
-            }
-        }
-    }
-
-    &:not(.p-disabled):not(.p-readonly) {
-        .p-rating-item {
-            &:hover {
-                .p-rating-icon {
-                    color: $ratingStarIconHoverColor;
-
-                    &.p-rating-cancel {
-                        color: $ratingCancelIconHoverColor;
-                    }
-                }
-            }
+          &.p-rating-cancel {
+            color: $ratingCancelIconHoverColor;
+          }
         }
+      }
     }
+  }
 }
 
 @if ($highlightBg == $ratingStarIconOnColor) {
-    .p-highlight {
-        .p-rating {
-            .p-rating-item {
-                &.p-rating-item-active {
-                    .p-rating-icon {
-                        color: $highlightTextColor;
-                    }
-                }
-            }
+  .p-highlight {
+    .p-rating {
+      .p-rating-item {
+        &.p-rating-item-active {
+          .p-rating-icon {
+            color: $highlightTextColor;
+          }
         }
+      }
     }
-}
\ No newline at end of file
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_selectbutton.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_selectbutton.scss
index dfcabe6..9acb99c 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_selectbutton.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_selectbutton.scss
@@ -1,50 +1,50 @@
 .p-selectbutton {
-    .p-button {
-        background: $toggleButtonBg;
-        border: $toggleButtonBorder;
-        color: $toggleButtonTextColor;
-        transition: $formElementTransition;
+  .p-button {
+    background: $toggleButtonBg;
+    border: $toggleButtonBorder;
+    color: $toggleButtonTextColor;
+    transition: $formElementTransition;
+
+    .p-button-icon-left,
+    .p-button-icon-right {
+      color: $toggleButtonIconColor;
+    }
+
+    &:not(.p-disabled):not(.p-highlight):hover {
+      background: $toggleButtonHoverBg;
+      border-color: $toggleButtonHoverBorderColor;
+      color: $toggleButtonTextHoverColor;
+
+      .p-button-icon-left,
+      .p-button-icon-right {
+        color: $toggleButtonIconHoverColor;
+      }
+    }
+
+    &.p-highlight {
+      background: $toggleButtonActiveBg;
+      border-color: $toggleButtonActiveBorderColor;
+      color: $toggleButtonTextActiveColor;
+
+      .p-button-icon-left,
+      .p-button-icon-right {
+        color: $toggleButtonIconActiveColor;
+      }
+
+      &:hover {
+        background: $toggleButtonActiveHoverBg;
+        border-color: $toggleButtonActiveHoverBorderColor;
+        color: $toggleButtonTextActiveHoverColor;
 
         .p-button-icon-left,
         .p-button-icon-right {
-            color: $toggleButtonIconColor;
-        }
-
-        &:not(.p-disabled):not(.p-highlight):hover {
-            background: $toggleButtonHoverBg;
-            border-color: $toggleButtonHoverBorderColor;
-            color: $toggleButtonTextHoverColor;
-
-            .p-button-icon-left,
-            .p-button-icon-right {
-                color: $toggleButtonIconHoverColor;
-            }
-        }
-
-        &.p-highlight {
-            background: $toggleButtonActiveBg;
-            border-color: $toggleButtonActiveBorderColor;
-            color: $toggleButtonTextActiveColor;
-
-            .p-button-icon-left,
-            .p-button-icon-right {
-                color: $toggleButtonIconActiveColor;
-            }
-
-            &:hover {
-                background: $toggleButtonActiveHoverBg;
-                border-color: $toggleButtonActiveHoverBorderColor;
-                color: $toggleButtonTextActiveHoverColor;
-
-                .p-button-icon-left,
-                .p-button-icon-right {
-                    color: $toggleButtonIconActiveHoverColor;
-                }
-            }
+          color: $toggleButtonIconActiveHoverColor;
         }
+      }
     }
+  }
 
-    &.p-invalid > .p-button {
-        @include invalid-input();
-    }
-}
\ No newline at end of file
+  &.p-invalid > .p-button {
+    @include invalid-input();
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_slider.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_slider.scss
index d253bbd..a615cde 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_slider.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_slider.scss
@@ -1,91 +1,91 @@
-@use 'sass:math';
+@use "sass:math";
 
 // core
 .p-slider {
-    position: relative;
+  position: relative;
 }
 
 .p-slider .p-slider-handle {
-    cursor: grab;
-    touch-action: none;
-    display: block;
+  cursor: grab;
+  touch-action: none;
+  display: block;
 }
 
 .p-slider-range {
-    display: block;
+  display: block;
 }
 
 .p-slider-horizontal .p-slider-range {
-    top: 0;
-    left: 0;
-    height: 100%;
+  top: 0;
+  left: 0;
+  height: 100%;
 }
 
 .p-slider-horizontal .p-slider-handle {
-    top: 50%;
+  top: 50%;
 }
 
 .p-slider-vertical {
-    height: 100px;
+  height: 100px;
 }
 
 .p-slider-vertical .p-slider-handle {
-    left: 50%;
+  left: 50%;
 }
 
 .p-slider-vertical .p-slider-range {
-    bottom: 0;
-    left: 0;
-    width: 100%;
+  bottom: 0;
+  left: 0;
+  width: 100%;
 }
 
 // theme
 .p-slider {
-    background: $sliderBg;
-    border: $sliderBorder;
-    border-radius: $borderRadius;
+  background: $sliderBg;
+  border: $sliderBorder;
+  border-radius: $borderRadius;
 
-    &.p-slider-horizontal {
-        height: $sliderHorizontalHeight;
-
-        .p-slider-handle {
-            margin-top: math.div(-1 * $sliderHandleHeight, 2);
-            margin-left: math.div(-1 * $sliderHandleWidth, 2);
-        }
-    }
-
-    &.p-slider-vertical {
-        width: $sliderVerticalWidth;
-
-        .p-slider-handle {
-            margin-left: math.div(-1 * $sliderHandleWidth, 2);
-            margin-bottom: math.div(-1 * $sliderHandleHeight, 2);
-        }
-    }
+  &.p-slider-horizontal {
+    height: $sliderHorizontalHeight;
 
     .p-slider-handle {
-        height: $sliderHandleHeight;
-        width: $sliderHandleWidth;
-        background: $sliderHandleBg;
-        border: $sliderHandleBorder;
-        border-radius: $sliderHandleBorderRadius;
-        transition: $formElementTransition;
-        outline-color: transparent;
-
-        &:focus-visible {
-            @include focused();
-        }
+      margin-top: math.div(-1 * $sliderHandleHeight, 2);
+      margin-left: math.div(-1 * $sliderHandleWidth, 2);
     }
+  }
 
-    .p-slider-range {
-        background: $sliderRangeBg;
-        border-radius: $borderRadius;
-    }
+  &.p-slider-vertical {
+    width: $sliderVerticalWidth;
 
-    &:not(.p-disabled) {
-        .p-slider-handle:hover {
-            background: $sliderHandleHoverBg;
-            border-color: $sliderHandleHoverBorderColor;
-        }
+    .p-slider-handle {
+      margin-left: math.div(-1 * $sliderHandleWidth, 2);
+      margin-bottom: math.div(-1 * $sliderHandleHeight, 2);
     }
+  }
+
+  .p-slider-handle {
+    height: $sliderHandleHeight;
+    width: $sliderHandleWidth;
+    background: $sliderHandleBg;
+    border: $sliderHandleBorder;
+    border-radius: $sliderHandleBorderRadius;
+    transition: $formElementTransition;
+    outline-color: transparent;
+
+    &:focus-visible {
+      @include focused();
+    }
+  }
+
+  .p-slider-range {
+    background: $sliderRangeBg;
+    border-radius: $borderRadius;
+  }
+
+  &:not(.p-disabled) {
+    .p-slider-handle:hover {
+      background: $sliderHandleHoverBg;
+      border-color: $sliderHandleHoverBorderColor;
+    }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_textarea.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_textarea.scss
index e7e21b1..9cb63d8 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_textarea.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_textarea.scss
@@ -1,9 +1,9 @@
 // core
 .p-inputtextarea-resizable {
-    overflow: hidden;
-    resize: none;
+  overflow: hidden;
+  resize: none;
 }
 
 .p-fluid .p-inputtextarea {
-    width: 100%;
-}
\ No newline at end of file
+  width: 100%;
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_togglebutton.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_togglebutton.scss
index 987c002..7c66579 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_togglebutton.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_togglebutton.scss
@@ -1,100 +1,100 @@
 // core
 .p-togglebutton {
-    position: relative;
-    display: inline-flex;
-    user-select: none;
-    vertical-align: bottom;
+  position: relative;
+  display: inline-flex;
+  user-select: none;
+  vertical-align: bottom;
 }
 
 .p-togglebutton-input {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 .p-togglebutton .p-button {
-    flex: 1 1 auto;
+  flex: 1 1 auto;
 }
 
 // theme
 .p-togglebutton {
-    .p-togglebutton-input {
-        appearance: none;
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        padding: 0;
-        margin: 0;
-        opacity: 0;
-        z-index: 1;
-        outline: 0 none;
-        border: $toggleButtonBorder;
-        border-radius: $borderRadius;
-    }
+  .p-togglebutton-input {
+    appearance: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    opacity: 0;
+    z-index: 1;
+    outline: 0 none;
+    border: $toggleButtonBorder;
+    border-radius: $borderRadius;
+  }
 
+  .p-button {
+    background: $toggleButtonBg;
+    border: $toggleButtonBorder;
+    color: $toggleButtonTextColor;
+    transition: $formElementTransition;
+    outline-color: transparent;
+
+    .p-button-icon-left,
+    .p-button-icon-right {
+      color: $toggleButtonIconColor;
+    }
+  }
+
+  &.p-highlight {
     .p-button {
-        background: $toggleButtonBg;
-        border: $toggleButtonBorder;
-        color: $toggleButtonTextColor;
-        transition: $formElementTransition;
-        outline-color: transparent;
+      background: $toggleButtonActiveBg;
+      border-color: $toggleButtonActiveBorderColor;
+      color: $toggleButtonTextActiveColor;
 
-        .p-button-icon-left,
-        .p-button-icon-right {
-            color: $toggleButtonIconColor;
-        }
+      .p-button-icon-left,
+      .p-button-icon-right {
+        color: $toggleButtonIconActiveColor;
+      }
     }
+  }
 
-    &.p-highlight {
+  &:not(.p-disabled) {
+    &:has(.p-togglebutton-input:hover) {
+      &:not(.p-highlight) {
         .p-button {
-            background: $toggleButtonActiveBg;
-            border-color: $toggleButtonActiveBorderColor;
-            color: $toggleButtonTextActiveColor;
+          background: $toggleButtonHoverBg;
+          border-color: $toggleButtonHoverBorderColor;
+          color: $toggleButtonTextHoverColor;
 
-            .p-button-icon-left,
-            .p-button-icon-right {
-                color: $toggleButtonIconActiveColor;
-            }
+          .p-button-icon-left,
+          .p-button-icon-right {
+            color: $toggleButtonIconHoverColor;
+          }
         }
+      }
+
+      &.p-highlight {
+        .p-button {
+          background: $toggleButtonActiveHoverBg;
+          border-color: $toggleButtonActiveHoverBorderColor;
+          color: $toggleButtonTextActiveHoverColor;
+
+          .p-button-icon-left,
+          .p-button-icon-right {
+            color: $toggleButtonIconActiveHoverColor;
+          }
+        }
+      }
     }
 
-    &:not(.p-disabled) {
-        &:has(.p-togglebutton-input:hover) {
-            &:not(.p-highlight) {
-                .p-button {
-                    background: $toggleButtonHoverBg;
-                    border-color: $toggleButtonHoverBorderColor;
-                    color: $toggleButtonTextHoverColor;
-
-                    .p-button-icon-left,
-                    .p-button-icon-right {
-                        color: $toggleButtonIconHoverColor;
-                    }
-                }
-            }
-
-            &.p-highlight {
-                .p-button {
-                    background: $toggleButtonActiveHoverBg;
-                    border-color: $toggleButtonActiveHoverBorderColor;
-                    color: $toggleButtonTextActiveHoverColor;
-
-                    .p-button-icon-left,
-                    .p-button-icon-right {
-                        color: $toggleButtonIconActiveHoverColor;
-                    }
-                }
-            }
-        }
-
-        &:has(.p-togglebutton-input:focus-visible) {
-            .p-button {
-                @include focused-input();
-            }
-        }
+    &:has(.p-togglebutton-input:focus-visible) {
+      .p-button {
+        @include focused-input();
+      }
     }
+  }
 
-    &.p-invalid > .p-button {
-        @include invalid-input();
-    }
-}
\ No newline at end of file
+  &.p-invalid > .p-button {
+    @include invalid-input();
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_treeselect.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_treeselect.scss
index a2acd28..f823d47 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_treeselect.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_treeselect.scss
@@ -2,157 +2,156 @@
 
 // core
 .p-treeselect {
-    display: inline-flex;
-    cursor: pointer;
-    user-select: none;
+  display: inline-flex;
+  cursor: pointer;
+  user-select: none;
 }
 
 .p-treeselect-trigger {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
 }
 
 .p-treeselect-label-container {
-    overflow: hidden;
-    flex: 1 1 auto;
-    cursor: pointer;
+  overflow: hidden;
+  flex: 1 1 auto;
+  cursor: pointer;
 }
 
 .p-treeselect-label {
-    display: block;
-    white-space: nowrap;
-    cursor: pointer;
-    overflow: hidden;
-    text-overflow: ellipsis;
+  display: block;
+  white-space: nowrap;
+  cursor: pointer;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .p-treeselect-label-empty {
-    overflow: hidden;
-    visibility: hidden;
+  overflow: hidden;
+  visibility: hidden;
 }
 
 .p-treeselect-token {
-    cursor: default;
-    display: inline-flex;
-    align-items: center;
-    flex: 0 0 auto;
+  cursor: default;
+  display: inline-flex;
+  align-items: center;
+  flex: 0 0 auto;
 }
 
 .p-treeselect .p-treeselect-panel {
-    min-width: 100%;
+  min-width: 100%;
 }
 
 .p-treeselect-items-wrapper {
-    overflow: auto;
+  overflow: auto;
 }
 
 .p-fluid .p-treeselect {
-    display: flex;
+  display: flex;
 }
 
 // theme
 .p-treeselect {
-    background: $inputBg;
-    border: $inputBorder;
-    transition: $formElementTransition;
-    border-radius: $borderRadius;
-    outline-color: transparent;
+  background: $inputBg;
+  border: $inputBorder;
+  transition: $formElementTransition;
+  border-radius: $borderRadius;
+  outline-color: transparent;
+
+  &:not(.p-disabled):hover {
+    border-color: $inputHoverBorderColor;
+  }
+
+  &:not(.p-disabled).p-focus {
+    @include focused-input();
+  }
+
+  &.p-variant-filled {
+    background: $inputFilledBg;
 
     &:not(.p-disabled):hover {
-        border-color: $inputHoverBorderColor;
+      background-color: $inputFilledHoverBg;
     }
 
     &:not(.p-disabled).p-focus {
-        @include focused-input();
+      background-color: $inputFilledFocusBg;
     }
+  }
 
-    &.p-variant-filled {
-        background: $inputFilledBg;
+  .p-treeselect-label {
+    padding: $inputPadding;
+    transition: $formElementTransition;
 
-        &:not(.p-disabled):hover {
-            background-color: $inputFilledHoverBg;
-        }
-
-        &:not(.p-disabled).p-focus {
-            background-color: $inputFilledFocusBg;
-        }
+    &.p-placeholder {
+      color: $inputPlaceholderTextColor;
     }
+  }
 
-    .p-treeselect-label {
-        padding: $inputPadding;
-        transition: $formElementTransition;
-
-        &.p-placeholder {
-            color: $inputPlaceholderTextColor;
-        }
+  &.p-treeselect-chip {
+    .p-treeselect-token {
+      padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
+      margin-right: $inlineSpacing;
+      background: $chipBg;
+      color: $chipTextColor;
+      border-radius: $chipBorderRadius;
     }
+  }
 
-    &.p-treeselect-chip {
-        .p-treeselect-token {
-            padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-            margin-right: $inlineSpacing;
-            background: $chipBg;
-            color: $chipTextColor;
-            border-radius: $chipBorderRadius;
-        }
-    }
+  .p-treeselect-trigger {
+    background: transparent;
+    color: $inputIconColor;
+    width: $inputGroupAddOnMinWidth;
+    border-top-right-radius: $borderRadius;
+    border-bottom-right-radius: $borderRadius;
+  }
 
-    .p-treeselect-trigger {
-        background: transparent;
-        color: $inputIconColor;
-        width: $inputGroupAddOnMinWidth;
-        border-top-right-radius: $borderRadius;
-        border-bottom-right-radius: $borderRadius;
-    }
-
-    &.p-invalid.p-component {
-        @include invalid-input();
-    }
+  &.p-invalid.p-component {
+    @include invalid-input();
+  }
 }
 
 .p-inputwrapper-filled {
-    &.p-treeselect {
-        &.p-treeselect-chip {
-            .p-treeselect-label {
-                padding: math.div(nth($inputPadding, 1), 2)
-                    nth($inputPadding, 2);
-            }
-        }
+  &.p-treeselect {
+    &.p-treeselect-chip {
+      .p-treeselect-label {
+        padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
+      }
     }
+  }
 }
 
 .p-treeselect-panel {
-    background: $inputOverlayBg;
-    color: $inputListTextColor;
-    border: $inputOverlayBorder;
-    border-radius: $borderRadius;
-    box-shadow: $inputOverlayShadow;
+  background: $inputOverlayBg;
+  color: $inputListTextColor;
+  border: $inputOverlayBorder;
+  border-radius: $borderRadius;
+  box-shadow: $inputOverlayShadow;
 
-    .p-treeselect-items-wrapper {
-        .p-tree {
-            border: 0 none;
-        }
-
-        .p-treeselect-empty-message {
-            padding: $inputListItemPadding;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-        }
+  .p-treeselect-items-wrapper {
+    .p-tree {
+      border: 0 none;
     }
+
+    .p-treeselect-empty-message {
+      padding: $inputListItemPadding;
+      color: $inputListItemTextColor;
+      background: $inputListItemBg;
+    }
+  }
 }
 
 .p-input-filled {
-    .p-treeselect {
-        background: $inputFilledBg;
+  .p-treeselect {
+    background: $inputFilledBg;
 
-        &:not(.p-disabled):hover {
-            background-color: $inputFilledHoverBg;
-        }
-
-        &:not(.p-disabled).p-focus {
-            background-color: $inputFilledFocusBg;
-        }
+    &:not(.p-disabled):hover {
+      background-color: $inputFilledHoverBg;
     }
+
+    &:not(.p-disabled).p-focus {
+      background-color: $inputFilledFocusBg;
+    }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/input/_tristatecheckbox.scss b/frontend/public/primevue-sass-theme/theme-base/components/input/_tristatecheckbox.scss
index 4a37168..013b700 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/input/_tristatecheckbox.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/input/_tristatecheckbox.scss
@@ -1,46 +1,46 @@
 // core
 .p-checkbox {
-    position: relative;
-    display: inline-flex;
-    user-select: none;
-    vertical-align: bottom;
+  position: relative;
+  display: inline-flex;
+  user-select: none;
+  vertical-align: bottom;
 }
 
 .p-checkbox-input {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 .p-checkbox-box {
-    display: flex;
-    justify-content: center;
-    align-items: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 // theme
 .p-tristatecheckbox {
-    &.p-variant-filled {
+  &.p-variant-filled {
+    .p-checkbox-box {
+      background-color: $inputFilledBg;
+    }
+
+    &.p-highlight {
+      .p-checkbox-box {
+        background: $checkboxActiveBg;
+      }
+    }
+
+    &:not(.p-disabled) {
+      &:has(.p-checkbox-input:hover) {
         .p-checkbox-box {
-            background-color: $inputFilledBg;
+          background-color: $inputFilledHoverBg;
         }
 
         &.p-highlight {
-            .p-checkbox-box {
-                background: $checkboxActiveBg;
-            }
-        }
-
-        &:not(.p-disabled) {
-            &:has(.p-checkbox-input:hover) {
-                .p-checkbox-box {
-                    background-color: $inputFilledHoverBg;
-                }
-
-                &.p-highlight {
-                    .p-checkbox-box {
-                        background: $checkboxActiveHoverBg;
-                    }
-                }
-            }
+          .p-checkbox-box {
+            background: $checkboxActiveHoverBg;
+          }
         }
+      }
     }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/menu/_breadcrumb.scss b/frontend/public/primevue-sass-theme/theme-base/components/menu/_breadcrumb.scss
index 35b63dc..c6409a2 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/menu/_breadcrumb.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/menu/_breadcrumb.scss
@@ -1,77 +1,77 @@
 // core
 .p-breadcrumb {
-    overflow-x: auto;
+  overflow-x: auto;
 }
 
 .p-breadcrumb .p-breadcrumb-list {
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-    display: flex;
-    align-items: center;
-    flex-wrap: nowrap;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
 }
 
 .p-breadcrumb .p-menuitem-text {
-    line-height: 1;
+  line-height: 1;
 }
 
 .p-breadcrumb .p-menuitem-link {
-    text-decoration: none;
-    display: flex;
-    align-items: center;
+  text-decoration: none;
+  display: flex;
+  align-items: center;
 }
 
 .p-breadcrumb .p-menuitem-separator {
-    display: flex;
-    align-items: center;
+  display: flex;
+  align-items: center;
 }
 
 .p-breadcrumb::-webkit-scrollbar {
-    display: none;
+  display: none;
 }
 
 // theme
 .p-breadcrumb {
-    background: $breadcrumbBg;
-    border: $breadcrumbBorder;
-    border-radius: $borderRadius;
-    padding: $breadcrumbPadding;
+  background: $breadcrumbBg;
+  border: $breadcrumbBorder;
+  border-radius: $borderRadius;
+  padding: $breadcrumbPadding;
 
-    .p-breadcrumb-list {
-        li {
-            .p-menuitem-link {
-                transition: $listItemTransition;
-                border-radius: $borderRadius;
-                outline-color: transparent;
+  .p-breadcrumb-list {
+    li {
+      .p-menuitem-link {
+        transition: $listItemTransition;
+        border-radius: $borderRadius;
+        outline-color: transparent;
 
-                &:focus-visible {
-                    @include focused();
-                }
-
-                .p-menuitem-text {
-                    color: $breadcrumbItemTextColor;
-                }
-
-                .p-menuitem-icon {
-                    color: $breadcrumbItemIconColor;
-                }
-            }
-
-            &.p-menuitem-separator {
-                margin: 0 $inlineSpacing 0 $inlineSpacing;
-                color: $breadcrumbSeparatorColor;
-            }
-
-            &:last-child {
-                .p-menuitem-text {
-                    color: $breadcrumbLastItemTextColor;
-                }
-
-                .p-menuitem-icon {
-                    color: $breadcrumbLastItemIconColor;
-                }
-            }
+        &:focus-visible {
+          @include focused();
         }
+
+        .p-menuitem-text {
+          color: $breadcrumbItemTextColor;
+        }
+
+        .p-menuitem-icon {
+          color: $breadcrumbItemIconColor;
+        }
+      }
+
+      &.p-menuitem-separator {
+        margin: 0 $inlineSpacing 0 $inlineSpacing;
+        color: $breadcrumbSeparatorColor;
+      }
+
+      &:last-child {
+        .p-menuitem-text {
+          color: $breadcrumbLastItemTextColor;
+        }
+
+        .p-menuitem-icon {
+          color: $breadcrumbLastItemIconColor;
+        }
+      }
     }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/menu/_contextmenu.scss b/frontend/public/primevue-sass-theme/theme-base/components/menu/_contextmenu.scss
index 5e190e6..ca47cc3 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/menu/_contextmenu.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/menu/_contextmenu.scss
@@ -1,83 +1,83 @@
 // core
 .p-contextmenu ul {
-    margin: 0;
-    padding: 0;
-    list-style: none;
+  margin: 0;
+  padding: 0;
+  list-style: none;
 }
 
 .p-contextmenu .p-submenu-list {
-    position: absolute;
-    min-width: 100%;
-    z-index: 1;
+  position: absolute;
+  min-width: 100%;
+  z-index: 1;
 }
 
 .p-contextmenu .p-menuitem-link {
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    text-decoration: none;
-    overflow: hidden;
-    position: relative;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  overflow: hidden;
+  position: relative;
 }
 
 .p-contextmenu .p-menuitem-text {
-    line-height: 1;
+  line-height: 1;
 }
 
 .p-contextmenu .p-menuitem {
-    position: relative;
+  position: relative;
 }
 
 .p-contextmenu .p-menuitem-link .p-submenu-icon {
-    margin-left: auto;
+  margin-left: auto;
 }
 
 .p-contextmenu-enter-from,
 .p-contextmenu-leave-active {
-    opacity: 0;
+  opacity: 0;
 }
 
 .p-contextmenu-enter-active {
-    transition: opacity 250ms;
+  transition: opacity 250ms;
 }
 
 // theme
 .p-contextmenu {
+  padding: $verticalMenuPadding;
+  background: $overlayMenuBg;
+  color: $menuTextColor;
+  border: $overlayMenuBorder;
+  box-shadow: $overlayMenuShadow;
+  border-radius: $borderRadius;
+  min-width: $menuWidth;
+
+  .p-contextmenu-root-list {
+    outline: 0 none;
+  }
+
+  .p-submenu-list {
     padding: $verticalMenuPadding;
     background: $overlayMenuBg;
-    color: $menuTextColor;
     border: $overlayMenuBorder;
     box-shadow: $overlayMenuShadow;
     border-radius: $borderRadius;
-    min-width: $menuWidth;
+  }
 
-    .p-contextmenu-root-list {
-        outline: 0 none;
-    }
-
-    .p-submenu-list {
-        padding: $verticalMenuPadding;
-        background: $overlayMenuBg;
-        border: $overlayMenuBorder;
-        box-shadow: $overlayMenuShadow;
-        border-radius: $borderRadius;
-    }
-
-    .p-menuitem {
-        @include menuitem();
-    }
-
-    .p-menuitem-separator {
-        border-top: $divider;
-        margin: $menuSeparatorMargin;
-    }
-
-    .p-submenu-icon {
-        font-size: $menuitemSubmenuIconFontSize;
-
-        &.p-icon {
-            width: $menuitemSubmenuIconFontSize;
-            height: $menuitemSubmenuIconFontSize;
-        }
+  .p-menuitem {
+    @include menuitem();
+  }
+
+  .p-menuitem-separator {
+    border-top: $divider;
+    margin: $menuSeparatorMargin;
+  }
+
+  .p-submenu-icon {
+    font-size: $menuitemSubmenuIconFontSize;
+
+    &.p-icon {
+      width: $menuitemSubmenuIconFontSize;
+      height: $menuitemSubmenuIconFontSize;
     }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/menu/_dock.scss b/frontend/public/primevue-sass-theme/theme-base/components/menu/_dock.scss
index 176b347..39c04a0 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/menu/_dock.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/menu/_dock.scss
@@ -1,201 +1,201 @@
 // core
 .p-dock {
-    position: absolute;
-    z-index: 1;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    pointer-events: none;
+  position: absolute;
+  z-index: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  pointer-events: none;
 }
 
 .p-dock-list-container {
-    display: flex;
-    pointer-events: auto;
+  display: flex;
+  pointer-events: auto;
 }
 
 .p-dock-list {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    display: flex;
-    align-items: center;
-    justify-content: center;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .p-dock-item {
-    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-    will-change: transform;
+  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  will-change: transform;
 }
 
 .p-dock-link {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    position: relative;
-    overflow: hidden;
-    cursor: default;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  overflow: hidden;
+  cursor: default;
 }
 
 .p-dock-item-second-prev,
 .p-dock-item-second-next {
-    transform: scale(1.2);
+  transform: scale(1.2);
 }
 
 .p-dock-item-prev,
 .p-dock-item-next {
-    transform: scale(1.4);
+  transform: scale(1.4);
 }
 
 .p-dock-item-current {
-    transform: scale(1.6);
-    z-index: 1;
+  transform: scale(1.6);
+  z-index: 1;
 }
 
 /* Position */
 /* top */
 .p-dock-top {
-    left: 0;
-    top: 0;
-    width: 100%;
+  left: 0;
+  top: 0;
+  width: 100%;
 }
 
 .p-dock-top .p-dock-item {
-    transform-origin: center top;
+  transform-origin: center top;
 }
 
 /* bottom */
 .p-dock-bottom {
-    left: 0;
-    bottom: 0;
-    width: 100%;
+  left: 0;
+  bottom: 0;
+  width: 100%;
 }
 
 .p-dock-bottom .p-dock-item {
-    transform-origin: center bottom;
+  transform-origin: center bottom;
 }
 
 /* right */
 .p-dock-right {
-    right: 0;
-    top: 0;
-    height: 100%;
+  right: 0;
+  top: 0;
+  height: 100%;
 }
 
 .p-dock-right .p-dock-item {
-    transform-origin: center right;
+  transform-origin: center right;
 }
 
 .p-dock-right .p-dock-list {
-    flex-direction: column;
+  flex-direction: column;
 }
 
 /* left */
 .p-dock-left {
-    left: 0;
-    top: 0;
-    height: 100%;
+  left: 0;
+  top: 0;
+  height: 100%;
 }
 
 .p-dock-left .p-dock-item {
-    transform-origin: center left;
+  transform-origin: center left;
 }
 
 .p-dock-left .p-dock-list {
-    flex-direction: column;
+  flex-direction: column;
 }
 
 // theme
 .p-dock {
-    .p-dock-list-container {
-        background: $dockBg;
-        border: $dockBorder;
-        padding: $dockPadding;
-        border-radius: $dockBorderRadius;
+  .p-dock-list-container {
+    background: $dockBg;
+    border: $dockBorder;
+    padding: $dockPadding;
+    border-radius: $dockBorderRadius;
 
-        .p-dock-list {
-            outline: 0 none;
-        }
+    .p-dock-list {
+      outline: 0 none;
     }
-    
-    .p-dock-item {
-        padding: $dockItemPadding;
-        border-radius: $dockItemBorderRadius;
+  }
 
-        &.p-focus {
-            @include focused-listitem();
-        }
+  .p-dock-item {
+    padding: $dockItemPadding;
+    border-radius: $dockItemBorderRadius;
+
+    &.p-focus {
+      @include focused-listitem();
+    }
+  }
+
+  .p-dock-link {
+    width: $dockActionWidth;
+    height: $dockActionHeight;
+  }
+
+  &.p-dock-top,
+  &.p-dock-bottom {
+    .p-dock-item-second-prev,
+    .p-dock-item-second-next {
+      margin: 0 $dockSecondItemsMargin;
     }
 
-    .p-dock-link {
-        width: $dockActionWidth;
-        height: $dockActionHeight;
+    .p-dock-item-prev,
+    .p-dock-item-next {
+      margin: 0 $dockFirstItemsMargin;
     }
-    
+
+    .p-dock-item-current {
+      margin: 0 $dockCurrentItemMargin;
+    }
+  }
+
+  &.p-dock-left,
+  &.p-dock-right {
+    .p-dock-item-second-prev,
+    .p-dock-item-second-next {
+      margin: $dockSecondItemsMargin 0;
+    }
+
+    .p-dock-item-prev,
+    .p-dock-item-next {
+      margin: $dockFirstItemsMargin 0;
+    }
+
+    .p-dock-item-current {
+      margin: $dockCurrentItemMargin 0;
+    }
+  }
+
+  &.p-dock-mobile {
     &.p-dock-top,
     &.p-dock-bottom {
-        .p-dock-item-second-prev,
-        .p-dock-item-second-next {
-            margin: 0 $dockSecondItemsMargin;
-        }
+      .p-dock-list-container {
+        overflow-x: auto;
+        width: 100%;
 
-        .p-dock-item-prev,
-        .p-dock-item-next {
-            margin: 0 $dockFirstItemsMargin;
-        }
-
-        .p-dock-item-current {
-            margin: 0 $dockCurrentItemMargin;
+        .p-dock-list {
+          margin: 0 auto;
         }
+      }
     }
 
     &.p-dock-left,
     &.p-dock-right {
-        .p-dock-item-second-prev,
-        .p-dock-item-second-next {
-            margin: $dockSecondItemsMargin 0;
-        }
-        
-        .p-dock-item-prev,
-        .p-dock-item-next {
-            margin: $dockFirstItemsMargin 0;
-        }
-
-        .p-dock-item-current {
-            margin: $dockCurrentItemMargin 0;
-        }
-    }
-
-    &.p-dock-mobile {
-        &.p-dock-top,
-        &.p-dock-bottom {
-            .p-dock-list-container {
-                overflow-x: auto;
-                width: 100%;
-
-                .p-dock-list {
-                    margin: 0 auto;
-                }
-            }
-        }
-
-        &.p-dock-left,
-        &.p-dock-right {
-            .p-dock-list-container {
-                overflow-y: auto;
-                height: 100%;
-
-                .p-dock-list {
-                    margin: auto 0;
-                }
-            }
-        }
+      .p-dock-list-container {
+        overflow-y: auto;
+        height: 100%;
 
         .p-dock-list {
-            .p-dock-item {
-                transform: none;
-                margin: 0;
-            }
+          margin: auto 0;
         }
+      }
     }
+
+    .p-dock-list {
+      .p-dock-item {
+        transform: none;
+        margin: 0;
+      }
+    }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/menu/_megamenu.scss b/frontend/public/primevue-sass-theme/theme-base/components/menu/_megamenu.scss
index fbccfd7..ff56e1c 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/menu/_megamenu.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/menu/_megamenu.scss
@@ -1,98 +1,106 @@
 // core
 .p-megamenu {
-    display: flex;
-    position: relative;
+  display: flex;
+  position: relative;
 }
 
 .p-megamenu-root-list {
-    margin: 0;
-    padding: 0;
-    list-style: none;
+  margin: 0;
+  padding: 0;
+  list-style: none;
 }
 
 .p-megamenu .p-menuitem-link {
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    text-decoration: none;
-    overflow: hidden;
-    position: relative;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  overflow: hidden;
+  position: relative;
 }
 
 .p-megamenu .p-menuitem-text {
-    line-height: 1;
+  line-height: 1;
 }
 
 .p-megamenu-panel {
-    display: none;
-    width: auto;
-    z-index: 1;
-    left: 0;
-    min-width: 100%;
+  display: none;
+  width: auto;
+  z-index: 1;
+  left: 0;
+  min-width: 100%;
 }
 
 .p-megamenu-panel:not(.p-megamenu-mobile) {
-    position: absolute;
+  position: absolute;
 }
 
 .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
-    display: block;
+  display: block;
 }
 
 .p-megamenu-submenu {
-    margin: 0;
-    padding: 0;
-    list-style: none;
+  margin: 0;
+  padding: 0;
+  list-style: none;
 }
 
 .p-megamenu-button {
-    display: none;
-    cursor: pointer;
-    align-items: center;
-    justify-content: center;
-    text-decoration: none;
+  display: none;
+  cursor: pointer;
+  align-items: center;
+  justify-content: center;
+  text-decoration: none;
 }
 
 /* Horizontal */
 .p-megamenu-horizontal {
-    align-items: center;
+  align-items: center;
 }
 
 .p-megamenu-horizontal .p-megamenu-root-list {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
 }
 
 .p-megamenu-horizontal .p-megamenu-end {
-    margin-left: auto;
-    align-self: center;
+  margin-left: auto;
+  align-self: center;
 }
 
 /* Vertical */
 .p-megamenu-vertical {
-    flex-direction: column;
+  flex-direction: column;
 }
 
 .p-megamenu-vertical:not(.p-megamenu-mobile) {
-    display: inline-flex;
+  display: inline-flex;
 }
 
 .p-megamenu-vertical .p-megamenu-root-list {
-    flex-direction: column;
+  flex-direction: column;
 }
 
-.p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
-    left: 100%;
-    top: 0;
+.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 {
-    margin-left: auto;
+.p-megamenu-vertical
+  .p-megamenu-root-list
+  > .p-menuitem
+  > .p-menuitem-content
+  > .p-menuitem-link
+  > .p-submenu-icon {
+  margin-left: auto;
 }
 
 .p-megamenu-grid {
-    display: flex;
+  display: flex;
 }
 
 .p-megamenu-col-2,
@@ -100,202 +108,201 @@
 .p-megamenu-col-4,
 .p-megamenu-col-6,
 .p-megamenu-col-12 {
-    flex: 0 0 auto;
-    padding: 0.5rem;
+  flex: 0 0 auto;
+  padding: 0.5rem;
 }
 
 .p-megamenu-col-2 {
-    width: 16.6667%;
+  width: 16.6667%;
 }
 
 .p-megamenu-col-3 {
-    width: 25%;
+  width: 25%;
 }
 
 .p-megamenu-col-4 {
-    width: 33.3333%;
+  width: 33.3333%;
 }
 
 .p-megamenu-col-6 {
-    width: 50%;
+  width: 50%;
 }
 
 .p-megamenu-col-12 {
-    width: 100%;
+  width: 100%;
 }
 
 .p-megamenu.p-megamenu-mobile .p-megamenu-button {
-    display: flex;
+  display: flex;
 }
 
 .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
-    position: absolute;
-    display: none;
-    width: 100%;
+  position: absolute;
+  display: none;
+  width: 100%;
 }
 
 .p-megamenu.p-megamenu-mobile .p-submenu-list {
-    width: 100%;
-    position: static;
-    box-shadow: none;
-    border: 0 none;
+  width: 100%;
+  position: static;
+  box-shadow: none;
+  border: 0 none;
 }
 
 .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
-    width: 100%;
-    position: static;
+  width: 100%;
+  position: static;
 }
 
 .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
-    display: flex;
-    flex-direction: column;
-    top: 100%;
-    left: 0;
-    z-index: 1;
+  display: flex;
+  flex-direction: column;
+  top: 100%;
+  left: 0;
+  z-index: 1;
 }
 
 .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
-    flex-wrap: wrap;
-    overflow: auto;
-    max-height: 90%;
+  flex-wrap: wrap;
+  overflow: auto;
+  max-height: 90%;
 }
 
 // theme
 .p-megamenu {
-    padding: $horizontalMenuPadding;
-    background: $horizontalMenuBg;
-    color: $horizontalMenuTextColor;
-    border: $horizontalMenuBorder;
+  padding: $horizontalMenuPadding;
+  background: $horizontalMenuBg;
+  color: $horizontalMenuTextColor;
+  border: $horizontalMenuBorder;
+  border-radius: $borderRadius;
+
+  .p-megamenu-root-list {
+    outline: 0 none;
+  }
+
+  .p-menuitem {
+    @include menuitem();
+  }
+
+  .p-megamenu-panel {
+    background: $overlayMenuBg;
+    color: $menuTextColor;
+    border: $overlayMenuBorder;
+    box-shadow: $overlayMenuShadow;
     border-radius: $borderRadius;
+  }
 
-    .p-megamenu-root-list {  
-        outline: 0 none;
+  .p-submenu-header {
+    margin: $submenuHeaderMargin;
+    padding: $submenuHeaderPadding;
+    color: $submenuHeaderTextColor;
+    background: $submenuHeaderBg;
+    font-weight: $submenuHeaderFontWeight;
+    border-top-right-radius: $borderRadius;
+    border-top-left-radius: $borderRadius;
+  }
+
+  .p-submenu-list {
+    padding: $verticalMenuPadding;
+    min-width: $menuWidth;
+
+    .p-menuitem-separator {
+      border-top: $divider;
+      margin: $menuSeparatorMargin;
     }
+  }
 
-    .p-menuitem {
-        @include menuitem();
-    }
-
-    .p-megamenu-panel {
-        background: $overlayMenuBg;
-        color: $menuTextColor;
-        border: $overlayMenuBorder;
-        box-shadow: $overlayMenuShadow;
-        border-radius: $borderRadius;
-    }
-
-    .p-submenu-header {
-        margin: $submenuHeaderMargin;
-        padding: $submenuHeaderPadding;
-        color: $submenuHeaderTextColor;
-        background: $submenuHeaderBg;
-        font-weight: $submenuHeaderFontWeight;
-        border-top-right-radius: $borderRadius; 
-        border-top-left-radius: $borderRadius; 
-    }
-
-    .p-submenu-list {
-        padding: $verticalMenuPadding;
-        min-width: $menuWidth;
-
-        .p-menuitem-separator {
-            border-top: $divider;
-            margin: $menuSeparatorMargin;
-        }
+  &.p-megamenu-vertical {
+    min-width: $menuWidth;
+    padding: $verticalMenuPadding;
+  }
+
+  &.p-megamenu-horizontal {
+    .p-megamenu-root-list {
+      > .p-menuitem {
+        @include horizontal-rootmenuitem();
+      }
     }
+  }
 
+  &.p-megamenu-mobile {
     &.p-megamenu-vertical {
-        min-width: $menuWidth;
-        padding: $verticalMenuPadding;
+      width: 100%;
+      padding: $horizontalMenuPadding;
     }
 
-    &.p-megamenu-horizontal {
-        .p-megamenu-root-list {  
-            > .p-menuitem {
-                @include horizontal-rootmenuitem();
-            }
-        }
+    .p-megamenu-button {
+      width: $actionIconWidth;
+      height: $actionIconHeight;
+      color: $horizontalMenuRootMenuitemIconColor;
+      border-radius: $actionIconBorderRadius;
+      transition: $actionIconTransition;
+      outline-color: transparent;
+
+      &:hover {
+        color: $horizontalMenuRootMenuitemIconHoverColor;
+        background: $horizontalMenuRootMenuitemHoverBg;
+      }
+
+      &:focus {
+        @include focused();
+      }
     }
 
-    &.p-megamenu-mobile {
-        &.p-megamenu-vertical {
-            width: 100%;
-            padding: $horizontalMenuPadding;
-        }
+    .p-megamenu-root-list {
+      padding: $verticalMenuPadding;
+      background: $overlayMenuBg;
+      border: $overlayMenuBorder;
+      box-shadow: $overlayMenuShadow;
 
-        .p-megamenu-button {
-            width: $actionIconWidth;
-            height: $actionIconHeight;
-            color: $horizontalMenuRootMenuitemIconColor;
-            border-radius: $actionIconBorderRadius;
-            transition: $actionIconTransition;
-            outline-color: transparent;
-        
-            &:hover {
-                color: $horizontalMenuRootMenuitemIconHoverColor;
-                background: $horizontalMenuRootMenuitemHoverBg;
-            }
-        
-            &:focus {
-                @include focused();
-            }
-        }
+      .p-menuitem-separator {
+        border-top: $divider;
+        margin: $menuSeparatorMargin;
+      }
 
-        .p-megamenu-root-list {
-            padding: $verticalMenuPadding;
-            background: $overlayMenuBg;
-            border: $overlayMenuBorder;
-            box-shadow: $overlayMenuShadow;
-    
-            .p-menuitem-separator {
-                border-top: $divider;
-                margin: $menuSeparatorMargin;
-            }
-    
+      .p-submenu-icon {
+        font-size: $menuitemSubmenuIconFontSize;
+      }
+
+      .p-menuitem {
+        .p-menuitem-content {
+          .p-menuitem-link {
             .p-submenu-icon {
-                font-size: $menuitemSubmenuIconFontSize;
+              margin-left: auto;
+              transition: transform $transitionDuration;
             }
-
-            .p-menuitem {
-                .p-menuitem-content {
-                    .p-menuitem-link {
-                        .p-submenu-icon {
-                            margin-left: auto;
-                            transition: transform $transitionDuration;
-                        }
-                    }
-                }
-
-
-                &.p-menuitem-active {
-                    > .p-menuitem-content {
-                        > .p-menuitem-link {
-                            > .p-submenu-icon {
-                                transform: rotate(-180deg);
-                            }
-                        }
-                    }
-                }
-            }
-
-            .p-submenu-list {
-                .p-submenu-icon {
-                    transition: transform $transitionDuration;
-                    transform: rotate(90deg);
-                }
-
-                .p-menuitem-active {
-                    > .p-menuitem-content {
-                        > .p-menuitem-link {
-                            > .p-submenu-icon {
-                                transform: rotate(-90deg);
-                            }
-                        }
-                    }
-                }
-            }
-    
-            @include nested-submenu-indents(nth($menuitemPadding, 1), 2, 2);
+          }
         }
+
+        &.p-menuitem-active {
+          > .p-menuitem-content {
+            > .p-menuitem-link {
+              > .p-submenu-icon {
+                transform: rotate(-180deg);
+              }
+            }
+          }
+        }
+      }
+
+      .p-submenu-list {
+        .p-submenu-icon {
+          transition: transform $transitionDuration;
+          transform: rotate(90deg);
+        }
+
+        .p-menuitem-active {
+          > .p-menuitem-content {
+            > .p-menuitem-link {
+              > .p-submenu-icon {
+                transform: rotate(-90deg);
+              }
+            }
+          }
+        }
+      }
+
+      @include nested-submenu-indents(nth($menuitemPadding, 1), 2, 2);
     }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/menu/_menu.scss b/frontend/public/primevue-sass-theme/theme-base/components/menu/_menu.scss
index 52e0e07..ebd8c8e 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/menu/_menu.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/menu/_menu.scss
@@ -1,54 +1,54 @@
 // core
 .p-menu ul {
-    margin: 0;
-    padding: 0;
-    list-style: none;
+  margin: 0;
+  padding: 0;
+  list-style: none;
 }
 
 .p-menu .p-menuitem-link {
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    text-decoration: none;
-    overflow: hidden;
-    position: relative;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  overflow: hidden;
+  position: relative;
 }
 
 .p-menu .p-menuitem-text {
-    line-height: 1;
+  line-height: 1;
 }
 
 // theme
 .p-menu {
-    padding: $verticalMenuPadding;
-    background: $menuBg;
-    color: $menuTextColor;
-    border: $menuBorder;
-    border-radius: $borderRadius;
-    min-width: $menuWidth;
+  padding: $verticalMenuPadding;
+  background: $menuBg;
+  color: $menuTextColor;
+  border: $menuBorder;
+  border-radius: $borderRadius;
+  min-width: $menuWidth;
 
-    .p-menuitem {
-        @include menuitem();
-    }
+  .p-menuitem {
+    @include menuitem();
+  }
 
-    &.p-menu-overlay {
-        background: $overlayMenuBg;
-        border: $overlayMenuBorder;
-        box-shadow: $overlayMenuShadow;
-    }
+  &.p-menu-overlay {
+    background: $overlayMenuBg;
+    border: $overlayMenuBorder;
+    box-shadow: $overlayMenuShadow;
+  }
 
-    .p-submenu-header {
-        margin: $submenuHeaderMargin;
-        padding: $submenuHeaderPadding;
-        color: $submenuHeaderTextColor;
-        background: $submenuHeaderBg;
-        font-weight: $submenuHeaderFontWeight;
-        border-top-right-radius: $submenuHeaderBorderRadius; 
-        border-top-left-radius: $submenuHeaderBorderRadius; 
-    }
+  .p-submenu-header {
+    margin: $submenuHeaderMargin;
+    padding: $submenuHeaderPadding;
+    color: $submenuHeaderTextColor;
+    background: $submenuHeaderBg;
+    font-weight: $submenuHeaderFontWeight;
+    border-top-right-radius: $submenuHeaderBorderRadius;
+    border-top-left-radius: $submenuHeaderBorderRadius;
+  }
 
-    .p-menuitem-separator {
-        border-top: $divider;
-        margin: $menuSeparatorMargin;
-    }
+  .p-menuitem-separator {
+    border-top: $divider;
+    margin: $menuSeparatorMargin;
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/menu/_menubar.scss b/frontend/public/primevue-sass-theme/theme-base/components/menu/_menubar.scss
index 3c98514..27b420f 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/menu/_menubar.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/menu/_menubar.scss
@@ -1,222 +1,226 @@
 // core
 .p-menubar {
-    display: flex;
-    align-items: center;
+  display: flex;
+  align-items: center;
 }
 
 .p-menubar ul {
-    margin: 0;
-    padding: 0;
-    list-style: none;
+  margin: 0;
+  padding: 0;
+  list-style: none;
 }
 
 .p-menubar .p-menuitem-link {
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    text-decoration: none;
-    overflow: hidden;
-    position: relative;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  overflow: hidden;
+  position: relative;
 }
 
 .p-menubar .p-menuitem-text {
-    line-height: 1;
+  line-height: 1;
 }
 
 .p-menubar .p-menuitem {
-    position: relative;
+  position: relative;
 }
 
 .p-menubar-root-list {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
 }
 
 .p-menubar-root-list > li ul {
-    display: none;
-    z-index: 1;
+  display: none;
+  z-index: 1;
 }
 
 .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
-    display: block;
+  display: block;
 }
 
 .p-menubar .p-submenu-list {
-    display: none;
-    position: absolute;
-    z-index: 1;
+  display: none;
+  position: absolute;
+  z-index: 1;
 }
 
 .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
-    display: block;
-    left: 100%;
-    top: 0;
+  display: block;
+  left: 100%;
+  top: 0;
 }
 
-.p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
-    margin-left: auto;
+.p-menubar
+  .p-submenu-list
+  .p-menuitem
+  .p-menuitem-content
+  .p-menuitem-link
+  .p-submenu-icon {
+  margin-left: auto;
 }
 
 .p-menubar .p-menubar-end {
-    margin-left: auto;
-    align-self: center;
+  margin-left: auto;
+  align-self: center;
 }
 
 .p-menubar-button {
-    display: none;
-    cursor: pointer;
-    align-items: center;
-    justify-content: center;
-    text-decoration: none;
+  display: none;
+  cursor: pointer;
+  align-items: center;
+  justify-content: center;
+  text-decoration: none;
 }
 
 .p-menubar.p-menubar-mobile {
-    position: relative; 
+  position: relative;
 }
 
 .p-menubar.p-menubar-mobile .p-menubar-button {
-    display: flex;
+  display: flex;
 }
 
 .p-menubar.p-menubar-mobile .p-menubar-root-list {
-    position: absolute;
-    display: none;
-    width: 100%;
+  position: absolute;
+  display: none;
+  width: 100%;
 }
 
 .p-menubar.p-menubar-mobile .p-submenu-list {
-    width: 100%;
-    position: static;
-    box-shadow: none;
-    border: 0 none;
+  width: 100%;
+  position: static;
+  box-shadow: none;
+  border: 0 none;
 }
 
 .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
-    width: 100%;
-    position: static;
+  width: 100%;
+  position: static;
 }
 
 .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
-    display: flex;
-    flex-direction: column;
-    top: 100%;
-    left: 0;
-    z-index: 1;
+  display: flex;
+  flex-direction: column;
+  top: 100%;
+  left: 0;
+  z-index: 1;
 }
 
 // theme
 .p-menubar {
-    padding: $horizontalMenuPadding;
-    background: $horizontalMenuBg;
-    color: $horizontalMenuTextColor;
-    border: $horizontalMenuBorder;
+  padding: $horizontalMenuPadding;
+  background: $horizontalMenuBg;
+  color: $horizontalMenuTextColor;
+  border: $horizontalMenuBorder;
+  border-radius: $borderRadius;
+
+  .p-menubar-root-list {
+    outline: 0 none;
+
+    > .p-menuitem {
+      @include horizontal-rootmenuitem();
+    }
+  }
+
+  .p-menuitem {
+    @include menuitem();
+  }
+
+  .p-submenu-list {
+    padding: $verticalMenuPadding;
+    background: $overlayMenuBg;
+    border: $overlayMenuBorder;
+    box-shadow: $overlayMenuShadow;
+    min-width: $menuWidth;
     border-radius: $borderRadius;
 
+    .p-menuitem-separator {
+      border-top: $divider;
+      margin: $menuSeparatorMargin;
+    }
+
+    .p-submenu-icon {
+      font-size: $menuitemSubmenuIconFontSize;
+    }
+  }
+
+  &.p-menubar-mobile {
+    .p-menubar-button {
+      width: $actionIconWidth;
+      height: $actionIconHeight;
+      color: $horizontalMenuRootMenuitemIconColor;
+      border-radius: $actionIconBorderRadius;
+      transition: $actionIconTransition;
+      outline-color: transparent;
+
+      &:hover {
+        color: $horizontalMenuRootMenuitemIconHoverColor;
+        background: $horizontalMenuRootMenuitemHoverBg;
+      }
+
+      &:focus {
+        @include focused();
+      }
+    }
+
     .p-menubar-root-list {
-        outline: 0 none;
+      padding: $verticalMenuPadding;
+      background: $overlayMenuBg;
+      border: $overlayMenuBorder;
+      box-shadow: $overlayMenuShadow;
 
-        > .p-menuitem {
-            @include horizontal-rootmenuitem();
-        }
-    }
+      .p-menuitem-separator {
+        border-top: $divider;
+        margin: $menuSeparatorMargin;
+      }
 
-    .p-menuitem {
-        @include menuitem();
-    }
+      .p-submenu-icon {
+        font-size: $menuitemSubmenuIconFontSize;
+      }
 
-    .p-submenu-list {
-        padding: $verticalMenuPadding;
-        background: $overlayMenuBg;
-        border: $overlayMenuBorder;
-        box-shadow: $overlayMenuShadow;
-        min-width: $menuWidth;
-        border-radius: $borderRadius;
-
-        .p-menuitem-separator {
-            border-top: $divider;
-            margin: $menuSeparatorMargin;
-        }
-
-        .p-submenu-icon {
-            font-size: $menuitemSubmenuIconFontSize;
-        }
-    }
-
-    &.p-menubar-mobile {
-        .p-menubar-button {
-            width: $actionIconWidth;
-            height: $actionIconHeight;
-            color: $horizontalMenuRootMenuitemIconColor;
-            border-radius: $actionIconBorderRadius;
-            transition: $actionIconTransition;
-            outline-color: transparent;
-        
-            &:hover {
-                color: $horizontalMenuRootMenuitemIconHoverColor;
-                background: $horizontalMenuRootMenuitemHoverBg;
-            }
-        
-            &:focus {
-                @include focused();
-            }
-        }
-
-        .p-menubar-root-list {
-            padding: $verticalMenuPadding;
-            background: $overlayMenuBg;
-            border: $overlayMenuBorder;
-            box-shadow: $overlayMenuShadow;
-    
-            .p-menuitem-separator {
-                border-top: $divider;
-                margin: $menuSeparatorMargin;
-            }
-    
+      .p-menuitem {
+        .p-menuitem-content {
+          .p-menuitem-link {
             .p-submenu-icon {
-                font-size: $menuitemSubmenuIconFontSize;
+              margin-left: auto;
+              transition: transform $transitionDuration;
             }
-
-            .p-menuitem {
-                .p-menuitem-content {
-                    .p-menuitem-link {
-                        .p-submenu-icon {
-                            margin-left: auto;
-                            transition: transform $transitionDuration;
-                        }
-                    }
-                }
-
-
-                &.p-menuitem-active {
-                    > .p-menuitem-content {
-                        > .p-menuitem-link {
-                            > .p-submenu-icon {
-                                transform: rotate(-180deg);
-                            }
-                        }
-                    }
-                }
-            }
-
-            .p-submenu-list {
-                .p-submenu-icon {
-                    transition: transform $transitionDuration;
-                    transform: rotate(90deg);
-                }
-
-                .p-menuitem-active {
-                    > .p-menuitem-content {
-                        > .p-menuitem-link {
-                            > .p-submenu-icon {
-                                transform: rotate(-90deg);
-                            }
-                        }
-                    }
-                }
-            }
-    
-            @include nested-submenu-indents(nth($menuitemPadding, 1), 2, 10);
+          }
         }
+
+        &.p-menuitem-active {
+          > .p-menuitem-content {
+            > .p-menuitem-link {
+              > .p-submenu-icon {
+                transform: rotate(-180deg);
+              }
+            }
+          }
+        }
+      }
+
+      .p-submenu-list {
+        .p-submenu-icon {
+          transition: transform $transitionDuration;
+          transform: rotate(90deg);
+        }
+
+        .p-menuitem-active {
+          > .p-menuitem-content {
+            > .p-menuitem-link {
+              > .p-submenu-icon {
+                transform: rotate(-90deg);
+              }
+            }
+          }
+        }
+      }
+
+      @include nested-submenu-indents(nth($menuitemPadding, 1), 2, 10);
     }
-}
\ No newline at end of file
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/menu/_panelmenu.scss b/frontend/public/primevue-sass-theme/theme-base/components/menu/_panelmenu.scss
index a4b643e..ec9329a 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/menu/_panelmenu.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/menu/_panelmenu.scss
@@ -1,189 +1,189 @@
 // core
 .p-panelmenu .p-panelmenu-header-action {
-    display: flex;
-    align-items: center;
-    user-select: none;
-    cursor: pointer;
-    position: relative;
-    text-decoration: none;
+  display: flex;
+  align-items: center;
+  user-select: none;
+  cursor: pointer;
+  position: relative;
+  text-decoration: none;
 }
 
 .p-panelmenu .p-panelmenu-header-action:focus {
-    z-index: 1;
+  z-index: 1;
 }
 
 .p-panelmenu .p-submenu-list {
-    margin: 0;
-    padding: 0;
-    list-style: none;
+  margin: 0;
+  padding: 0;
+  list-style: none;
 }
 
 .p-panelmenu .p-menuitem-link {
-    display: flex;
-    align-items: center;
-    user-select: none;
-    cursor: pointer;
-    text-decoration: none;
-    position: relative;
-    overflow: hidden;
+  display: flex;
+  align-items: center;
+  user-select: none;
+  cursor: pointer;
+  text-decoration: none;
+  position: relative;
+  overflow: hidden;
 }
 
 .p-panelmenu .p-menuitem-text {
-    line-height: 1;
+  line-height: 1;
 }
 
 // theme
 .p-panelmenu {
-    .p-panelmenu-header {
-        outline: 0 none;
+  .p-panelmenu-header {
+    outline: 0 none;
 
+    .p-panelmenu-header-content {
+      border: $accordionHeaderBorder;
+      color: $accordionHeaderTextColor;
+      background: $accordionHeaderBg;
+      border-radius: $borderRadius;
+      transition: $listItemTransition;
+      outline-color: transparent;
+
+      .p-panelmenu-header-action {
+        color: $accordionHeaderTextColor;
+        padding: $accordionHeaderPadding;
+        font-weight: $accordionHeaderFontWeight;
+
+        .p-submenu-icon {
+          margin-right: $inlineSpacing;
+        }
+
+        .p-menuitem-icon {
+          margin-right: $inlineSpacing;
+        }
+      }
+    }
+
+    &:not(.p-disabled) {
+      &:focus-visible {
         .p-panelmenu-header-content {
-            border: $accordionHeaderBorder;
-            color: $accordionHeaderTextColor;
-            background: $accordionHeaderBg;
-            border-radius: $borderRadius;
-            transition: $listItemTransition;
-            outline-color: transparent;
-
-            .p-panelmenu-header-action {
-                color: $accordionHeaderTextColor;
-                padding: $accordionHeaderPadding;
-                font-weight: $accordionHeaderFontWeight;
-
-                .p-submenu-icon {
-                    margin-right: $inlineSpacing;
-                }
-
-                .p-menuitem-icon {
-                    margin-right: $inlineSpacing;
-                }
-            }
+          @include focused-inset();
         }
+      }
+    }
 
-        &:not(.p-disabled) {
-            &:focus-visible {
-                .p-panelmenu-header-content {
-                    @include focused-inset();
-                }
-            }
+    &:not(.p-highlight):not(.p-disabled):hover {
+      .p-panelmenu-header-content {
+        background: $accordionHeaderHoverBg;
+        border-color: $accordionHeaderHoverBorderColor;
+        color: $accordionHeaderTextHoverColor;
+      }
+    }
+
+    &:not(.p-disabled).p-highlight {
+      .p-panelmenu-header-content {
+        background: $accordionHeaderActiveBg;
+        border-color: $accordionHeaderActiveBorderColor;
+        color: $accordionHeaderTextActiveColor;
+        border-bottom-right-radius: 0;
+        border-bottom-left-radius: 0;
+        margin-bottom: 0;
+      }
+
+      &:hover {
+        .p-panelmenu-header-content {
+          border-color: $accordionHeaderActiveHoverBorderColor;
+          background: $accordionHeaderActiveHoverBg;
+          color: $accordionHeaderTextActiveHoverColor;
         }
+      }
+    }
+  }
 
-        &:not(.p-highlight):not(.p-disabled):hover {
+  .p-panelmenu-content {
+    padding: $verticalMenuPadding;
+    border: $accordionContentBorder;
+    background: $accordionContentBg;
+    color: $accordionContentTextColor;
+    border-top: 0;
+    border-top-right-radius: 0;
+    border-top-left-radius: 0;
+    border-bottom-right-radius: $borderRadius;
+    border-bottom-left-radius: $borderRadius;
+
+    .p-panelmenu-root-list {
+      outline: 0 none;
+    }
+
+    .p-menuitem {
+      @include menuitem();
+
+      .p-menuitem-content {
+        .p-menuitem-link {
+          .p-submenu-icon {
+            margin-right: $inlineSpacing;
+          }
+        }
+      }
+    }
+
+    .p-menuitem-separator {
+      border-top: $divider;
+      margin: $menuSeparatorMargin;
+    }
+
+    .p-submenu-list:not(.p-panelmenu-root-list) {
+      padding: $treeNodeChildrenPadding;
+    }
+  }
+
+  .p-panelmenu-panel {
+    margin-bottom: $accordionSpacing;
+
+    @if $accordionSpacing == 0 {
+      .p-panelmenu-header {
+        .p-panelmenu-header-content {
+          border-radius: 0;
+        }
+      }
+
+      .p-panelmenu-content {
+        border-radius: 0;
+      }
+
+      &:not(:first-child) {
+        .p-panelmenu-header {
+          .p-panelmenu-header-content {
+            border-top: 0 none;
+          }
+
+          &:not(.p-highlight):not(.p-disabled):hover,
+          &:not(.p-disabled).p-highlight:hover {
             .p-panelmenu-header-content {
-                background: $accordionHeaderHoverBg;
-                border-color: $accordionHeaderHoverBorderColor;
-                color: $accordionHeaderTextHoverColor;
+              border-top: 0 none;
             }
+          }
+        }
+      }
+
+      &:first-child {
+        .p-panelmenu-header {
+          .p-panelmenu-header-content {
+            border-top-right-radius: $borderRadius;
+            border-top-left-radius: $borderRadius;
+          }
+        }
+      }
+
+      &:last-child {
+        .p-panelmenu-header:not(.p-highlight) {
+          .p-panelmenu-header-content {
+            border-bottom-right-radius: $borderRadius;
+            border-bottom-left-radius: $borderRadius;
+          }
         }
 
-        &:not(.p-disabled).p-highlight {
-            .p-panelmenu-header-content {
-                background: $accordionHeaderActiveBg;
-                border-color: $accordionHeaderActiveBorderColor;
-                color: $accordionHeaderTextActiveColor;
-                border-bottom-right-radius: 0;
-                border-bottom-left-radius: 0;
-                margin-bottom: 0;
-            }
-
-            &:hover {
-                .p-panelmenu-header-content {
-                    border-color: $accordionHeaderActiveHoverBorderColor;
-                    background: $accordionHeaderActiveHoverBg;
-                    color: $accordionHeaderTextActiveHoverColor;
-                }
-            }
+        .p-panelmenu-content {
+          border-bottom-right-radius: $borderRadius;
+          border-bottom-left-radius: $borderRadius;
         }
+      }
     }
-
-    .p-panelmenu-content {
-        padding: $verticalMenuPadding;
-        border: $accordionContentBorder;
-        background: $accordionContentBg;
-        color: $accordionContentTextColor;
-        border-top: 0;
-        border-top-right-radius: 0;
-        border-top-left-radius: 0;
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
-
-        .p-panelmenu-root-list {
-            outline: 0 none;
-        }
-
-        .p-menuitem {
-            @include menuitem();
-
-            .p-menuitem-content {
-                .p-menuitem-link { 
-                    .p-submenu-icon {
-                        margin-right: $inlineSpacing;
-                    }
-                }
-            }
-        }
-
-        .p-menuitem-separator {
-            border-top: $divider;
-            margin: $menuSeparatorMargin;
-        }
-
-        .p-submenu-list:not(.p-panelmenu-root-list) {
-            padding: $treeNodeChildrenPadding;
-        }
-    }
-
-    .p-panelmenu-panel {
-        margin-bottom: $accordionSpacing;
-
-        @if $accordionSpacing == 0 {
-            .p-panelmenu-header {
-                .p-panelmenu-header-content {
-                    border-radius: 0;
-                }
-            }
-
-            .p-panelmenu-content {
-                border-radius: 0;
-            }
-
-            &:not(:first-child) {
-                .p-panelmenu-header {
-                    .p-panelmenu-header-content {
-                        border-top: 0 none;
-                    }
-
-                    &:not(.p-highlight):not(.p-disabled):hover,
-                    &:not(.p-disabled).p-highlight:hover {
-                        .p-panelmenu-header-content {
-                            border-top: 0 none;
-                        }
-                    }
-                }
-            }
-
-            &:first-child {
-                .p-panelmenu-header {
-                    .p-panelmenu-header-content {
-                        border-top-right-radius: $borderRadius;
-                        border-top-left-radius: $borderRadius;
-                    }
-                }
-            }
-
-            &:last-child {
-                .p-panelmenu-header:not(.p-highlight) {
-                    .p-panelmenu-header-content {
-                        border-bottom-right-radius: $borderRadius;
-                        border-bottom-left-radius: $borderRadius;
-                    }
-                }
-
-                .p-panelmenu-content {
-                    border-bottom-right-radius: $borderRadius;
-                    border-bottom-left-radius: $borderRadius;
-                }
-            }
-        } 
-    }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/menu/_steps.scss b/frontend/public/primevue-sass-theme/theme-base/components/menu/_steps.scss
index 5f980a5..e8f0291 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/menu/_steps.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/menu/_steps.scss
@@ -1,112 +1,112 @@
-@use 'sass:math';
+@use "sass:math";
 
 // core
 .p-steps {
-    position: relative;
+  position: relative;
 }
 
 .p-steps .p-steps-list {
-    padding: 0;
-    margin: 0;
-    list-style-type: none;
-    display: flex;
+  padding: 0;
+  margin: 0;
+  list-style-type: none;
+  display: flex;
 }
 
 .p-steps-item {
-    position: relative;
-    display: flex;
-    justify-content: center;
-    flex: 1 1 auto;
-    overflow: hidden;
+  position: relative;
+  display: flex;
+  justify-content: center;
+  flex: 1 1 auto;
+  overflow: hidden;
 }
 
 .p-steps-item .p-menuitem-link {
-    display: inline-flex;
-    flex-direction: column;
-    align-items: center;
-    overflow: hidden;
-    text-decoration: none;
-    cursor: pointer;
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  overflow: hidden;
+  text-decoration: none;
+  cursor: pointer;
 }
 
 .p-steps.p-steps-readonly .p-steps-item {
-    cursor: auto;
+  cursor: auto;
 }
 
 .p-steps-item.p-steps-current .p-menuitem-link {
-    cursor: default;
+  cursor: default;
 }
 
 .p-steps-title {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    max-width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
 }
 
 .p-steps-number {
-    display: flex;
-    align-items: center;
-    justify-content: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .p-steps-title {
-    display: block;
+  display: block;
 }
 
 // theme
 .p-steps {
-    .p-steps-item {
-        .p-menuitem-link {
-            background: transparent;
-            transition: $listItemTransition;
-            border-radius: $borderRadius;
-            background: $stepsItemBg;
-            outline-color: transparent;
+  .p-steps-item {
+    .p-menuitem-link {
+      background: transparent;
+      transition: $listItemTransition;
+      border-radius: $borderRadius;
+      background: $stepsItemBg;
+      outline-color: transparent;
 
-            .p-steps-number {
-                color: $stepsItemNumberColor;
-                border: $stepsItemBorder;
-                background: $stepsItemBg;
-                min-width: $stepsItemNumberWidth;
-                height: $stepsItemNumberHeight;
-                line-height: $stepsItemNumberHeight;
-                font-size: $stepsItemNumberFontSize;
-                z-index: 1;
-                border-radius: $stepsItemNumberBorderRadius;
-            }
+      .p-steps-number {
+        color: $stepsItemNumberColor;
+        border: $stepsItemBorder;
+        background: $stepsItemBg;
+        min-width: $stepsItemNumberWidth;
+        height: $stepsItemNumberHeight;
+        line-height: $stepsItemNumberHeight;
+        font-size: $stepsItemNumberFontSize;
+        z-index: 1;
+        border-radius: $stepsItemNumberBorderRadius;
+      }
 
-            .p-steps-title {
-                margin-top: $inlineSpacing;
-                color: $stepsItemTextColor;
-            }
+      .p-steps-title {
+        margin-top: $inlineSpacing;
+        color: $stepsItemTextColor;
+      }
 
-            &:not(.p-disabled):focus-visible {
-                @include focused();
-            }
-        }
-
-        &.p-highlight {
-            .p-steps-number {
-                background: $highlightBg;
-                color: $highlightTextColor;
-            }
-
-            .p-steps-title {
-                font-weight: $stepsItemActiveFontWeight;
-                color: $textColor;
-            }
-        }
-
-        &:before {
-            content:' ';
-            border-top: $divider;
-            width: 100%;
-            top: 50%;
-            left: 0;
-            display: block;
-            position: absolute;
-            margin-top: math.div(-1 * $stepsItemNumberHeight, 2);
-        }
+      &:not(.p-disabled):focus-visible {
+        @include focused();
+      }
     }
+
+    &.p-highlight {
+      .p-steps-number {
+        background: $highlightBg;
+        color: $highlightTextColor;
+      }
+
+      .p-steps-title {
+        font-weight: $stepsItemActiveFontWeight;
+        color: $textColor;
+      }
+    }
+
+    &:before {
+      content: " ";
+      border-top: $divider;
+      width: 100%;
+      top: 50%;
+      left: 0;
+      display: block;
+      position: absolute;
+      margin-top: math.div(-1 * $stepsItemNumberHeight, 2);
+    }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/menu/_tabmenu.scss b/frontend/public/primevue-sass-theme/theme-base/components/menu/_tabmenu.scss
index 7421d7a..ef3c46e 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/menu/_tabmenu.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/menu/_tabmenu.scss
@@ -1,92 +1,92 @@
 // core
 .p-tabmenu {
-    overflow-x: auto;
+  overflow-x: auto;
 }
 
 .p-tabmenu-nav {
-    display: flex;
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-    flex-wrap: nowrap;
+  display: flex;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+  flex-wrap: nowrap;
 }
 
 .p-tabmenu-nav a {
-    cursor: pointer;
-    user-select: none;
-    display: flex;
-    align-items: center;
-    position: relative;
-    text-decoration: none;
-    text-decoration: none;
-    overflow: hidden;
+  cursor: pointer;
+  user-select: none;
+  display: flex;
+  align-items: center;
+  position: relative;
+  text-decoration: none;
+  text-decoration: none;
+  overflow: hidden;
 }
 
 .p-tabmenu-nav a:focus {
-    z-index: 1;
+  z-index: 1;
 }
 
 .p-tabmenu-nav .p-menuitem-text {
-    line-height: 1;
+  line-height: 1;
 }
 
 .p-tabmenu-ink-bar {
-    display: none;
-    z-index: 1;
+  display: none;
+  z-index: 1;
 }
 
 .p-tabmenu::-webkit-scrollbar {
-    display: none;
+  display: none;
 }
 
 // theme
 .p-tabmenu {
-    .p-tabmenu-nav {
-        background: $tabviewNavBg;
-        border: $tabviewNavBorder;
-        border-width: $tabviewNavBorderWidth;
+  .p-tabmenu-nav {
+    background: $tabviewNavBg;
+    border: $tabviewNavBorder;
+    border-width: $tabviewNavBorderWidth;
 
-        .p-tabmenuitem {
-            margin-right: $tabviewHeaderSpacing;
+    .p-tabmenuitem {
+      margin-right: $tabviewHeaderSpacing;
 
-            .p-menuitem-link {
-                border: $tabviewHeaderBorder;
-                border-width: $tabviewHeaderBorderWidth;
-                border-color: $tabviewHeaderBorderColor;
-                background: $tabviewHeaderBg;
-                color: $tabviewHeaderTextColor;
-                padding: $tabviewHeaderPadding;
-                font-weight: $tabviewHeaderFontWeight;
-                border-top-right-radius: $borderRadius;
-                border-top-left-radius: $borderRadius;
-                transition: $listItemTransition;
-                margin: $tabviewHeaderMargin;
-                outline-color: transparent;
+      .p-menuitem-link {
+        border: $tabviewHeaderBorder;
+        border-width: $tabviewHeaderBorderWidth;
+        border-color: $tabviewHeaderBorderColor;
+        background: $tabviewHeaderBg;
+        color: $tabviewHeaderTextColor;
+        padding: $tabviewHeaderPadding;
+        font-weight: $tabviewHeaderFontWeight;
+        border-top-right-radius: $borderRadius;
+        border-top-left-radius: $borderRadius;
+        transition: $listItemTransition;
+        margin: $tabviewHeaderMargin;
+        outline-color: transparent;
 
-                .p-menuitem-icon {
-                    margin-right: $inlineSpacing;
-                }
-
-                &:not(.p-disabled):focus-visible {
-                    @include focused-inset();
-                }
-            }
-
-            &:not(.p-highlight):not(.p-disabled):hover {
-                .p-menuitem-link {
-                    background: $tabviewHeaderHoverBg;
-                    border-color: $tabviewHeaderHoverBorderColor;
-                    color: $tabviewHeaderTextHoverColor;
-                }
-            }
-
-            &.p-highlight {
-                .p-menuitem-link {
-                    background: $tabviewHeaderActiveBg;
-                    border-color: $tabviewHeaderActiveBorderColor;
-                    color: $tabviewHeaderTextActiveColor;
-                }
-            }
+        .p-menuitem-icon {
+          margin-right: $inlineSpacing;
         }
+
+        &:not(.p-disabled):focus-visible {
+          @include focused-inset();
+        }
+      }
+
+      &:not(.p-highlight):not(.p-disabled):hover {
+        .p-menuitem-link {
+          background: $tabviewHeaderHoverBg;
+          border-color: $tabviewHeaderHoverBorderColor;
+          color: $tabviewHeaderTextHoverColor;
+        }
+      }
+
+      &.p-highlight {
+        .p-menuitem-link {
+          background: $tabviewHeaderActiveBg;
+          border-color: $tabviewHeaderActiveBorderColor;
+          color: $tabviewHeaderTextActiveColor;
+        }
+      }
     }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/menu/_tieredmenu.scss b/frontend/public/primevue-sass-theme/theme-base/components/menu/_tieredmenu.scss
index c32807d..641e3bd 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/menu/_tieredmenu.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/menu/_tieredmenu.scss
@@ -1,95 +1,95 @@
 // core
 .p-tieredmenu ul {
-    margin: 0;
-    padding: 0;
-    list-style: none;
+  margin: 0;
+  padding: 0;
+  list-style: none;
 }
 
 .p-tieredmenu .p-submenu-list {
-    position: absolute;
-    min-width: 100%;
-    z-index: 1;
-    display: none;
+  position: absolute;
+  min-width: 100%;
+  z-index: 1;
+  display: none;
 }
 
 .p-tieredmenu .p-menuitem-link {
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    text-decoration: none;
-    overflow: hidden;
-    position: relative;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  overflow: hidden;
+  position: relative;
 }
 
 .p-tieredmenu .p-menuitem-text {
-    line-height: 1;
+  line-height: 1;
 }
 
 .p-tieredmenu .p-menuitem {
-    position: relative;
+  position: relative;
 }
 
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
-    margin-left: auto;
+  margin-left: auto;
 }
 
 .p-tieredmenu .p-menuitem-active > .p-submenu-list {
-    display: block;
-    left: 100%;
-    top: 0;
+  display: block;
+  left: 100%;
+  top: 0;
 }
 
 .p-tieredmenu-enter-from,
 .p-tieredmenu-leave-active {
-    opacity: 0;
+  opacity: 0;
 }
 
 .p-tieredmenu-enter-active {
-    transition: opacity 250ms;
+  transition: opacity 250ms;
 }
 
 // theme
 .p-tieredmenu {
+  padding: $verticalMenuPadding;
+  background: $menuBg;
+  color: $menuTextColor;
+  border: $menuBorder;
+  border-radius: $borderRadius;
+  min-width: $menuWidth;
+
+  &.p-tieredmenu-overlay {
+    background: $overlayMenuBg;
+    border: $overlayMenuBorder;
+    box-shadow: $overlayMenuShadow;
+  }
+
+  .p-tieredmenu-root-list {
+    outline: 0 none;
+  }
+
+  .p-submenu-list {
     padding: $verticalMenuPadding;
-    background: $menuBg;
-    color: $menuTextColor;
-    border: $menuBorder;
+    background: $overlayMenuBg;
+    border: $overlayMenuBorder;
+    box-shadow: $overlayMenuShadow;
     border-radius: $borderRadius;
-    min-width: $menuWidth;
+  }
 
-    &.p-tieredmenu-overlay {
-        background: $overlayMenuBg;
-        border: $overlayMenuBorder;
-        box-shadow: $overlayMenuShadow;
-    }
-
-    .p-tieredmenu-root-list {
-        outline: 0 none;
-    }
-
-    .p-submenu-list {
-        padding: $verticalMenuPadding;
-        background: $overlayMenuBg;
-        border: $overlayMenuBorder;
-        box-shadow: $overlayMenuShadow;
-        border-radius: $borderRadius;
-    }
-
-    .p-menuitem {
-        @include menuitem();
-    }
-
-    .p-menuitem-separator {
-        border-top: $divider;
-        margin: $menuSeparatorMargin;
-    }
-
-    .p-submenu-icon {
-        font-size: $menuitemSubmenuIconFontSize;
-
-        &.p-icon {
-            width: $menuitemSubmenuIconFontSize;
-            height: $menuitemSubmenuIconFontSize;
-        }
+  .p-menuitem {
+    @include menuitem();
+  }
+
+  .p-menuitem-separator {
+    border-top: $divider;
+    margin: $menuSeparatorMargin;
+  }
+
+  .p-submenu-icon {
+    font-size: $menuitemSubmenuIconFontSize;
+
+    &.p-icon {
+      width: $menuitemSubmenuIconFontSize;
+      height: $menuitemSubmenuIconFontSize;
     }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/messages/_inlinemessage.scss b/frontend/public/primevue-sass-theme/theme-base/components/messages/_inlinemessage.scss
index d7fa87b..ec6b66d 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/messages/_inlinemessage.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/messages/_inlinemessage.scss
@@ -1,112 +1,112 @@
 // core
 .p-inline-message {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    vertical-align: top;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  vertical-align: top;
 }
 
 .p-inline-message-icon {
-    flex-shrink: 0;
+  flex-shrink: 0;
 }
 
 .p-inline-message-icon-only .p-inline-message-text {
-    visibility: hidden;
-    width: 0;
+  visibility: hidden;
+  width: 0;
 }
 
 .p-fluid .p-inline-message {
-    display: flex;
+  display: flex;
 }
 
 // theme
 .p-inline-message {
-    padding: $inlineMessagePadding;
-    margin: $inlineMessageMargin;
-    border-radius: $borderRadius;
+  padding: $inlineMessagePadding;
+  margin: $inlineMessageMargin;
+  border-radius: $borderRadius;
 
-    &.p-inline-message-info {
-        background: $infoMessageBg;
-        border: $infoMessageBorder;
-        border-width: $inlineMessageBorderWidth;
-        color: $infoMessageTextColor;
-
-        .p-inline-message-icon {
-            color: $infoMessageIconColor;
-        }
-    }
-
-    &.p-inline-message-success {
-        background: $successMessageBg;
-        border: $successMessageBorder;
-        border-width: $inlineMessageBorderWidth;
-        color: $successMessageTextColor;
-
-        .p-inline-message-icon {
-            color: $successMessageIconColor;
-        }
-    }
-
-    &.p-inline-message-warn {
-        background: $warningMessageBg;
-        border: $warningMessageBorder;
-        border-width: $inlineMessageBorderWidth;
-        color: $warningMessageTextColor;
-
-        .p-inline-message-icon {
-            color: $warningMessageIconColor;
-        }
-    }
-
-    &.p-inline-message-error {
-        background: $errorMessageBg;
-        border: $errorMessageBorder;
-        border-width: $inlineMessageBorderWidth;
-        color: $errorMessageTextColor;
-
-        .p-inline-message-icon {
-            color: $errorMessageIconColor;
-        }
-    }
-
-    @if variable-exists(secondaryMessageBg) {
-        &.p-inline-message-secondary {
-            background: $secondaryMessageBg;
-            border: $secondaryMessageBorder;
-            border-width: $inlineMessageBorderWidth;
-            color: $secondaryMessageTextColor;
-
-            .p-inline-message-icon {
-                color: $secondaryMessageIconColor;
-            }
-        }
-    }
-
-    @if variable-exists(contrastMessageBg) {
-        &.p-inline-message-contrast {
-            background: $contrastMessageBg;
-            border: $contrastMessageBorder;
-            border-width: $inlineMessageBorderWidth;
-            color: $contrastMessageTextColor;
-
-            .p-inline-message-icon {
-                color: $contrastMessageIconColor;
-            }
-        }
-    }
+  &.p-inline-message-info {
+    background: $infoMessageBg;
+    border: $infoMessageBorder;
+    border-width: $inlineMessageBorderWidth;
+    color: $infoMessageTextColor;
 
     .p-inline-message-icon {
-        font-size: $inlineMessageIconFontSize;
-        margin-right: $inlineSpacing;
+      color: $infoMessageIconColor;
     }
+  }
 
-    .p-inline-message-text {
-        font-size: $inlineMessageTextFontSize;
-    }
+  &.p-inline-message-success {
+    background: $successMessageBg;
+    border: $successMessageBorder;
+    border-width: $inlineMessageBorderWidth;
+    color: $successMessageTextColor;
 
-    &.p-inline-message-icon-only {
-        .p-inline-message-icon {
-            margin-right: 0;
-        }
+    .p-inline-message-icon {
+      color: $successMessageIconColor;
     }
+  }
+
+  &.p-inline-message-warn {
+    background: $warningMessageBg;
+    border: $warningMessageBorder;
+    border-width: $inlineMessageBorderWidth;
+    color: $warningMessageTextColor;
+
+    .p-inline-message-icon {
+      color: $warningMessageIconColor;
+    }
+  }
+
+  &.p-inline-message-error {
+    background: $errorMessageBg;
+    border: $errorMessageBorder;
+    border-width: $inlineMessageBorderWidth;
+    color: $errorMessageTextColor;
+
+    .p-inline-message-icon {
+      color: $errorMessageIconColor;
+    }
+  }
+
+  @if variable-exists(secondaryMessageBg) {
+    &.p-inline-message-secondary {
+      background: $secondaryMessageBg;
+      border: $secondaryMessageBorder;
+      border-width: $inlineMessageBorderWidth;
+      color: $secondaryMessageTextColor;
+
+      .p-inline-message-icon {
+        color: $secondaryMessageIconColor;
+      }
+    }
+  }
+
+  @if variable-exists(contrastMessageBg) {
+    &.p-inline-message-contrast {
+      background: $contrastMessageBg;
+      border: $contrastMessageBorder;
+      border-width: $inlineMessageBorderWidth;
+      color: $contrastMessageTextColor;
+
+      .p-inline-message-icon {
+        color: $contrastMessageIconColor;
+      }
+    }
+  }
+
+  .p-inline-message-icon {
+    font-size: $inlineMessageIconFontSize;
+    margin-right: $inlineSpacing;
+  }
+
+  .p-inline-message-text {
+    font-size: $inlineMessageTextFontSize;
+  }
+
+  &.p-inline-message-icon-only {
+    .p-inline-message-icon {
+      margin-right: 0;
+    }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/messages/_message.scss b/frontend/public/primevue-sass-theme/theme-base/components/messages/_message.scss
index 333d0ed..96cfe9b 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/messages/_message.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/messages/_message.scss
@@ -1,185 +1,188 @@
 // core
 .p-message-wrapper {
-    display: flex;
-    align-items: center;
+  display: flex;
+  align-items: center;
 }
 
 .p-message-icon {
-    flex-shrink: 0;
+  flex-shrink: 0;
 }
 
 .p-message-close {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
 }
 
 .p-message-close.p-link {
-    margin-left: auto;
-    overflow: hidden;
-    position: relative;
+  margin-left: auto;
+  overflow: hidden;
+  position: relative;
 }
 
 .p-message-enter-from {
-    opacity: 0;
+  opacity: 0;
 }
 
 .p-message-enter-active {
-    transition: opacity 0.3s;
+  transition: opacity 0.3s;
 }
 
 .p-message.p-message-leave-from {
-    max-height: 1000px;
+  max-height: 1000px;
 }
 
 .p-message.p-message-leave-to {
-    max-height: 0;
-    opacity: 0;
-    margin: 0;
+  max-height: 0;
+  opacity: 0;
+  margin: 0;
 }
 
 .p-message-leave-active {
-    overflow: hidden;
-    transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
+  overflow: hidden;
+  transition:
+    max-height 0.3s cubic-bezier(0, 1, 0, 1),
+    opacity 0.3s,
+    margin 0.15s;
 }
 
 .p-message-leave-active .p-message-close {
-    display: none;
+  display: none;
 }
 
 // theme
 .p-message {
-    margin: $messageMargin;
-    border-radius: $borderRadius;
+  margin: $messageMargin;
+  border-radius: $borderRadius;
 
-    .p-message-wrapper {
-        padding: $messagePadding;
+  .p-message-wrapper {
+    padding: $messagePadding;
+  }
+
+  .p-message-close {
+    width: $actionIconWidth;
+    height: $actionIconHeight;
+    border-radius: $actionIconBorderRadius;
+    background: transparent;
+    transition: $actionIconTransition;
+    outline-color: transparent;
+
+    &:hover {
+      background: rgba(255, 255, 255, 0.5);
+    }
+
+    &:focus-visible {
+      @include focused();
+    }
+  }
+
+  &.p-message-info {
+    background: $infoMessageBg;
+    border: $infoMessageBorder;
+    border-width: $messageBorderWidth;
+    color: $infoMessageTextColor;
+
+    .p-message-icon {
+      color: $infoMessageIconColor;
     }
 
     .p-message-close {
-        width: $actionIconWidth;
-        height: $actionIconHeight;
-        border-radius: $actionIconBorderRadius;
-        background: transparent;
-        transition: $actionIconTransition;
-        outline-color: transparent;
-
-        &:hover {
-            background: rgba(255, 255, 255, 0.5);
-        }
-
-        &:focus-visible {
-            @include focused();
-        }
+      color: $infoMessageIconColor;
     }
+  }
 
-    &.p-message-info {
-        background: $infoMessageBg;
-        border: $infoMessageBorder;
-        border-width: $messageBorderWidth;
-        color: $infoMessageTextColor;
-
-        .p-message-icon {
-            color: $infoMessageIconColor;
-        }
-
-        .p-message-close {
-            color: $infoMessageIconColor;
-        }
-    }
-
-    &.p-message-success {
-        background: $successMessageBg;
-        border: $successMessageBorder;
-        border-width: $messageBorderWidth;
-        color: $successMessageTextColor;
-
-        .p-message-icon {
-            color: $successMessageIconColor;
-        }
-
-        .p-message-close {
-            color: $successMessageIconColor;
-        }
-    }
-
-    &.p-message-warn {
-        background: $warningMessageBg;
-        border: $warningMessageBorder;
-        border-width: $messageBorderWidth;
-        color: $warningMessageTextColor;
-
-        .p-message-icon {
-            color: $warningMessageIconColor;
-        }
-
-        .p-message-close {
-            color: $warningMessageIconColor;
-        }
-    }
-
-    &.p-message-error {
-        background: $errorMessageBg;
-        border: $errorMessageBorder;
-        border-width: $messageBorderWidth;
-        color: $errorMessageTextColor;
-
-        .p-message-icon {
-            color: $errorMessageIconColor;
-        }
-
-        .p-message-close {
-            color: $errorMessageIconColor;
-        }
-    }
-
-    @if variable-exists(secondaryMessageBg) {
-        &.p-message-secondary {
-            background: $secondaryMessageBg;
-            border: $secondaryMessageBorder;
-            border-width: $messageBorderWidth;
-            color: $secondaryMessageTextColor;
-
-            .p-message-icon {
-                color: $secondaryMessageIconColor;
-            }
-
-            .p-message-close {
-                color: $secondaryMessageIconColor;
-            }
-        }
-    }
-
-    @if variable-exists(contrastMessageBg) {
-        &.p-message-contrast {
-            background: $contrastMessageBg;
-            border: $contrastMessageBorder;
-            border-width: $messageBorderWidth;
-            color: $contrastMessageTextColor;
-
-            .p-message-icon {
-                color: $contrastMessageIconColor;
-            }
-
-            .p-message-close {
-                color: $contrastMessageIconColor;
-            }
-        }
-    }
-
-    .p-message-text {
-        font-size: $messageTextFontSize;
-        font-weight: $messageTextFontWeight;
-    }
+  &.p-message-success {
+    background: $successMessageBg;
+    border: $successMessageBorder;
+    border-width: $messageBorderWidth;
+    color: $successMessageTextColor;
 
     .p-message-icon {
-        font-size: $messageIconFontSize;
-        margin-right: $inlineSpacing;
+      color: $successMessageIconColor;
     }
 
-    .p-icon:not(.p-message-close-icon) {
-        width: $messageIconFontSize;
-        height: $messageIconFontSize;
+    .p-message-close {
+      color: $successMessageIconColor;
     }
+  }
+
+  &.p-message-warn {
+    background: $warningMessageBg;
+    border: $warningMessageBorder;
+    border-width: $messageBorderWidth;
+    color: $warningMessageTextColor;
+
+    .p-message-icon {
+      color: $warningMessageIconColor;
+    }
+
+    .p-message-close {
+      color: $warningMessageIconColor;
+    }
+  }
+
+  &.p-message-error {
+    background: $errorMessageBg;
+    border: $errorMessageBorder;
+    border-width: $messageBorderWidth;
+    color: $errorMessageTextColor;
+
+    .p-message-icon {
+      color: $errorMessageIconColor;
+    }
+
+    .p-message-close {
+      color: $errorMessageIconColor;
+    }
+  }
+
+  @if variable-exists(secondaryMessageBg) {
+    &.p-message-secondary {
+      background: $secondaryMessageBg;
+      border: $secondaryMessageBorder;
+      border-width: $messageBorderWidth;
+      color: $secondaryMessageTextColor;
+
+      .p-message-icon {
+        color: $secondaryMessageIconColor;
+      }
+
+      .p-message-close {
+        color: $secondaryMessageIconColor;
+      }
+    }
+  }
+
+  @if variable-exists(contrastMessageBg) {
+    &.p-message-contrast {
+      background: $contrastMessageBg;
+      border: $contrastMessageBorder;
+      border-width: $messageBorderWidth;
+      color: $contrastMessageTextColor;
+
+      .p-message-icon {
+        color: $contrastMessageIconColor;
+      }
+
+      .p-message-close {
+        color: $contrastMessageIconColor;
+      }
+    }
+  }
+
+  .p-message-text {
+    font-size: $messageTextFontSize;
+    font-weight: $messageTextFontWeight;
+  }
+
+  .p-message-icon {
+    font-size: $messageIconFontSize;
+    margin-right: $inlineSpacing;
+  }
+
+  .p-icon:not(.p-message-close-icon) {
+    width: $messageIconFontSize;
+    height: $messageIconFontSize;
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/messages/_toast.scss b/frontend/public/primevue-sass-theme/theme-base/components/messages/_toast.scss
index da4fb63..2477854 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/messages/_toast.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/messages/_toast.scss
@@ -1,203 +1,213 @@
 // core
 .p-toast {
-    width: 25rem;
-    white-space: pre-line;
-    word-break: break-word;
+  width: 25rem;
+  white-space: pre-line;
+  word-break: break-word;
 }
 
 .p-toast-message-icon {
-    flex-shrink: 0;
+  flex-shrink: 0;
 }
 
 .p-toast-message-content {
-    display: flex;
-    align-items: flex-start;
+  display: flex;
+  align-items: flex-start;
 }
 
 .p-toast-message-text {
-    flex: 1 1 auto;
+  flex: 1 1 auto;
 }
 
 .p-toast-top-center {
-    transform: translateX(-50%);
+  transform: translateX(-50%);
 }
 
 .p-toast-bottom-center {
-    transform: translateX(-50%);
+  transform: translateX(-50%);
 }
 
 .p-toast-center {
-    min-width: 20vw;
-    transform: translate(-50%, -50%);
+  min-width: 20vw;
+  transform: translate(-50%, -50%);
 }
 
 .p-toast-icon-close {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    overflow: hidden;
-    position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  position: relative;
 }
 
 .p-toast-icon-close.p-link {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 /* Animations */
 .p-toast-message-enter-from {
-    opacity: 0;
-    -webkit-transform: translateY(50%);
-    -ms-transform: translateY(50%);
-    transform: translateY(50%);
+  opacity: 0;
+  -webkit-transform: translateY(50%);
+  -ms-transform: translateY(50%);
+  transform: translateY(50%);
 }
 
 .p-toast-message-leave-from {
-    max-height: 1000px;
+  max-height: 1000px;
 }
 
 .p-toast .p-toast-message.p-toast-message-leave-to {
-    max-height: 0;
-    opacity: 0;
-    margin-bottom: 0;
-    overflow: hidden;
+  max-height: 0;
+  opacity: 0;
+  margin-bottom: 0;
+  overflow: hidden;
 }
 
 .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
 .p-toast {
-    opacity: $toastOpacity;
+  opacity: $toastOpacity;
 
-    .p-toast-message {
-        margin: $toastMargin;
-        box-shadow: $toastShadow;
-        border-radius: $borderRadius;
+  .p-toast-message {
+    margin: $toastMargin;
+    box-shadow: $toastShadow;
+    border-radius: $borderRadius;
 
-        .p-toast-message-content {
-            padding: $toastPadding;
-            border-width: $toastBorderWidth;
+    .p-toast-message-content {
+      padding: $toastPadding;
+      border-width: $toastBorderWidth;
 
-            .p-toast-message-text {
-                margin: $toastMessageTextMargin;
-            }
+      .p-toast-message-text {
+        margin: $toastMessageTextMargin;
+      }
 
-            .p-toast-message-icon {
-                font-size: $toastIconFontSize;
+      .p-toast-message-icon {
+        font-size: $toastIconFontSize;
 
-                &.p-icon {
-                    width: $toastIconFontSize;
-                    height: $toastIconFontSize;
-                }
-            }
-
-            .p-toast-summary {
-                font-weight: $toastTitleFontWeight;
-            }
-
-            .p-toast-detail {
-                margin: $toastDetailMargin;
-            }
+        &.p-icon {
+          width: $toastIconFontSize;
+          height: $toastIconFontSize;
         }
+      }
 
-        .p-toast-icon-close {
-            width: $toastIconFontSize;
-            height: $toastIconFontSize;
-            border-radius: $actionIconBorderRadius;
-            background: transparent;
-            transition: $actionIconTransition;
-            outline-color: transparent;
+      .p-toast-summary {
+        font-weight: $toastTitleFontWeight;
+      }
 
-            &:hover {
-                background: rgba(255, 255, 255, 0.5);
-            }
-
-            &:focus-visible {
-                @include focused();
-            }
-        }
-
-        &.p-toast-message-info {
-            background: $infoMessageBg;
-            border: $infoMessageBorder;
-            border-width: $messageBorderWidth;
-            color: $infoMessageTextColor;
-
-            .p-toast-message-icon,
-            .p-toast-icon-close {
-                color: $infoMessageIconColor;
-            }
-        }
-
-        &.p-toast-message-success {
-            background: $successMessageBg;
-            border: $successMessageBorder;
-            border-width: $messageBorderWidth;
-            color: $successMessageTextColor;
-
-            .p-toast-message-icon,
-            .p-toast-icon-close {
-                color: $successMessageIconColor;
-            }
-        }
-
-        &.p-toast-message-warn {
-            background: $warningMessageBg;
-            border: $warningMessageBorder;
-            border-width: $messageBorderWidth;
-            color: $warningMessageTextColor;
-
-            .p-toast-message-icon,
-            .p-toast-icon-close {
-                color: $warningMessageIconColor;
-            }
-        }
-
-        &.p-toast-message-error {
-            background: $errorMessageBg;
-            border: $errorMessageBorder;
-            border-width: $messageBorderWidth;
-            color: $errorMessageTextColor;
-
-            .p-toast-message-icon,
-            .p-toast-icon-close {
-                color: $errorMessageIconColor;
-            }
-        }
-
-        @if variable-exists(secondaryMessageBg) {
-            &.p-toast-message-secondary {
-                background: $secondaryMessageBg;
-                border: $secondaryMessageBorder;
-                border-width: $messageBorderWidth;
-                color: $secondaryMessageTextColor;
-
-                .p-toast-message-icon,
-                .p-toast-icon-close {
-                    color: $secondaryMessageIconColor;
-                }
-            }
-        }
-
-        @if variable-exists(contrastMessageBg) {
-            &.p-toast-message-contrast {
-                background: $contrastMessageBg;
-                border: $contrastMessageBorder;
-                border-width: $messageBorderWidth;
-                color: $contrastMessageTextColor;
-
-                .p-toast-message-icon,
-                .p-toast-icon-close {
-                    color: $contrastMessageIconColor;
-                }
-            }
-        }
+      .p-toast-detail {
+        margin: $toastDetailMargin;
+      }
     }
+
+    .p-toast-icon-close {
+      width: $toastIconFontSize;
+      height: $toastIconFontSize;
+      border-radius: $actionIconBorderRadius;
+      background: transparent;
+      transition: $actionIconTransition;
+      outline-color: transparent;
+
+      &:hover {
+        background: rgba(255, 255, 255, 0.5);
+      }
+
+      &:focus-visible {
+        @include focused();
+      }
+    }
+
+    &.p-toast-message-info {
+      background: $infoMessageBg;
+      border: $infoMessageBorder;
+      border-width: $messageBorderWidth;
+      color: $infoMessageTextColor;
+
+      .p-toast-message-icon,
+      .p-toast-icon-close {
+        color: $infoMessageIconColor;
+      }
+    }
+
+    &.p-toast-message-success {
+      background: $successMessageBg;
+      border: $successMessageBorder;
+      border-width: $messageBorderWidth;
+      color: $successMessageTextColor;
+
+      .p-toast-message-icon,
+      .p-toast-icon-close {
+        color: $successMessageIconColor;
+      }
+    }
+
+    &.p-toast-message-warn {
+      background: $warningMessageBg;
+      border: $warningMessageBorder;
+      border-width: $messageBorderWidth;
+      color: $warningMessageTextColor;
+
+      .p-toast-message-icon,
+      .p-toast-icon-close {
+        color: $warningMessageIconColor;
+      }
+    }
+
+    &.p-toast-message-error {
+      background: $errorMessageBg;
+      border: $errorMessageBorder;
+      border-width: $messageBorderWidth;
+      color: $errorMessageTextColor;
+
+      .p-toast-message-icon,
+      .p-toast-icon-close {
+        color: $errorMessageIconColor;
+      }
+    }
+
+    @if variable-exists(secondaryMessageBg) {
+      &.p-toast-message-secondary {
+        background: $secondaryMessageBg;
+        border: $secondaryMessageBorder;
+        border-width: $messageBorderWidth;
+        color: $secondaryMessageTextColor;
+
+        .p-toast-message-icon,
+        .p-toast-icon-close {
+          color: $secondaryMessageIconColor;
+        }
+      }
+    }
+
+    @if variable-exists(contrastMessageBg) {
+      &.p-toast-message-contrast {
+        background: $contrastMessageBg;
+        border: $contrastMessageBorder;
+        border-width: $messageBorderWidth;
+        color: $contrastMessageTextColor;
+
+        .p-toast-message-icon,
+        .p-toast-icon-close {
+          color: $contrastMessageIconColor;
+        }
+      }
+    }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/misc/_avatar.scss b/frontend/public/primevue-sass-theme/theme-base/components/misc/_avatar.scss
index 25105bd..cf19e4e 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/misc/_avatar.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/misc/_avatar.scss
@@ -1,71 +1,71 @@
 // core
 .p-avatar {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 2rem;
-    height: 2rem;
-    font-size: 1rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2rem;
+  height: 2rem;
+  font-size: 1rem;
 }
 
 .p-avatar.p-avatar-image {
-    background-color: transparent;
+  background-color: transparent;
 }
 
 .p-avatar.p-avatar-circle {
-    border-radius: 50%;
+  border-radius: 50%;
 }
 
 .p-avatar-circle img {
-    border-radius: 50%;
+  border-radius: 50%;
 }
 
 .p-avatar .p-avatar-icon {
-    font-size: 1rem;
+  font-size: 1rem;
 }
 
 .p-avatar img {
-    width: 100%;
-    height: 100%;
+  width: 100%;
+  height: 100%;
 }
 
 .p-avatar-group .p-avatar + .p-avatar {
-    margin-left: -1rem;
+  margin-left: -1rem;
 }
 
 .p-avatar-group {
-    display: flex;
-    align-items: center;
+  display: flex;
+  align-items: center;
 }
 
 // theme
 .p-avatar {
-    background-color: $avatarBg;
-    border-radius: $borderRadius;
+  background-color: $avatarBg;
+  border-radius: $borderRadius;
 
-    &.p-avatar-lg {
-        width: 3rem;
-        height: 3rem;
-        font-size: 1.5rem;
+  &.p-avatar-lg {
+    width: 3rem;
+    height: 3rem;
+    font-size: 1.5rem;
 
-        .p-avatar-icon {
-            font-size: 1.5rem;
-        }
+    .p-avatar-icon {
+      font-size: 1.5rem;
     }
+  }
 
-    &.p-avatar-xl {
-        width: 4rem;
-        height: 4rem;
-        font-size: 2rem;
+  &.p-avatar-xl {
+    width: 4rem;
+    height: 4rem;
+    font-size: 2rem;
 
-        .p-avatar-icon {
-            font-size: 2rem;
-        }
+    .p-avatar-icon {
+      font-size: 2rem;
     }
+  }
 }
 
 .p-avatar-group {
-    .p-avatar {
-        border: 2px solid $panelContentBg;
-    }
-}
\ No newline at end of file
+  .p-avatar {
+    border: 2px solid $panelContentBg;
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/misc/_badge.scss b/frontend/public/primevue-sass-theme/theme-base/components/misc/_badge.scss
index cffe08d..e41226e 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/misc/_badge.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/misc/_badge.scss
@@ -1,95 +1,95 @@
 // core
 .p-badge {
-    display: inline-block;
-    border-radius: 10px;
-    text-align: center;
-    padding: 0 .5rem;
+  display: inline-block;
+  border-radius: 10px;
+  text-align: center;
+  padding: 0 0.5rem;
 }
 
 .p-overlay-badge {
-    position: relative;
+  position: relative;
 }
 
 .p-overlay-badge .p-badge {
-    position: absolute;
-    top: 0;
-    right: 0;
-    transform: translate(50%,-50%);
-    transform-origin: 100% 0;
-    margin: 0;
+  position: absolute;
+  top: 0;
+  right: 0;
+  transform: translate(50%, -50%);
+  transform-origin: 100% 0;
+  margin: 0;
 }
 
 .p-badge.p-badge-dot {
-    width: .5rem;
-    min-width: .5rem;
-    height: .5rem;
-    border-radius: 50%;
-    padding: 0;
+  width: 0.5rem;
+  min-width: 0.5rem;
+  height: 0.5rem;
+  border-radius: 50%;
+  padding: 0;
 }
 
 .p-badge-no-gutter {
-    padding: 0;
-    border-radius: 50%;
+  padding: 0;
+  border-radius: 50%;
 }
 
 // theme
 .p-badge {
-    background: $badgeBg;
-    color: $badgeTextColor;
-    font-size: $badgeFontSize;
-    font-weight: $badgeFontWeight;
-    min-width: $badgeMinWidth;
-    height: $badgeHeight;
-    line-height: $badgeHeight;
+  background: $badgeBg;
+  color: $badgeTextColor;
+  font-size: $badgeFontSize;
+  font-weight: $badgeFontWeight;
+  min-width: $badgeMinWidth;
+  height: $badgeHeight;
+  line-height: $badgeHeight;
 
+  &.p-badge-secondary {
+    background-color: $secondaryButtonBg;
+    color: $secondaryButtonTextColor;
+  }
+
+  &.p-badge-success {
+    background-color: $successButtonBg;
+    color: $successButtonTextColor;
+  }
+
+  &.p-badge-info {
+    background-color: $infoButtonBg;
+    color: $infoButtonTextColor;
+  }
+
+  &.p-badge-warning {
+    background-color: $warningButtonBg;
+    color: $warningButtonTextColor;
+  }
+
+  &.p-badge-danger {
+    background-color: $dangerButtonBg;
+    color: $dangerButtonTextColor;
+  }
+
+  @if variable-exists(secondaryMessageBg) {
     &.p-badge-secondary {
-        background-color: $secondaryButtonBg;
-        color: $secondaryButtonTextColor;
+      background-color: $secondaryButtonBg;
+      color: $secondaryButtonTextColor;
     }
 
-    &.p-badge-success {
-        background-color: $successButtonBg;
-        color: $successButtonTextColor;
+    &.p-badge-contrast {
+      background-color: $contrastButtonBg;
+      color: $contrastButtonTextColor;
     }
+  }
 
-    &.p-badge-info {
-        background-color: $infoButtonBg;
-        color: $infoButtonTextColor;
-    }
+  &.p-badge-lg {
+    font-size: 1.5 * $badgeFontSize;
+    min-width: 1.5 * $badgeMinWidth;
+    height: 1.5 * $badgeHeight;
+    line-height: 1.5 * $badgeHeight;
+  }
 
-    &.p-badge-warning {
-        background-color: $warningButtonBg;
-        color: $warningButtonTextColor;
-    }
-
-    &.p-badge-danger {
-        background-color: $dangerButtonBg;
-        color: $dangerButtonTextColor;
-    }
-
-    @if variable-exists(secondaryMessageBg) {
-        &.p-badge-secondary {
-            background-color: $secondaryButtonBg;
-            color: $secondaryButtonTextColor;
-        }
-    
-        &.p-badge-contrast {
-            background-color: $contrastButtonBg;
-            color: $contrastButtonTextColor;
-        }
-    }
-
-    &.p-badge-lg {
-        font-size: 1.5 * $badgeFontSize;
-        min-width: 1.5 * $badgeMinWidth;
-        height: 1.5 * $badgeHeight;
-        line-height: 1.5 * $badgeHeight;
-    }
-
-    &.p-badge-xl {
-        font-size: 2 * $badgeFontSize;
-        min-width: 2 * $badgeMinWidth;
-        height: 2 * $badgeHeight;
-        line-height: 2 * $badgeHeight;
-    }
-}
\ No newline at end of file
+  &.p-badge-xl {
+    font-size: 2 * $badgeFontSize;
+    min-width: 2 * $badgeMinWidth;
+    height: 2 * $badgeHeight;
+    line-height: 2 * $badgeHeight;
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/misc/_blockui.scss b/frontend/public/primevue-sass-theme/theme-base/components/misc/_blockui.scss
index 967a63c..8673af5 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/misc/_blockui.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/misc/_blockui.scss
@@ -1,17 +1,17 @@
 // core
 .p-blockui-container {
-    position: relative;
+  position: relative;
 }
 
 .p-blockui.p-component-overlay {
-    position: absolute;
+  position: absolute;
 }
 
 .p-blockui-document.p-component-overlay {
-    position: fixed;
+  position: fixed;
 }
 
 // theme
 .p-blockui {
-    border-radius: $borderRadius;
-}
\ No newline at end of file
+  border-radius: $borderRadius;
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/misc/_chip.scss b/frontend/public/primevue-sass-theme/theme-base/components/misc/_chip.scss
index 8d8484e..1997cb8 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/misc/_chip.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/misc/_chip.scss
@@ -1,64 +1,64 @@
-@use 'sass:math';
+@use "sass:math";
 
 // core
 .p-chip {
-    display: inline-flex;
-    align-items: center;
+  display: inline-flex;
+  align-items: center;
 }
 
 .p-chip-text {
-    line-height: 1.5;
+  line-height: 1.5;
 }
 
 .p-chip-icon.pi {
-    line-height: 1.5;
+  line-height: 1.5;
 }
 
 .p-chip-remove-icon {
-    line-height: 1.5;
-    cursor: pointer;
+  line-height: 1.5;
+  cursor: pointer;
 }
 
 .p-chip img {
-    border-radius: 50%;
+  border-radius: 50%;
 }
 
 // theme
 .p-chip {
-    background-color: $chipBg;
-    color: $chipTextColor;
-    border-radius: $chipBorderRadius;
-    padding: 0 nth($inputPadding, 2);
+  background-color: $chipBg;
+  color: $chipTextColor;
+  border-radius: $chipBorderRadius;
+  padding: 0 nth($inputPadding, 2);
 
-    .p-chip-text {
-        line-height: 1.5;
-        margin-top: math.div(nth($inputPadding, 1), 2);
-        margin-bottom: math.div(nth($inputPadding, 1), 2);
+  .p-chip-text {
+    line-height: 1.5;
+    margin-top: math.div(nth($inputPadding, 1), 2);
+    margin-bottom: math.div(nth($inputPadding, 1), 2);
+  }
+
+  .p-chip-icon {
+    margin-right: $inlineSpacing;
+  }
+
+  img {
+    width: 1.5 + nth($inputPadding, 1);
+    height: 1.5 + nth($inputPadding, 1);
+    margin-left: -1 * nth($inputPadding, 2);
+    margin-right: $inlineSpacing;
+  }
+
+  .p-chip-remove-icon {
+    margin-left: $inlineSpacing;
+    border-radius: $borderRadius;
+    transition: $actionIconTransition;
+    outline-color: transparent;
+
+    &:focus-visible {
+      @include focused();
     }
 
-    .p-chip-icon {
-        margin-right: $inlineSpacing;
+    &:focus {
+      outline: 0 none;
     }
-
-    img {
-        width: 1.5 + nth($inputPadding, 1);
-        height: 1.5 + nth($inputPadding, 1);
-        margin-left: -1 * nth($inputPadding, 2);
-        margin-right: $inlineSpacing;
-    }
-
-    .p-chip-remove-icon {
-        margin-left: $inlineSpacing;
-        border-radius: $borderRadius;
-        transition: $actionIconTransition;
-        outline-color: transparent;
-        
-        &:focus-visible {
-            @include focused();
-        }
-
-        &:focus {
-            outline: 0 none;
-        }
-    }
-}
\ No newline at end of file
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/misc/_inplace.scss b/frontend/public/primevue-sass-theme/theme-base/components/misc/_inplace.scss
index a68d887..adceabd 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/misc/_inplace.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/misc/_inplace.scss
@@ -1,38 +1,37 @@
 // core
 .p-inplace .p-inplace-display {
-    display: inline;
-    cursor: pointer;
+  display: inline;
+  cursor: pointer;
 }
 
 .p-inplace .p-inplace-content {
-    display: inline;
+  display: inline;
 }
 
 .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
-    display: flex;
+  display: flex;
 }
 
 .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
-    flex: 1 1 auto;
-    width: 1%;
+  flex: 1 1 auto;
+  width: 1%;
 }
 
 // theme
 .p-inplace {
-    .p-inplace-display {
-        padding: $inplacePadding;
-        border-radius: $borderRadius;
-        transition: $formElementTransition;
-        outline-color: transparent;
+  .p-inplace-display {
+    padding: $inplacePadding;
+    border-radius: $borderRadius;
+    transition: $formElementTransition;
+    outline-color: transparent;
 
-        &:not(.p-disabled):hover {
-            background: $inplaceHoverBg;
-            color: $inplaceTextHoverColor;
-        }
-
-        &:focus {
-            @include focused();
-        }
+    &:not(.p-disabled):hover {
+      background: $inplaceHoverBg;
+      color: $inplaceTextHoverColor;
     }
-}
 
+    &:focus {
+      @include focused();
+    }
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/misc/_metergroup.scss b/frontend/public/primevue-sass-theme/theme-base/components/misc/_metergroup.scss
index 50da396..e48b33f 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/misc/_metergroup.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/misc/_metergroup.scss
@@ -2,116 +2,116 @@
 
 // core
 .p-metergroup {
-    display: flex;
+  display: flex;
 }
 
 .p-metergroup-meters {
-    display: flex;
+  display: flex;
 }
 
 .p-metergroup-vertical .p-metergroup-meters {
-    flex-direction: column;
+  flex-direction: column;
 }
 
 .p-metergroup-labels {
-    display: flex;
-    flex-wrap: wrap;
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
 }
 
 .p-metergroup-vertical .p-metergroup-labels {
-    align-items: start;
+  align-items: start;
 }
 
 .p-metergroup-labels-vertical {
-    flex-direction: column;
+  flex-direction: column;
 }
 
 .p-metergroup-label {
-    display: inline-flex;
-    align-items: center;
+  display: inline-flex;
+  align-items: center;
 }
 
 .p-metergroup-label-marker {
-    display: inline-flex;
+  display: inline-flex;
 }
 
 // theme
 .p-metergroup {
-    gap: $inlineSpacing * 2;
+  gap: $inlineSpacing * 2;
+
+  .p-metergroup-meters {
+    background: $progressBarBg;
+    border-radius: $borderRadius;
+  }
+
+  .p-metergroup-meter {
+    border: $progressBarBorder;
+    background: $progressBarValueBg;
+  }
+
+  .p-metergroup-labels {
+    .p-metergroup-label {
+      gap: $inlineSpacing;
+    }
+
+    .p-metergroup-label-marker {
+      background: $progressBarValueBg;
+      width: 0.5rem;
+      height: 0.5rem;
+      border-radius: 100%;
+    }
+
+    .p-metergroup-label-icon {
+      width: 1rem;
+      height: 1rem;
+    }
+
+    &.p-metergroup-labels-vertical {
+      gap: $inlineSpacing;
+    }
+
+    &.p-metergroup-labels-horizontal {
+      gap: $inlineSpacing * 2;
+    }
+  }
+
+  &.p-metergroup-horizontal {
+    flex-direction: column;
 
     .p-metergroup-meters {
-        background: $progressBarBg;
-        border-radius: $borderRadius;
+      height: 0.5rem;
     }
 
-    .p-metergroup-meter {
-        border: $progressBarBorder;
-        background: $progressBarValueBg;
+    .p-metergroup-meter:first-of-type {
+      border-top-left-radius: $borderRadius;
+      border-bottom-left-radius: $borderRadius;
     }
 
-    .p-metergroup-labels {
-        .p-metergroup-label {
-            gap: $inlineSpacing;
-        }
+    .p-metergroup-meter:last-of-type {
+      border-top-right-radius: $borderRadius;
+      border-bottom-right-radius: $borderRadius;
+    }
+  }
 
-        .p-metergroup-label-marker {
-            background: $progressBarValueBg;
-            width: 0.5rem;
-            height: 0.5rem;
-            border-radius: 100%;
-        }
+  &.p-metergroup-vertical {
+    flex-direction: row;
 
-        .p-metergroup-label-icon {
-            width: 1rem;
-            height: 1rem;
-        }
-
-        &.p-metergroup-labels-vertical {
-            gap: $inlineSpacing;
-        }
-
-        &.p-metergroup-labels-horizontal {
-            gap: $inlineSpacing * 2;
-        }
+    .p-metergroup-meters {
+      width: 0.5rem;
+      height: 100%;
     }
 
-    &.p-metergroup-horizontal {
-        flex-direction: column;
-
-        .p-metergroup-meters {
-            height: 0.5rem;
-        }
-
-        .p-metergroup-meter:first-of-type {
-            border-top-left-radius: $borderRadius;
-            border-bottom-left-radius: $borderRadius;
-        }
-
-        .p-metergroup-meter:last-of-type {
-            border-top-right-radius: $borderRadius;
-            border-bottom-right-radius: $borderRadius;
-        }
+    .p-metergroup-meter:first-of-type {
+      border-top-left-radius: $borderRadius;
+      border-top-right-radius: $borderRadius;
     }
 
-    &.p-metergroup-vertical {
-        flex-direction: row;
-
-        .p-metergroup-meters {
-            width: 0.5rem;
-            height: 100%;
-        }
-
-        .p-metergroup-meter:first-of-type {
-            border-top-left-radius: $borderRadius;
-            border-top-right-radius: $borderRadius;
-        }
-
-        .p-metergroup-meter:last-of-type {
-            border-bottom-left-radius: $borderRadius;
-            border-bottom-right-radius: $borderRadius;
-        }
+    .p-metergroup-meter:last-of-type {
+      border-bottom-left-radius: $borderRadius;
+      border-bottom-right-radius: $borderRadius;
     }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/misc/_progressbar.scss b/frontend/public/primevue-sass-theme/theme-base/components/misc/_progressbar.scss
index 2297166..26ad570 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/misc/_progressbar.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/misc/_progressbar.scss
@@ -1,128 +1,132 @@
 // core
 .p-progressbar {
-    position: relative;
-    overflow: hidden;
+  position: relative;
+  overflow: hidden;
 }
 
 .p-progressbar-determinate .p-progressbar-value {
-    height: 100%;
-    width: 0%;
-    position: absolute;
-    display: none;
-    border: 0 none;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    overflow: hidden;
+  height: 100%;
+  width: 0%;
+  position: absolute;
+  display: none;
+  border: 0 none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
 }
 
 .p-progressbar-determinate .p-progressbar-label {
-    display: inline-flex;
+  display: inline-flex;
 }
 
 .p-progressbar-determinate .p-progressbar-value-animate {
-    transition: width 1s ease-in-out;
+  transition: width 1s ease-in-out;
 }
 
 .p-progressbar-indeterminate .p-progressbar-value::before {
-    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;
+  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;
 }
 
 .p-progressbar-indeterminate .p-progressbar-value::after {
-    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-delay: 1.15s;
-    animation-delay: 1.15s;
+  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-delay: 1.15s;
+  animation-delay: 1.15s;
 }
 
 @-webkit-keyframes p-progressbar-indeterminate-anim {
-    0% {
-        left: -35%;
-        right: 100%;
-    }
-    60% {
-        left: 100%;
-        right: -90%;
-    }
-    100% {
-        left: 100%;
-        right: -90%;
-    }
+  0% {
+    left: -35%;
+    right: 100%;
+  }
+  60% {
+    left: 100%;
+    right: -90%;
+  }
+  100% {
+    left: 100%;
+    right: -90%;
+  }
 }
 @keyframes p-progressbar-indeterminate-anim {
-    0% {
-        left: -35%;
-        right: 100%;
-    }
-    60% {
-        left: 100%;
-        right: -90%;
-    }
-    100% {
-        left: 100%;
-        right: -90%;
-    }
+  0% {
+    left: -35%;
+    right: 100%;
+  }
+  60% {
+    left: 100%;
+    right: -90%;
+  }
+  100% {
+    left: 100%;
+    right: -90%;
+  }
 }
 
 @-webkit-keyframes p-progressbar-indeterminate-anim-short {
-    0% {
-        left: -200%;
-        right: 100%;
-    }
-    60% {
-        left: 107%;
-        right: -8%;
-    }
-    100% {
-        left: 107%;
-        right: -8%;
-    }
+  0% {
+    left: -200%;
+    right: 100%;
+  }
+  60% {
+    left: 107%;
+    right: -8%;
+  }
+  100% {
+    left: 107%;
+    right: -8%;
+  }
 }
 @keyframes p-progressbar-indeterminate-anim-short {
-    0% {
-        left: -200%;
-        right: 100%;
-    }
-    60% {
-        left: 107%;
-        right: -8%;
-    }
-    100% {
-        left: 107%;
-        right: -8%;
-    }
+  0% {
+    left: -200%;
+    right: 100%;
+  }
+  60% {
+    left: 107%;
+    right: -8%;
+  }
+  100% {
+    left: 107%;
+    right: -8%;
+  }
 }
 
 // theme
 .p-progressbar {
-    border: $progressBarBorder;
-    height: $progressBarHeight;
-    background: $progressBarBg;
-    border-radius: $borderRadius;
+  border: $progressBarBorder;
+  height: $progressBarHeight;
+  background: $progressBarBg;
+  border-radius: $borderRadius;
 
-    .p-progressbar-value {
-        border: 0 none;
-        margin: 0;
-        background: $progressBarValueBg;
-    }
+  .p-progressbar-value {
+    border: 0 none;
+    margin: 0;
+    background: $progressBarValueBg;
+  }
 
-    .p-progressbar-label {
-        color: $progressBarValueTextColor;
-        line-height: $progressBarHeight;
-    }
+  .p-progressbar-label {
+    color: $progressBarValueTextColor;
+    line-height: $progressBarHeight;
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/misc/_progressspinner.scss b/frontend/public/primevue-sass-theme/theme-base/components/misc/_progressspinner.scss
index a732908..adf4971 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/misc/_progressspinner.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/misc/_progressspinner.scss
@@ -1,77 +1,79 @@
 // core
 .p-progress-spinner {
-    position: relative;
-    margin: 0 auto;
-    width: 100px;
-    height: 100px;
-    display: inline-block;
+  position: relative;
+  margin: 0 auto;
+  width: 100px;
+  height: 100px;
+  display: inline-block;
 }
 
 .p-progress-spinner::before {
-    content: '';
-    display: block;
-    padding-top: 100%;
+  content: "";
+  display: block;
+  padding-top: 100%;
 }
 
 .p-progress-spinner-svg {
-    height: 100%;
-    transform-origin: center center;
-    width: 100%;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    margin: auto;
+  height: 100%;
+  transform-origin: center center;
+  width: 100%;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
 }
 
 // theme
 .p-progress-spinner-svg {
-    animation: p-progress-spinner-rotate 2s linear infinite;
+  animation: p-progress-spinner-rotate 2s linear infinite;
 }
 
 .p-progress-spinner-circle {
-    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;
-    stroke-linecap: round;
+  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;
+  stroke-linecap: round;
 }
 
 @keyframes p-progress-spinner-rotate {
-    100% {
-        transform: rotate(360deg);
-    }
+  100% {
+    transform: rotate(360deg);
+  }
 }
 
 @keyframes p-progress-spinner-dash {
-    0% {
-        stroke-dasharray: 1, 200;
-        stroke-dashoffset: 0;
-    }
-    50% {
-        stroke-dasharray: 89, 200;
-        stroke-dashoffset: -35px;
-    }
-    100% {
-        stroke-dasharray: 89, 200;
-        stroke-dashoffset: -124px;
-    }
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -35px;
+  }
+  100% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -124px;
+  }
 }
 
 @keyframes p-progress-spinner-color {
-    100%,
-    0% {
-        stroke: $progressSpinnerColorOne;
-    }
-    40% {
-        stroke: $progressSpinnerColorTwo;
-    }
-    66% {
-        stroke: $progressSpinnerColorThree;
-    }
-    80%,
-    90% {
-        stroke: $progressSpinnerColorFour;
-    }
-}
\ No newline at end of file
+  100%,
+  0% {
+    stroke: $progressSpinnerColorOne;
+  }
+  40% {
+    stroke: $progressSpinnerColorTwo;
+  }
+  66% {
+    stroke: $progressSpinnerColorThree;
+  }
+  80%,
+  90% {
+    stroke: $progressSpinnerColorFour;
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/misc/_ripple.scss b/frontend/public/primevue-sass-theme/theme-base/components/misc/_ripple.scss
index 436aeec..bedc98e 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/misc/_ripple.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/misc/_ripple.scss
@@ -1,29 +1,29 @@
 // core
 .p-ripple {
-    overflow: hidden;
-    position: relative;
+  overflow: hidden;
+  position: relative;
 }
 
 .p-ink {
-    display: block;
-    position: absolute;
-    background: rgba(255, 255, 255, 0.5);
-    border-radius: 100%;
-    transform: scale(0);
-    pointer-events: none;
+  display: block;
+  position: absolute;
+  background: rgba(255, 255, 255, 0.5);
+  border-radius: 100%;
+  transform: scale(0);
+  pointer-events: none;
 }
 
 .p-ink-active {
-    animation: ripple 0.4s linear;
+  animation: ripple 0.4s linear;
 }
 
 .p-ripple-disabled .p-ink {
-    display: none;
+  display: none;
 }
 
 @keyframes ripple {
-    100% {
-        opacity: 0;
-        transform: scale(2.5);
-    }
-}
\ No newline at end of file
+  100% {
+    opacity: 0;
+    transform: scale(2.5);
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/misc/_scrolltop.scss b/frontend/public/primevue-sass-theme/theme-base/components/misc/_scrolltop.scss
index f98424c..804f830 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/misc/_scrolltop.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/misc/_scrolltop.scss
@@ -1,60 +1,60 @@
 // core
 .p-scrolltop {
-    position: fixed;
-    bottom: 20px;
-    right: 20px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .p-scrolltop-sticky {
-    position: sticky;
+  position: sticky;
 }
 
 .p-scrolltop-sticky.p-link {
-    margin-left: auto;
+  margin-left: auto;
 }
 
 .p-scrolltop-enter-from {
-    opacity: 0;
+  opacity: 0;
 }
 
 .p-scrolltop-enter-active {
-    transition: opacity 0.15s;
+  transition: opacity 0.15s;
 }
 
 .p-scrolltop.p-scrolltop-leave-to {
-    opacity: 0;
+  opacity: 0;
 }
 
 .p-scrolltop-leave-active {
-    transition: opacity 0.15s;
+  transition: opacity 0.15s;
 }
 
 // theme
 .p-scrolltop {
-    width: $scrollTopWidth;
-    height: $scrollTopHeight;
-    border-radius: $scrollTopBorderRadius;
-    box-shadow: $inputOverlayShadow;
-    transition: $actionIconTransition;
+  width: $scrollTopWidth;
+  height: $scrollTopHeight;
+  border-radius: $scrollTopBorderRadius;
+  box-shadow: $inputOverlayShadow;
+  transition: $actionIconTransition;
 
-    &.p-link {
-        background: $scrollTopBg;
+  &.p-link {
+    background: $scrollTopBg;
 
-        &:hover {
-            background: $scrollTopHoverBg;
-        }
+    &:hover {
+      background: $scrollTopHoverBg;
     }
+  }
 
-    .p-scrolltop-icon {
-        font-size: $scrollTopFontSize;
-        color: $scrollTopTextColor;
+  .p-scrolltop-icon {
+    font-size: $scrollTopFontSize;
+    color: $scrollTopTextColor;
 
-        &.p-icon {
-            width: $scrollTopFontSize;
-            height: $scrollTopFontSize;
-        }
+    &.p-icon {
+      width: $scrollTopFontSize;
+      height: $scrollTopFontSize;
     }
-}
\ No newline at end of file
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/misc/_skeleton.scss b/frontend/public/primevue-sass-theme/theme-base/components/misc/_skeleton.scss
index 1ecf523..af08129 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/misc/_skeleton.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/misc/_skeleton.scss
@@ -1,43 +1,48 @@
 // core
 .p-skeleton {
-    overflow: hidden;
+  overflow: hidden;
 }
 
 .p-skeleton::after {
-    content: '';
-    animation: p-skeleton-animation 1.2s infinite;
-    height: 100%;
-    left: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
-    transform: translateX(-100%);
-    z-index: 1;
+  content: "";
+  animation: p-skeleton-animation 1.2s infinite;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  transform: translateX(-100%);
+  z-index: 1;
 }
 
 .p-skeleton.p-skeleton-circle {
-    border-radius: 50%;
+  border-radius: 50%;
 }
 
 .p-skeleton-none::after {
-    animation: none;
+  animation: none;
 }
 
 @keyframes p-skeleton-animation {
-    from {
-        transform: translateX(-100%);
-    }
-    to {
-        transform: translateX(100%);
-    }
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(100%);
+  }
 }
 
 // theme
 .p-skeleton {
-    background-color: $skeletonBg;
-    border-radius: $borderRadius;
+  background-color: $skeletonBg;
+  border-radius: $borderRadius;
 
-    &:after {
-        background: linear-gradient(90deg, rgba(255, 255, 255, 0), $skeletonAnimationBg, rgba(255, 255, 255, 0));
-    }
-}
\ No newline at end of file
+  &:after {
+    background: linear-gradient(
+      90deg,
+      rgba(255, 255, 255, 0),
+      $skeletonAnimationBg,
+      rgba(255, 255, 255, 0)
+    );
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/misc/_tag.scss b/frontend/public/primevue-sass-theme/theme-base/components/misc/_tag.scss
index 74d3222..979531f 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/misc/_tag.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/misc/_tag.scss
@@ -2,72 +2,72 @@
 
 // core
 .p-tag {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .p-tag-icon,
 .p-tag-value,
 .p-tag-icon.pi {
-    line-height: 1.5;
+  line-height: 1.5;
 }
 
 .p-tag.p-tag-rounded {
-    border-radius: 10rem;
+  border-radius: 10rem;
 }
 
 // theme
 .p-tag {
-    background: $badgeBg;
-    color: $badgeTextColor;
+  background: $badgeBg;
+  color: $badgeTextColor;
+  font-size: $badgeFontSize;
+  font-weight: $badgeFontWeight;
+  padding: $tagPadding;
+  border-radius: $borderRadius;
+
+  &.p-tag-success {
+    background-color: $successButtonBg;
+    color: $successButtonTextColor;
+  }
+
+  &.p-tag-info {
+    background-color: $infoButtonBg;
+    color: $infoButtonTextColor;
+  }
+
+  &.p-tag-warning {
+    background-color: $warningButtonBg;
+    color: $warningButtonTextColor;
+  }
+
+  &.p-tag-danger {
+    background-color: $dangerButtonBg;
+    color: $dangerButtonTextColor;
+  }
+
+  @if variable-exists(secondaryMessageBg) {
+    &.p-tag-secondary {
+      background-color: $secondaryButtonBg;
+      color: $secondaryButtonTextColor;
+    }
+
+    &.p-tag-contrast {
+      background-color: $contrastButtonBg;
+      color: $contrastButtonTextColor;
+    }
+  }
+
+  .p-tag-icon {
     font-size: $badgeFontSize;
-    font-weight: $badgeFontWeight;
-    padding: $tagPadding;
-    border-radius: $borderRadius;
 
-    &.p-tag-success {
-        background-color: $successButtonBg;
-        color: $successButtonTextColor;
+    &:not(:last-child) {
+      margin-right: math.div($inlineSpacing, 2);
     }
 
-    &.p-tag-info {
-        background-color: $infoButtonBg;
-        color: $infoButtonTextColor;
-    }
-
-    &.p-tag-warning {
-        background-color: $warningButtonBg;
-        color: $warningButtonTextColor;
-    }
-
-    &.p-tag-danger {
-        background-color: $dangerButtonBg;
-        color: $dangerButtonTextColor;
-    }
-
-    @if variable-exists(secondaryMessageBg) {
-        &.p-tag-secondary {
-            background-color: $secondaryButtonBg;
-            color: $secondaryButtonTextColor;
-        }
-    
-        &.p-tag-contrast {
-            background-color: $contrastButtonBg;
-            color: $contrastButtonTextColor;
-        }
-    }
-
-    .p-tag-icon {
-        font-size: $badgeFontSize;
-
-        &:not(:last-child) {
-            margin-right: math.div($inlineSpacing, 2);
-        }
-
-        &.p-icon {
-            width: $badgeFontSize;
-            height: $badgeFontSize;
-        }
+    &.p-icon {
+      width: $badgeFontSize;
+      height: $badgeFontSize;
     }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/misc/_terminal.scss b/frontend/public/primevue-sass-theme/theme-base/components/misc/_terminal.scss
index bf64713..468a613 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/misc/_terminal.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/misc/_terminal.scss
@@ -1,37 +1,37 @@
 // core
 .p-terminal {
-	height: 18rem;
-	overflow: auto;
+  height: 18rem;
+  overflow: auto;
 }
 
 .p-terminal-prompt-container {
-	display: flex;
-	align-items: center;
+  display: flex;
+  align-items: center;
 }
 
 .p-terminal-input {
-	flex: 1 1 auto;
-	border: 0 none;
-	background-color: transparent;
-	color: inherit;
-	padding: 0;
-	outline: 0 none;
+  flex: 1 1 auto;
+  border: 0 none;
+  background-color: transparent;
+  color: inherit;
+  padding: 0;
+  outline: 0 none;
 }
 
 .p-terminal-input::-ms-clear {
-	display: none;
+  display: none;
 }
 
 // theme
 .p-terminal {
-	background: $panelContentBg;
-	color: $panelContentTextColor;
-	border: $panelContentBorder;
-	padding: $panelContentPadding;
+  background: $panelContentBg;
+  color: $panelContentTextColor;
+  border: $panelContentBorder;
+  padding: $panelContentPadding;
 
-	.p-terminal-input {
-		font-family: var(--font-family);
-		font-feature-settings: var(--font-feature-settings, normal);
-		font-size: $inputTextFontSize;
-	}
+  .p-terminal-input {
+    font-family: var(--font-family);
+    font-feature-settings: var(--font-feature-settings, normal);
+    font-size: $inputTextFontSize;
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/multimedia/_galleria.scss b/frontend/public/primevue-sass-theme/theme-base/components/multimedia/_galleria.scss
index 42e2237..28b5eab 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/multimedia/_galleria.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/multimedia/_galleria.scss
@@ -1,439 +1,445 @@
 // core
 .p-galleria-content {
-    display: flex;
-    flex-direction: column;
+  display: flex;
+  flex-direction: column;
 }
 
 .p-galleria-item-wrapper {
-    display: flex;
-    flex-direction: column;
-    position: relative;
+  display: flex;
+  flex-direction: column;
+  position: relative;
 }
 
 .p-galleria-item-container {
-    position: relative;
-    display: flex;
-    height: 100%;
+  position: relative;
+  display: flex;
+  height: 100%;
 }
 
 .p-galleria-item-nav {
-    position: absolute;
-    top: 50%;
-    margin-top: -0.5rem;
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    overflow: hidden;
+  position: absolute;
+  top: 50%;
+  margin-top: -0.5rem;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
 }
 
 .p-galleria-item-prev {
-    left: 0;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
+  left: 0;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }
 
 .p-galleria-item-next {
-    right: 0;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
+  right: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
 
 .p-galleria-item {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100%;
-    width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  width: 100%;
 }
 
 .p-galleria-item-nav-onhover .p-galleria-item-nav {
-    pointer-events: none;
-    opacity: 0;
-    transition: opacity 0.2s ease-in-out;
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 0.2s ease-in-out;
 }
 
-.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 {
+  pointer-events: all;
+  opacity: 1;
 }
 
-.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
-    pointer-events: none;
+.p-galleria-item-nav-onhover
+  .p-galleria-item-wrapper:hover
+  .p-galleria-item-nav.p-disabled {
+  pointer-events: none;
 }
 
 .p-galleria-caption {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    width: 100%;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
 }
 
 /* Thumbnails */
 .p-galleria-thumbnail-wrapper {
-    display: flex;
-    flex-direction: column;
-    overflow: auto;
-    flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+  flex-shrink: 0;
 }
 
 .p-galleria-thumbnail-prev,
 .p-galleria-thumbnail-next {
-    align-self: center;
-    flex: 0 0 auto;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    overflow: hidden;
-    position: relative;
+  align-self: center;
+  flex: 0 0 auto;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+  position: relative;
 }
 
 .p-galleria-thumbnail-prev span,
 .p-galleria-thumbnail-next span {
-    display: flex;
-    justify-content: center;
-    align-items: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .p-galleria-thumbnail-container {
-    display: flex;
-    flex-direction: row;
+  display: flex;
+  flex-direction: row;
 }
 
 .p-galleria-thumbnail-items-container {
-    overflow: hidden;
-    width: 100%;
+  overflow: hidden;
+  width: 100%;
 }
 
 .p-galleria-thumbnail-items {
-    display: flex;
+  display: flex;
 }
 
 .p-galleria-thumbnail-item {
-    overflow: auto;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    opacity: 0.5;
+  overflow: auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  opacity: 0.5;
 }
 
 .p-galleria-thumbnail-item:hover {
-    opacity: 1;
-    transition: opacity 0.3s;
+  opacity: 1;
+  transition: opacity 0.3s;
 }
 
 .p-galleria-thumbnail-item-current {
-    opacity: 1;
+  opacity: 1;
 }
 
 /* Positions */
 /* Thumbnails */
 .p-galleria-thumbnails-left .p-galleria-content,
 .p-galleria-thumbnails-right .p-galleria-content {
-    flex-direction: row;
+  flex-direction: row;
 }
 
 .p-galleria-thumbnails-left .p-galleria-item-wrapper,
 .p-galleria-thumbnails-right .p-galleria-item-wrapper {
-    flex-direction: row;
+  flex-direction: row;
 }
 
 .p-galleria-thumbnails-left .p-galleria-item-wrapper,
 .p-galleria-thumbnails-top .p-galleria-item-wrapper {
-    order: 2;
+  order: 2;
 }
 
 .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
 .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
-    order: 1;
+  order: 1;
 }
 
 .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
 .p-galleria-thumbnails-right .p-galleria-thumbnail-container {
-    flex-direction: column;
-    flex-grow: 1;
+  flex-direction: column;
+  flex-grow: 1;
 }
 
 .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
 .p-galleria-thumbnails-right .p-galleria-thumbnail-items {
-    flex-direction: column;
-    height: 100%;
+  flex-direction: column;
+  height: 100%;
 }
 
 /* Indicators */
 .p-galleria-indicators {
-    display: flex;
-    align-items: center;
-    justify-content: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .p-galleria-indicator > button {
-    display: inline-flex;
-    align-items: center;
+  display: inline-flex;
+  align-items: center;
 }
 
 .p-galleria-indicators-left .p-galleria-item-wrapper,
 .p-galleria-indicators-right .p-galleria-item-wrapper {
-    flex-direction: row;
-    align-items: center;
+  flex-direction: row;
+  align-items: center;
 }
 
 .p-galleria-indicators-left .p-galleria-item-container,
 .p-galleria-indicators-top .p-galleria-item-container {
-    order: 2;
+  order: 2;
 }
 
 .p-galleria-indicators-left .p-galleria-indicators,
 .p-galleria-indicators-top .p-galleria-indicators {
-    order: 1;
+  order: 1;
 }
 
 .p-galleria-indicators-left .p-galleria-indicators,
 .p-galleria-indicators-right .p-galleria-indicators {
-    flex-direction: column;
+  flex-direction: column;
 }
 
 .p-galleria-indicator-onitem .p-galleria-indicators {
-    position: absolute;
-    display: flex;
-    z-index: 1;
+  position: absolute;
+  display: flex;
+  z-index: 1;
 }
 
 .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
-    top: 0;
-    left: 0;
-    width: 100%;
-    align-items: flex-start;
+  top: 0;
+  left: 0;
+  width: 100%;
+  align-items: flex-start;
 }
 
-.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-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 {
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    align-items: flex-end;
+.p-galleria-indicator-onitem.p-galleria-indicators-bottom
+  .p-galleria-indicators {
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  align-items: flex-end;
 }
 
 .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
-    left: 0;
-    top: 0;
-    height: 100%;
-    align-items: flex-start;
+  left: 0;
+  top: 0;
+  height: 100%;
+  align-items: flex-start;
 }
 
 /* FullScreen */
 .p-galleria-mask {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .p-galleria-close {
-    position: absolute;
-    top: 0;
-    right: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    overflow: hidden;
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
 }
 
 .p-galleria-mask .p-galleria-item-nav {
-    position: fixed;
-    top: 50%;
-    margin-top: -0.5rem;
+  position: fixed;
+  top: 50%;
+  margin-top: -0.5rem;
 }
 
 /* Animation */
 .p-galleria-enter-active {
-    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
+  transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
 }
 
 .p-galleria-leave-active {
-    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .p-galleria-enter-from,
 .p-galleria-leave-to {
-    opacity: 0;
-    transform: scale(0.7);
+  opacity: 0;
+  transform: scale(0.7);
 }
 
 .p-galleria-enter-active .p-galleria-item-nav {
-    opacity: 0;
+  opacity: 0;
 }
 
 /* Keyboard Support */
 .p-items-hidden .p-galleria-thumbnail-item {
-    visibility: hidden;
+  visibility: hidden;
 }
 
 .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
-    visibility: visible;
+  visibility: visible;
 }
 
 // theme
 .p-galleria {
-    .p-galleria-close {
-        margin: $galleriaCloseIconMargin;
-        background: $galleriaCloseIconBg;
-        color: $galleriaCloseIconColor;
-        width: $galleriaCloseIconWidth;
-        height: $galleriaCloseIconHeight;
+  .p-galleria-close {
+    margin: $galleriaCloseIconMargin;
+    background: $galleriaCloseIconBg;
+    color: $galleriaCloseIconColor;
+    width: $galleriaCloseIconWidth;
+    height: $galleriaCloseIconHeight;
+    transition: $actionIconTransition;
+    border-radius: $galleriaCloseIconBorderRadius;
+
+    .p-galleria-close-icon {
+      font-size: $galleriaCloseIconFontSize;
+    }
+
+    .p-icon {
+      width: $galleriaCloseIconFontSize;
+      height: $galleriaCloseIconFontSize;
+    }
+
+    &:hover {
+      background: $galleriaCloseIconHoverBg;
+      color: $galleriaCloseIconHoverColor;
+    }
+  }
+
+  .p-galleria-item-nav {
+    background: $galleriaItemNavigatorBg;
+    color: $galleriaItemNavigatorColor;
+    width: $galleriaItemNavigatorWidth;
+    height: $galleriaItemNavigatorHeight;
+    transition: $actionIconTransition;
+    border-radius: $galleriaItemNavigatorBorderRadius;
+    margin: $galleriaItemNavigatorMargin;
+
+    .p-galleria-item-prev-icon,
+    .p-galleria-item-next-icon {
+      font-size: $galleriaItemNavigatorFontSize;
+    }
+
+    .p-icon {
+      width: $galleriaCloseIconFontSize;
+      height: $galleriaCloseIconFontSize;
+    }
+
+    &:not(.p-disabled) {
+      &:hover {
+        background: $galleriaItemNavigatorHoverBg;
+        color: $galleriaItemNavigatorHoverColor;
+      }
+    }
+  }
+
+  .p-galleria-caption {
+    background: $galleriaCaptionBg;
+    color: $galleriaCaptionTextColor;
+    padding: $galleriaCaptionPadding;
+  }
+
+  .p-galleria-indicators {
+    padding: $galleriaIndicatorsPadding;
+
+    .p-galleria-indicator {
+      button {
+        background-color: $galleriaIndicatorBg;
+        width: $galleriaIndicatorWidth;
+        height: $galleriaIndicatorHeight;
         transition: $actionIconTransition;
-        border-radius: $galleriaCloseIconBorderRadius;
-
-        .p-galleria-close-icon {
-            font-size: $galleriaCloseIconFontSize;
-        }
-
-        .p-icon {
-            width: $galleriaCloseIconFontSize;
-            height: $galleriaCloseIconFontSize;
-        }
+        border-radius: $galleriaIndicatorBorderRadius;
 
         &:hover {
-            background: $galleriaCloseIconHoverBg;
-            color: $galleriaCloseIconHoverColor;
+          background: $galleriaIndicatorHoverBg;
         }
+      }
+
+      &.p-highlight {
+        button {
+          background: $highlightBg;
+          color: $highlightTextColor;
+        }
+      }
     }
+  }
 
-    .p-galleria-item-nav {
-        background: $galleriaItemNavigatorBg;
-        color: $galleriaItemNavigatorColor;
-        width: $galleriaItemNavigatorWidth;
-        height: $galleriaItemNavigatorHeight;
-        transition: $actionIconTransition;
-        border-radius: $galleriaItemNavigatorBorderRadius;
-        margin: $galleriaItemNavigatorMargin;
-
-        .p-galleria-item-prev-icon,
-        .p-galleria-item-next-icon {
-            font-size: $galleriaItemNavigatorFontSize;
-        }
-
-        .p-icon {
-            width: $galleriaCloseIconFontSize;
-            height: $galleriaCloseIconFontSize;
-        }
-
-        &:not(.p-disabled) {
-            &:hover {
-                background: $galleriaItemNavigatorHoverBg;
-                color: $galleriaItemNavigatorHoverColor;
-            }
-        }
+  &.p-galleria-indicators-bottom,
+  &.p-galleria-indicators-top {
+    .p-galleria-indicator {
+      margin-right: $inlineSpacing;
     }
+  }
 
-    .p-galleria-caption {
-        background: $galleriaCaptionBg;
-        color: $galleriaCaptionTextColor;
-        padding: $galleriaCaptionPadding;
+  &.p-galleria-indicators-left,
+  &.p-galleria-indicators-right {
+    .p-galleria-indicator {
+      margin-bottom: $inlineSpacing;
     }
+  }
 
+  &.p-galleria-indicator-onitem {
     .p-galleria-indicators {
-        padding: $galleriaIndicatorsPadding;
+      background: $galleriaIndicatorsBgOnItem;
 
-        .p-galleria-indicator {
-            button {
-                background-color: $galleriaIndicatorBg;
-                width: $galleriaIndicatorWidth;
-                height: $galleriaIndicatorHeight;
-                transition: $actionIconTransition;
-                border-radius: $galleriaIndicatorBorderRadius;
+      .p-galleria-indicator {
+        button {
+          background: $galleriaIndicatorBgOnItem;
 
-                &:hover {
-                    background: $galleriaIndicatorHoverBg;
-                }
-            }
-
-            &.p-highlight {
-                button {
-                    background: $highlightBg;
-                    color: $highlightTextColor;
-                }
-            }
+          &:hover {
+            background: $galleriaIndicatorHoverBgOnItem;
+          }
         }
+
+        &.p-highlight {
+          button {
+            background: $highlightBg;
+            color: $highlightTextColor;
+          }
+        }
+      }
+    }
+  }
+
+  .p-galleria-thumbnail-container {
+    background: $galleriaThumbnailContainerBg;
+    padding: $galleriaThumbnailContainerPadding;
+
+    .p-galleria-thumbnail-prev,
+    .p-galleria-thumbnail-next {
+      margin: $inlineSpacing;
+      background-color: $galleriaThumbnailNavigatorBg;
+      color: $galleriaThumbnailNavigatorColor;
+      width: $galleriaThumbnailNavigatorWidth;
+      height: $galleriaThumbnailNavigatorHeight;
+      transition: $actionIconTransition;
+      border-radius: $galleriaThumbnailNavigatorBorderRadius;
+
+      &:hover {
+        background: $galleriaThumbnailNavigatorHoverBg;
+        color: $galleriaThumbnailNavigatorHoverColor;
+      }
     }
 
-    &.p-galleria-indicators-bottom,
-    &.p-galleria-indicators-top {
-        .p-galleria-indicator {
-            margin-right: $inlineSpacing;
-        }
-    }
-
-    &.p-galleria-indicators-left,
-    &.p-galleria-indicators-right {
-        .p-galleria-indicator {
-            margin-bottom: $inlineSpacing;
-        }
-    }
-
-    &.p-galleria-indicator-onitem {
-        .p-galleria-indicators {
-            background: $galleriaIndicatorsBgOnItem;
-
-            .p-galleria-indicator {
-                button {
-                    background: $galleriaIndicatorBgOnItem;
-
-                    &:hover {
-                        background: $galleriaIndicatorHoverBgOnItem;
-                    }
-                }
-
-                &.p-highlight {
-                    button {
-                        background: $highlightBg;
-                        color: $highlightTextColor;
-                    }
-                }
-            }
-        }
-    }
-
-    .p-galleria-thumbnail-container {
-        background: $galleriaThumbnailContainerBg;
-        padding: $galleriaThumbnailContainerPadding;
-
-        .p-galleria-thumbnail-prev,
-        .p-galleria-thumbnail-next {
-            margin: $inlineSpacing;
-            background-color: $galleriaThumbnailNavigatorBg;
-            color: $galleriaThumbnailNavigatorColor;
-            width: $galleriaThumbnailNavigatorWidth;
-            height: $galleriaThumbnailNavigatorHeight;
-            transition: $actionIconTransition;
-            border-radius: $galleriaThumbnailNavigatorBorderRadius;
-
-            &:hover {
-                background: $galleriaThumbnailNavigatorHoverBg;
-                color: $galleriaThumbnailNavigatorHoverColor;
-            }
-        }
-
-        .p-galleria-thumbnail-item-content {
-            outline-color: transparent;
-            
-            &:focus-visible {
-                @include focused();
-            }
-        }
+    .p-galleria-thumbnail-item-content {
+      outline-color: transparent;
+
+      &:focus-visible {
+        @include focused();
+      }
     }
+  }
 }
 
 .p-galleria-mask {
-    --maskbg: #{$galleriaMaskBg};
+  --maskbg: #{$galleriaMaskBg};
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/multimedia/_image.scss b/frontend/public/primevue-sass-theme/theme-base/components/multimedia/_image.scss
index 2f2b0d7..9ad9c7a 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/multimedia/_image.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/multimedia/_image.scss
@@ -1,128 +1,128 @@
 // core
 .p-image-mask {
-    display: flex;
-    align-items: center;
-    justify-content: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .p-image-preview-container {
-    position: relative;
-    display: inline-block;
-    line-height: 0;
+  position: relative;
+  display: inline-block;
+  line-height: 0;
 }
 
 .p-image-preview-indicator {
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    opacity: 0;
-    transition: opacity 0.3s;
-    border: none;
-    padding: 0;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  opacity: 0;
+  transition: opacity 0.3s;
+  border: none;
+  padding: 0;
 }
 
 .p-image-preview-container:hover > .p-image-preview-indicator {
-    opacity: 1;
-    cursor: pointer;
+  opacity: 1;
+  cursor: pointer;
 }
 
 .p-image-preview-container > img {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 .p-image-toolbar {
-    position: absolute;
-    top: 0;
-    right: 0;
-    display: flex;
-    z-index: 1;
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: flex;
+  z-index: 1;
 }
 
 .p-image-action.p-link {
-    display: flex;
-    justify-content: center;
-    align-items: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .p-image-action.p-disabled {
-    pointer-events: auto;
+  pointer-events: auto;
 }
 
 .p-image-preview {
-    transition: transform 0.15s;
-    max-width: 100vw;
-    max-height: 100vh;
+  transition: transform 0.15s;
+  max-width: 100vw;
+  max-height: 100vh;
 }
 
 .p-image-preview-enter-active {
-    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
+  transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
 }
 .p-image-preview-leave-active {
-    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 .p-image-preview-enter-from,
 .p-image-preview-leave-to {
-    opacity: 0;
-    transform: scale(0.7);
+  opacity: 0;
+  transform: scale(0.7);
 }
 
 // theme
 .p-image-mask {
-    --maskbg: #{$imageMaskBg};
+  --maskbg: #{$imageMaskBg};
 }
 
 .p-image-preview-indicator {
-    background-color: transparent;
-    color: $imagePreviewIndicatorColor;
-    transition: $actionIconTransition;
+  background-color: transparent;
+  color: $imagePreviewIndicatorColor;
+  transition: $actionIconTransition;
 
-    .p-icon {
-        width: $imagePreviewActionIconFontSize;
-        height: $imagePreviewActionIconFontSize;
-    }
+  .p-icon {
+    width: $imagePreviewActionIconFontSize;
+    height: $imagePreviewActionIconFontSize;
+  }
 }
 
 .p-image-preview-container {
-    &:hover {
-        > .p-image-preview-indicator {
-            background-color: $imagePreviewIndicatorBg;
-        }
+  &:hover {
+    > .p-image-preview-indicator {
+      background-color: $imagePreviewIndicatorBg;
     }
+  }
 }
 
 .p-image-toolbar {
-    padding: $imagePreviewToolbarPadding;
+  padding: $imagePreviewToolbarPadding;
 }
 
 .p-image-action.p-link {
-    color: $imagePreviewActionIconColor;
-    background-color: $imagePreviewActionIconBg;
-    width: $imagePreviewActionIconWidth;
-    height: $imagePreviewActionIconHeight;
-    border-radius: $imagePreviewActionIconBorderRadius;
-    transition: $actionIconTransition;
-    margin-right: $inlineSpacing;
+  color: $imagePreviewActionIconColor;
+  background-color: $imagePreviewActionIconBg;
+  width: $imagePreviewActionIconWidth;
+  height: $imagePreviewActionIconHeight;
+  border-radius: $imagePreviewActionIconBorderRadius;
+  transition: $actionIconTransition;
+  margin-right: $inlineSpacing;
 
-    &:last-child {
-        margin-right: 0;
-    }
+  &:last-child {
+    margin-right: 0;
+  }
 
-    &:hover {
-        color: $imagePreviewActionIconHoverColor;
-        background-color: $imagePreviewActionIconHoverBg;
-    }
+  &:hover {
+    color: $imagePreviewActionIconHoverColor;
+    background-color: $imagePreviewActionIconHoverBg;
+  }
 
-    i {
-        font-size: $imagePreviewActionIconFontSize;
-    }
+  i {
+    font-size: $imagePreviewActionIconFontSize;
+  }
 
-    .p-icon {
-        width: $imagePreviewActionIconFontSize;
-        height: $imagePreviewActionIconFontSize;
-    }
-}
\ No newline at end of file
+  .p-icon {
+    width: $imagePreviewActionIconFontSize;
+    height: $imagePreviewActionIconFontSize;
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/overlay/_confirmpopup.scss b/frontend/public/primevue-sass-theme/theme-base/components/overlay/_confirmpopup.scss
index 219bb61..139c104 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/overlay/_confirmpopup.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/overlay/_confirmpopup.scss
@@ -1,144 +1,147 @@
 // core
 .p-confirm-popup {
-    position: absolute;
-    margin-top: 10px;
-    top: 0;
-    left: 0;
+  position: absolute;
+  margin-top: 10px;
+  top: 0;
+  left: 0;
 }
 
 .p-confirm-popup-flipped {
-    margin-top: -10px;
-    margin-bottom: 10px;
+  margin-top: -10px;
+  margin-bottom: 10px;
 }
 
 /* Animation */
 .p-confirm-popup-enter-from {
-    opacity: 0;
-    transform: scaleY(0.8);
+  opacity: 0;
+  transform: scaleY(0.8);
 }
 
 .p-confirm-popup-leave-to {
-    opacity: 0;
+  opacity: 0;
 }
 
 .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 {
-    transition: opacity 0.1s linear;
+  transition: opacity 0.1s linear;
 }
 
 .p-confirm-popup:after,
 .p-confirm-popup:before {
-    bottom: 100%;
-    left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
-    content: ' ';
-    height: 0;
-    width: 0;
-    position: absolute;
-    pointer-events: none;
+  bottom: 100%;
+  left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
+  content: " ";
+  height: 0;
+  width: 0;
+  position: absolute;
+  pointer-events: none;
 }
 
 .p-confirm-popup:after {
-    border-width: 8px;
-    margin-left: -8px;
+  border-width: 8px;
+  margin-left: -8px;
 }
 
 .p-confirm-popup:before {
-    border-width: 10px;
-    margin-left: -10px;
+  border-width: 10px;
+  margin-left: -10px;
 }
 
 .p-confirm-popup-flipped:after,
 .p-confirm-popup-flipped:before {
-    bottom: auto;
-    top: 100%;
+  bottom: auto;
+  top: 100%;
 }
 
 .p-confirm-popup.p-confirm-popup-flipped:after {
-    border-bottom-color: transparent;
+  border-bottom-color: transparent;
 }
 
 .p-confirm-popup.p-confirm-popup-flipped:before {
-    border-bottom-color: transparent;
+  border-bottom-color: transparent;
 }
 
 .p-confirm-popup .p-confirm-popup-content {
-    display: flex;
-    align-items: center;
+  display: flex;
+  align-items: center;
 }
 
 // theme
 .p-confirm-popup {
-    background: $overlayContentBg;
-    color: $panelContentTextColor;
-    border: $overlayContentBorder;
-    border-radius: $borderRadius;
-    box-shadow: $overlayContainerShadow;
+  background: $overlayContentBg;
+  color: $panelContentTextColor;
+  border: $overlayContentBorder;
+  border-radius: $borderRadius;
+  box-shadow: $overlayContainerShadow;
 
-    .p-confirm-popup-content {
-        padding: $confirmPopupContentPadding;
+  .p-confirm-popup-content {
+    padding: $confirmPopupContentPadding;
+  }
+
+  .p-confirm-popup-footer {
+    text-align: right;
+    padding: $confirmPopupFooterPadding;
+
+    button {
+      margin: 0 $inlineSpacing 0 0;
+      width: auto;
+
+      &:last-child {
+        margin: 0;
+      }
     }
+  }
 
-    .p-confirm-popup-footer {
-        text-align: right;
-        padding: $confirmPopupFooterPadding;
+  &:after {
+    border-style: solid;
+    border-color: rgba($overlayContentBg, 0);
+    border-bottom-color: $overlayContentBg;
+  }
 
-        button {
-            margin: 0 $inlineSpacing 0 0;
-            width: auto;
+  &:before {
+    border-style: solid;
 
-            &:last-child {
-                margin: 0;
-            }
-        }
+    @if (nth($overlayContentBorder, 2) == "none") {
+      border-color: rgba($overlayContentBg, 0);
+      border-bottom-color: scale-color($overlayContentBg, $lightness: -5%);
+    } @else {
+      border-color: rgba(nth($overlayContentBorder, 3), 0);
+      border-bottom-color: scale-color(
+        nth($overlayContentBorder, 3),
+        $lightness: -5%
+      );
     }
+  }
 
+  &.p-confirm-popup-flipped {
     &:after {
-        border-style: solid;
-        border-color: rgba($overlayContentBg, 0);
-        border-bottom-color: $overlayContentBg;
+      border-top-color: $overlayContentBg;
     }
 
     &:before {
-        border-style: solid;
-
-        @if (nth($overlayContentBorder, 2) == 'none') {
-            border-color: rgba($overlayContentBg, 0);
-            border-bottom-color: scale-color($overlayContentBg, $lightness: -5%);
-        }
-        @else {
-            border-color: rgba(nth($overlayContentBorder, 3), 0);
-            border-bottom-color: scale-color(nth($overlayContentBorder, 3), $lightness: -5%);
-        }
+      @if (nth($overlayContentBorder, 2) == "none") {
+        border-top-color: $overlayContentBg;
+      } @else {
+        border-top-color: nth($overlayContentBorder, 3);
+      }
     }
+  }
 
-    &.p-confirm-popup-flipped {
-        &:after {
-            border-top-color: $overlayContentBg;
-        }
+  .p-confirm-popup-icon {
+    font-size: $primeIconFontSize * 1.5;
 
-        &:before {
-            @if (nth($overlayContentBorder, 2) == 'none') {
-                border-top-color: $overlayContentBg;
-            }
-            @else {
-                border-top-color: nth($overlayContentBorder, 3);
-            }
-        }
+    &.p-icon {
+      width: $primeIconFontSize * 1.5;
+      height: $primeIconFontSize * 1.5;
     }
+  }
 
-    .p-confirm-popup-icon {
-        font-size: $primeIconFontSize * 1.5;
-
-        &.p-icon {
-            width: $primeIconFontSize * 1.5;
-            height: $primeIconFontSize * 1.5;
-        }
-    }
-
-    .p-confirm-popup-message {
-        margin-left: $inlineSpacing * 2;
-    }
+  .p-confirm-popup-message {
+    margin-left: $inlineSpacing * 2;
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/overlay/_dialog.scss b/frontend/public/primevue-sass-theme/theme-base/components/overlay/_dialog.scss
index 1705abc..e0c425b 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/overlay/_dialog.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/overlay/_dialog.scss
@@ -1,58 +1,58 @@
 // core
 .p-dialog-mask.p-component-overlay {
-    pointer-events: auto;
+  pointer-events: auto;
 }
 
 .p-dialog {
-    max-height: 90%;
-    transform: scale(1);
+  max-height: 90%;
+  transform: scale(1);
 }
 
 .p-dialog-content {
-    overflow-y: auto;
+  overflow-y: auto;
 }
 
 .p-dialog-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-shrink: 0;
 }
 
 .p-dialog-footer {
-    flex-shrink: 0;
+  flex-shrink: 0;
 }
 
 .p-dialog .p-dialog-header-icons {
-    display: flex;
-    align-items: center;
+  display: flex;
+  align-items: center;
 }
 
 .p-dialog .p-dialog-header-icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    overflow: hidden;
-    position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  position: relative;
 }
 
 /* Fluid */
 .p-fluid .p-dialog-footer .p-button {
-    width: auto;
+  width: auto;
 }
 
 /* Animation */
 /* Center */
 .p-dialog-enter-active {
-    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
+  transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
 }
 .p-dialog-leave-active {
-    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 .p-dialog-enter-from,
 .p-dialog-leave-to {
-    opacity: 0;
-    transform: scale(0.7);
+  opacity: 0;
+  transform: scale(0.7);
 }
 
 /* Top, Bottom, Left, Right, Top* and Bottom* */
@@ -64,8 +64,8 @@
 .p-dialog-topright .p-dialog,
 .p-dialog-bottomleft .p-dialog,
 .p-dialog-bottomright .p-dialog {
-    margin: 0.75rem;
-    transform: translate3d(0px, 0px, 0px);
+  margin: 0.75rem;
+  transform: translate3d(0px, 0px, 0px);
 }
 .p-dialog-top .p-dialog-enter-active,
 .p-dialog-top .p-dialog-leave-active,
@@ -83,15 +83,15 @@
 .p-dialog-bottomleft .p-dialog-leave-active,
 .p-dialog-bottomright .p-dialog-enter-active,
 .p-dialog-bottomright .p-dialog-leave-active {
-    transition: all 0.3s ease-out;
+  transition: all 0.3s ease-out;
 }
 .p-dialog-top .p-dialog-enter-from,
 .p-dialog-top .p-dialog-leave-to {
-    transform: translate3d(0px, -100%, 0px);
+  transform: translate3d(0px, -100%, 0px);
 }
 .p-dialog-bottom .p-dialog-enter-from,
 .p-dialog-bottom .p-dialog-leave-to {
-    transform: translate3d(0px, 100%, 0px);
+  transform: translate3d(0px, 100%, 0px);
 }
 .p-dialog-left .p-dialog-enter-from,
 .p-dialog-left .p-dialog-leave-to,
@@ -99,7 +99,7 @@
 .p-dialog-topleft .p-dialog-leave-to,
 .p-dialog-bottomleft .p-dialog-enter-from,
 .p-dialog-bottomleft .p-dialog-leave-to {
-    transform: translate3d(-100%, 0px, 0px);
+  transform: translate3d(-100%, 0px, 0px);
 }
 .p-dialog-right .p-dialog-enter-from,
 .p-dialog-right .p-dialog-leave-to,
@@ -107,86 +107,86 @@
 .p-dialog-topright .p-dialog-leave-to,
 .p-dialog-bottomright .p-dialog-enter-from,
 .p-dialog-bottomright .p-dialog-leave-to {
-    transform: translate3d(100%, 0px, 0px);
+  transform: translate3d(100%, 0px, 0px);
 }
 
 /* Maximize */
 .p-dialog-maximized {
-    width: 100vw !important;
-    height: 100vh !important;
-    top: 0px !important;
-    left: 0px !important;
-    max-height: 100%;
-    height: 100%;
+  width: 100vw !important;
+  height: 100vh !important;
+  top: 0px !important;
+  left: 0px !important;
+  max-height: 100%;
+  height: 100%;
 }
 .p-dialog-maximized .p-dialog-content {
-    flex-grow: 1;
+  flex-grow: 1;
 }
 
 .p-confirm-dialog .p-dialog-content {
-    display: flex;
-    align-items: center;
+  display: flex;
+  align-items: center;
 }
 
 // theme
 .p-dialog {
-    border-radius: $borderRadius;
-    box-shadow: $overlayContainerShadow;
-    border: $overlayContentBorder;
+  border-radius: $borderRadius;
+  box-shadow: $overlayContainerShadow;
+  border: $overlayContentBorder;
 
-    .p-dialog-header {
-        border-bottom: $dialogHeaderBorder;
-        background: $dialogHeaderBg;
-        color: $dialogHeaderTextColor;
-        padding: $dialogHeaderPadding;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
+  .p-dialog-header {
+    border-bottom: $dialogHeaderBorder;
+    background: $dialogHeaderBg;
+    color: $dialogHeaderTextColor;
+    padding: $dialogHeaderPadding;
+    border-top-right-radius: $borderRadius;
+    border-top-left-radius: $borderRadius;
 
-        .p-dialog-title {
-            font-weight: $dialogHeaderFontWeight;
-            font-size: $dialogHeaderFontSize;
-        }
-
-        .p-dialog-header-icon {
-            @include action-icon();
-            margin-right: $inlineSpacing;
-            
-            &:last-child {
-                margin-right: 0;
-            }            
-        }
+    .p-dialog-title {
+      font-weight: $dialogHeaderFontWeight;
+      font-size: $dialogHeaderFontSize;
     }
 
-    .p-dialog-content {
-        background: $overlayContentBg;
-        color: $panelContentTextColor;
-        padding: $dialogContentPadding;
+    .p-dialog-header-icon {
+      @include action-icon();
+      margin-right: $inlineSpacing;
 
-        &:last-of-type {
-            border-bottom-right-radius: $borderRadius;
-            border-bottom-left-radius: $borderRadius;
-        }
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+  }
+
+  .p-dialog-content {
+    background: $overlayContentBg;
+    color: $panelContentTextColor;
+    padding: $dialogContentPadding;
+
+    &:last-of-type {
+      border-bottom-right-radius: $borderRadius;
+      border-bottom-left-radius: $borderRadius;
+    }
+  }
+
+  .p-dialog-footer {
+    border-top: $dialogFooterBorder;
+    background: $overlayContentBg;
+    color: $panelFooterTextColor;
+    padding: $dialogFooterPadding;
+    display: flex;
+    justify-content: flex-end;
+    gap: $inlineSpacing;
+    border-bottom-right-radius: $borderRadius;
+    border-bottom-left-radius: $borderRadius;
+  }
+
+  &.p-confirm-dialog {
+    .p-confirm-dialog-icon {
+      font-size: $primeIconFontSize * 2;
     }
 
-    .p-dialog-footer {
-        border-top: $dialogFooterBorder;
-        background: $overlayContentBg;
-        color: $panelFooterTextColor;
-        padding: $dialogFooterPadding;
-        display: flex;
-        justify-content: flex-end;
-        gap: $inlineSpacing;
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
-    }
-
-    &.p-confirm-dialog {
-        .p-confirm-dialog-icon {
-            font-size: $primeIconFontSize * 2;
-        }
-
-        .p-confirm-dialog-message:not(:first-child) {
-            margin-left: $inlineSpacing * 2;
-        }
+    .p-confirm-dialog-message:not(:first-child) {
+      margin-left: $inlineSpacing * 2;
     }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/overlay/_overlaypanel.scss b/frontend/public/primevue-sass-theme/theme-base/components/overlay/_overlaypanel.scss
index a4ea62a..69aa28d 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/overlay/_overlaypanel.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/overlay/_overlaypanel.scss
@@ -1,136 +1,139 @@
-@use 'sass:math';
+@use "sass:math";
 
 // core
 .p-overlaypanel {
-    margin-top: 10px;
+  margin-top: 10px;
 }
 
 .p-overlaypanel-flipped {
-    margin-top: -10px;
-    margin-bottom: 10px;
+  margin-top: -10px;
+  margin-bottom: 10px;
 }
 
 .p-overlaypanel-close {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    overflow: hidden;
-    position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+  position: relative;
 }
 
 /* Animation */
 .p-overlaypanel-enter-from {
-    opacity: 0;
-    transform: scaleY(0.8);
+  opacity: 0;
+  transform: scaleY(0.8);
 }
 
 .p-overlaypanel-leave-to {
-    opacity: 0;
+  opacity: 0;
 }
 
 .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 {
-    transition: opacity 0.1s linear;
+  transition: opacity 0.1s linear;
 }
 
 .p-overlaypanel:after,
 .p-overlaypanel:before {
-    bottom: 100%;
-    left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
-    content: ' ';
-    height: 0;
-    width: 0;
-    position: absolute;
-    pointer-events: none;
+  bottom: 100%;
+  left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
+  content: " ";
+  height: 0;
+  width: 0;
+  position: absolute;
+  pointer-events: none;
 }
 
 .p-overlaypanel:after {
-    border-width: 8px;
-    margin-left: -8px;
+  border-width: 8px;
+  margin-left: -8px;
 }
 
 .p-overlaypanel:before {
-    border-width: 10px;
-    margin-left: -10px;
+  border-width: 10px;
+  margin-left: -10px;
 }
 
 .p-overlaypanel-flipped:after,
 .p-overlaypanel-flipped:before {
-    bottom: auto;
-    top: 100%;
+  bottom: auto;
+  top: 100%;
 }
 
 .p-overlaypanel.p-overlaypanel-flipped:after {
-    border-bottom-color: transparent;
+  border-bottom-color: transparent;
 }
 
 .p-overlaypanel.p-overlaypanel-flipped:before {
-    border-bottom-color: transparent;
+  border-bottom-color: transparent;
 }
 
 // theme
 .p-overlaypanel {
-    background: $overlayContentBg;
-    color: $panelContentTextColor;
-    border: $overlayContentBorder;
-    border-radius: $borderRadius;
-    box-shadow: $overlayContainerShadow;
+  background: $overlayContentBg;
+  color: $panelContentTextColor;
+  border: $overlayContentBorder;
+  border-radius: $borderRadius;
+  box-shadow: $overlayContainerShadow;
 
-    .p-overlaypanel-content {
-        padding: $panelContentPadding;
+  .p-overlaypanel-content {
+    padding: $panelContentPadding;
+  }
+
+  .p-overlaypanel-close {
+    background: $buttonBg;
+    color: $buttonTextColor;
+    width: $actionIconWidth;
+    height: $actionIconHeight;
+    transition: $actionIconTransition;
+    border-radius: $actionIconBorderRadius;
+    position: absolute;
+    top: math.div(-1 * $actionIconWidth, 2);
+    right: math.div(-1 * $actionIconWidth, 2);
+
+    &:enabled:hover {
+      background: $buttonHoverBg;
+      color: $buttonTextHoverColor;
     }
+  }
 
-    .p-overlaypanel-close {
-        background: $buttonBg;
-        color: $buttonTextColor;
-        width: $actionIconWidth;
-        height: $actionIconHeight;
-        transition: $actionIconTransition;
-        border-radius: $actionIconBorderRadius;
-        position: absolute;
-        top: math.div(-1 * $actionIconWidth, 2);
-        right: math.div(-1 * $actionIconWidth, 2);
+  &:after {
+    border-style: solid;
+    border-color: rgba($overlayContentBg, 0);
+    border-bottom-color: $overlayContentBg;
+  }
 
-        &:enabled:hover {
-            background: $buttonHoverBg;
-            color: $buttonTextHoverColor;
-        }
+  &:before {
+    border-style: solid;
+
+    @if (nth($overlayContentBorder, 2) == "none") {
+      border-color: rgba($overlayContentBg, 0);
+      border-bottom-color: scale-color($overlayContentBg, $lightness: -5%);
+    } @else {
+      border-color: rgba(nth($overlayContentBorder, 3), 0);
+      border-bottom-color: scale-color(
+        nth($overlayContentBorder, 3),
+        $lightness: -5%
+      );
     }
+  }
 
+  &.p-overlaypanel-flipped {
     &:after {
-        border-style: solid;
-        border-color: rgba($overlayContentBg, 0);
-        border-bottom-color: $overlayContentBg;
+      border-top-color: $overlayContentBg;
     }
 
     &:before {
-        border-style: solid;
-
-        @if (nth($overlayContentBorder, 2) == 'none') {
-            border-color: rgba($overlayContentBg, 0);
-            border-bottom-color: scale-color($overlayContentBg, $lightness: -5%);
-        }
-        @else {
-            border-color: rgba(nth($overlayContentBorder, 3), 0);
-            border-bottom-color: scale-color(nth($overlayContentBorder, 3), $lightness: -5%);
-        }
-    }
-
-    &.p-overlaypanel-flipped {
-        &:after {
-            border-top-color: $overlayContentBg;
-        }
-
-        &:before {
-            @if (nth($overlayContentBorder, 2) == 'none') {
-                border-top-color: $overlayContentBg;
-            }
-            @else {
-                border-top-color: nth($overlayContentBorder, 3);
-            }
-        }
+      @if (nth($overlayContentBorder, 2) == "none") {
+        border-top-color: $overlayContentBg;
+      } @else {
+        border-top-color: nth($overlayContentBorder, 3);
+      }
     }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/overlay/_sidebar.scss b/frontend/public/primevue-sass-theme/theme-base/components/overlay/_sidebar.scss
index a9d92cc..c2f90ca 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/overlay/_sidebar.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/overlay/_sidebar.scss
@@ -1,179 +1,179 @@
 // core
 .p-sidebar-mask {
-    display: none;
-    pointer-events: none;
-    background-color: transparent;
-    transition-property: background-color;
+  display: none;
+  pointer-events: none;
+  background-color: transparent;
+  transition-property: background-color;
 }
 
 .p-sidebar-mask.p-component-overlay {
-    pointer-events: auto;
+  pointer-events: auto;
 }
 
 .p-sidebar-visible {
-    display: flex;
+  display: flex;
 }
 
 .p-sidebar {
-    display: flex;
-    flex-direction: column;
-    pointer-events: auto;
-    transform: translate3d(0px, 0px, 0px);
-    position: relative;
-    transition: transform 0.3s;
+  display: flex;
+  flex-direction: column;
+  pointer-events: auto;
+  transform: translate3d(0px, 0px, 0px);
+  position: relative;
+  transition: transform 0.3s;
 }
 
 .p-sidebar-content {
-    overflow-y: auto;
-    flex-grow: 1;
+  overflow-y: auto;
+  flex-grow: 1;
 }
 
 .p-sidebar-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-shrink: 0;
 }
 
 .p-sidebar-icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    overflow: hidden;
-    position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  position: relative;
 }
 
 .p-sidebar-full .p-sidebar {
-    transition: none;
-    transform: none;
-    width: 100vw !important;
-    height: 100vh !important;
-    max-height: 100%;
-    top: 0px !important;
-    left: 0px !important;
+  transition: none;
+  transform: none;
+  width: 100vw !important;
+  height: 100vh !important;
+  max-height: 100%;
+  top: 0px !important;
+  left: 0px !important;
 }
 
 /* Animation */
 /* Center */
 .p-sidebar-left .p-sidebar-enter-from,
 .p-sidebar-left .p-sidebar-leave-to {
-    transform: translateX(-100%);
+  transform: translateX(-100%);
 }
 .p-sidebar-right .p-sidebar-enter-from,
 .p-sidebar-right .p-sidebar-leave-to {
-    transform: translateX(100%);
+  transform: translateX(100%);
 }
 .p-sidebar-top .p-sidebar-enter-from,
 .p-sidebar-top .p-sidebar-leave-to {
-    transform: translateY(-100%);
+  transform: translateY(-100%);
 }
 .p-sidebar-bottom .p-sidebar-enter-from,
 .p-sidebar-bottom .p-sidebar-leave-to {
-    transform: translateY(100%);
+  transform: translateY(100%);
 }
 .p-sidebar-full .p-sidebar-enter-from,
 .p-sidebar-full .p-sidebar-leave-to {
-    opacity: 0;
+  opacity: 0;
 }
 .p-sidebar-full .p-sidebar-enter-active,
 .p-sidebar-full .p-sidebar-leave-active {
-    transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
+  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
 }
 
 /* Size */
 .p-sidebar-left .p-sidebar {
-    width: 20rem;
-    height: 100%;
+  width: 20rem;
+  height: 100%;
 }
 
 .p-sidebar-right .p-sidebar {
-    width: 20rem;
-    height: 100%;
+  width: 20rem;
+  height: 100%;
 }
 
 .p-sidebar-top .p-sidebar {
-    height: 10rem;
-    width: 100%;
+  height: 10rem;
+  width: 100%;
 }
 
 .p-sidebar-bottom .p-sidebar {
-    height: 10rem;
-    width: 100%;
+  height: 10rem;
+  width: 100%;
 }
 
 .p-sidebar-left .p-sidebar-sm,
 .p-sidebar-right .p-sidebar-sm {
-    width: 20rem;
+  width: 20rem;
 }
 
 .p-sidebar-left .p-sidebar-md,
 .p-sidebar-right .p-sidebar-md {
-    width: 40rem;
+  width: 40rem;
 }
 
 .p-sidebar-left .p-sidebar-lg,
 .p-sidebar-right .p-sidebar-lg {
-    width: 60rem;
+  width: 60rem;
 }
 
 .p-sidebar-top .p-sidebar-sm,
 .p-sidebar-bottom .p-sidebar-sm {
-    height: 10rem;
+  height: 10rem;
 }
 
 .p-sidebar-top .p-sidebar-md,
 .p-sidebar-bottom .p-sidebar-md {
-    height: 20rem;
+  height: 20rem;
 }
 
 .p-sidebar-top .p-sidebar-lg,
 .p-sidebar-bottom .p-sidebar-lg {
-    height: 30rem;
+  height: 30rem;
 }
 
 .p-sidebar-left .p-sidebar-content,
 .p-sidebar-right .p-sidebar-content,
 .p-sidebar-top .p-sidebar-content,
 .p-sidebar-bottom .p-sidebar-content {
-    width: 100%;
-    height: 100%;
+  width: 100%;
+  height: 100%;
 }
 
 @media screen and (max-width: 64em) {
-    .p-sidebar-left .p-sidebar-lg,
-    .p-sidebar-left .p-sidebar-md,
-    .p-sidebar-right .p-sidebar-lg,
-    .p-sidebar-right .p-sidebar-md {
-        width: 20rem;
-    }
+  .p-sidebar-left .p-sidebar-lg,
+  .p-sidebar-left .p-sidebar-md,
+  .p-sidebar-right .p-sidebar-lg,
+  .p-sidebar-right .p-sidebar-md {
+    width: 20rem;
+  }
 }
 
 // theme
 .p-sidebar {
-    background: $overlayContentBg;
-    color: $panelContentTextColor;
-    border: $overlayContentBorder;
-    box-shadow: $overlayContainerShadow;
+  background: $overlayContentBg;
+  color: $panelContentTextColor;
+  border: $overlayContentBorder;
+  box-shadow: $overlayContainerShadow;
 
-    .p-sidebar-header {
-        padding: $panelHeaderPadding;
+  .p-sidebar-header {
+    padding: $panelHeaderPadding;
 
-        .p-sidebar-header-content {
-            font-weight: $dialogHeaderFontWeight;
-            font-size: $dialogHeaderFontSize;
-        }
-
-        .p-sidebar-close,
-        .p-sidebar-icon {
-            @include action-icon();
-        }
-
-        & + .p-sidebar-content {
-            padding-top: 0;
-        }
+    .p-sidebar-header-content {
+      font-weight: $dialogHeaderFontWeight;
+      font-size: $dialogHeaderFontSize;
     }
 
-    .p-sidebar-content {
-        padding: $panelContentPadding;
+    .p-sidebar-close,
+    .p-sidebar-icon {
+      @include action-icon();
     }
-}
\ No newline at end of file
+
+    & + .p-sidebar-content {
+      padding-top: 0;
+    }
+  }
+
+  .p-sidebar-content {
+    padding: $panelContentPadding;
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/overlay/_tooltip.scss b/frontend/public/primevue-sass-theme/theme-base/components/overlay/_tooltip.scss
index ab97775..f353c08 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/overlay/_tooltip.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/overlay/_tooltip.scss
@@ -1,90 +1,90 @@
 // core
 .p-tooltip {
-    position:absolute;
-    display:none;
-    padding: .25em .5rem;
-    max-width: 12.5rem;
+  position: absolute;
+  display: none;
+  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 {
-    white-space: pre-line;
-    word-break: break-word;
+  white-space: pre-line;
+  word-break: break-word;
 }
 
 .p-tooltip-arrow {
-    position: absolute;
-    width: 0;
-    height: 0;
-    border-color: transparent;
-    border-style: solid;
-    scale: 2;
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+  scale: 2;
 }
 
 .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
 .p-tooltip {
-    .p-tooltip-text {
-        background: $tooltipBg;
-        color: $tooltipTextColor;
-        padding: $tooltipPadding;
-        box-shadow: $inputOverlayShadow;
-        border-radius: $borderRadius;
-    }
+  .p-tooltip-text {
+    background: $tooltipBg;
+    color: $tooltipTextColor;
+    padding: $tooltipPadding;
+    box-shadow: $inputOverlayShadow;
+    border-radius: $borderRadius;
+  }
 
-    &.p-tooltip-right {
-        .p-tooltip-arrow {
-            border-right-color: $tooltipBg;
-        }
+  &.p-tooltip-right {
+    .p-tooltip-arrow {
+      border-right-color: $tooltipBg;
     }
+  }
 
-    &.p-tooltip-left {
-        .p-tooltip-arrow {
-            border-left-color: $tooltipBg;
-        }
+  &.p-tooltip-left {
+    .p-tooltip-arrow {
+      border-left-color: $tooltipBg;
     }
+  }
 
-    &.p-tooltip-top {
-        .p-tooltip-arrow {
-            border-top-color: $tooltipBg;
-        }
+  &.p-tooltip-top {
+    .p-tooltip-arrow {
+      border-top-color: $tooltipBg;
     }
+  }
 
-    &.p-tooltip-bottom {
-        .p-tooltip-arrow {
-            border-bottom-color: $tooltipBg;
-        }
+  &.p-tooltip-bottom {
+    .p-tooltip-arrow {
+      border-bottom-color: $tooltipBg;
     }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/panel/_accordion.scss b/frontend/public/primevue-sass-theme/theme-base/components/panel/_accordion.scss
index 1c4f276..7eb7115 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/panel/_accordion.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/panel/_accordion.scss
@@ -1,138 +1,138 @@
 // core
 .p-accordion-header-action {
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    user-select: none;
-    position: relative;
-    text-decoration: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  user-select: none;
+  position: relative;
+  text-decoration: none;
 }
 
 .p-accordion-header-action:focus {
-    z-index: 1;
+  z-index: 1;
 }
 
 .p-accordion-header-text {
-    line-height: 1;
+  line-height: 1;
 }
 
 // theme
 .p-accordion {
-    .p-accordion-header {
+  .p-accordion-header {
+    .p-accordion-header-link {
+      padding: $accordionHeaderPadding;
+      border: $accordionHeaderBorder;
+      color: $accordionHeaderTextColor;
+      background: $accordionHeaderBg;
+      font-weight: $accordionHeaderFontWeight;
+      border-radius: $borderRadius;
+      transition: $listItemTransition;
+      outline-color: transparent;
+
+      .p-accordion-toggle-icon {
+        margin-right: $inlineSpacing;
+      }
+    }
+
+    &:not(.p-disabled) {
+      .p-accordion-header-link {
+        &:focus-visible {
+          @include focused-inset();
+        }
+      }
+    }
+
+    &:not(.p-highlight):not(.p-disabled):hover {
+      .p-accordion-header-link {
+        background: $accordionHeaderHoverBg;
+        border-color: $accordionHeaderHoverBorderColor;
+        color: $accordionHeaderTextHoverColor;
+      }
+    }
+
+    &:not(.p-disabled).p-highlight {
+      .p-accordion-header-link {
+        background: $accordionHeaderActiveBg;
+        border-color: $accordionHeaderActiveBorderColor;
+        color: $accordionHeaderTextActiveColor;
+        border-bottom-right-radius: 0;
+        border-bottom-left-radius: 0;
+      }
+
+      &:hover {
         .p-accordion-header-link {
-            padding: $accordionHeaderPadding;
-            border: $accordionHeaderBorder;
-            color: $accordionHeaderTextColor;
-            background: $accordionHeaderBg;
-            font-weight: $accordionHeaderFontWeight;
-            border-radius: $borderRadius;
-            transition: $listItemTransition;
-            outline-color: transparent;
-
-            .p-accordion-toggle-icon {
-                margin-right: $inlineSpacing;
-            }
-        }
-
-        &:not(.p-disabled) {
-            .p-accordion-header-link {
-                &:focus-visible {
-                    @include focused-inset();
-                }
-            }
-        }
-
-        &:not(.p-highlight):not(.p-disabled):hover {
-            .p-accordion-header-link {
-                background: $accordionHeaderHoverBg;
-                border-color: $accordionHeaderHoverBorderColor;
-                color: $accordionHeaderTextHoverColor;
-            }
-        }
-
-        &:not(.p-disabled).p-highlight {
-            .p-accordion-header-link {
-                background: $accordionHeaderActiveBg;
-                border-color: $accordionHeaderActiveBorderColor;
-                color: $accordionHeaderTextActiveColor;
-                border-bottom-right-radius: 0;
-                border-bottom-left-radius: 0;
-            }
-
-            &:hover {
-                .p-accordion-header-link {
-                    border-color: $accordionHeaderActiveHoverBorderColor;
-                    background: $accordionHeaderActiveHoverBg;
-                    color: $accordionHeaderTextActiveHoverColor;
-                }
-            }
+          border-color: $accordionHeaderActiveHoverBorderColor;
+          background: $accordionHeaderActiveHoverBg;
+          color: $accordionHeaderTextActiveHoverColor;
         }
+      }
     }
+  }
 
-    .p-accordion-content {
-        padding: $accordionContentPadding;
-        border: $accordionContentBorder;
-        background: $accordionContentBg;
-        color: $accordionContentTextColor;
-        border-top: 0;
-        border-top-right-radius: 0;
-        border-top-left-radius: 0;
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
-    }
-
-    .p-accordion-tab {
-        margin-bottom: $accordionSpacing;
-
-        @if $accordionSpacing == 0 {
-            .p-accordion-header {
-                .p-accordion-header-link {
-                    border-radius: 0;
-                }
-            }
-
-            .p-accordion-content {
-                border-bottom-right-radius: 0;
-                border-bottom-left-radius: 0;
-            }
-
-            &:not(:first-child) {
-                .p-accordion-header {
-                    .p-accordion-header-link {
-                        border-top: 0 none;
-                    }
-
-                    &:not(.p-highlight):not(.p-disabled):hover,
-                    &:not(.p-disabled).p-highlight:hover {
-                        .p-accordion-header-link {
-                            border-top: 0 none;
-                        }
-                    }
-                }
-            }
-
-            &:first-child {
-                .p-accordion-header {
-                    .p-accordion-header-link {
-                        border-top-right-radius: $borderRadius;
-                        border-top-left-radius: $borderRadius;
-                    }
-                }
-            }
-
-            &:last-child {
-                .p-accordion-header:not(.p-highlight) {
-                    .p-accordion-header-link {
-                        border-bottom-right-radius: $borderRadius;
-                        border-bottom-left-radius: $borderRadius;
-                    }
-                }
-                
-                .p-accordion-content {
-                    border-bottom-right-radius: $borderRadius;
-                    border-bottom-left-radius: $borderRadius;
-                }
-            }
-        } 
+  .p-accordion-content {
+    padding: $accordionContentPadding;
+    border: $accordionContentBorder;
+    background: $accordionContentBg;
+    color: $accordionContentTextColor;
+    border-top: 0;
+    border-top-right-radius: 0;
+    border-top-left-radius: 0;
+    border-bottom-right-radius: $borderRadius;
+    border-bottom-left-radius: $borderRadius;
+  }
+
+  .p-accordion-tab {
+    margin-bottom: $accordionSpacing;
+
+    @if $accordionSpacing == 0 {
+      .p-accordion-header {
+        .p-accordion-header-link {
+          border-radius: 0;
+        }
+      }
+
+      .p-accordion-content {
+        border-bottom-right-radius: 0;
+        border-bottom-left-radius: 0;
+      }
+
+      &:not(:first-child) {
+        .p-accordion-header {
+          .p-accordion-header-link {
+            border-top: 0 none;
+          }
+
+          &:not(.p-highlight):not(.p-disabled):hover,
+          &:not(.p-disabled).p-highlight:hover {
+            .p-accordion-header-link {
+              border-top: 0 none;
+            }
+          }
+        }
+      }
+
+      &:first-child {
+        .p-accordion-header {
+          .p-accordion-header-link {
+            border-top-right-radius: $borderRadius;
+            border-top-left-radius: $borderRadius;
+          }
+        }
+      }
+
+      &:last-child {
+        .p-accordion-header:not(.p-highlight) {
+          .p-accordion-header-link {
+            border-bottom-right-radius: $borderRadius;
+            border-bottom-left-radius: $borderRadius;
+          }
+        }
+
+        .p-accordion-content {
+          border-bottom-right-radius: $borderRadius;
+          border-bottom-left-radius: $borderRadius;
+        }
+      }
     }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/panel/_card.scss b/frontend/public/primevue-sass-theme/theme-base/components/panel/_card.scss
index f333124..752565f 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/panel/_card.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/panel/_card.scss
@@ -1,30 +1,30 @@
 .p-card {
-    background: $panelContentBg;
-    color: $panelContentTextColor;
-    box-shadow: $cardShadow;
-    border-radius: $borderRadius;
+  background: $panelContentBg;
+  color: $panelContentTextColor;
+  box-shadow: $cardShadow;
+  border-radius: $borderRadius;
 
-    .p-card-body {
-        padding: $cardBodyPadding;
-    }
+  .p-card-body {
+    padding: $cardBodyPadding;
+  }
 
-    .p-card-title {
-        font-size: $cardTitleFontSize;
-        font-weight: $cardTitleFontWeight;
-        margin-bottom: $inlineSpacing;
-    }
+  .p-card-title {
+    font-size: $cardTitleFontSize;
+    font-weight: $cardTitleFontWeight;
+    margin-bottom: $inlineSpacing;
+  }
 
-    .p-card-subtitle {
-        font-weight: $cardSubTitleFontWeight;
-        margin-bottom: $inlineSpacing;
-        color: $cardSubTitleColor;
-    }
+  .p-card-subtitle {
+    font-weight: $cardSubTitleFontWeight;
+    margin-bottom: $inlineSpacing;
+    color: $cardSubTitleColor;
+  }
 
-    .p-card-content {
-        padding: $cardContentPadding;
-    }
+  .p-card-content {
+    padding: $cardContentPadding;
+  }
 
-    .p-card-footer {
-        padding: $cardFooterPadding;
-    }
+  .p-card-footer {
+    padding: $cardFooterPadding;
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/panel/_divider.scss b/frontend/public/primevue-sass-theme/theme-base/components/panel/_divider.scss
index e64729f..723ec61 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/panel/_divider.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/panel/_divider.scss
@@ -1,96 +1,96 @@
 // core
 .p-divider-horizontal {
-    display: flex;
-    width: 100%;
-    position: relative;
-    align-items: center;
+  display: flex;
+  width: 100%;
+  position: relative;
+  align-items: center;
 }
 
 .p-divider-horizontal:before {
-    position: absolute;
-    display: block;
-    top: 50%;
-    left: 0;
-    width: 100%;
-    content: '';
+  position: absolute;
+  display: block;
+  top: 50%;
+  left: 0;
+  width: 100%;
+  content: "";
 }
 
 .p-divider-content {
-    z-index: 1;
+  z-index: 1;
 }
 
 .p-divider-vertical {
-    min-height: 100%;
-    margin: 0 1rem;
-    display: flex;
-    position: relative;
-    justify-content: center;
+  min-height: 100%;
+  margin: 0 1rem;
+  display: flex;
+  position: relative;
+  justify-content: center;
 }
 
 .p-divider-vertical:before {
-    position: absolute;
-    display: block;
-    top: 0;
-    left: 50%;
-    height: 100%;
-    content: '';
+  position: absolute;
+  display: block;
+  top: 0;
+  left: 50%;
+  height: 100%;
+  content: "";
 }
 
 .p-divider {
-    &.p-divider-solid.p-divider-horizontal:before {
-        border-top-style: solid;
-    }
-    
-    &.p-divider-solid.p-divider-vertical:before {
-        border-left-style: solid;
-    }
-    
-    &.p-divider-dashed.p-divider-horizontal:before {
-        border-top-style: dashed;
-    }
-    
-    &.p-divider-dashed.p-divider-vertical:before {
-        border-left-style: dashed;
-    }
-    
-    &.p-divider-dotted.p-divider-horizontal:before {
-        border-top-style: dotted;
-    }
-    
-    &.p-divider-dotted.p-divider-vertical:before {
-        border-left-style: dotted;
-    }
+  &.p-divider-solid.p-divider-horizontal:before {
+    border-top-style: solid;
+  }
+
+  &.p-divider-solid.p-divider-vertical:before {
+    border-left-style: solid;
+  }
+
+  &.p-divider-dashed.p-divider-horizontal:before {
+    border-top-style: dashed;
+  }
+
+  &.p-divider-dashed.p-divider-vertical:before {
+    border-left-style: dashed;
+  }
+
+  &.p-divider-dotted.p-divider-horizontal:before {
+    border-top-style: dotted;
+  }
+
+  &.p-divider-dotted.p-divider-vertical:before {
+    border-left-style: dotted;
+  }
 }
 
 // theme
 .p-divider {
+  .p-divider-content {
+    background-color: $panelContentBg;
+  }
+
+  &.p-divider-horizontal {
+    margin: $dividerHorizontalMargin;
+    padding: $dividerHorizontalPadding;
+
+    &:before {
+      border-top: $dividerSize solid $dividerColor;
+    }
+
     .p-divider-content {
-        background-color: $panelContentBg;
+      padding: 0 $inlineSpacing;
+    }
+  }
+
+  &.p-divider-vertical {
+    margin: $dividerVerticalMargin;
+    padding: $dividerVerticalPadding;
+
+    &:before {
+      border-left: $dividerSize solid $dividerColor;
     }
 
-    &.p-divider-horizontal {
-        margin: $dividerHorizontalMargin;
-        padding: $dividerHorizontalPadding;
-
-        &:before {
-            border-top: $dividerSize solid $dividerColor;
-        }
-
-        .p-divider-content {
-            padding: 0 $inlineSpacing;
-        }
+    .p-divider-content {
+      padding: $inlineSpacing 0;
     }
-
-    &.p-divider-vertical {
-        margin: $dividerVerticalMargin;
-        padding: $dividerVerticalPadding;
-
-        &:before {
-            border-left: $dividerSize solid $dividerColor;
-        }
-
-        .p-divider-content {
-            padding: $inlineSpacing 0;
-        }
-    }
-}
\ No newline at end of file
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/panel/_fieldset.scss b/frontend/public/primevue-sass-theme/theme-base/components/panel/_fieldset.scss
index de71f68..73e382f 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/panel/_fieldset.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/panel/_fieldset.scss
@@ -1,73 +1,73 @@
 // core
 .p-fieldset-legend > a,
 .p-fieldset-legend > span {
-    display: flex;
-    align-items: center;
-    justify-content: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .p-fieldset-toggleable .p-fieldset-legend a {
-    cursor: pointer;
-    user-select: none;
-    overflow: hidden;
-    position: relative;
-    text-decoration: none;
+  cursor: pointer;
+  user-select: none;
+  overflow: hidden;
+  position: relative;
+  text-decoration: none;
 }
 
 .p-fieldset-legend-text {
-    line-height: 1;
+  line-height: 1;
 }
 
 // theme
 .p-fieldset {
-    border: $panelContentBorder;
-    background: $panelContentBg;
-    color: $panelContentTextColor;
+  border: $panelContentBorder;
+  background: $panelContentBg;
+  color: $panelContentTextColor;
+  border-radius: $borderRadius;
+
+  .p-fieldset-legend {
+    padding: $panelHeaderPadding;
+    border: $panelHeaderBorder;
+    color: $panelHeaderTextColor;
+    background: $panelHeaderBg;
+    font-weight: $panelHeaderFontWeight;
     border-radius: $borderRadius;
+  }
 
+  &.p-fieldset-toggleable {
     .p-fieldset-legend {
+      padding: 0;
+      transition: $actionIconTransition;
+
+      a {
         padding: $panelHeaderPadding;
-        border: $panelHeaderBorder;
         color: $panelHeaderTextColor;
-        background: $panelHeaderBg;
-        font-weight: $panelHeaderFontWeight;
         border-radius: $borderRadius;
-    }
+        transition: $listItemTransition;
+        outline-color: transparent;
 
-    &.p-fieldset-toggleable {
-        .p-fieldset-legend {
-            padding: 0;
-            transition: $actionIconTransition;
-
-            a {
-                padding: $panelHeaderPadding;
-                color: $panelHeaderTextColor;
-                border-radius: $borderRadius;
-                transition: $listItemTransition;
-                outline-color: transparent;
-
-                .p-fieldset-toggler {
-                    margin-right: $inlineSpacing;
-                }
-
-                &:focus-visible {
-                    @include focused();
-                }
-
-                &:hover {
-                    color: $panelHeaderTextHoverColor;
-                }
-            }
-
-            &:hover {
-                background: $panelHeaderHoverBg;
-                border-color: $panelHeaderHoverBorderColor;
-                color: $panelHeaderTextHoverColor;
-            }
+        .p-fieldset-toggler {
+          margin-right: $inlineSpacing;
         }
-    }
 
-    .p-fieldset-content {
-        padding: $panelContentPadding;
+        &:focus-visible {
+          @include focused();
+        }
+
+        &:hover {
+          color: $panelHeaderTextHoverColor;
+        }
+      }
+
+      &:hover {
+        background: $panelHeaderHoverBg;
+        border-color: $panelHeaderHoverBorderColor;
+        color: $panelHeaderTextHoverColor;
+      }
     }
+  }
+
+  .p-fieldset-content {
+    padding: $panelContentPadding;
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/panel/_panel.scss b/frontend/public/primevue-sass-theme/theme-base/components/panel/_panel.scss
index 72627de..8907876 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/panel/_panel.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/panel/_panel.scss
@@ -1,69 +1,69 @@
 // core
 .p-panel-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
 
 .p-panel-title {
-    line-height: 1;
+  line-height: 1;
 }
 
 .p-panel-header-icon {
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    text-decoration: none;
-    overflow: hidden;
-    position: relative;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  text-decoration: none;
+  overflow: hidden;
+  position: relative;
 }
 
 // theme
 .p-panel {
+  .p-panel-header {
+    border: $panelHeaderBorder;
+    padding: $panelHeaderPadding;
+    background: $panelHeaderBg;
+    color: $panelHeaderTextColor;
+    border-top-right-radius: $borderRadius;
+    border-top-left-radius: $borderRadius;
+
+    .p-panel-title {
+      font-weight: $panelHeaderFontWeight;
+    }
+
+    .p-panel-header-icon {
+      @include action-icon();
+    }
+  }
+
+  &.p-panel-toggleable {
     .p-panel-header {
-        border: $panelHeaderBorder;
-        padding: $panelHeaderPadding;
-        background: $panelHeaderBg;
-        color: $panelHeaderTextColor;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-
-        .p-panel-title {
-            font-weight: $panelHeaderFontWeight;
-        }
-
-        .p-panel-header-icon {
-            @include action-icon();
-        }
+      padding: $panelToggleableHeaderPadding;
     }
+  }
 
-    &.p-panel-toggleable {
-        .p-panel-header {
-            padding: $panelToggleableHeaderPadding;
-        }
-    }
+  .p-panel-content {
+    padding: $panelContentPadding;
+    border: $panelContentBorder;
+    background: $panelContentBg;
+    color: $panelContentTextColor;
+    border-top: 0 none;
 
-    .p-panel-content {
-        padding: $panelContentPadding;
-        border: $panelContentBorder;
-        background: $panelContentBg;
-        color: $panelContentTextColor;
-        border-top: 0 none;
-        
-        &:last-child {
-            border-bottom-right-radius: $borderRadius;
-            border-bottom-left-radius: $borderRadius;
-        }
+    &:last-child {
+      border-bottom-right-radius: $borderRadius;
+      border-bottom-left-radius: $borderRadius;
     }
+  }
 
-    .p-panel-footer {
-        padding: $panelFooterPadding;
-        border: $panelFooterBorder;
-        background: $panelFooterBg;
-        color: $panelFooterTextColor;
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
-        border-top: 0 none;
-    }
+  .p-panel-footer {
+    padding: $panelFooterPadding;
+    border: $panelFooterBorder;
+    background: $panelFooterBg;
+    color: $panelFooterTextColor;
+    border-bottom-right-radius: $borderRadius;
+    border-bottom-left-radius: $borderRadius;
+    border-top: 0 none;
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/panel/_scrollpanel.scss b/frontend/public/primevue-sass-theme/theme-base/components/panel/_scrollpanel.scss
index 4bb0835..bbb4bf5 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/panel/_scrollpanel.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/panel/_scrollpanel.scss
@@ -1,70 +1,70 @@
 // core
 .p-scrollpanel-wrapper {
-    overflow: hidden;
-    width: 100%;
-    height: 100%;
-    position: relative;
-    z-index: 1;
-    float: left;
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  z-index: 1;
+  float: left;
 }
 
 .p-scrollpanel-content {
-    height: calc(100% + 18px);
-    width: calc(100% + 18px);
-    padding: 0 18px 18px 0;
-    position: relative;
-    overflow: auto;
-    box-sizing: border-box;
-    scrollbar-width: none;
+  height: calc(100% + 18px);
+  width: calc(100% + 18px);
+  padding: 0 18px 18px 0;
+  position: relative;
+  overflow: auto;
+  box-sizing: border-box;
+  scrollbar-width: none;
 }
 
 .p-scrollpanel-content::-webkit-scrollbar {
-    display: none;
+  display: none;
 }
 
 .p-scrollpanel-bar {
-    position: relative;
-    background: #c1c1c1;
-    border-radius: 3px;
-    z-index: 2;
-    cursor: pointer;
-    opacity: 0;
-    transition: opacity 0.25s linear;
+  position: relative;
+  background: #c1c1c1;
+  border-radius: 3px;
+  z-index: 2;
+  cursor: pointer;
+  opacity: 0;
+  transition: opacity 0.25s linear;
 }
 
 .p-scrollpanel-bar-y {
-    width: 9px;
-    top: 0;
+  width: 9px;
+  top: 0;
 }
 
 .p-scrollpanel-bar-x {
-    height: 9px;
-    bottom: 0;
+  height: 9px;
+  bottom: 0;
 }
 
 .p-scrollpanel-hidden {
-    visibility: hidden;
+  visibility: hidden;
 }
 
 .p-scrollpanel:hover .p-scrollpanel-bar,
 .p-scrollpanel:active .p-scrollpanel-bar {
-    opacity: 1;
+  opacity: 1;
 }
 
 .p-scrollpanel-grabbed {
-    user-select: none;
+  user-select: none;
 }
 
 // theme
 .p-scrollpanel {
-    .p-scrollpanel-bar {
-        background: $scrollPanelTrackBg;
-        border: $scrollPanelTrackBorder;
-        transition: $formElementTransition;
-        outline-color: transparent;
+  .p-scrollpanel-bar {
+    background: $scrollPanelTrackBg;
+    border: $scrollPanelTrackBorder;
+    transition: $formElementTransition;
+    outline-color: transparent;
 
-        &:focus-visible {
-            @include focused();
-        }
+    &:focus-visible {
+      @include focused();
     }
-}
\ No newline at end of file
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/panel/_splitter.scss b/frontend/public/primevue-sass-theme/theme-base/components/panel/_splitter.scss
index 6077907..7b934b2 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/panel/_splitter.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/panel/_splitter.scss
@@ -1,87 +1,87 @@
 // core
 .p-splitter {
-    display: flex;
-    flex-wrap: nowrap;
+  display: flex;
+  flex-wrap: nowrap;
 }
 
 .p-splitter-vertical {
-    flex-direction: column;
+  flex-direction: column;
 }
 
 .p-splitter-gutter {
-    flex-grow: 0;
-    flex-shrink: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: col-resize;
+  flex-grow: 0;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: col-resize;
 }
 
 .p-splitter-horizontal.p-splitter-resizing {
-    cursor: col-resize;
-    user-select: none;
+  cursor: col-resize;
+  user-select: none;
 }
 
 .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
-    height: 24px;
-    width: 100%;
+  height: 24px;
+  width: 100%;
 }
 
 .p-splitter-horizontal > .p-splitter-gutter {
-    cursor: col-resize;
+  cursor: col-resize;
 }
 
 .p-splitter-vertical.p-splitter-resizing {
-    cursor: row-resize;
-    user-select: none;
+  cursor: row-resize;
+  user-select: none;
 }
 
 .p-splitter-vertical > .p-splitter-gutter {
-    cursor: row-resize;
+  cursor: row-resize;
 }
 
 .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
-    width: 24px;
-    height: 100%;
+  width: 24px;
+  height: 100%;
 }
 
 .p-splitter-panel {
-    flex-grow: 1;
-    overflow: hidden;
+  flex-grow: 1;
+  overflow: hidden;
 }
 
 .p-splitter-panel-nested {
-    display: flex;
+  display: flex;
 }
 
 .p-splitter-panel .p-splitter {
-    flex-grow: 1;
-    border: 0 none;
+  flex-grow: 1;
+  border: 0 none;
 }
 
 // theme
 .p-splitter {
-    border: $panelContentBorder;
-    background: $panelContentBg;
-    border-radius: $borderRadius;
-    color: $panelContentTextColor;
+  border: $panelContentBorder;
+  background: $panelContentBg;
+  border-radius: $borderRadius;
+  color: $panelContentTextColor;
 
-    .p-splitter-gutter {
-        transition: $actionIconTransition;
-        background: $splitterGutterBg;
-        
-        .p-splitter-gutter-handle {
-            background: $splitterGutterHandleBg;
-            transition: $formElementTransition;
-            outline-color: transparent;
-            
-            &:focus-visible {
-                @include focused();
-            }
-        }
-    }
+  .p-splitter-gutter {
+    transition: $actionIconTransition;
+    background: $splitterGutterBg;
 
-    .p-splitter-gutter-resizing {
-        background: $splitterGutterHandleBg;
+    .p-splitter-gutter-handle {
+      background: $splitterGutterHandleBg;
+      transition: $formElementTransition;
+      outline-color: transparent;
+
+      &:focus-visible {
+        @include focused();
+      }
     }
-}
\ No newline at end of file
+  }
+
+  .p-splitter-gutter-resizing {
+    background: $splitterGutterHandleBg;
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/panel/_stepper.scss b/frontend/public/primevue-sass-theme/theme-base/components/panel/_stepper.scss
index b5294a3..59ac3b6 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/panel/_stepper.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/panel/_stepper.scss
@@ -1,202 +1,202 @@
-@use 'sass:math';
+@use "sass:math";
 
 //core
 .p-stepper .p-stepper-nav {
-    position: relative;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-    overflow-x: auto;
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+  overflow-x: auto;
 }
 
 .p-stepper-vertical .p-stepper-nav {
-    flex-direction: column;
+  flex-direction: column;
 }
 
 .p-stepper-header {
-    position: relative;
-    display: flex;
-    flex: 1 1 auto;
-    align-items: center;
+  position: relative;
+  display: flex;
+  flex: 1 1 auto;
+  align-items: center;
 
-    &:last-of-type {
-        flex: initial;
-    }
+  &:last-of-type {
+    flex: initial;
+  }
 }
 
 .p-stepper-header .p-stepper-action {
-    border: 0 none;
-    display: inline-flex;
-    align-items: center;
-    text-decoration: none;
-    cursor: pointer;
+  border: 0 none;
+  display: inline-flex;
+  align-items: center;
+  text-decoration: none;
+  cursor: pointer;
 
-    &:focus-visible {
-        @include focused();
-    }
+  &:focus-visible {
+    @include focused();
+  }
 }
 
 .p-stepper.p-stepper-readonly .p-stepper-header {
-    cursor: auto;
+  cursor: auto;
 }
 
 .p-stepper-header.p-highlight .p-stepper-action {
-    cursor: default;
+  cursor: default;
 }
 
 .p-stepper-title {
-    display: block;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    max-width: 100%;
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
 }
 
 .p-stepper-number {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .p-stepper-separator {
-    flex: 1 1 0;
+  flex: 1 1 0;
 }
 
 //theme
 .p-stepper {
-    .p-stepper-nav {
-        display: flex;
-        justify-content: space-between;
-        margin: 0;
-        padding: 0;
-        list-style-type: none;
-    }
-    
-    .p-stepper-header {
-        padding: $inlineSpacing;
+  .p-stepper-nav {
+    display: flex;
+    justify-content: space-between;
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+  }
 
-        .p-stepper-action {
-            transition: $listItemTransition;
-            border-radius: $borderRadius;
-            background: $stepsItemBg;
-            outline-color: transparent;
-            
-            .p-stepper-number {
-                color: $stepsItemNumberColor;
-                border: $stepsItemBorder;
-                border-width: 2px;
-                background: $stepsItemBg;
-                min-width: $stepsItemNumberWidth;
-                height: $stepsItemNumberHeight;
-                line-height: $stepsItemNumberHeight;
-                font-size: $stepsItemNumberFontSize;
-                border-radius: $stepsItemNumberBorderRadius;
-                transition: $actionIconTransition;
-            }
-            
-            .p-stepper-title {
-                margin-left: $inlineSpacing;
-                color: $stepsItemTextColor;
-                font-weight: $stepsItemActiveFontWeight;
-                transition: $actionIconTransition;
-            }
+  .p-stepper-header {
+    padding: $inlineSpacing;
 
-            &:not(.p-disabled):focus-visible {
-                @include focused();
-            }
-        }
+    .p-stepper-action {
+      transition: $listItemTransition;
+      border-radius: $borderRadius;
+      background: $stepsItemBg;
+      outline-color: transparent;
 
-        &.p-highlight {
-            .p-stepper-number {
-                background: $highlightBg;
-                color: $highlightTextColor;
-            }
+      .p-stepper-number {
+        color: $stepsItemNumberColor;
+        border: $stepsItemBorder;
+        border-width: 2px;
+        background: $stepsItemBg;
+        min-width: $stepsItemNumberWidth;
+        height: $stepsItemNumberHeight;
+        line-height: $stepsItemNumberHeight;
+        font-size: $stepsItemNumberFontSize;
+        border-radius: $stepsItemNumberBorderRadius;
+        transition: $actionIconTransition;
+      }
 
-            .p-stepper-title {
-                color: $textColor;
-            }
-        }
+      .p-stepper-title {
+        margin-left: $inlineSpacing;
+        color: $stepsItemTextColor;
+        font-weight: $stepsItemActiveFontWeight;
+        transition: $actionIconTransition;
+      }
 
-        &:not(.p-disabled):focus-visible {
-            @include focused();
-        }
-
-        &:has(~ .p-highlight) {
-            @if variable-exists(primaryColor) {
-                .p-stepper-separator {
-                    background-color: $primaryColor;
-                }
-            }
-        }
+      &:not(.p-disabled):focus-visible {
+        @include focused();
+      }
     }
 
-    .p-stepper-panels {
-        background: $tabviewContentBg;
-        padding: $tabviewContentPadding;
-        color: $tabviewContentTextColor;
+    &.p-highlight {
+      .p-stepper-number {
+        background: $highlightBg;
+        color: $highlightTextColor;
+      }
+
+      .p-stepper-title {
+        color: $textColor;
+      }
     }
 
-    .p-stepper-separator {
-        background-color: $timelineEventColor;
+    &:not(.p-disabled):focus-visible {
+      @include focused();
+    }
+
+    &:has(~ .p-highlight) {
+      @if variable-exists(primaryColor) {
+        .p-stepper-separator {
+          background-color: $primaryColor;
+        }
+      }
+    }
+  }
+
+  .p-stepper-panels {
+    background: $tabviewContentBg;
+    padding: $tabviewContentPadding;
+    color: $tabviewContentTextColor;
+  }
+
+  .p-stepper-separator {
+    background-color: $timelineEventColor;
+    width: 100%;
+    height: 2px;
+    margin-inline-start: calc($inlineSpacing * 2);
+    transition: $listItemTransition;
+  }
+
+  &.p-stepper-vertical {
+    display: flex;
+    flex-direction: column;
+
+    .p-stepper-toggleable-content {
+      display: flex;
+      flex: 1 1 auto;
+      background: $tabviewContentBg;
+      color: $tabviewContentTextColor;
+    }
+
+    .p-stepper-panel {
+      display: flex;
+      flex-direction: column;
+      flex: initial;
+
+      &.p-stepper-panel-active {
+        flex: 1 1 auto;
+      }
+
+      .p-stepper-header {
+        flex: initial;
+      }
+
+      .p-stepper-content {
         width: 100%;
-        height: 2px;
-        margin-inline-start: calc($inlineSpacing * 2);
-        transition: $listItemTransition;
-    }
+        padding-left: calc($inlineSpacing * 2);
+      }
 
-    &.p-stepper-vertical {
-        display: flex;
-        flex-direction: column;
+      .p-stepper-separator {
+        flex: 0 0 auto;
+        width: 2px;
+        height: auto;
+        margin-inline-start: calc($inlineSpacing * 7 / 2 + 2px);
+      }
 
-        .p-stepper-toggleable-content {
-            display: flex;
-            flex: 1 1 auto;
-            background: $tabviewContentBg;
-            color: $tabviewContentTextColor;
+      &:has(~ .p-stepper-panel-active) {
+        @if variable-exists(primaryColor) {
+          .p-stepper-separator {
+            background-color: $primaryColor;
+          }
         }
+      }
 
-        .p-stepper-panel {
-            display: flex;
-            flex-direction: column;
-            flex: initial;
-            
-            &.p-stepper-panel-active {
-                flex: 1 1 auto;
-            }
-
-            .p-stepper-header {
-                flex: initial;
-            }
-
-            .p-stepper-content {
-                width: 100%;
-                padding-left: calc($inlineSpacing * 2);
-            }
-
-            .p-stepper-separator {
-                flex: 0 0 auto;
-                width: 2px;
-                height: auto;
-                margin-inline-start: calc($inlineSpacing * 7 / 2 + 2px);
-            }
-
-            &:has(~ .p-stepper-panel-active) {
-                @if variable-exists(primaryColor) {
-                    .p-stepper-separator {
-                        background-color: $primaryColor;
-                    }
-                }
-            }
-
-            &:last-of-type {
-                .p-stepper-content {
-                    padding-left: calc($inlineSpacing * 6);
-                }
-            }
+      &:last-of-type {
+        .p-stepper-content {
+          padding-left: calc($inlineSpacing * 6);
         }
+      }
     }
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/panel/_tabview.scss b/frontend/public/primevue-sass-theme/theme-base/components/panel/_tabview.scss
index ad73254..923c824 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/panel/_tabview.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/panel/_tabview.scss
@@ -1,140 +1,140 @@
 // core
 .p-tabview-nav-container {
-    position: relative;
+  position: relative;
 }
 
 .p-tabview-scrollable .p-tabview-nav-container {
-    overflow: hidden;
+  overflow: hidden;
 }
 
 .p-tabview-nav-content {
-    overflow-x: auto;
-    overflow-y: hidden;
-    scroll-behavior: smooth;
-    scrollbar-width: none;
-    overscroll-behavior: contain auto;
+  overflow-x: auto;
+  overflow-y: hidden;
+  scroll-behavior: smooth;
+  scrollbar-width: none;
+  overscroll-behavior: contain auto;
 }
 
 .p-tabview-nav {
-    display: flex;
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-    flex: 1 1 auto;
+  display: flex;
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+  flex: 1 1 auto;
 }
 
 .p-tabview-header-action {
-    cursor: pointer;
-    user-select: none;
-    display: flex;
-    align-items: center;
-    position: relative;
-    text-decoration: none;
-    overflow: hidden;
+  cursor: pointer;
+  user-select: none;
+  display: flex;
+  align-items: center;
+  position: relative;
+  text-decoration: none;
+  overflow: hidden;
 }
 
 .p-tabview-ink-bar {
-    display: none;
-    z-index: 1;
+  display: none;
+  z-index: 1;
 }
 
 .p-tabview-header-action:focus {
-    z-index: 1;
+  z-index: 1;
 }
 
 .p-tabview-title {
-    line-height: 1;
-    white-space: nowrap;
+  line-height: 1;
+  white-space: nowrap;
 }
 
 .p-tabview-nav-btn {
-    position: absolute;
-    top: 0;
-    z-index: 2;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
+  position: absolute;
+  top: 0;
+  z-index: 2;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .p-tabview-nav-prev {
-    left: 0;
+  left: 0;
 }
 
 .p-tabview-nav-next {
-    right: 0;
+  right: 0;
 }
 
 .p-tabview-nav-content::-webkit-scrollbar {
-    display: none;
+  display: none;
 }
 
 // theme
 .p-tabview {
-    .p-tabview-nav {
-        background: $tabviewNavBg;
-        border: $tabviewNavBorder;
-        border-width: $tabviewNavBorderWidth;
+  .p-tabview-nav {
+    background: $tabviewNavBg;
+    border: $tabviewNavBorder;
+    border-width: $tabviewNavBorderWidth;
 
-        li {
-            margin-right: $tabviewHeaderSpacing;
+    li {
+      margin-right: $tabviewHeaderSpacing;
 
-            .p-tabview-nav-link {
-                border: $tabviewHeaderBorder;
-                border-width: $tabviewHeaderBorderWidth;
-                border-color: $tabviewHeaderBorderColor;
-                background: $tabviewHeaderBg;
-                color: $tabviewHeaderTextColor;
-                padding: $tabviewHeaderPadding;
-                font-weight: $tabviewHeaderFontWeight;
-                border-top-right-radius: $borderRadius;
-                border-top-left-radius: $borderRadius;
-                transition: $listItemTransition;
-                margin: $tabviewHeaderMargin;
-                outline-color: transparent;
-
-                &:not(.p-disabled):focus-visible {
-                    @include focused-inset();
-                }
-            }
-
-            &:not(.p-highlight):not(.p-disabled):hover {
-                .p-tabview-nav-link {
-                    background: $tabviewHeaderHoverBg;
-                    border-color: $tabviewHeaderHoverBorderColor;
-                    color: $tabviewHeaderTextHoverColor;
-                }
-            }
-
-            &.p-highlight {
-                .p-tabview-nav-link {
-                    background: $tabviewHeaderActiveBg;
-                    border-color: $tabviewHeaderActiveBorderColor;
-                    color: $tabviewHeaderTextActiveColor;
-                }
-            }
-        }
-    }
-    
-    .p-tabview-nav-btn.p-link {
-        background: $tabviewHeaderActiveBg;
-        color: $tabviewHeaderTextActiveColor;
-        width: $buttonIconOnlyWidth;
-        box-shadow: $raisedButtonShadow;
-        border-radius: 0;
+      .p-tabview-nav-link {
+        border: $tabviewHeaderBorder;
+        border-width: $tabviewHeaderBorderWidth;
+        border-color: $tabviewHeaderBorderColor;
+        background: $tabviewHeaderBg;
+        color: $tabviewHeaderTextColor;
+        padding: $tabviewHeaderPadding;
+        font-weight: $tabviewHeaderFontWeight;
+        border-top-right-radius: $borderRadius;
+        border-top-left-radius: $borderRadius;
+        transition: $listItemTransition;
+        margin: $tabviewHeaderMargin;
         outline-color: transparent;
 
-        &:focus-visible {
-            @include focused-inset();
+        &:not(.p-disabled):focus-visible {
+          @include focused-inset();
         }
-    }
+      }
 
-    .p-tabview-panels {
-        background: $tabviewContentBg;
-        padding: $tabviewContentPadding;
-        border: $tabviewContentBorder;
-        color: $tabviewContentTextColor;
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
+      &:not(.p-highlight):not(.p-disabled):hover {
+        .p-tabview-nav-link {
+          background: $tabviewHeaderHoverBg;
+          border-color: $tabviewHeaderHoverBorderColor;
+          color: $tabviewHeaderTextHoverColor;
+        }
+      }
+
+      &.p-highlight {
+        .p-tabview-nav-link {
+          background: $tabviewHeaderActiveBg;
+          border-color: $tabviewHeaderActiveBorderColor;
+          color: $tabviewHeaderTextActiveColor;
+        }
+      }
     }
+  }
+
+  .p-tabview-nav-btn.p-link {
+    background: $tabviewHeaderActiveBg;
+    color: $tabviewHeaderTextActiveColor;
+    width: $buttonIconOnlyWidth;
+    box-shadow: $raisedButtonShadow;
+    border-radius: 0;
+    outline-color: transparent;
+
+    &:focus-visible {
+      @include focused-inset();
+    }
+  }
+
+  .p-tabview-panels {
+    background: $tabviewContentBg;
+    padding: $tabviewContentPadding;
+    border: $tabviewContentBorder;
+    color: $tabviewContentTextColor;
+    border-bottom-right-radius: $borderRadius;
+    border-bottom-left-radius: $borderRadius;
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/theme-base/components/panel/_toolbar.scss b/frontend/public/primevue-sass-theme/theme-base/components/panel/_toolbar.scss
index 42293b7..9b4e4e3 100644
--- a/frontend/public/primevue-sass-theme/theme-base/components/panel/_toolbar.scss
+++ b/frontend/public/primevue-sass-theme/theme-base/components/panel/_toolbar.scss
@@ -1,33 +1,33 @@
 // core
 .p-toolbar {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    flex-wrap: wrap;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
 }
 
 .p-toolbar-group-start,
 .p-toolbar-group-center,
 .p-toolbar-group-end {
-    display: flex;
-    align-items: center;
+  display: flex;
+  align-items: center;
 }
 
 .p-toolbar-group-left,
 .p-toolbar-group-right {
-    display: flex;
-    align-items: center;
+  display: flex;
+  align-items: center;
 }
 
 // theme
 .p-toolbar {
-    background: $panelHeaderBg;
-    border: $panelHeaderBorder;
-    padding: $panelHeaderPadding;
-    border-radius: $borderRadius;
-    gap: $inlineSpacing;
+  background: $panelHeaderBg;
+  border: $panelHeaderBorder;
+  padding: $panelHeaderPadding;
+  border-radius: $borderRadius;
+  gap: $inlineSpacing;
 
-    .p-toolbar-separator {
-        margin: 0 $inlineSpacing;
-    }
+  .p-toolbar-separator {
+    margin: 0 $inlineSpacing;
+  }
 }
diff --git a/frontend/public/primevue-sass-theme/themes/lara/lara-dark/_extensions.scss b/frontend/public/primevue-sass-theme/themes/lara/lara-dark/_extensions.scss
index 53df442..89cb4e7 100644
--- a/frontend/public/primevue-sass-theme/themes/lara/lara-dark/_extensions.scss
+++ b/frontend/public/primevue-sass-theme/themes/lara/lara-dark/_extensions.scss
@@ -1,166 +1,186 @@
 @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 {
-    .p-button-label {
-        font-weight: 0;
+  .p-button-label {
+    font-weight: 0;
+  }
+
+  .p-selectbutton > .p-button,
+  .p-togglebutton.p-button {
+    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;
+      }
     }
-    
-    .p-selectbutton > .p-button,
-    .p-togglebutton.p-button {
-        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;
-            }
+  }
+
+  .p-tabview {
+    .p-tabview-nav {
+      li {
+        .p-tabview-nav-link {
+          transition:
+            background-color $transitionDuration,
+            border-color $transitionDuration,
+            box-shadow $transitionDuration;
         }
+      }
     }
-    
-    .p-tabview {
-        .p-tabview-nav {
-            li {
-                .p-tabview-nav-link {
-                    transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
-                }
-            }
+  }
+
+  .p-tabmenu {
+    .p-tabmenu-nav {
+      .p-tabmenuitem {
+        .p-menuitem-link {
+          transition:
+            background-color $transitionDuration,
+            border-color $transitionDuration,
+            box-shadow $transitionDuration;
         }
+      }
+    }
+  }
+
+  .p-carousel {
+    .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+      background-color: $primaryColor;
+    }
+  }
+
+  .p-galleria {
+    .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+      background-color: $primaryColor;
+    }
+  }
+
+  .p-button {
+    &:focus {
+      @include focused-ring(rgba($buttonBg, 0.7));
     }
 
-    .p-tabmenu {
-        .p-tabmenu-nav {
-            .p-tabmenuitem {
-                .p-menuitem-link {
-                    transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
-                }
-            }
-        }
-    }
-    
-    .p-carousel {
-        .p-carousel-indicators .p-carousel-indicator.p-highlight button {
-            background-color: $primaryColor;
-        }
-    }
-    
-    .p-galleria {
-        .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-            background-color: $primaryColor;
-        }
-    }
-    
-    .p-button {
-        &:focus {
-            @include focused-ring(rgba($buttonBg, .7));
-        }
-    
-        &.p-button-secondary:enabled:focus {
-            @include focused-ring(rgba($secondaryButtonBg, .7));
-        }
-    
-        &.p-button-success:enabled:focus {
-            @include focused-ring(rgba($successButtonBg, .7));
-        }
-    
-        &.p-button-info:enabled:focus {
-            @include focused-ring(rgba($infoButtonBg, .7));
-        }
-    
-        &.p-button-warning:enabled:focus {
-            @include focused-ring(rgba($warningButtonBg, .7));
-        }
-    
-        &.p-button-help:enabled:focus {
-            @include focused-ring(rgba($helpButtonBg, .7));
-        }
-    
-        &.p-button-danger:enabled:focus {
-            @include focused-ring(rgba($dangerButtonBg, .7));
-        }
-    }
-    
-    .p-datatable {
-        .p-datatable-tbody {
-            > tr {
-                &.p-datatable-dragpoint-top > td {
-                    box-shadow: inset 0 2px 0 0 $primaryColor;
-                }
-    
-                &.p-datatable-dragpoint-bottom > td {
-                    box-shadow: inset 0 -2px 0 0 $primaryColor;
-                }
-            }
-        }
-    }
-    
-    .p-speeddial-item {
-        &.p-focus > .p-speeddial-action {
-            @include focused-ring(rgba($buttonBg, .7));
-        }
+    &.p-button-secondary:enabled:focus {
+      @include focused-ring(rgba($secondaryButtonBg, 0.7));
     }
 
+    &.p-button-success:enabled:focus {
+      @include focused-ring(rgba($successButtonBg, 0.7));
+    }
+
+    &.p-button-info:enabled:focus {
+      @include focused-ring(rgba($infoButtonBg, 0.7));
+    }
+
+    &.p-button-warning:enabled:focus {
+      @include focused-ring(rgba($warningButtonBg, 0.7));
+    }
+
+    &.p-button-help:enabled:focus {
+      @include focused-ring(rgba($helpButtonBg, 0.7));
+    }
+
+    &.p-button-danger:enabled:focus {
+      @include focused-ring(rgba($dangerButtonBg, 0.7));
+    }
+  }
+
+  .p-datatable {
+    .p-datatable-tbody {
+      > tr {
+        &.p-datatable-dragpoint-top > td {
+          box-shadow: inset 0 2px 0 0 $primaryColor;
+        }
+
+        &.p-datatable-dragpoint-bottom > td {
+          box-shadow: inset 0 -2px 0 0 $primaryColor;
+        }
+      }
+    }
+  }
+
+  .p-speeddial-item {
+    &.p-focus > .p-speeddial-action {
+      @include focused-ring(rgba($buttonBg, 0.7));
+    }
+  }
+
+  .p-toast-message {
+    backdrop-filter: blur(10px);
+  }
+
+  .p-message {
+    .p-message-close {
+      &:hover {
+        background: rgba(255, 255, 255, 0.1);
+      }
+    }
+  }
+
+  .p-toast {
     .p-toast-message {
-        backdrop-filter: blur(10px);
-    }
-
-    .p-message {
-        .p-message-close {
-            &:hover {
-                background: rgba(255,255,255,.1);
-            }        
+      .p-toast-icon-close {
+        &:hover {
+          background: rgba(255, 255, 255, 0.1);
         }
+      }
     }
+  }
 
-    .p-toast {
-        .p-toast-message {
-            .p-toast-icon-close {
-                &:hover {
-                    background: rgba(255,255,255,.1);
-                }
-            }
+  .p-inline-message-text {
+    font-weight: 0;
+  }
+
+  .p-picklist-buttons .p-button,
+  .p-orderlist-controls .p-button {
+    transition:
+      opacity $transitionDuration,
+      background-color $transitionDuration,
+      color $transitionDuration,
+      border-color $transitionDuration,
+      box-shadow $transitionDuration;
+  }
+
+  .p-steps {
+    .p-steps-item {
+      &.p-highlight {
+        .p-steps-number {
+          background: $primaryColor;
+          color: $primaryTextColor;
         }
+      }
     }
+  }
 
-    .p-inline-message-text {
-        font-weight: 0;
-    }
-
-    .p-picklist-buttons .p-button,
-    .p-orderlist-controls .p-button {
-        transition: opacity $transitionDuration, background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
-    }
-
-    .p-steps {
-        .p-steps-item {
-            &.p-highlight {
-                .p-steps-number {
-                    background: $primaryColor;
-                    color: $primaryTextColor;
-                }
-            }
+  .p-stepper {
+    .p-stepper-header {
+      .p-stepper-action {
+        .p-stepper-number {
+          border-style: solid;
+          border-color: $shade600;
         }
-    }
+      }
 
-    .p-stepper {
-        .p-stepper-header {
-            .p-stepper-action {
-                .p-stepper-number {
-                    border-style: solid;
-                    border-color: $shade600;
-                }
-            }
-
-            &.p-highlight {
-                .p-stepper-action {
-                    .p-stepper-number {
-                        background: $primaryColor;
-                        color: $primaryTextColor;
-                    }
-                }
-            }
+      &.p-highlight {
+        .p-stepper-action {
+          .p-stepper-number {
+            background: $primaryColor;
+            color: $primaryTextColor;
+          }
         }
+      }
     }
-}
\ No newline at end of file
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/themes/lara/lara-dark/_variables.scss b/frontend/public/primevue-sass-theme/themes/lara/lara-dark/_variables.scss
index 77e2815..e2c6ce3 100644
--- a/frontend/public/primevue-sass-theme/themes/lara/lara-dark/_variables.scss
+++ b/frontend/public/primevue-sass-theme/themes/lara/lara-dark/_variables.scss
@@ -1,47 +1,50 @@
 $colors: (
-    "blue": #004699,
-    "green": #00964e,
-    "yellow": #ffed00,
-    "cyan": #009ee3,
-    "pink": #e5007d,
-    "indigo": #6366f1,
-    "teal": #14b8a6,
-    "orange": #f97316,
-    "bluegray": #64748b,
-    "purple": #a855f7,
-    "red": #e53009,
-    "primary": $primaryColor,
-    "htwk-yellow": #ffed00,
-    "htwk-yellow-24": rgba(255, 237, 0, 0.24),
-    "htwk-yellow-16": rgba(255, 237, 0, 0.16),
-    "htwk-yellow-01": rgba(255, 237, 0, 0.1),
-    "htwk-magenta": #e5007d,
-    "htwk-rot": #e53009,
-    "htwk-gruen": #00964e,
-    "htwk-cyan": #009ee3,
-    "htwk-blau": #004699,
-    "htwk-silbergrau": #bec3c6,
-    "htwk-silbergrau-80": #cbd3d1,
-    "htwk-silbergrau-60": #d8dedc,
-    "htwk-silbergrau-40": #e5e9e8,
-    "htwk-grau-140": #1b2022,
-    "htwk-grau-120": #242b2d,
-    "htwk-grau": #2e3639,
-    "htwk-grau-80": #575e60,
-    "htwk-grau-60": #818688,
-    "htwk-grau-40": #abaeaf,
-    "htwk-dunkelblau": #022541,
-    "htwk-dunkelblau-80": #345067,
-    "htwk-dunkelblau-60": #677c8d,
-    "htwk-dunkelblau-40": #99a7b3,
-    "htwk-schwarz": #000000,
+  "blue": #004699,
+  "green": #00964e,
+  "yellow": #ffed00,
+  "cyan": #009ee3,
+  "pink": #e5007d,
+  "indigo": #6366f1,
+  "teal": #14b8a6,
+  "orange": #f97316,
+  "bluegray": #64748b,
+  "purple": #a855f7,
+  "red": #e53009,
+  "primary": $primaryColor,
+  "htwk-yellow": #ffed00,
+  "htwk-yellow-24": rgba(255, 237, 0, 0.24),
+  "htwk-yellow-16": rgba(255, 237, 0, 0.16),
+  "htwk-yellow-01": rgba(255, 237, 0, 0.1),
+  "htwk-magenta": #e5007d,
+  "htwk-rot": #e53009,
+  "htwk-gruen": #00964e,
+  "htwk-cyan": #009ee3,
+  "htwk-blau": #004699,
+  "htwk-silbergrau": #bec3c6,
+  "htwk-silbergrau-80": #cbd3d1,
+  "htwk-silbergrau-60": #d8dedc,
+  "htwk-silbergrau-40": #e5e9e8,
+  "htwk-grau-140": #1b2022,
+  "htwk-grau-120": #242b2d,
+  "htwk-grau": #2e3639,
+  "htwk-grau-80": #575e60,
+  "htwk-grau-60": #818688,
+  "htwk-grau-40": #abaeaf,
+  "htwk-dunkelblau": #022541,
+  "htwk-dunkelblau-80": #345067,
+  "htwk-dunkelblau-60": #677c8d,
+  "htwk-dunkelblau-40": #99a7b3,
+  "htwk-schwarz": #000000,
 );
 
 //shades
 $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,33 @@ $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, Twemoji Country Flags, Roboto, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol !default;
+$fontFamily:
+  "Source Sans Pro",
+  -apple-system,
+  BlinkMacSystemFont,
+  Segoe UI,
+  Twemoji Country Flags,
+  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 +156,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 +180,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;
@@ -178,18 +203,19 @@ $secondaryButtonActiveBg: #e2e8f0 !default;
 $secondaryButtonTextActiveColor: $secondaryButtonTextColor !default;
 $secondaryButtonActiveBorderColor: #e2e8f0 !default;
 $secondaryButtonFocusShadow: 0 0 0 1px
-    scale-color($secondaryButtonBg, $lightness: 30%) !default;
+  scale-color($secondaryButtonBg, $lightness: 30%) !default;
 
 $infoButtonBg: map-get($colors, "htwk-blau") !default;
 $infoButtonTextColor: #b1dafa !default;
 $infoButtonBorder: 1px solid map-get($colors, "htwk-blau") !default;
-$infoButtonHoverBg: scale-color($infoButtonBg, $lightness: 30%)  !default;
+$infoButtonHoverBg: scale-color($infoButtonBg, $lightness: 30%) !default;
 $infoButtonTextHoverColor: $infoButtonTextColor !default;
 $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;
@@ -201,19 +227,25 @@ $successButtonActiveBg: #bbf7d0 !default;
 $successButtonTextActiveColor: $successButtonTextColor !default;
 $successButtonActiveBorderColor: #bbf7d0 !default;
 $successButtonFocusShadow: 0 0 0 1px
-    scale-color($successButtonBg, $lightness: 30%) !default;
+  scale-color($successButtonBg, $lightness: 30%) !default;
 
 $warningButtonBg: map-get($colors, "htwk-yellow") !default;
 $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;
+  scale-color($warningButtonBg, $lightness: 30%) !default;
 
 $helpButtonBg: #c084fc !default;
 $helpButtonTextColor: #3b0764 !default;
@@ -236,7 +268,7 @@ $dangerButtonActiveBg: #fecaca !default;
 $dangerButtonTextActiveColor: $dangerButtonTextColor !default;
 $dangerButtonActiveBorderColor: #fecaca !default;
 $dangerButtonFocusShadow: 0 0 0 1px
-    scale-color($dangerButtonBg, $lightness: 30%) !default;
+  scale-color($dangerButtonBg, $lightness: 30%) !default;
 
 $contrastButtonBg: #ffffff !default;
 $contrastButtonTextColor: $shade900 !default;
@@ -478,8 +510,10 @@ $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),
-    0 1px 3px 0 rgba(0, 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;
@@ -644,8 +678,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 +755,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,55 +925,68 @@ $imagePreviewActionIconFontSize: 1.5rem !default;
 $imagePreviewActionIconBorderRadius: 50% !default;
 
 :root {
-    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, Twemoji Country Flags, 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: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, Twemoji Country Flags, 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};
-    --surface-c: #{$hoverBg};
-    --surface-d: #{$shade600};
-    --surface-e: #{$shade800};
-    --surface-f: #{$shade800};
-    --text-color: #{$shade000};
-    --text-color-secondary: #{$shade100};
-    --primary-color: #{$primaryColor};
-    --primary-color-text: #{$primaryTextColor};
-    --surface-0: #{map-get($colors, "htwk-schwarz")};
-    --surface-50: #1d2530;
-    --surface-100: #363d47;
-    --surface-200: #4f565e;
-    --surface-300: #686e75;
-    --surface-400: #82868c;
-    --surface-500: #9b9ea3;
-    --surface-600: #b4b6ba;
-    --surface-700: #cdcfd1;
-    --surface-800: #e6e7e8;
-    --surface-900: #ffffff;
-    --gray-50: #e6e7e8;
-    --gray-100: #cdcfd1;
-    --gray-200: #b4b6ba;
-    --gray-300: #9b9ea3;
-    --gray-400: #82868c;
-    --gray-500: #686e75;
-    --gray-600: #4f565e;
-    --gray-700: #363d47;
-    --gray-800: #1d2530;
-    --gray-900: #{map-get($colors, "htwk-schwarz")};
-    --content-padding: #{$panelContentPadding};
-    --inline-spacing: #{$inlineSpacing};
-    --border-radius: #{$borderRadius};
-    --surface-ground: #{map-get($colors, "htwk-grau")};
-    --surface-section: #{map-get($colors, "htwk-grau")};
-    --surface-card: #{map-get($colors, "htwk-grau")};
-    --surface-overlay: #{map-get($colors, "htwk-grau")};
-    --surface-border: #{map-get($colors, "htwk-dunkelblau-60")};
-    --surface-hover: rgba(255, 255, 255, 0.03);
-    --focus-ring: #{$focusShadow};
-    --maskbg: #{$maskBg};
-    --highlight-bg: #{$highlightBg};
-    --highlight-text-color: #{$highlightTextColor};
-    color-scheme: dark;
-    background-color: #{map-get($colors, "htwk-grau-140")};
+  font-family:
+    "Source Sans Pro",
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Twemoji Country Flags,
+    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: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI,
+    Twemoji Country Flags, 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};
+  --surface-c: #{$hoverBg};
+  --surface-d: #{$shade600};
+  --surface-e: #{$shade800};
+  --surface-f: #{$shade800};
+  --text-color: #{$shade000};
+  --text-color-secondary: #{$shade100};
+  --primary-color: #{$primaryColor};
+  --primary-color-text: #{$primaryTextColor};
+  --surface-0: #{map-get($colors, "htwk-schwarz")};
+  --surface-50: #1d2530;
+  --surface-100: #363d47;
+  --surface-200: #4f565e;
+  --surface-300: #686e75;
+  --surface-400: #82868c;
+  --surface-500: #9b9ea3;
+  --surface-600: #b4b6ba;
+  --surface-700: #cdcfd1;
+  --surface-800: #e6e7e8;
+  --surface-900: #ffffff;
+  --gray-50: #e6e7e8;
+  --gray-100: #cdcfd1;
+  --gray-200: #b4b6ba;
+  --gray-300: #9b9ea3;
+  --gray-400: #82868c;
+  --gray-500: #686e75;
+  --gray-600: #4f565e;
+  --gray-700: #363d47;
+  --gray-800: #1d2530;
+  --gray-900: #{map-get($colors, "htwk-schwarz")};
+  --content-padding: #{$panelContentPadding};
+  --inline-spacing: #{$inlineSpacing};
+  --border-radius: #{$borderRadius};
+  --surface-ground: #{map-get($colors, "htwk-grau")};
+  --surface-section: #{map-get($colors, "htwk-grau")};
+  --surface-card: #{map-get($colors, "htwk-grau")};
+  --surface-overlay: #{map-get($colors, "htwk-grau")};
+  --surface-border: #{map-get($colors, "htwk-dunkelblau-60")};
+  --surface-hover: rgba(255, 255, 255, 0.03);
+  --focus-ring: #{$focusShadow};
+  --maskbg: #{$maskBg};
+  --highlight-bg: #{$highlightBg};
+  --highlight-text-color: #{$highlightTextColor};
+  color-scheme: dark;
+  background-color: #{map-get($colors, "htwk-grau-140")};
 }
diff --git a/frontend/public/primevue-sass-theme/themes/lara/lara-dark/yellow/theme.scss b/frontend/public/primevue-sass-theme/themes/lara/lara-dark/yellow/theme.scss
index 53acaf3..4a8946c 100644
--- a/frontend/public/primevue-sass-theme/themes/lara/lara-dark/yellow/theme.scss
+++ b/frontend/public/primevue-sass-theme/themes/lara/lara-dark/yellow/theme.scss
@@ -5,16 +5,21 @@ $primaryLightestColor: rgba(255, 237, 0, 0.1) !default;
 $primaryTextColor: #030712 !default;
 
 $highlightBg: rgba($primaryColor, 0.16) !default;
-$highlightTextColor: rgba(255,255,255,0.87) !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;
   }
 
@@ -76,10 +81,10 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default;
     border: 1px solid map-get($colors, "htwk-yellow"); /*#93c5fd*/
     font-size: 1rem;
     transition:
-            background-color 0.2s,
-            color 0.2s,
-            border-color 0.2s,
-            box-shadow 0.2s;
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     border-radius: 6px;
     display: flex;
     align-items: center;
@@ -136,10 +141,10 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default;
     border: 1px solid map-get($colors, "htwk-grau-140"); /*#0b213f*/
     color: rgba(255, 255, 255, 0.87);
     transition:
-            background-color 0.2s,
-            color 0.2s,
-            border-color 0.2s,
-            box-shadow 0.2s;
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
   }
 
   .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
@@ -150,23 +155,29 @@ $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*/
   }
 
   .fc.fc-unthemed
-  .fc-toolbar
-  .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
+    .fc-toolbar
+    .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
   .fc.fc-unthemed
-  .fc-toolbar
-  .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
+    .fc-toolbar
+    .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
   .fc.fc-unthemed
-  .fc-toolbar
-  .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+    .fc-toolbar
+    .fc-button.fc-timeGridDay-button.fc-button-active:hover {
     background: map-get($colors, "primary");
     border-color: map-get($colors, "htwk-yellow-24");
     color: map-get($colors, "htwk-schwarz"); /*#1c2127*/
@@ -227,10 +238,10 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default;
   }
 
   .fc.fc-theme-standard
-  .fc-view-harness
-  .fc-popover
-  .fc-popover-header
-  .fc-popover-close {
+    .fc-view-harness
+    .fc-popover
+    .fc-popover-header
+    .fc-popover-close {
     opacity: 1;
     display: flex;
     align-items: center;
@@ -245,34 +256,34 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default;
     background: transparent;
     border-radius: 50%;
     transition:
-            background-color 0.2s,
-            color 0.2s,
-            box-shadow 0.2s;
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
   }
 
   .fc.fc-theme-standard
-  .fc-view-harness
-  .fc-popover
-  .fc-popover-header
-  .fc-popover-close:before {
+    .fc-view-harness
+    .fc-popover
+    .fc-popover-header
+    .fc-popover-close:before {
     content: "\e90b";
   }
 
   .fc.fc-theme-standard
-  .fc-view-harness
-  .fc-popover
-  .fc-popover-header
-  .fc-popover-close:hover {
+    .fc-view-harness
+    .fc-popover
+    .fc-popover-header
+    .fc-popover-close:hover {
     color: rgba(255, 255, 255, 0.87);
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
 
   .fc.fc-theme-standard
-  .fc-view-harness
-  .fc-popover
-  .fc-popover-header
-  .fc-popover-close:focus {
+    .fc-view-harness
+    .fc-popover
+    .fc-popover-header
+    .fc-popover-close:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(map-get($colors, "htwk-yellow"), 0.5); /*rgba(147, 197, 253, 0.5)*/
@@ -293,16 +304,16 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default;
   }
 
   .fc.fc-theme-standard
-  .fc-view-harness
-  .fc-event.fc-daygrid-block-event
-  .fc-event-main {
+    .fc-view-harness
+    .fc-event.fc-daygrid-block-event
+    .fc-event-main {
     color: map-get($colors, "htwk-schwarz"); /*#1c2127*/
   }
 
   .fc.fc-theme-standard
-  .fc-view-harness
-  .fc-event.fc-daygrid-dot-event
-  .fc-daygrid-event-dot {
+    .fc-view-harness
+    .fc-event.fc-daygrid-dot-event
+    .fc-daygrid-event-dot {
     background: map-get($colors, "primary");
     border-color: map-get($colors, "htwk-yellow-24");
   }
@@ -322,10 +333,10 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default;
     border: 1px solid map-get($colors, "htwk-yellow"); /*#93c5fd*/
     font-size: 1rem;
     transition:
-            background-color 0.2s,
-            color 0.2s,
-            border-color 0.2s,
-            box-shadow 0.2s;
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     border-radius: 6px;
   }
 
@@ -387,10 +398,10 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default;
     border: 1px solid map-get($colors, "htwk-grau-140"); /*#0b213f*/
     color: rgba(255, 255, 255, 0.87);
     transition:
-            background-color 0.2s,
-            color 0.2s,
-            border-color 0.2s,
-            box-shadow 0.2s;
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
   }
 
   .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
@@ -402,42 +413,42 @@ $highlightFocusBg: rgba($primaryColor, 0.24) !default;
   }
 
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-dayGridMonth-button.fc-button-active,
+    .fc-toolbar
+    .fc-button.fc-dayGridMonth-button.fc-button-active,
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-timeGridWeek-button.fc-button-active,
+    .fc-toolbar
+    .fc-button.fc-timeGridWeek-button.fc-button-active,
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-timeGridDay-button.fc-button-active {
+    .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*/
   }
 
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
+    .fc-toolbar
+    .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
+    .fc-toolbar
+    .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+    .fc-toolbar
+    .fc-button.fc-timeGridDay-button.fc-button-active:hover {
     background: map-get($colors, "primary");
     border-color: map-get($colors, "htwk-yellow-24");
     color: map-get($colors, "htwk-schwarz"); /*#1c2127*/
   }
 
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-dayGridMonth-button:not(:disabled):focus,
+    .fc-toolbar
+    .fc-button.fc-dayGridMonth-button:not(:disabled):focus,
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-timeGridWeek-button:not(:disabled):focus,
+    .fc-toolbar
+    .fc-button.fc-timeGridWeek-button:not(:disabled):focus,
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-timeGridDay-button:not(:disabled):focus {
+    .fc-toolbar
+    .fc-button.fc-timeGridDay-button:not(:disabled):focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(map-get($colors, "htwk-yellow"), 0.5); /*rgba(147, 197, 253, 0.5)*/
@@ -460,6 +471,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)*/
   }
 }
diff --git a/frontend/public/primevue-sass-theme/themes/lara/lara-light/_extensions.scss b/frontend/public/primevue-sass-theme/themes/lara/lara-light/_extensions.scss
index 2d9dd3c..dcd91b1 100644
--- a/frontend/public/primevue-sass-theme/themes/lara/lara-light/_extensions.scss
+++ b/frontend/public/primevue-sass-theme/themes/lara/lara-light/_extensions.scss
@@ -1,139 +1,159 @@
 @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 {
-    .p-button-label {
-        font-weight: 600;
+  .p-button-label {
+    font-weight: 600;
+  }
+
+  .p-selectbutton > .p-button,
+  .p-togglebutton.p-button {
+    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;
+      }
+    }
+  }
+
+  .p-tabview {
+    .p-tabview-nav {
+      li {
+        .p-tabview-nav-link {
+          transition:
+            background-color $transitionDuration,
+            border-color $transitionDuration,
+            box-shadow $transitionDuration;
+        }
+      }
+    }
+  }
+
+  .p-tabmenu {
+    .p-tabmenu-nav {
+      .p-tabmenuitem {
+        .p-menuitem-link {
+          transition:
+            background-color $transitionDuration,
+            border-color $transitionDuration,
+            box-shadow $transitionDuration;
+        }
+      }
+    }
+  }
+
+  .p-carousel {
+    .p-carousel-indicators .p-carousel-indicator.p-highlight button {
+      background-color: $primaryColor;
+    }
+  }
+
+  .p-galleria {
+    .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+      background-color: $primaryColor;
+    }
+  }
+
+  .p-button {
+    &:focus {
+      @include focused-ring(scale-color($buttonBg, $lightness: 50%));
     }
 
-    .p-selectbutton > .p-button,
-    .p-togglebutton.p-button {
-        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;
-            }
-        }
-    }
-    
-    .p-tabview {
-        .p-tabview-nav {
-            li {
-                .p-tabview-nav-link {
-                    transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
-                }
-            }
-        }
+    &.p-button-secondary:enabled:focus {
+      @include focused-ring(scale-color($secondaryButtonBg, $lightness: 50%));
     }
 
-    .p-tabmenu {
-        .p-tabmenu-nav {
-            .p-tabmenuitem {
-                .p-menuitem-link {
-                    transition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
-                }
-            }
-        }
-    }
-    
-    .p-carousel {
-        .p-carousel-indicators .p-carousel-indicator.p-highlight button {
-            background-color: $primaryColor;
-        }
-    }
-    
-    .p-galleria {
-        .p-galleria-indicators .p-galleria-indicator.p-highlight button {
-            background-color: $primaryColor;
-        }
-    }
-    
-    .p-button {
-        &:focus {
-            @include focused-ring(scale-color($buttonBg, $lightness: 50%));
-        }
-    
-        &.p-button-secondary:enabled:focus {
-            @include focused-ring(scale-color($secondaryButtonBg, $lightness: 50%));
-        }
-    
-        &.p-button-success:enabled:focus {
-            @include focused-ring($successButtonBg);
-        }
-    
-        &.p-button-info:enabled:focus {
-            @include focused-ring(scale-color($infoButtonBg, $lightness: 50%));
-        }
-    
-        &.p-button-warning:enabled:focus {
-            @include focused-ring(scale-color($warningButtonBg, $lightness: 50%));
-        }
-    
-        &.p-button-help:enabled:focus {
-            @include focused-ring(scale-color($helpButtonBg, $lightness: 50%));
-        }
-    
-        &.p-button-danger:enabled:focus {
-            @include focused-ring(scale-color($dangerButtonBg, $lightness: 50%));
-        }
-    }
-    
-    .p-datatable {
-        .p-datatable-tbody {
-            > tr {
-                &.p-datatable-dragpoint-top > td {
-                    box-shadow: inset 0 2px 0 0 $primaryColor;
-                }
-    
-                &.p-datatable-dragpoint-bottom > td {
-                    box-shadow: inset 0 -2px 0 0 $primaryColor;
-                }
-            }
-        }
-    }
-    
-    .p-speeddial-item {
-        &.p-focus > .p-speeddial-action {
-            @include focused-ring(scale-color($buttonBg, $lightness: 50%));
-        }
+    &.p-button-success:enabled:focus {
+      @include focused-ring($successButtonBg);
     }
 
-    .p-toast-message {
-        backdrop-filter: blur(10px);
+    &.p-button-info:enabled:focus {
+      @include focused-ring(scale-color($infoButtonBg, $lightness: 50%));
     }
 
-    .p-inline-message-text {
-        font-weight: 500;
+    &.p-button-warning:enabled:focus {
+      @include focused-ring(scale-color($warningButtonBg, $lightness: 50%));
     }
 
-    .p-picklist-buttons .p-button,
-    .p-orderlist-controls .p-button {
-        transition: opacity $transitionDuration, background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration;
+    &.p-button-help:enabled:focus {
+      @include focused-ring(scale-color($helpButtonBg, $lightness: 50%));
     }
 
-    .p-steps {
-        .p-steps-item {
-            &.p-highlight {
-                .p-steps-number {
-                    background: $primaryColor;
-                    color: $primaryTextColor;
-                }
-            }
+    &.p-button-danger:enabled:focus {
+      @include focused-ring(scale-color($dangerButtonBg, $lightness: 50%));
+    }
+  }
+
+  .p-datatable {
+    .p-datatable-tbody {
+      > tr {
+        &.p-datatable-dragpoint-top > td {
+          box-shadow: inset 0 2px 0 0 $primaryColor;
         }
-    }
-    
-    .p-stepper {
-        .p-stepper-header {
-            &.p-highlight {
-                .p-stepper-number {
-                    background: $primaryColor;
-                    color: $primaryTextColor;
-                }
-            }
+
+        &.p-datatable-dragpoint-bottom > td {
+          box-shadow: inset 0 -2px 0 0 $primaryColor;
         }
+      }
     }
-}
\ No newline at end of file
+  }
+
+  .p-speeddial-item {
+    &.p-focus > .p-speeddial-action {
+      @include focused-ring(scale-color($buttonBg, $lightness: 50%));
+    }
+  }
+
+  .p-toast-message {
+    backdrop-filter: blur(10px);
+  }
+
+  .p-inline-message-text {
+    font-weight: 500;
+  }
+
+  .p-picklist-buttons .p-button,
+  .p-orderlist-controls .p-button {
+    transition:
+      opacity $transitionDuration,
+      background-color $transitionDuration,
+      color $transitionDuration,
+      border-color $transitionDuration,
+      box-shadow $transitionDuration;
+  }
+
+  .p-steps {
+    .p-steps-item {
+      &.p-highlight {
+        .p-steps-number {
+          background: $primaryColor;
+          color: $primaryTextColor;
+        }
+      }
+    }
+  }
+
+  .p-stepper {
+    .p-stepper-header {
+      &.p-highlight {
+        .p-stepper-number {
+          background: $primaryColor;
+          color: $primaryTextColor;
+        }
+      }
+    }
+  }
+}
diff --git a/frontend/public/primevue-sass-theme/themes/lara/lara-light/_variables.scss b/frontend/public/primevue-sass-theme/themes/lara/lara-light/_variables.scss
index 3017dd1..b20e8a7 100644
--- a/frontend/public/primevue-sass-theme/themes/lara/lara-light/_variables.scss
+++ b/frontend/public/primevue-sass-theme/themes/lara/lara-light/_variables.scss
@@ -1,634 +1,661 @@
 $colors: (
-        "blue": #004699,
-        "green": #00964e,
-        "yellow": #ffed00,
-        "cyan": #009ee3,
-        "pink": #e5007d,
-        "indigo": #6366f1,
-        "teal": #14b8a6,
-        "orange": #f97316,
-        "bluegray": #64748b,
-        "purple": #a855f7,
-        "red": #e53009,
-        "primary": $primaryColor,
-        "primary-24": rgba($primaryColor, 0.24),
-        "htwk-yellow": #ffed00,
-        "htwk-yellow-24": rgba(255, 237, 0, 0.24),
-        "htwk-yellow-16": rgba(255, 237, 0, 0.16),
-        "htwk-yellow-01": rgba(255, 237, 0, 0.1),
-        "htwk-magenta": #e5007d,
-        "htwk-rot": #e53009,
-        "htwk-gruen": #00964e,
-        "htwk-cyan": #009ee3,
-        "htwk-blau": #004699,
-        "htwk-silbergrau": #bec3c6,
-        "htwk-silbergrau-80": #cbd3d1,
-        "htwk-silbergrau-60": #d8dedc,
-        "htwk-silbergrau-40": #e5e9e8,
-        "htwk-grau-140": #1b2022,
-        "htwk-grau-120": #242b2d,
-        "htwk-grau": #2e3639,
-        "htwk-grau-80": #575e60,
-        "htwk-grau-60": #818688,
-        "htwk-grau-40": #abaeaf,
-        "htwk-dunkelblau": #022541,
-        "htwk-dunkelblau-80": #345067,
-        "htwk-dunkelblau-60": #677c8d,
-        "htwk-dunkelblau-40": #99a7b3,
-        "htwk-schwarz": #000000,
+  "blue": #004699,
+  "green": #00964e,
+  "yellow": #ffed00,
+  "cyan": #009ee3,
+  "pink": #e5007d,
+  "indigo": #6366f1,
+  "teal": #14b8a6,
+  "orange": #f97316,
+  "bluegray": #64748b,
+  "purple": #a855f7,
+  "red": #e53009,
+  "primary": $primaryColor,
+  "primary-24": rgba($primaryColor, 0.24),
+  "htwk-yellow": #ffed00,
+  "htwk-yellow-24": rgba(255, 237, 0, 0.24),
+  "htwk-yellow-16": rgba(255, 237, 0, 0.16),
+  "htwk-yellow-01": rgba(255, 237, 0, 0.1),
+  "htwk-magenta": #e5007d,
+  "htwk-rot": #e53009,
+  "htwk-gruen": #00964e,
+  "htwk-cyan": #009ee3,
+  "htwk-blau": #004699,
+  "htwk-silbergrau": #bec3c6,
+  "htwk-silbergrau-80": #cbd3d1,
+  "htwk-silbergrau-60": #d8dedc,
+  "htwk-silbergrau-40": #e5e9e8,
+  "htwk-grau-140": #1b2022,
+  "htwk-grau-120": #242b2d,
+  "htwk-grau": #2e3639,
+  "htwk-grau-80": #575e60,
+  "htwk-grau-60": #818688,
+  "htwk-grau-40": #abaeaf,
+  "htwk-dunkelblau": #022541,
+  "htwk-dunkelblau-80": #345067,
+  "htwk-dunkelblau-60": #677c8d,
+  "htwk-dunkelblau-40": #99a7b3,
+  "htwk-schwarz": #000000,
 );
 
 //reused color variables
-$shade000:#ffffff !default;    //surface
-$shade100:#f9fafb !default;    //header background
-$shade200:#f3f4f6 !default;    //hover background
-$shade300:#e5e7eb !default;    //border, divider
-$shade400:#d1d5db !default;    //input border
-$shade500:#9ca3af !default;    //input icon
-$shade600:#6b7280 !default;    //text secondary color
-$shade700:#4b5563 !default;    //text color
-$shade800:#374151 !default;    //unused
-$shade900:#1f2937 !default;    //unused
+$shade000: #ffffff !default; //surface
+$shade100: #f9fafb !default; //header background
+$shade200: #f3f4f6 !default; //hover background
+$shade300: #e5e7eb !default; //border, divider
+$shade400: #d1d5db !default; //input border
+$shade500: #9ca3af !default; //input icon
+$shade600: #6b7280 !default; //text secondary color
+$shade700: #4b5563 !default; //text color
+$shade800: #374151 !default; //unused
+$shade900: #1f2937 !default; //unused
 
 //global
-$fontFamily:"Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, Twemoji Country Flags, 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;
-$listItemTransition:box-shadow $transitionDuration !default;
-$primeIconFontSize:1rem !default;
-$divider:1px solid $shade300 !default;
-$inlineSpacing:.5rem !default;
-$disabledOpacity:.6 !default;
-$maskBg:rgba(0, 0, 0, 0.4) !default;
-$loadingIconFontSize:2rem !default;
+$fontFamily:
+  "Source Sans Pro",
+  -apple-system,
+  BlinkMacSystemFont,
+  Segoe UI,
+  Twemoji Country Flags,
+  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: 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: 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;
 
 //scale
-$scaleSM:0.875 !default;
-$scaleLG:1.25 !default;
+$scaleSM: 0.875 !default;
+$scaleLG: 1.25 !default;
 
 //focus
-$focusOutlineColor:$primaryLightColor !default;
-$focusOutline:0 none !default;
-$focusOutlineOffset:0 !default;
-$inputFocusOutlineOffset:$focusOutlineOffset !default;
-$focusShadow:0 0 0 0.2rem $focusOutlineColor !default;
+$focusOutlineColor: $primaryLightColor !default;
+$focusOutline: 0 none !default;
+$focusOutlineOffset: 0 !default;
+$inputFocusOutlineOffset: $focusOutlineOffset !default;
+$focusShadow: 0 0 0 0.2rem $focusOutlineColor !default;
 
 //action icons
-$actionIconWidth:2rem !default;
-$actionIconHeight:2rem !default;
-$actionIconBg:transparent !default;
-$actionIconBorder:0 none !default;
-$actionIconColor:$shade600 !default;
-$actionIconHoverBg:$shade200 !default;
-$actionIconHoverBorderColor:transparent !default;
-$actionIconHoverColor:$shade800 !default;
-$actionIconBorderRadius:50% !default;
+$actionIconWidth: 2rem !default;
+$actionIconHeight: 2rem !default;
+$actionIconBg: transparent !default;
+$actionIconBorder: 0 none !default;
+$actionIconColor: $shade600 !default;
+$actionIconHoverBg: $shade200 !default;
+$actionIconHoverBorderColor: transparent !default;
+$actionIconHoverColor: $shade800 !default;
+$actionIconBorderRadius: 50% !default;
 
 //input field (e.g. inputtext, spinner, inputmask)
-$inputPadding:.75rem .75rem !default;
-$inputTextFontSize:1rem !default;
+$inputPadding: 0.75rem 0.75rem !default;
+$inputTextFontSize: 1rem !default;
 
-$inputBg:$shade000 !default;
-$inputTextColor:$shade700 !default;
-$inputIconColor:$shade600 !default;
-$inputBorder:1px solid $shade400 !default;
-$inputHoverBorderColor:$primaryColor !default;
-$inputFocusBorderColor:$primaryColor !default;
-$inputErrorBorderColor:$errorColor !default;
-$inputPlaceholderTextColor:$shade600 !default;
-$inputFilledBg:$shade200 !default;
-$inputFilledHoverBg:$inputFilledBg !default;
-$inputFilledFocusBg:$shade000 !default;
+$inputBg: $shade000 !default;
+$inputTextColor: $shade700 !default;
+$inputIconColor: $shade600 !default;
+$inputBorder: 1px solid $shade400 !default;
+$inputHoverBorderColor: $primaryColor !default;
+$inputFocusBorderColor: $primaryColor !default;
+$inputErrorBorderColor: $errorColor !default;
+$inputPlaceholderTextColor: $shade600 !default;
+$inputFilledBg: $shade200 !default;
+$inputFilledHoverBg: $inputFilledBg !default;
+$inputFilledFocusBg: $shade000 !default;
 
 //input groups
-$inputGroupBg:$shade200 !default;
-$inputGroupTextColor:$shade600 !default;
+$inputGroupBg: $shade200 !default;
+$inputGroupTextColor: $shade600 !default;
 $inputGroupAddOnMinWidth: 3rem !default;
 
 //input lists (e.g. dropdown, autocomplete, multiselect, orderlist)
-$inputListBg:$shade000 !default;
-$inputListTextColor:$shade700 !default;
-$inputListBorder:$inputBorder !default;
-$inputListPadding:.75rem 0 !default;
-$inputListItemPadding:.75rem 1.25rem !default;
-$inputListItemBg:transparent !default;
-$inputListItemTextColor:$shade700 !default;
-$inputListItemHoverBg:$shade200 !default;
-$inputListItemTextHoverColor:$shade700 !default;
-$inputListItemFocusBg:$shade300 !default;
-$inputListItemTextFocusColor:$shade700 !default;
-$inputListItemBorder:0 none !default;
-$inputListItemBorderRadius:0 !default;
-$inputListItemMargin:0 !default;
-$inputListItemFocusShadow:inset 0 0 0 0.15rem $focusOutlineColor !default;
-$inputListHeaderPadding:.75rem 1.25rem !default;
-$inputListHeaderMargin:0 !default;
-$inputListHeaderBg:$shade100 !default;
-$inputListHeaderTextColor:$shade800 !default;
-$inputListHeaderBorder:1px solid $shade300 !default;
+$inputListBg: $shade000 !default;
+$inputListTextColor: $shade700 !default;
+$inputListBorder: $inputBorder !default;
+$inputListPadding: 0.75rem 0 !default;
+$inputListItemPadding: 0.75rem 1.25rem !default;
+$inputListItemBg: transparent !default;
+$inputListItemTextColor: $shade700 !default;
+$inputListItemHoverBg: $shade200 !default;
+$inputListItemTextHoverColor: $shade700 !default;
+$inputListItemFocusBg: $shade300 !default;
+$inputListItemTextFocusColor: $shade700 !default;
+$inputListItemBorder: 0 none !default;
+$inputListItemBorderRadius: 0 !default;
+$inputListItemMargin: 0 !default;
+$inputListItemFocusShadow: inset 0 0 0 0.15rem $focusOutlineColor !default;
+$inputListHeaderPadding: 0.75rem 1.25rem !default;
+$inputListHeaderMargin: 0 !default;
+$inputListHeaderBg: $shade100 !default;
+$inputListHeaderTextColor: $shade800 !default;
+$inputListHeaderBorder: 1px solid $shade300 !default;
 
 //inputs with overlays (e.g. autocomplete, dropdown, multiselect)
-$inputOverlayBg:$inputListBg !default;
-$inputOverlayHeaderBg:$inputListHeaderBg !default;
-$inputOverlayBorder:0 none !default;
-$inputOverlayShadow:0 2px 12px 0 rgba(0,0,0,.1) !default;
+$inputOverlayBg: $inputListBg !default;
+$inputOverlayHeaderBg: $inputListHeaderBg !default;
+$inputOverlayBorder: 0 none !default;
+$inputOverlayShadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;
 
 //password
-$passwordMeterBg:$shade300 !default;
-$passwordWeakBg:#ea5455 !default;
-$passwordMediumBg:#ff9f42 !default;
-$passwordStrongBg:#29c76f !default;
+$passwordMeterBg: $shade300 !default;
+$passwordWeakBg: #ea5455 !default;
+$passwordMediumBg: #ff9f42 !default;
+$passwordStrongBg: #29c76f !default;
 
 //button
-$buttonPadding:.75rem 1.25rem !default;
-$buttonIconOnlyWidth:3rem !default;
-$buttonIconOnlyPadding:.75rem 0 !default;
-$buttonBg:$primaryColor !default;
-$buttonTextColor:$primaryTextColor !default;
-$buttonBorder:1px solid $primaryColor !default;
-$buttonHoverBg:$primaryDarkColor !default;
-$buttonTextHoverColor:$primaryTextColor !default;
-$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;
-$roundedButtonBorderRadius:2rem !default;
+$buttonPadding: 0.75rem 1.25rem !default;
+$buttonIconOnlyWidth: 3rem !default;
+$buttonIconOnlyPadding: 0.75rem 0 !default;
+$buttonBg: $primaryColor !default;
+$buttonTextColor: $primaryTextColor !default;
+$buttonBorder: 1px solid $primaryColor !default;
+$buttonHoverBg: $primaryDarkColor !default;
+$buttonTextHoverColor: $primaryTextColor !default;
+$buttonHoverBorderColor: $primaryDarkColor !default;
+$buttonActiveBg: $primaryDarkerColor !default;
+$buttonTextActiveColor: $primaryTextColor !default;
+$buttonActiveBorderColor: $primaryDarkerColor !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;
-$outlinedButtonBorder:1px solid !default;
-$plainButtonTextColor:$textSecondaryColor !default;
-$plainButtonHoverBgColor:$shade200 !default;
-$plainButtonActiveBgColor:$shade300 !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;
-$secondaryButtonTextColor:#ffffff !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;
+$secondaryButtonBg: #64748b !default;
+$secondaryButtonTextColor: #ffffff !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;
 
 $infoButtonBg: map-get($colors, "htwk-blau") !default;
-$infoButtonTextColor:#ffffff !default;
-$infoButtonBorder:1px solid map-get($colors, "htwk-blau") !default;
+$infoButtonTextColor: #ffffff !default;
+$infoButtonBorder: 1px solid map-get($colors, "htwk-blau") !default;
 $infoButtonHoverBg: #0257c7 !default;
-$infoButtonTextHoverColor:$infoButtonTextColor !default;
+$infoButtonTextHoverColor: $infoButtonTextColor !default;
 $infoButtonHoverBorderColor: map-get($colors, "htwk-blau") !default;
-$infoButtonActiveBg:rgba(map-get($colors, "htwk-blau"), .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;
+$infoButtonActiveBg: rgba(map-get($colors, "htwk-blau"), 0.8) !default;
+$infoButtonTextActiveColor: $infoButtonTextColor !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;
-$successButtonBorder:1px solid map-get($colors, "htwk-gruen") !default;
+$successButtonTextColor: #ffffff !default;
+$successButtonBorder: 1px solid map-get($colors, "htwk-gruen") !default;
 $successButtonHoverBg: map-get($colors, "htwk-gruen") !default;
-$successButtonTextHoverColor:$successButtonTextColor !default;
+$successButtonTextHoverColor: $successButtonTextColor !default;
 $successButtonHoverBorderColor: map-get($colors, "htwk-gruen") !default;
-$successButtonActiveBg:#15803D !default;
-$successButtonTextActiveColor:$successButtonTextColor !default;
-$successButtonActiveBorderColor:rgba(map-get($colors, "htwk-gruen"), .9) !default;
-$successButtonFocusShadow:0 0 0 0.2rem map-get($colors, "htwk-gruen") !default;
+$successButtonActiveBg: #15803d !default;
+$successButtonTextActiveColor: $successButtonTextColor !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;
-$warningButtonTextColor:#ffffff !default;
-$warningButtonBorder:1px solid #f97316 !default;
-$warningButtonHoverBg:#ea580c !default;
-$warningButtonTextHoverColor:$warningButtonTextColor !default;
-$warningButtonHoverBorderColor:#ea580c !default;
-$warningButtonActiveBg:#c2410c !default;
-$warningButtonTextActiveColor:$warningButtonTextColor !default;
-$warningButtonActiveBorderColor:#c2410c !default;
-$warningButtonFocusShadow:0 0 0 0.2rem #FDE68A !default;
+$warningButtonBg: #f97316 !default;
+$warningButtonTextColor: #ffffff !default;
+$warningButtonBorder: 1px solid #f97316 !default;
+$warningButtonHoverBg: #ea580c !default;
+$warningButtonTextHoverColor: $warningButtonTextColor !default;
+$warningButtonHoverBorderColor: #ea580c !default;
+$warningButtonActiveBg: #c2410c !default;
+$warningButtonTextActiveColor: $warningButtonTextColor !default;
+$warningButtonActiveBorderColor: #c2410c !default;
+$warningButtonFocusShadow: 0 0 0 0.2rem #fde68a !default;
 
-$helpButtonBg:#A855F7 !default;
-$helpButtonTextColor:#ffffff !default;
-$helpButtonBorder:1px solid #A855F7 !default;
-$helpButtonHoverBg:#9333EA !default;
-$helpButtonTextHoverColor:$helpButtonTextColor !default;
-$helpButtonHoverBorderColor:#9333EA !default;
-$helpButtonActiveBg:#7E22CE !default;
-$helpButtonTextActiveColor:$helpButtonTextColor !default;
-$helpButtonActiveBorderColor:#7E22CE !default;
-$helpButtonFocusShadow:0 0 0 0.2rem #E9D5FF !default;
+$helpButtonBg: #a855f7 !default;
+$helpButtonTextColor: #ffffff !default;
+$helpButtonBorder: 1px solid #a855f7 !default;
+$helpButtonHoverBg: #9333ea !default;
+$helpButtonTextHoverColor: $helpButtonTextColor !default;
+$helpButtonHoverBorderColor: #9333ea !default;
+$helpButtonActiveBg: #7e22ce !default;
+$helpButtonTextActiveColor: $helpButtonTextColor !default;
+$helpButtonActiveBorderColor: #7e22ce !default;
+$helpButtonFocusShadow: 0 0 0 0.2rem #e9d5ff !default;
 
-$dangerButtonBg:#EF4444 !default;
-$dangerButtonTextColor:#ffffff !default;
-$dangerButtonBorder:1px solid $dangerButtonBg !default;
-$dangerButtonHoverBg:#DC2626 !default;
-$dangerButtonTextHoverColor:$dangerButtonTextColor !default;
-$dangerButtonHoverBorderColor:#DC2626 !default;
-$dangerButtonActiveBg:#B91C1C !default;
-$dangerButtonTextActiveColor:$dangerButtonTextColor !default;
-$dangerButtonActiveBorderColor:#B91C1C !default;
-$dangerButtonFocusShadow:0 0 0 0.2rem #FECACA !default;
+$dangerButtonBg: #ef4444 !default;
+$dangerButtonTextColor: #ffffff !default;
+$dangerButtonBorder: 1px solid $dangerButtonBg !default;
+$dangerButtonHoverBg: #dc2626 !default;
+$dangerButtonTextHoverColor: $dangerButtonTextColor !default;
+$dangerButtonHoverBorderColor: #dc2626 !default;
+$dangerButtonActiveBg: #b91c1c !default;
+$dangerButtonTextActiveColor: $dangerButtonTextColor !default;
+$dangerButtonActiveBorderColor: #b91c1c !default;
+$dangerButtonFocusShadow: 0 0 0 0.2rem #fecaca !default;
 
-$contrastButtonBg:$shade900 !default;
-$contrastButtonTextColor:#ffffff !default;
-$contrastButtonBorder:1px solid $contrastButtonBg !default;
-$contrastButtonHoverBg:$shade800 !default;
-$contrastButtonTextHoverColor:$contrastButtonTextColor !default;
-$contrastButtonHoverBorderColor:$shade800 !default;
-$contrastButtonActiveBg:$shade700 !default;
-$contrastButtonTextActiveColor:$contrastButtonTextColor !default;
-$contrastButtonActiveBorderColor:$shade700 !default;
-$contrastButtonFocusShadow:none !default;
+$contrastButtonBg: $shade900 !default;
+$contrastButtonTextColor: #ffffff !default;
+$contrastButtonBorder: 1px solid $contrastButtonBg !default;
+$contrastButtonHoverBg: $shade800 !default;
+$contrastButtonTextHoverColor: $contrastButtonTextColor !default;
+$contrastButtonHoverBorderColor: $shade800 !default;
+$contrastButtonActiveBg: $shade700 !default;
+$contrastButtonTextActiveColor: $contrastButtonTextColor !default;
+$contrastButtonActiveBorderColor: $shade700 !default;
+$contrastButtonFocusShadow: none !default;
 
-$linkButtonColor:$primaryDarkerColor !default;
-$linkButtonHoverColor:$primaryDarkerColor !default;
-$linkButtonTextHoverDecoration:underline !default;
-$linkButtonFocusShadow:0 0 0 0.2rem $focusOutlineColor !default;
+$linkButtonColor: $primaryDarkerColor !default;
+$linkButtonHoverColor: $primaryDarkerColor !default;
+$linkButtonTextHoverDecoration: underline !default;
+$linkButtonFocusShadow: 0 0 0 0.2rem $focusOutlineColor !default;
 
 //checkbox
-$checkboxWidth:22px !default;
-$checkboxHeight:22px !default;
-$checkboxBorder:2px solid $shade400 !default;
-$checkboxIconFontSize:14px !default;
-$checkboxActiveBorderColor:$primaryColor !default;
-$checkboxActiveBg:$primaryColor !default;
-$checkboxIconActiveColor:$primaryTextColor !default;
-$checkboxActiveHoverBg:$primaryDarkerColor !default;
-$checkboxIconActiveHoverColor:$primaryTextColor !default;
-$checkboxActiveHoverBorderColor:$primaryDarkerColor !default;
+$checkboxWidth: 22px !default;
+$checkboxHeight: 22px !default;
+$checkboxBorder: 2px solid $shade400 !default;
+$checkboxIconFontSize: 14px !default;
+$checkboxActiveBorderColor: $primaryColor !default;
+$checkboxActiveBg: $primaryColor !default;
+$checkboxIconActiveColor: $primaryTextColor !default;
+$checkboxActiveHoverBg: $primaryDarkerColor !default;
+$checkboxIconActiveHoverColor: $primaryTextColor !default;
+$checkboxActiveHoverBorderColor: $primaryDarkerColor !default;
 
 //radiobutton
-$radiobuttonWidth:22px !default;
-$radiobuttonHeight:22px !default;
-$radiobuttonBorder:2px solid $shade400 !default;
-$radiobuttonIconSize:12px !default;
-$radiobuttonActiveBorderColor:$primaryColor !default;
-$radiobuttonActiveBg:$primaryColor !default;
-$radiobuttonIconActiveColor:$primaryTextColor !default;
-$radiobuttonActiveHoverBg:$primaryDarkerColor !default;
-$radiobuttonIconActiveHoverColor:$primaryTextColor !default;
-$radiobuttonActiveHoverBorderColor:$primaryDarkerColor !default;
+$radiobuttonWidth: 22px !default;
+$radiobuttonHeight: 22px !default;
+$radiobuttonBorder: 2px solid $shade400 !default;
+$radiobuttonIconSize: 12px !default;
+$radiobuttonActiveBorderColor: $primaryColor !default;
+$radiobuttonActiveBg: $primaryColor !default;
+$radiobuttonIconActiveColor: $primaryTextColor !default;
+$radiobuttonActiveHoverBg: $primaryDarkerColor !default;
+$radiobuttonIconActiveHoverColor: $primaryTextColor !default;
+$radiobuttonActiveHoverBorderColor: $primaryDarkerColor !default;
 
 //colorpicker
-$colorPickerPreviewWidth:2rem !default;
-$colorPickerPreviewHeight:2rem !default;
-$colorPickerBg:#323232 !default;
-$colorPickerBorder:1px solid #191919 !default;
-$colorPickerHandleColor:$shade000 !default;
+$colorPickerPreviewWidth: 2rem !default;
+$colorPickerPreviewHeight: 2rem !default;
+$colorPickerBg: #323232 !default;
+$colorPickerBorder: 1px solid #191919 !default;
+$colorPickerHandleColor: $shade000 !default;
 
 //togglebutton
-$toggleButtonBg:$inputBg !default;
-$toggleButtonBorder:1px solid $shade400 !default;
-$toggleButtonTextColor:$shade700 !default;
-$toggleButtonIconColor:$shade600 !default;
-$toggleButtonHoverBg:$shade200 !default;
-$toggleButtonHoverBorderColor:$shade400 !default;
-$toggleButtonTextHoverColor:$shade700 !default;
-$toggleButtonIconHoverColor:$shade800 !default;
-$toggleButtonActiveBg:$primaryColor !default;
-$toggleButtonActiveBorderColor:$primaryColor !default;
-$toggleButtonTextActiveColor:$primaryTextColor !default;
-$toggleButtonIconActiveColor:$primaryTextColor !default;
-$toggleButtonActiveHoverBg:$primaryDarkColor !default;
-$toggleButtonActiveHoverBorderColor:$primaryDarkColor !default;
-$toggleButtonTextActiveHoverColor:$primaryTextColor !default;
-$toggleButtonIconActiveHoverColor:$primaryTextColor !default;
+$toggleButtonBg: $inputBg !default;
+$toggleButtonBorder: 1px solid $shade400 !default;
+$toggleButtonTextColor: $shade700 !default;
+$toggleButtonIconColor: $shade600 !default;
+$toggleButtonHoverBg: $shade200 !default;
+$toggleButtonHoverBorderColor: $shade400 !default;
+$toggleButtonTextHoverColor: $shade700 !default;
+$toggleButtonIconHoverColor: $shade800 !default;
+$toggleButtonActiveBg: $primaryColor !default;
+$toggleButtonActiveBorderColor: $primaryColor !default;
+$toggleButtonTextActiveColor: $primaryTextColor !default;
+$toggleButtonIconActiveColor: $primaryTextColor !default;
+$toggleButtonActiveHoverBg: $primaryDarkColor !default;
+$toggleButtonActiveHoverBorderColor: $primaryDarkColor !default;
+$toggleButtonTextActiveHoverColor: $primaryTextColor !default;
+$toggleButtonIconActiveHoverColor: $primaryTextColor !default;
 
 //inplace
-$inplacePadding:$inputPadding !default;
-$inplaceHoverBg:$shade200 !default;
-$inplaceTextHoverColor:$shade700 !default;
+$inplacePadding: $inputPadding !default;
+$inplaceHoverBg: $shade200 !default;
+$inplaceTextHoverColor: $shade700 !default;
 
 //rating
-$ratingIconFontSize:1.143rem !default;
-$ratingCancelIconColor:#ea5455 !default;
-$ratingCancelIconHoverColor:#e73d3e !default;
-$ratingStarIconOffColor:$shade700 !default;
-$ratingStarIconOnColor:$primaryColor !default;
-$ratingStarIconHoverColor:$primaryColor !default;
+$ratingIconFontSize: 1.143rem !default;
+$ratingCancelIconColor: #ea5455 !default;
+$ratingCancelIconHoverColor: #e73d3e !default;
+$ratingStarIconOffColor: $shade700 !default;
+$ratingStarIconOnColor: $primaryColor !default;
+$ratingStarIconHoverColor: $primaryColor !default;
 
 //slider
-$sliderBg:$shade300 !default;
-$sliderBorder:0 none !default;
-$sliderHorizontalHeight:.286rem !default;
-$sliderVerticalWidth:0.286rem !default;
-$sliderHandleWidth:1.143rem !default;
-$sliderHandleHeight:1.143rem !default;
-$sliderHandleBg:$shade000 !default;
-$sliderHandleBorder:2px solid $primaryColor !default;
-$sliderHandleBorderRadius:50% !default;
-$sliderHandleHoverBorderColor:$primaryColor !default;
-$sliderHandleHoverBg:$primaryColor !default;
-$sliderRangeBg:$primaryColor !default;
+$sliderBg: $shade300 !default;
+$sliderBorder: 0 none !default;
+$sliderHorizontalHeight: 0.286rem !default;
+$sliderVerticalWidth: 0.286rem !default;
+$sliderHandleWidth: 1.143rem !default;
+$sliderHandleHeight: 1.143rem !default;
+$sliderHandleBg: $shade000 !default;
+$sliderHandleBorder: 2px solid $primaryColor !default;
+$sliderHandleBorderRadius: 50% !default;
+$sliderHandleHoverBorderColor: $primaryColor !default;
+$sliderHandleHoverBg: $primaryColor !default;
+$sliderRangeBg: $primaryColor !default;
 
 //calendar
-$calendarTableMargin:.5rem 0 !default;
-$calendarPadding:.5rem !default;
-$calendarBg:$shade000 !default;
-$calendarInlineBg:$calendarBg !default;
-$calendarTextColor:$shade700 !default;
-$calendarBorder:$inputListBorder !default;
-$calendarOverlayBorder:$inputOverlayBorder !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;
-$calendarHeaderBg:$shade000 !default;
-$calendarInlineHeaderBg:$calendarBg !default;
-$calendarHeaderBorder:1px solid $shade300 !default;
-$calendarHeaderTextColor:$shade700 !default;
-$calendarHeaderFontWeight:100 !default;
-$calendarHeaderCellPadding:.5rem !default;
+$calendarHeaderPadding: 0.5rem !default;
+$calendarHeaderBg: $shade000 !default;
+$calendarInlineHeaderBg: $calendarBg !default;
+$calendarHeaderBorder: 1px solid $shade300 !default;
+$calendarHeaderTextColor: $shade700 !default;
+$calendarHeaderFontWeight: 100 !default;
+$calendarHeaderCellPadding: 0.5rem !default;
 $calendarMonthYearHeaderHoverTextColor: $primaryColor !default;
 
-$calendarCellDatePadding:.5rem !default;
-$calendarCellDateWidth:2.5rem !default;
-$calendarCellDateHeight:2.5rem !default;
-$calendarCellDateBorderRadius:50% !default;
-$calendarCellDateBorder:1px solid transparent !default;
-$calendarCellDateHoverBg:$shade200 !default;
-$calendarCellDateTodayBg:$shade400 !default;
-$calendarCellDateTodayBorderColor:transparent !default;
-$calendarCellDateTodayTextColor:$shade700 !default;
+$calendarCellDatePadding: 0.5rem !default;
+$calendarCellDateWidth: 2.5rem !default;
+$calendarCellDateHeight: 2.5rem !default;
+$calendarCellDateBorderRadius: 50% !default;
+$calendarCellDateBorder: 1px solid transparent !default;
+$calendarCellDateHoverBg: $shade200 !default;
+$calendarCellDateTodayBg: $shade400 !default;
+$calendarCellDateTodayBorderColor: transparent !default;
+$calendarCellDateTodayTextColor: $shade700 !default;
 
-$calendarButtonBarPadding:1rem 0 !default;
-$calendarTimePickerPadding:.5rem !default;
-$calendarTimePickerElementPadding:0 .5rem !default;
-$calendarTimePickerTimeFontSize:1.25rem !default;
+$calendarButtonBarPadding: 1rem 0 !default;
+$calendarTimePickerPadding: 0.5rem !default;
+$calendarTimePickerElementPadding: 0 0.5rem !default;
+$calendarTimePickerTimeFontSize: 1.25rem !default;
 
-$calendarBreakpoint:769px !default;
-$calendarCellDatePaddingSM:0 !default;
+$calendarBreakpoint: 769px !default;
+$calendarCellDatePaddingSM: 0 !default;
 
 //input switch
-$inputSwitchWidth:3rem !default;
-$inputSwitchHeight:1.75rem !default;
-$inputSwitchBorderRadius:30px !default;
-$inputSwitchHandleWidth:1.250rem !default;
-$inputSwitchHandleHeight:1.250rem !default;
-$inputSwitchHandleBorderRadius:50% !default;
-$inputSwitchSliderPadding:.25rem !default;
-$inputSwitchSliderOffBg:$shade400 !default;
-$inputSwitchHandleOffBg:$shade000 !default;
-$inputSwitchSliderOffHoverBg:#b7bcc5 !default;
-$inputSwitchSliderOnBg:$primaryColor !default;
-$inputSwitchSliderOnHoverBg:$primaryDarkColor !default;
-$inputSwitchHandleOnBg:$shade000 !default;
+$inputSwitchWidth: 3rem !default;
+$inputSwitchHeight: 1.75rem !default;
+$inputSwitchBorderRadius: 30px !default;
+$inputSwitchHandleWidth: 1.25rem !default;
+$inputSwitchHandleHeight: 1.25rem !default;
+$inputSwitchHandleBorderRadius: 50% !default;
+$inputSwitchSliderPadding: 0.25rem !default;
+$inputSwitchSliderOffBg: $shade400 !default;
+$inputSwitchHandleOffBg: $shade000 !default;
+$inputSwitchSliderOffHoverBg: #b7bcc5 !default;
+$inputSwitchSliderOnBg: $primaryColor !default;
+$inputSwitchSliderOnHoverBg: $primaryDarkColor !default;
+$inputSwitchHandleOnBg: $shade000 !default;
 
 //panel
-$panelHeaderBorderColor:$shade300 !default;
-$panelHeaderBorder:1px solid $shade300 !default;
-$panelHeaderBg:$shade100 !default;
-$panelHeaderTextColor:$shade800 !default;
-$panelHeaderFontWeight:100 !default;
-$panelHeaderPadding:1.25rem !default;
-$panelToggleableHeaderPadding:.75rem 1.25rem !default;
+$panelHeaderBorderColor: $shade300 !default;
+$panelHeaderBorder: 1px solid $shade300 !default;
+$panelHeaderBg: $shade100 !default;
+$panelHeaderTextColor: $shade800 !default;
+$panelHeaderFontWeight: 100 !default;
+$panelHeaderPadding: 1.25rem !default;
+$panelToggleableHeaderPadding: 0.75rem 1.25rem !default;
 
-$panelHeaderHoverBg:$shade200 !default;
-$panelHeaderHoverBorderColor:$shade300 !default;
-$panelHeaderTextHoverColor:$shade800 !default;
+$panelHeaderHoverBg: $shade200 !default;
+$panelHeaderHoverBorderColor: $shade300 !default;
+$panelHeaderTextHoverColor: $shade800 !default;
 
 $panelContentBorderColor: $shade300 !default;
-$panelContentBorder:1px solid $shade300 !default;
-$panelContentBg:$shade000 !default;
-$panelContentEvenRowBg:#f8f8fa !default;
-$panelContentTextColor:$shade700 !default;
-$panelContentPadding:1.25rem !default;
+$panelContentBorder: 1px solid $shade300 !default;
+$panelContentBg: $shade000 !default;
+$panelContentEvenRowBg: #f8f8fa !default;
+$panelContentTextColor: $shade700 !default;
+$panelContentPadding: 1.25rem !default;
 
-$panelFooterBorder:1px solid $shade300 !default;
-$panelFooterBg:$shade000 !default;
-$panelFooterTextColor:$shade700 !default;
-$panelFooterPadding:0.75rem 1.25rem !default;
+$panelFooterBorder: 1px solid $shade300 !default;
+$panelFooterBg: $shade000 !default;
+$panelFooterTextColor: $shade700 !default;
+$panelFooterPadding: 0.75rem 1.25rem !default;
 
 //accordion
-$accordionSpacing:4px !default;
-$accordionHeaderBorder:$panelHeaderBorder !default;
-$accordionHeaderBg:$panelHeaderBg !default;
-$accordionHeaderTextColor:$shade600 !default;
-$accordionHeaderFontWeight:$panelHeaderFontWeight !default;
-$accordionHeaderPadding:$panelHeaderPadding !default;
+$accordionSpacing: 4px !default;
+$accordionHeaderBorder: $panelHeaderBorder !default;
+$accordionHeaderBg: $panelHeaderBg !default;
+$accordionHeaderTextColor: $shade600 !default;
+$accordionHeaderFontWeight: $panelHeaderFontWeight !default;
+$accordionHeaderPadding: $panelHeaderPadding !default;
 
-$accordionHeaderHoverBg:$shade200 !default;
-$accordionHeaderHoverBorderColor:$shade300 !default;
-$accordionHeaderTextHoverColor:$shade800 !default;
+$accordionHeaderHoverBg: $shade200 !default;
+$accordionHeaderHoverBorderColor: $shade300 !default;
+$accordionHeaderTextHoverColor: $shade800 !default;
 
-$accordionHeaderActiveBg:$panelHeaderBg !default;
-$accordionHeaderActiveBorderColor:$shade300 !default;
-$accordionHeaderTextActiveColor:$shade800 !default;
+$accordionHeaderActiveBg: $panelHeaderBg !default;
+$accordionHeaderActiveBorderColor: $shade300 !default;
+$accordionHeaderTextActiveColor: $shade800 !default;
 
-$accordionHeaderActiveHoverBg:$shade200 !default;
-$accordionHeaderActiveHoverBorderColor:$shade300 !default;
-$accordionHeaderTextActiveHoverColor:$shade800 !default;
+$accordionHeaderActiveHoverBg: $shade200 !default;
+$accordionHeaderActiveHoverBorderColor: $shade300 !default;
+$accordionHeaderTextActiveHoverColor: $shade800 !default;
 
-$accordionContentBorder:$panelContentBorder !default;
-$accordionContentBg:$panelContentBg !default;
-$accordionContentTextColor:$panelContentTextColor !default;
-$accordionContentPadding:$panelContentPadding !default;
+$accordionContentBorder: $panelContentBorder !default;
+$accordionContentBg: $panelContentBg !default;
+$accordionContentTextColor: $panelContentTextColor !default;
+$accordionContentPadding: $panelContentPadding !default;
 
 //tabview
-$tabviewNavBorder:1px solid $shade300 !default;
-$tabviewNavBorderWidth:0 0 2px 0 !default;
-$tabviewNavBg:$shade000 !default;
+$tabviewNavBorder: 1px solid $shade300 !default;
+$tabviewNavBorderWidth: 0 0 2px 0 !default;
+$tabviewNavBg: $shade000 !default;
 
-$tabviewHeaderSpacing:0 !default;
-$tabviewHeaderBorder:solid $shade300 !default;
-$tabviewHeaderBorderWidth:0 0 2px 0 !default;
-$tabviewHeaderBorderColor:transparent transparent $shade300 transparent !default;
-$tabviewHeaderBg:$shade000 !default;
-$tabviewHeaderTextColor:$shade600 !default;
-$tabviewHeaderFontWeight:$panelHeaderFontWeight !default;
-$tabviewHeaderPadding:$panelHeaderPadding !default;
-$tabviewHeaderMargin:0 0 -2px 0 !default;
+$tabviewHeaderSpacing: 0 !default;
+$tabviewHeaderBorder: solid $shade300 !default;
+$tabviewHeaderBorderWidth: 0 0 2px 0 !default;
+$tabviewHeaderBorderColor: transparent transparent $shade300 transparent !default;
+$tabviewHeaderBg: $shade000 !default;
+$tabviewHeaderTextColor: $shade600 !default;
+$tabviewHeaderFontWeight: $panelHeaderFontWeight !default;
+$tabviewHeaderPadding: $panelHeaderPadding !default;
+$tabviewHeaderMargin: 0 0 -2px 0 !default;
 
-$tabviewHeaderHoverBg:$shade000 !default;
-$tabviewHeaderHoverBorderColor:$shade500 !default;
-$tabviewHeaderTextHoverColor:$shade600 !default;
+$tabviewHeaderHoverBg: $shade000 !default;
+$tabviewHeaderHoverBorderColor: $shade500 !default;
+$tabviewHeaderTextHoverColor: $shade600 !default;
 
-$tabviewHeaderActiveBg:$shade000 !default;
-$tabviewHeaderActiveBorderColor:$primaryColor !default;
-$tabviewHeaderTextActiveColor:$primaryColor !default;
+$tabviewHeaderActiveBg: $shade000 !default;
+$tabviewHeaderActiveBorderColor: $primaryColor !default;
+$tabviewHeaderTextActiveColor: $primaryColor !default;
 
-$tabviewContentBorder:0 none !default;
-$tabviewContentBg:$panelContentBg !default;
-$tabviewContentTextColor:$panelContentTextColor !default;
-$tabviewContentPadding:$panelContentPadding !default;
+$tabviewContentBorder: 0 none !default;
+$tabviewContentBg: $panelContentBg !default;
+$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;
 $fileUploadFilePadding: 1rem !default;
 
 //scrollpanel
-$scrollPanelTrackBorder:0 none !default;
-$scrollPanelTrackBg:$shade100 !default;
+$scrollPanelTrackBorder: 0 none !default;
+$scrollPanelTrackBg: $shade100 !default;
 
 //card
-$cardBodyPadding:1.25rem !default;
-$cardTitleFontSize:1.5rem !default;
+$cardBodyPadding: 1.25rem !default;
+$cardTitleFontSize: 1.5rem !default;
 $cardTitleFontWeight: 0 !default;
-$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;
+$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, 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;
-$editorToolbarBorder:$panelHeaderBorder !default;
-$editorToolbarPadding:$panelHeaderPadding !default;
-$editorToolbarIconColor:$textSecondaryColor !default;
-$editorToolbarIconHoverColor:$textColor !default;
-$editorIconActiveColor:$primaryColor !default;
-$editorContentBorder:$panelContentBorder !default;
-$editorContentBg:$panelContentBg !default;
+$editorToolbarBg: $panelHeaderBg !default;
+$editorToolbarBorder: $panelHeaderBorder !default;
+$editorToolbarPadding: $panelHeaderPadding !default;
+$editorToolbarIconColor: $textSecondaryColor !default;
+$editorToolbarIconHoverColor: $textColor !default;
+$editorIconActiveColor: $primaryColor !default;
+$editorContentBorder: $panelContentBorder !default;
+$editorContentBg: $panelContentBg !default;
 
 //paginator
-$paginatorBg:$shade000 !default;
-$paginatorTextColor:$shade600 !default;
-$paginatorBorder:solid $shade200 !default;
-$paginatorBorderWidth:0 !default;
-$paginatorPadding:.5rem 1rem !default;
-$paginatorElementWidth:$buttonIconOnlyWidth !default;
-$paginatorElementHeight:$buttonIconOnlyWidth !default;
-$paginatorElementBg:transparent !default;
-$paginatorElementBorder:0 none !default;
-$paginatorElementIconColor:$shade600 !default;
-$paginatorElementHoverBg:$shade200 !default;
-$paginatorElementHoverBorderColor:transparent !default;
-$paginatorElementIconHoverColor:$shade800 !default;
-$paginatorElementBorderRadius:50% !default;
-$paginatorElementMargin:.143rem !default;
-$paginatorElementPadding:0 !default;
+$paginatorBg: $shade000 !default;
+$paginatorTextColor: $shade600 !default;
+$paginatorBorder: solid $shade200 !default;
+$paginatorBorderWidth: 0 !default;
+$paginatorPadding: 0.5rem 1rem !default;
+$paginatorElementWidth: $buttonIconOnlyWidth !default;
+$paginatorElementHeight: $buttonIconOnlyWidth !default;
+$paginatorElementBg: transparent !default;
+$paginatorElementBorder: 0 none !default;
+$paginatorElementIconColor: $shade600 !default;
+$paginatorElementHoverBg: $shade200 !default;
+$paginatorElementHoverBorderColor: transparent !default;
+$paginatorElementIconHoverColor: $shade800 !default;
+$paginatorElementBorderRadius: 50% !default;
+$paginatorElementMargin: 0.143rem !default;
+$paginatorElementPadding: 0 !default;
 
 //table
-$tableHeaderBorder:1px solid $shade300 !default;
-$tableHeaderBorderWidth:1px 0 1px 0 !default;
-$tableHeaderBg:$shade100 !default;
-$tableHeaderTextColor:$shade800 !default;
+$tableHeaderBorder: 1px solid $shade300 !default;
+$tableHeaderBorderWidth: 1px 0 1px 0 !default;
+$tableHeaderBg: $shade100 !default;
+$tableHeaderTextColor: $shade800 !default;
 $tableHeaderFontWeight: 0 !default;
-$tableHeaderPadding:1rem 1rem !default;
+$tableHeaderPadding: 1rem 1rem !default;
 
-$tableHeaderCellPadding:1rem 1rem !default;
-$tableHeaderCellBg:$shade100 !default;
-$tableHeaderCellTextColor:$shade800 !default;
+$tableHeaderCellPadding: 1rem 1rem !default;
+$tableHeaderCellBg: $shade100 !default;
+$tableHeaderCellTextColor: $shade800 !default;
 $tableHeaderCellFontWeight: 0 !default;
-$tableHeaderCellBorder:1px solid $shade300 !default;
-$tableHeaderCellBorderWidth:0 0 1px 0 !default;
-$tableHeaderCellHoverBg:$shade200 !default;
-$tableHeaderCellTextHoverColor:$shade800 !default;
-$tableHeaderCellIconColor:$shade800 !default;
-$tableHeaderCellIconHoverColor:$shade800 !default;
-$tableHeaderCellHighlightBg:$highlightBg !default;
-$tableHeaderCellHighlightTextColor:$highlightTextColor !default;
-$tableHeaderCellHighlightHoverBg:$highlightBg !default;
-$tableHeaderCellHighlightTextHoverColor:$highlightTextColor !default;
-$tableSortableColumnBadgeSize:1.143rem !default;
+$tableHeaderCellBorder: 1px solid $shade300 !default;
+$tableHeaderCellBorderWidth: 0 0 1px 0 !default;
+$tableHeaderCellHoverBg: $shade200 !default;
+$tableHeaderCellTextHoverColor: $shade800 !default;
+$tableHeaderCellIconColor: $shade800 !default;
+$tableHeaderCellIconHoverColor: $shade800 !default;
+$tableHeaderCellHighlightBg: $highlightBg !default;
+$tableHeaderCellHighlightTextColor: $highlightTextColor !default;
+$tableHeaderCellHighlightHoverBg: $highlightBg !default;
+$tableHeaderCellHighlightTextHoverColor: $highlightTextColor !default;
+$tableSortableColumnBadgeSize: 1.143rem !default;
 
-$tableBodyRowBg:$shade000 !default;
-$tableBodyRowTextColor:$shade700 !default;
-$tableBodyRowEvenBg:#f8f8fa !default;
-$tableBodyRowHoverBg:$shade200 !default;
-$tableBodyRowTextHoverColor:$shade700 !default;
-$tableBodyCellBorder:1px solid $shade300 !default;
-$tableBodyCellBorderWidth:0 0 1px 0 !default;
-$tableBodyCellPadding:1rem 1rem !default;
+$tableBodyRowBg: $shade000 !default;
+$tableBodyRowTextColor: $shade700 !default;
+$tableBodyRowEvenBg: #f8f8fa !default;
+$tableBodyRowHoverBg: $shade200 !default;
+$tableBodyRowTextHoverColor: $shade700 !default;
+$tableBodyCellBorder: 1px solid $shade300 !default;
+$tableBodyCellBorderWidth: 0 0 1px 0 !default;
+$tableBodyCellPadding: 1rem 1rem !default;
 
-$tableFooterCellPadding:1rem 1rem !default;
-$tableFooterCellBg:$shade100 !default;
-$tableFooterCellTextColor:$shade800 !default;
+$tableFooterCellPadding: 1rem 1rem !default;
+$tableFooterCellBg: $shade100 !default;
+$tableFooterCellTextColor: $shade800 !default;
 $tableFooterCellFontWeight: 0 !default;
-$tableFooterCellBorder:1px solid $shade300 !default;
-$tableFooterCellBorderWidth:0 0 1px 0 !default;
-$tableResizerHelperBg:$primaryColor !default;
+$tableFooterCellBorder: 1px solid $shade300 !default;
+$tableFooterCellBorderWidth: 0 0 1px 0 !default;
+$tableResizerHelperBg: $primaryColor !default;
 
-$tableFooterBorder:1px solid $shade300 !default;
-$tableFooterBorderWidth:0 0 1px 0 !default;
-$tableFooterBg:$shade100 !default;
-$tableFooterTextColor:$shade800 !default;
+$tableFooterBorder: 1px solid $shade300 !default;
+$tableFooterBorderWidth: 0 0 1px 0 !default;
+$tableFooterBg: $shade100 !default;
+$tableFooterTextColor: $shade800 !default;
 $tableFooterFontWeight: 0 !default;
-$tableFooterPadding:1rem 1rem !default;
+$tableFooterPadding: 1rem 1rem !default;
 
-$tableCellContentAlignment:left !default;
-$tableTopPaginatorBorderWidth:0 0 1px 0 !default;
-$tableBottomPaginatorBorderWidth:0 0 1px 0 !default;
+$tableCellContentAlignment: left !default;
+$tableTopPaginatorBorderWidth: 0 0 1px 0 !default;
+$tableBottomPaginatorBorderWidth: 0 0 1px 0 !default;
 
-$tableScaleSM:0.5 !default;
-$tableScaleLG:1.25 !default;
+$tableScaleSM: 0.5 !default;
+$tableScaleLG: 1.25 !default;
 
 //dataview
-$dataViewContentPadding:0 !default;
-$dataViewContentBorder:0 none !default;
+$dataViewContentPadding: 0 !default;
+$dataViewContentBorder: 0 none !default;
 
 //tree
-$treeContainerPadding:0.286rem !default;
-$treeNodePadding:0.143rem !default;
-$treeNodeContentPadding:.5rem !default;
-$treeNodeChildrenPadding:0 0 0 1rem !default;
-$treeNodeIconColor:$shade600 !default;
+$treeContainerPadding: 0.286rem !default;
+$treeNodePadding: 0.143rem !default;
+$treeNodeContentPadding: 0.5rem !default;
+$treeNodeChildrenPadding: 0 0 0 1rem !default;
+$treeNodeIconColor: $shade600 !default;
 
 //timeline
-$timelineVerticalEventContentPadding:0 1rem !default;
-$timelineHorizontalEventContentPadding:1rem 0 !default;
-$timelineEventMarkerWidth:1rem !default;
-$timelineEventMarkerHeight:1rem !default;
-$timelineEventMarkerBorderRadius:50% !default;
-$timelineEventMarkerBorder:2px solid $primaryColor !default;
-$timelineEventMarkerBackground:$primaryTextColor !default;
-$timelineEventConnectorSize:2px !default;
-$timelineEventColor:$shade300 !default;
+$timelineVerticalEventContentPadding: 0 1rem !default;
+$timelineHorizontalEventContentPadding: 1rem 0 !default;
+$timelineEventMarkerWidth: 1rem !default;
+$timelineEventMarkerHeight: 1rem !default;
+$timelineEventMarkerBorderRadius: 50% !default;
+$timelineEventMarkerBorder: 2px solid $primaryColor !default;
+$timelineEventMarkerBackground: $primaryTextColor !default;
+$timelineEventConnectorSize: 2px !default;
+$timelineEventColor: $shade300 !default;
 
 //org chart
-$organizationChartConnectorColor:$shade300 !default;
+$organizationChartConnectorColor: $shade300 !default;
 
 //message
-$messageMargin:1rem 0 !default;
-$messagePadding:1.25rem 1.75rem !default;
-$messageBorderWidth:0 0 0 6px !default;
-$messageIconFontSize:1.5rem !default;
-$messageTextFontSize:1rem !default;
+$messageMargin: 1rem 0 !default;
+$messagePadding: 1.25rem 1.75rem !default;
+$messageBorderWidth: 0 0 0 6px !default;
+$messageIconFontSize: 1.5rem !default;
+$messageTextFontSize: 1rem !default;
 $messageTextFontWeight: 0 !default;
 
 //inline message
-$inlineMessagePadding:$inputPadding !default;
-$inlineMessageMargin:0 !default;
-$inlineMessageIconFontSize:1rem !default;
-$inlineMessageTextFontSize:1rem !default;
-$inlineMessageBorderWidth:0px !default;
+$inlineMessagePadding: $inputPadding !default;
+$inlineMessageMargin: 0 !default;
+$inlineMessageIconFontSize: 1rem !default;
+$inlineMessageTextFontSize: 1rem !default;
+$inlineMessageBorderWidth: 0px !default;
 
 //toast
-$toastIconFontSize:2rem !default;
-$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;
-$toastOpacity:1 !default;
+$toastIconFontSize: 2rem !default;
+$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, 0.1) !default;
+$toastOpacity: 1 !default;
 $toastTitleFontWeight: 0 !default;
-$toastDetailMargin:$inlineSpacing 0 0 0 !default;
+$toastDetailMargin: $inlineSpacing 0 0 0 !default;
 
 //severities
-$infoMessageBg:rgba(219, 234, 254, .7) !default;
-$infoMessageBorder:solid #3b82f6 !default;
-$infoMessageTextColor:#3b82f6 !default;
-$infoMessageIconColor:#3b82f6 !default;
-$successMessageBg:rgba(228, 248, 240, .7) !default;
-$successMessageBorder:solid #1ea97c !default;
-$successMessageTextColor:#1ea97c !default;
-$successMessageIconColor:#1ea97c !default;
-$warningMessageBg:rgba(255, 242, 226, .7) !default;
-$warningMessageBorder:solid #cc8925 !default;
-$warningMessageTextColor:#cc8925 !default;
-$warningMessageIconColor:#cc8925 !default;
-$errorMessageBg:rgba(255, 231, 230, .7) !default;
-$errorMessageBorder:solid #ff5757 !default;
-$errorMessageTextColor:#ff5757 !default;
-$errorMessageIconColor:#ff5757 !default;
-$secondaryMessageBg:$secondaryButtonBg !default;
+$infoMessageBg: rgba(219, 234, 254, 0.7) !default;
+$infoMessageBorder: solid #3b82f6 !default;
+$infoMessageTextColor: #3b82f6 !default;
+$infoMessageIconColor: #3b82f6 !default;
+$successMessageBg: rgba(228, 248, 240, 0.7) !default;
+$successMessageBorder: solid #1ea97c !default;
+$successMessageTextColor: #1ea97c !default;
+$successMessageIconColor: #1ea97c !default;
+$warningMessageBg: rgba(255, 242, 226, 0.7) !default;
+$warningMessageBorder: solid #cc8925 !default;
+$warningMessageTextColor: #cc8925 !default;
+$warningMessageIconColor: #cc8925 !default;
+$errorMessageBg: rgba(255, 231, 230, 0.7) !default;
+$errorMessageBorder: solid #ff5757 !default;
+$errorMessageTextColor: #ff5757 !default;
+$errorMessageIconColor: #ff5757 !default;
+$secondaryMessageBg: $secondaryButtonBg !default;
 $secondaryMessageBorder: solid $secondaryButtonBg !default;
 $secondaryMessageTextColor: $secondaryButtonTextColor !default;
 $secondaryMessageIconColor: $secondaryButtonTextColor !default;
@@ -638,209 +665,209 @@ $contrastMessageTextColor: $contrastButtonTextColor !default;
 $contrastMessageIconColor: $contrastButtonTextColor !default;
 
 //overlays
-$overlayContentBorder:0 none !default;
-$overlayContentBg:$panelContentBg !default;
-$overlayContainerShadow:0 1px 3px rgba(0,0,0,.3) !default;
+$overlayContentBorder: 0 none !default;
+$overlayContentBg: $panelContentBg !default;
+$overlayContainerShadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default;
 
 //dialog
-$dialogHeaderBg:$shade000 !default;
-$dialogHeaderBorder:0 none !default;
-$dialogHeaderTextColor:$shade800 !default;
+$dialogHeaderBg: $shade000 !default;
+$dialogHeaderBorder: 0 none !default;
+$dialogHeaderTextColor: $shade800 !default;
 $dialogHeaderFontWeight: 0 !default;
-$dialogHeaderFontSize:1.25rem !default;
-$dialogHeaderPadding:1.5rem !default;
-$dialogContentPadding:0 1.5rem 2rem 1.5rem !default;
-$dialogFooterBorder:0 none !default;
-$dialogFooterPadding:0 1.5rem 1.5rem 1.5rem !default;
+$dialogHeaderFontSize: 1.25rem !default;
+$dialogHeaderPadding: 1.5rem !default;
+$dialogContentPadding: 0 1.5rem 2rem 1.5rem !default;
+$dialogFooterBorder: 0 none !default;
+$dialogFooterPadding: 0 1.5rem 1.5rem 1.5rem !default;
 
 //confirmpopup
-$confirmPopupContentPadding:$panelContentPadding !default;
-$confirmPopupFooterPadding:0 1.25rem 1.25rem 1.25rem !default;
+$confirmPopupContentPadding: $panelContentPadding !default;
+$confirmPopupFooterPadding: 0 1.25rem 1.25rem 1.25rem !default;
 
 //tooltip
-$tooltipBg:$shade700 !default;
-$tooltipTextColor:$shade000 !default;
-$tooltipPadding:$inputPadding !default;
+$tooltipBg: $shade700 !default;
+$tooltipTextColor: $shade000 !default;
+$tooltipPadding: $inputPadding !default;
 
 //steps
-$stepsItemBg:$shade000 !default;
-$stepsItemBorder:1px solid $shade200 !default;
-$stepsItemTextColor:$shade600 !default;
-$stepsItemNumberWidth:2rem !default;
-$stepsItemNumberHeight:2rem !default;
-$stepsItemNumberFontSize:1.143rem !default;
-$stepsItemNumberColor:$shade700 !default;
-$stepsItemNumberBorderRadius:50% !default;
+$stepsItemBg: $shade000 !default;
+$stepsItemBorder: 1px solid $shade200 !default;
+$stepsItemTextColor: $shade600 !default;
+$stepsItemNumberWidth: 2rem !default;
+$stepsItemNumberHeight: 2rem !default;
+$stepsItemNumberFontSize: 1.143rem !default;
+$stepsItemNumberColor: $shade700 !default;
+$stepsItemNumberBorderRadius: 50% !default;
 $stepsItemActiveFontWeight: 0 !default;
 
 //progressbar, progressspinner
-$progressBarHeight:1.5rem !default;
-$progressBarBorder:0 none !default;
-$progressBarBg:$shade300 !default;
-$progressBarValueBg:$primaryColor !default;
-$progressBarValueTextColor:$primaryTextColor !default;
+$progressBarHeight: 1.5rem !default;
+$progressBarBorder: 0 none !default;
+$progressBarBg: $shade300 !default;
+$progressBarValueBg: $primaryColor !default;
+$progressBarValueTextColor: $primaryTextColor !default;
 
-$progressSpinnerStrokeColor:$errorMessageTextColor !default;
-$progressSpinnerColorOne:$errorMessageTextColor !default;
-$progressSpinnerColorTwo:$infoMessageTextColor !default;
-$progressSpinnerColorThree:$successMessageTextColor !default;
-$progressSpinnerColorFour:$warningMessageTextColor !default;
+$progressSpinnerStrokeColor: $errorMessageTextColor !default;
+$progressSpinnerColorOne: $errorMessageTextColor !default;
+$progressSpinnerColorTwo: $infoMessageTextColor !default;
+$progressSpinnerColorThree: $successMessageTextColor !default;
+$progressSpinnerColorFour: $warningMessageTextColor !default;
 
 //menu (e.g. menu, menubar, tieredmenu)
-$menuWidth:12.5rem !default;
-$menuBg:$shade000 !default;
-$menuBorder:1px solid $shade300 !default;
-$menuTextColor:$shade700 !default;
-$menuitemPadding:.75rem 1.25rem !default;
-$menuitemBorderRadius:0 !default;
-$menuitemTextColor:$shade700 !default;
-$menuitemIconColor:$shade600 !default;
-$menuitemTextHoverColor:$shade700 !default;
-$menuitemIconHoverColor:$shade600 !default;
-$menuitemHoverBg:$shade200 !default;
-$menuitemTextFocusColor:$shade700 !default;
-$menuitemIconFocusColor:$shade700 !default;
-$menuitemFocusBg:$shade300 !default;
-$menuitemTextActiveColor:$highlightTextColor !default;
-$menuitemIconActiveColor:$highlightTextColor !default;
-$menuitemActiveBg:$highlightBg !default;
-$menuitemActiveFocusBg:$highlightFocusBg !default;
-$menuitemSubmenuIconFontSize:.875rem !default;
-$submenuHeaderMargin:0 !default;
-$submenuHeaderPadding:.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;
+$menuWidth: 12.5rem !default;
+$menuBg: $shade000 !default;
+$menuBorder: 1px solid $shade300 !default;
+$menuTextColor: $shade700 !default;
+$menuitemPadding: 0.75rem 1.25rem !default;
+$menuitemBorderRadius: 0 !default;
+$menuitemTextColor: $shade700 !default;
+$menuitemIconColor: $shade600 !default;
+$menuitemTextHoverColor: $shade700 !default;
+$menuitemIconHoverColor: $shade600 !default;
+$menuitemHoverBg: $shade200 !default;
+$menuitemTextFocusColor: $shade700 !default;
+$menuitemIconFocusColor: $shade700 !default;
+$menuitemFocusBg: $shade300 !default;
+$menuitemTextActiveColor: $highlightTextColor !default;
+$menuitemIconActiveColor: $highlightTextColor !default;
+$menuitemActiveBg: $highlightBg !default;
+$menuitemActiveFocusBg: $highlightFocusBg !default;
+$menuitemSubmenuIconFontSize: 0.875rem !default;
+$submenuHeaderMargin: 0 !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, 0.1) !default;
+$verticalMenuPadding: 0.5rem 0 !default;
+$menuSeparatorMargin: 0.25rem 0 !default;
 
-$breadcrumbPadding:1rem !default;
-$breadcrumbBg:$menuBg !default;
-$breadcrumbBorder:$menuBorder !default;
-$breadcrumbItemTextColor:$menuitemTextColor !default;
-$breadcrumbItemIconColor:$menuitemIconColor !default;
-$breadcrumbLastItemTextColor:$menuitemTextColor !default;
-$breadcrumbLastItemIconColor:$menuitemIconColor !default;
-$breadcrumbSeparatorColor:$menuitemTextColor !default;
+$breadcrumbPadding: 1rem !default;
+$breadcrumbBg: $menuBg !default;
+$breadcrumbBorder: $menuBorder !default;
+$breadcrumbItemTextColor: $menuitemTextColor !default;
+$breadcrumbItemIconColor: $menuitemIconColor !default;
+$breadcrumbLastItemTextColor: $menuitemTextColor !default;
+$breadcrumbLastItemIconColor: $menuitemIconColor !default;
+$breadcrumbSeparatorColor: $menuitemTextColor !default;
 
-$horizontalMenuPadding:.5rem !default;
-$horizontalMenuBg:$shade100 !default;
-$horizontalMenuBorder:$menuBorder !default;
-$horizontalMenuTextColor:$menuTextColor !default;
-$horizontalMenuRootMenuitemPadding:$menuitemPadding !default;
-$horizontalMenuRootMenuitemBorderRadius:$borderRadius !default;
-$horizontalMenuRootMenuitemTextColor:$menuitemTextColor !default;
-$horizontalMenuRootMenuitemIconColor:$menuitemIconColor !default;
-$horizontalMenuRootMenuitemTextHoverColor:$menuitemTextHoverColor !default;
-$horizontalMenuRootMenuitemIconHoverColor:$menuitemIconHoverColor !default;
-$horizontalMenuRootMenuitemHoverBg:$menuitemHoverBg !default;
-$horizontalMenuRootMenuitemTextActiveColor:$menuitemTextActiveColor !default;
-$horizontalMenuRootMenuitemIconActiveColor:$menuitemIconActiveColor !default;
-$horizontalMenuRootMenuitemActiveBg:$menuitemActiveBg !default;
+$horizontalMenuPadding: 0.5rem !default;
+$horizontalMenuBg: $shade100 !default;
+$horizontalMenuBorder: $menuBorder !default;
+$horizontalMenuTextColor: $menuTextColor !default;
+$horizontalMenuRootMenuitemPadding: $menuitemPadding !default;
+$horizontalMenuRootMenuitemBorderRadius: $borderRadius !default;
+$horizontalMenuRootMenuitemTextColor: $menuitemTextColor !default;
+$horizontalMenuRootMenuitemIconColor: $menuitemIconColor !default;
+$horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor !default;
+$horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor !default;
+$horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg !default;
+$horizontalMenuRootMenuitemTextActiveColor: $menuitemTextActiveColor !default;
+$horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor !default;
+$horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg !default;
 
 //badge and tag
-$badgeBg:$primaryColor !default;
-$badgeTextColor:$primaryTextColor !default;
-$badgeMinWidth:1.5rem !default;
-$badgeHeight:1.5rem !default;
-$badgeFontWeight:700 !default;
-$badgeFontSize:.75rem !default;
+$badgeBg: $primaryColor !default;
+$badgeTextColor: $primaryTextColor !default;
+$badgeMinWidth: 1.5rem !default;
+$badgeHeight: 1.5rem !default;
+$badgeFontWeight: 700 !default;
+$badgeFontSize: 0.75rem !default;
 
-$tagPadding:.25rem .4rem !default;
+$tagPadding: 0.25rem 0.4rem !default;
 
 //carousel
-$carouselIndicatorsPadding:1rem !default;
-$carouselIndicatorBg:$shade400 !default;
-$carouselIndicatorHoverBg:$shade500 !default;
-$carouselIndicatorBorderRadius:0 !default;
-$carouselIndicatorWidth:2rem !default;
-$carouselIndicatorHeight:.5rem !default;
+$carouselIndicatorsPadding: 1rem !default;
+$carouselIndicatorBg: $shade400 !default;
+$carouselIndicatorHoverBg: $shade500 !default;
+$carouselIndicatorBorderRadius: 0 !default;
+$carouselIndicatorWidth: 2rem !default;
+$carouselIndicatorHeight: 0.5rem !default;
 
 //galleria
-$galleriaMaskBg:rgba(0,0,0,0.9) !default;
-$galleriaCloseIconMargin:.5rem !default;
-$galleriaCloseIconFontSize:2rem !default;
-$galleriaCloseIconBg:transparent !default;
-$galleriaCloseIconColor:$shade100 !default;
-$galleriaCloseIconHoverBg:rgba(255,255,255,0.1) !default;
-$galleriaCloseIconHoverColor:$shade100 !default;
-$galleriaCloseIconWidth:4rem !default;
-$galleriaCloseIconHeight:4rem !default;
-$galleriaCloseIconBorderRadius:50% !default;
+$galleriaMaskBg: rgba(0, 0, 0, 0.9) !default;
+$galleriaCloseIconMargin: 0.5rem !default;
+$galleriaCloseIconFontSize: 2rem !default;
+$galleriaCloseIconBg: transparent !default;
+$galleriaCloseIconColor: $shade100 !default;
+$galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1) !default;
+$galleriaCloseIconHoverColor: $shade100 !default;
+$galleriaCloseIconWidth: 4rem !default;
+$galleriaCloseIconHeight: 4rem !default;
+$galleriaCloseIconBorderRadius: 50% !default;
 
-$galleriaItemNavigatorBg:transparent !default;
-$galleriaItemNavigatorColor:$shade100 !default;
-$galleriaItemNavigatorMargin:0 .5rem !default;
-$galleriaItemNavigatorFontSize:2rem !default;
-$galleriaItemNavigatorHoverBg:rgba(255,255,255,0.1) !default;
-$galleriaItemNavigatorHoverColor:$shade100 !default;
-$galleriaItemNavigatorWidth:4rem !default;
-$galleriaItemNavigatorHeight:4rem !default;
-$galleriaItemNavigatorBorderRadius:$borderRadius !default;
+$galleriaItemNavigatorBg: transparent !default;
+$galleriaItemNavigatorColor: $shade100 !default;
+$galleriaItemNavigatorMargin: 0 0.5rem !default;
+$galleriaItemNavigatorFontSize: 2rem !default;
+$galleriaItemNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default;
+$galleriaItemNavigatorHoverColor: $shade100 !default;
+$galleriaItemNavigatorWidth: 4rem !default;
+$galleriaItemNavigatorHeight: 4rem !default;
+$galleriaItemNavigatorBorderRadius: $borderRadius !default;
 
-$galleriaCaptionBg:rgba(0,0,0,.5) !default;
-$galleriaCaptionTextColor:$shade100 !default;
-$galleriaCaptionPadding:1rem !default;
+$galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default;
+$galleriaCaptionTextColor: $shade100 !default;
+$galleriaCaptionPadding: 1rem !default;
 
-$galleriaIndicatorsPadding:1rem !default;
-$galleriaIndicatorBg:$shade400 !default;
-$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;
+$galleriaIndicatorsPadding: 1rem !default;
+$galleriaIndicatorBg: $shade400 !default;
+$galleriaIndicatorHoverBg: $shade500 !default;
+$galleriaIndicatorBorderRadius: 50% !default;
+$galleriaIndicatorWidth: 1rem !default;
+$galleriaIndicatorHeight: 1rem !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;
-$galleriaThumbnailNavigatorBg:transparent !default;
-$galleriaThumbnailNavigatorColor:$shade100 !default;
-$galleriaThumbnailNavigatorHoverBg:rgba(255,255,255,0.1) !default;
-$galleriaThumbnailNavigatorHoverColor:$shade100 !default;
-$galleriaThumbnailNavigatorBorderRadius:50% !default;
-$galleriaThumbnailNavigatorWidth:2rem !default;
-$galleriaThumbnailNavigatorHeight:2rem !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;
+$galleriaThumbnailNavigatorHoverColor: $shade100 !default;
+$galleriaThumbnailNavigatorBorderRadius: 50% !default;
+$galleriaThumbnailNavigatorWidth: 2rem !default;
+$galleriaThumbnailNavigatorHeight: 2rem !default;
 
 //divider
-$dividerHorizontalMargin:1.25rem 0 !default;
-$dividerHorizontalPadding:0 1.25rem !default;
-$dividerVerticalMargin:0 1.25rem !default;
-$dividerVerticalPadding:1.25rem 0 !default;
-$dividerSize:1px !default;
-$dividerColor:$shade300 !default;
+$dividerHorizontalMargin: 1.25rem 0 !default;
+$dividerHorizontalPadding: 0 1.25rem !default;
+$dividerVerticalMargin: 0 1.25rem !default;
+$dividerVerticalPadding: 1.25rem 0 !default;
+$dividerSize: 1px !default;
+$dividerColor: $shade300 !default;
 
 //avatar
-$avatarBg:$shade300 !default;
-$avatarTextColor:$textColor !default;
+$avatarBg: $shade300 !default;
+$avatarTextColor: $textColor !default;
 
 //chip
-$chipBg:$shade300 !default;
-$chipTextColor:$textColor !default;
+$chipBg: $shade300 !default;
+$chipTextColor: $textColor !default;
 $chipBorderRadius: 16px !default;
-$chipFocusBg:$shade300 !default;
-$chipFocusTextColor:$textColor !default;
+$chipFocusBg: $shade300 !default;
+$chipFocusTextColor: $textColor !default;
 
 //scrollTop
-$scrollTopBg:rgba(0,0,0,0.7) !default;
-$scrollTopHoverBg:rgba(0,0,0,0.8) !default;
-$scrollTopWidth:3rem !default;
-$scrollTopHeight:3rem !default;
-$scrollTopBorderRadius:50% !default;
-$scrollTopFontSize:1.5rem !default;
-$scrollTopTextColor:$shade100 !default;
+$scrollTopBg: rgba(0, 0, 0, 0.7) !default;
+$scrollTopHoverBg: rgba(0, 0, 0, 0.8) !default;
+$scrollTopWidth: 3rem !default;
+$scrollTopHeight: 3rem !default;
+$scrollTopBorderRadius: 50% !default;
+$scrollTopFontSize: 1.5rem !default;
+$scrollTopTextColor: $shade100 !default;
 
 //skeleton
-$skeletonBg:$shade300 !default;
-$skeletonAnimationBg:rgba(255,255,255,0.4) !default;
+$skeletonBg: $shade300 !default;
+$skeletonAnimationBg: rgba(255, 255, 255, 0.4) !default;
 
 //splitter
-$splitterGutterBg:$shade100 !default;
-$splitterGutterHandleBg:$shade300 !default;
+$splitterGutterBg: $shade100 !default;
+$splitterGutterHandleBg: $shade300 !default;
 
 //speeddial
 $speedDialButtonWidth: 4rem !default;
@@ -856,79 +883,92 @@ $speedDialActionTextHoverColor: #fff !default;
 //dock
 $dockActionWidth: 4rem !default;
 $dockActionHeight: 4rem !default;
-$dockItemPadding: .5rem !default;
-$dockItemBorderRadius:$borderRadius !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;
-$dockBorder: 1px solid rgba(255,255,255,0.2) !default;
-$dockPadding: .5rem .5rem !default;
-$dockBorderRadius: .5rem !default;
+$dockBg: rgba(255, 255, 255, 0.1) !default;
+$dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default;
+$dockPadding: 0.5rem 0.5rem !default;
+$dockBorderRadius: 0.5rem !default;
 
 //image
-$imageMaskBg:rgba(0,0,0,0.9) !default;
-$imagePreviewToolbarPadding:1rem !default;
-$imagePreviewIndicatorColor:#f8f9fa !default;
-$imagePreviewIndicatorBg:rgba(0,0,0,0.5) !default;
-$imagePreviewActionIconBg:transparent !default;
-$imagePreviewActionIconColor:#f8f9fa !default;
-$imagePreviewActionIconHoverBg:rgba(255,255,255,0.1) !default;
-$imagePreviewActionIconHoverColor:#f8f9fa !default;
-$imagePreviewActionIconWidth:3rem !default;
-$imagePreviewActionIconHeight:3rem !default;
-$imagePreviewActionIconFontSize:1.5rem !default;
-$imagePreviewActionIconBorderRadius:50% !default;
+$imageMaskBg: rgba(0, 0, 0, 0.9) !default;
+$imagePreviewToolbarPadding: 1rem !default;
+$imagePreviewIndicatorColor: #f8f9fa !default;
+$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default;
+$imagePreviewActionIconBg: transparent !default;
+$imagePreviewActionIconColor: #f8f9fa !default;
+$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default;
+$imagePreviewActionIconHoverColor: #f8f9fa !default;
+$imagePreviewActionIconWidth: 3rem !default;
+$imagePreviewActionIconHeight: 3rem !default;
+$imagePreviewActionIconFontSize: 1.5rem !default;
+$imagePreviewActionIconBorderRadius: 50% !default;
 
 :root {
-    font-family:"Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, Twemoji Country Flags, 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:"Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, Twemoji Country Flags, 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};
-    --surface-c:#{$shade200};
-    --surface-d:#{$shade300};
-    --surface-e:#{$shade000};
-    --surface-f:#{$shade000};
-    --text-color:#{$shade700};
-    --text-color-secondary:#{$shade600};
-    --primary-color:#{$primaryColor};
-    --primary-color-text:#{$primaryTextColor};
-    --surface-0: #ffffff;
-    --surface-50: #f9fafb;
-    --surface-100: #f3f4f6;
-    --surface-200: #e5e7eb;
-    --surface-300: #d1d5db;
-    --surface-400: #9ca3af;
-    --surface-500: #6b7280;
-    --surface-600: #4b5563;
-    --surface-700: #374151;
-    --surface-800: #1f2937;
-    --surface-900: #111827;
-    --gray-50: #f9fafb;
-    --gray-100: #f3f4f6;
-    --gray-200: #e5e7eb;
-    --gray-300: #d1d5db;
-    --gray-400: #9ca3af;
-    --gray-500: #6b7280;
-    --gray-600: #4b5563;
-    --gray-700: #374151;
-    --gray-800: #1f2937;
-    --gray-900: #111827;
-    --content-padding:#{$panelContentPadding};
-    --inline-spacing:#{$inlineSpacing};
-    --border-radius:#{$borderRadius};
-    --surface-ground:#f9fafb;
-    --surface-section:#ffffff;
-    --surface-card:#ffffff;
-    --surface-overlay:#ffffff;
-    --surface-border:#dfe7ef;
-    --surface-hover:#f6f9fc;
-    --focus-ring: #{$focusShadow};
-    --maskbg: #{$maskBg};
-    --highlight-bg: #{$highlightBg};
-    --highlight-text-color: #{$highlightTextColor};
-    color-scheme: light;
+  font-family:
+    "Source Sans Pro",
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Twemoji Country Flags,
+    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: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI,
+    Twemoji Country Flags, 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};
+  --surface-c: #{$shade200};
+  --surface-d: #{$shade300};
+  --surface-e: #{$shade000};
+  --surface-f: #{$shade000};
+  --text-color: #{$shade700};
+  --text-color-secondary: #{$shade600};
+  --primary-color: #{$primaryColor};
+  --primary-color-text: #{$primaryTextColor};
+  --surface-0: #ffffff;
+  --surface-50: #f9fafb;
+  --surface-100: #f3f4f6;
+  --surface-200: #e5e7eb;
+  --surface-300: #d1d5db;
+  --surface-400: #9ca3af;
+  --surface-500: #6b7280;
+  --surface-600: #4b5563;
+  --surface-700: #374151;
+  --surface-800: #1f2937;
+  --surface-900: #111827;
+  --gray-50: #f9fafb;
+  --gray-100: #f3f4f6;
+  --gray-200: #e5e7eb;
+  --gray-300: #d1d5db;
+  --gray-400: #9ca3af;
+  --gray-500: #6b7280;
+  --gray-600: #4b5563;
+  --gray-700: #374151;
+  --gray-800: #1f2937;
+  --gray-900: #111827;
+  --content-padding: #{$panelContentPadding};
+  --inline-spacing: #{$inlineSpacing};
+  --border-radius: #{$borderRadius};
+  --surface-ground: #f9fafb;
+  --surface-section: #ffffff;
+  --surface-card: #ffffff;
+  --surface-overlay: #ffffff;
+  --surface-border: #dfe7ef;
+  --surface-hover: #f6f9fc;
+  --focus-ring: #{$focusShadow};
+  --maskbg: #{$maskBg};
+  --highlight-bg: #{$highlightBg};
+  --highlight-text-color: #{$highlightTextColor};
+  color-scheme: light;
 }
diff --git a/frontend/public/primevue-sass-theme/themes/lara/lara-light/blue/theme.scss b/frontend/public/primevue-sass-theme/themes/lara/lara-light/blue/theme.scss
index 68d1b69..1cfb777 100644
--- a/frontend/public/primevue-sass-theme/themes/lara/lara-light/blue/theme.scss
+++ b/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;
   }
 
@@ -65,10 +70,10 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
     border: 1px solid map-get($colors, "primary"); /*#93c5fd*/
     font-size: 1rem;
     transition:
-            background-color 0.2s,
-            color 0.2s,
-            border-color 0.2s,
-            box-shadow 0.2s;
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     border-radius: 6px;
     display: flex;
     align-items: center;
@@ -125,10 +130,10 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
     border: 1px solid map-get($colors, "htwk-grau-140"); /*#0b213f*/
     color: rgba(255, 255, 255, 0.87);
     transition:
-            background-color 0.2s,
-            color 0.2s,
-            border-color 0.2s,
-            box-shadow 0.2s;
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
   }
 
   .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
@@ -139,23 +144,29 @@ $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*/
   }
 
   .fc.fc-unthemed
-  .fc-toolbar
-  .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
+    .fc-toolbar
+    .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
   .fc.fc-unthemed
-  .fc-toolbar
-  .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
+    .fc-toolbar
+    .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
   .fc.fc-unthemed
-  .fc-toolbar
-  .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+    .fc-toolbar
+    .fc-button.fc-timeGridDay-button.fc-button-active:hover {
     background: map-get($colors, "primary");
     border-color: map-get($colors, "primary-24");
     color: $primaryTextColor; /*#1c2127*/
@@ -216,10 +227,10 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
   }
 
   .fc.fc-theme-standard
-  .fc-view-harness
-  .fc-popover
-  .fc-popover-header
-  .fc-popover-close {
+    .fc-view-harness
+    .fc-popover
+    .fc-popover-header
+    .fc-popover-close {
     opacity: 1;
     display: flex;
     align-items: center;
@@ -234,34 +245,34 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
     background: transparent;
     border-radius: 50%;
     transition:
-            background-color 0.2s,
-            color 0.2s,
-            box-shadow 0.2s;
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
   }
 
   .fc.fc-theme-standard
-  .fc-view-harness
-  .fc-popover
-  .fc-popover-header
-  .fc-popover-close:before {
+    .fc-view-harness
+    .fc-popover
+    .fc-popover-header
+    .fc-popover-close:before {
     content: "\e90b";
   }
 
   .fc.fc-theme-standard
-  .fc-view-harness
-  .fc-popover
-  .fc-popover-header
-  .fc-popover-close:hover {
+    .fc-view-harness
+    .fc-popover
+    .fc-popover-header
+    .fc-popover-close:hover {
     color: rgba(255, 255, 255, 0.87);
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
 
   .fc.fc-theme-standard
-  .fc-view-harness
-  .fc-popover
-  .fc-popover-header
-  .fc-popover-close:focus {
+    .fc-view-harness
+    .fc-popover
+    .fc-popover-header
+    .fc-popover-close:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(map-get($colors, "primary"), 0.5); /*rgba(147, 197, 253, 0.5)*/
@@ -282,16 +293,16 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
   }
 
   .fc.fc-theme-standard
-  .fc-view-harness
-  .fc-event.fc-daygrid-block-event
-  .fc-event-main {
+    .fc-view-harness
+    .fc-event.fc-daygrid-block-event
+    .fc-event-main {
     color: $primaryTextColor; /*#1c2127*/
   }
 
   .fc.fc-theme-standard
-  .fc-view-harness
-  .fc-event.fc-daygrid-dot-event
-  .fc-daygrid-event-dot {
+    .fc-view-harness
+    .fc-event.fc-daygrid-dot-event
+    .fc-daygrid-event-dot {
     background: map-get($colors, "primary");
     border-color: map-get($colors, "primary-24");
   }
@@ -311,10 +322,10 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
     border: 1px solid map-get($colors, "primary"); /*#93c5fd*/
     font-size: 1rem;
     transition:
-            background-color 0.2s,
-            color 0.2s,
-            border-color 0.2s,
-            box-shadow 0.2s;
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     border-radius: 6px;
   }
 
@@ -376,10 +387,10 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
     border: 1px solid map-get($colors, "htwk-grau-140"); /*#0b213f*/
     color: rgba(255, 255, 255, 0.87);
     transition:
-            background-color 0.2s,
-            color 0.2s,
-            border-color 0.2s,
-            box-shadow 0.2s;
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
   }
 
   .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
@@ -391,42 +402,42 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
   }
 
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-dayGridMonth-button.fc-button-active,
+    .fc-toolbar
+    .fc-button.fc-dayGridMonth-button.fc-button-active,
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-timeGridWeek-button.fc-button-active,
+    .fc-toolbar
+    .fc-button.fc-timeGridWeek-button.fc-button-active,
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-timeGridDay-button.fc-button-active {
+    .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*/
   }
 
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
+    .fc-toolbar
+    .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
+    .fc-toolbar
+    .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+    .fc-toolbar
+    .fc-button.fc-timeGridDay-button.fc-button-active:hover {
     background: map-get($colors, "primary");
     border-color: map-get($colors, "primary-24");
     color: $primaryTextColor; /*#1c2127*/
   }
 
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-dayGridMonth-button:not(:disabled):focus,
+    .fc-toolbar
+    .fc-button.fc-dayGridMonth-button:not(:disabled):focus,
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-timeGridWeek-button:not(:disabled):focus,
+    .fc-toolbar
+    .fc-button.fc-timeGridWeek-button:not(:disabled):focus,
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-timeGridDay-button:not(:disabled):focus {
+    .fc-toolbar
+    .fc-button.fc-timeGridDay-button:not(:disabled):focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(map-get($colors, "primary"), 0.5); /*rgba(147, 197, 253, 0.5)*/
@@ -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)*/
   }
 }
diff --git a/frontend/public/primevue-sass-theme/themes/lara/lara-light/green/theme.scss b/frontend/public/primevue-sass-theme/themes/lara/lara-light/green/theme.scss
index 3bc58b3..42fd3bb 100644
--- a/frontend/public/primevue-sass-theme/themes/lara/lara-light/green/theme.scss
+++ b/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;
   }
 
@@ -78,10 +91,10 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
     border: 1px solid map-get($colors, "primary"); /*#93c5fd*/
     font-size: 1rem;
     transition:
-            background-color 0.2s,
-            color 0.2s,
-            border-color 0.2s,
-            box-shadow 0.2s;
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     border-radius: 6px;
     display: flex;
     align-items: center;
@@ -138,10 +151,10 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
     border: 1px solid map-get($colors, "htwk-grau-140"); /*#0b213f*/
     color: rgba(255, 255, 255, 0.87);
     transition:
-            background-color 0.2s,
-            color 0.2s,
-            border-color 0.2s,
-            box-shadow 0.2s;
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
   }
 
   .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
@@ -152,23 +165,29 @@ $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*/
   }
 
   .fc.fc-unthemed
-  .fc-toolbar
-  .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
+    .fc-toolbar
+    .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
   .fc.fc-unthemed
-  .fc-toolbar
-  .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
+    .fc-toolbar
+    .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
   .fc.fc-unthemed
-  .fc-toolbar
-  .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+    .fc-toolbar
+    .fc-button.fc-timeGridDay-button.fc-button-active:hover {
     background: map-get($colors, "primary");
     border-color: map-get($colors, "primary-24");
     color: $primaryTextColor; /*#1c2127*/
@@ -229,10 +248,10 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
   }
 
   .fc.fc-theme-standard
-  .fc-view-harness
-  .fc-popover
-  .fc-popover-header
-  .fc-popover-close {
+    .fc-view-harness
+    .fc-popover
+    .fc-popover-header
+    .fc-popover-close {
     opacity: 1;
     display: flex;
     align-items: center;
@@ -247,34 +266,34 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
     background: transparent;
     border-radius: 50%;
     transition:
-            background-color 0.2s,
-            color 0.2s,
-            box-shadow 0.2s;
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
   }
 
   .fc.fc-theme-standard
-  .fc-view-harness
-  .fc-popover
-  .fc-popover-header
-  .fc-popover-close:before {
+    .fc-view-harness
+    .fc-popover
+    .fc-popover-header
+    .fc-popover-close:before {
     content: "\e90b";
   }
 
   .fc.fc-theme-standard
-  .fc-view-harness
-  .fc-popover
-  .fc-popover-header
-  .fc-popover-close:hover {
+    .fc-view-harness
+    .fc-popover
+    .fc-popover-header
+    .fc-popover-close:hover {
     color: rgba(255, 255, 255, 0.87);
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
 
   .fc.fc-theme-standard
-  .fc-view-harness
-  .fc-popover
-  .fc-popover-header
-  .fc-popover-close:focus {
+    .fc-view-harness
+    .fc-popover
+    .fc-popover-header
+    .fc-popover-close:focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(map-get($colors, "primary"), 0.5); /*rgba(147, 197, 253, 0.5)*/
@@ -295,16 +314,16 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
   }
 
   .fc.fc-theme-standard
-  .fc-view-harness
-  .fc-event.fc-daygrid-block-event
-  .fc-event-main {
+    .fc-view-harness
+    .fc-event.fc-daygrid-block-event
+    .fc-event-main {
     color: $primaryTextColor; /*#1c2127*/
   }
 
   .fc.fc-theme-standard
-  .fc-view-harness
-  .fc-event.fc-daygrid-dot-event
-  .fc-daygrid-event-dot {
+    .fc-view-harness
+    .fc-event.fc-daygrid-dot-event
+    .fc-daygrid-event-dot {
     background: map-get($colors, "primary");
     border-color: map-get($colors, "primary-24");
   }
@@ -324,10 +343,10 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
     border: 1px solid map-get($colors, "primary"); /*#93c5fd*/
     font-size: 1rem;
     transition:
-            background-color 0.2s,
-            color 0.2s,
-            border-color 0.2s,
-            box-shadow 0.2s;
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     border-radius: 6px;
   }
 
@@ -389,10 +408,10 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
     border: 1px solid map-get($colors, "htwk-grau-140"); /*#0b213f*/
     color: rgba(255, 255, 255, 0.87);
     transition:
-            background-color 0.2s,
-            color 0.2s,
-            border-color 0.2s,
-            box-shadow 0.2s;
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
   }
 
   .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
@@ -404,42 +423,42 @@ $highlightFocusBg: rgba($primaryColor, .24) !default;
   }
 
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-dayGridMonth-button.fc-button-active,
+    .fc-toolbar
+    .fc-button.fc-dayGridMonth-button.fc-button-active,
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-timeGridWeek-button.fc-button-active,
+    .fc-toolbar
+    .fc-button.fc-timeGridWeek-button.fc-button-active,
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-timeGridDay-button.fc-button-active {
+    .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*/
   }
 
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
+    .fc-toolbar
+    .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
+    .fc-toolbar
+    .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+    .fc-toolbar
+    .fc-button.fc-timeGridDay-button.fc-button-active:hover {
     background: map-get($colors, "primary");
     border-color: map-get($colors, "primary-24");
     color: $primaryTextColor; /*#1c2127*/
   }
 
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-dayGridMonth-button:not(:disabled):focus,
+    .fc-toolbar
+    .fc-button.fc-dayGridMonth-button:not(:disabled):focus,
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-timeGridWeek-button:not(:disabled):focus,
+    .fc-toolbar
+    .fc-button.fc-timeGridWeek-button:not(:disabled):focus,
   .fc.fc-theme-standard
-  .fc-toolbar
-  .fc-button.fc-timeGridDay-button:not(:disabled):focus {
+    .fc-toolbar
+    .fc-button.fc-timeGridDay-button:not(:disabled):focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(map-get($colors, "primary"), 0.5); /*rgba(147, 197, 253, 0.5)*/
@@ -462,6 +481,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)*/
   }
 }
diff --git a/frontend/public/themes/lara-dark-blue/theme.css b/frontend/public/themes/lara-dark-blue/theme.css
index e32108d..d5dc2a8 100644
--- a/frontend/public/themes/lara-dark-blue/theme.css
+++ b/frontend/public/themes/lara-dark-blue/theme.css
@@ -1,8 +1,21 @@
 :root {
-  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, Twemoji Country Flags, Roboto, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+  font-family:
+    "Source Sans Pro",
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Twemoji Country Flags,
+    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: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, Twemoji Country Flags, Roboto, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+  --font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI,
+    Twemoji Country Flags, Roboto, Arial, sans-serif, Apple Color Emoji,
+    Segoe UI Emoji, Segoe UI Symbol;
   --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
   --surface-a: #2e3639;
   --surface-b: black;
@@ -53,366 +66,366 @@
 }
 
 :root {
-  --blue-50:#f2f6fa;
-  --blue-100:#c2d3e7;
-  --blue-200:#91afd3;
-  --blue-300:#618cc0;
-  --blue-400:#3069ac;
-  --blue-500:#004699;
-  --blue-600:#003c82;
-  --blue-700:#00316b;
-  --blue-800:#002754;
-  --blue-900:#001c3d;
-  --green-50:#f2faf6;
-  --green-100:#c2e6d5;
-  --green-200:#91d2b3;
-  --green-300:#61be91;
-  --green-400:#30aa70;
-  --green-500:#00964e;
-  --green-600:#008042;
-  --green-700:#006937;
-  --green-800:#00532b;
-  --green-900:#003c1f;
-  --yellow-50:#fffef2;
-  --yellow-100:#fffbc2;
-  --yellow-200:#fff791;
-  --yellow-300:#fff461;
-  --yellow-400:#fff030;
-  --yellow-500:#ffed00;
-  --yellow-600:#d9c900;
-  --yellow-700:#b3a600;
-  --yellow-800:#8c8200;
-  --yellow-900:#665f00;
-  --cyan-50:#f2fafe;
-  --cyan-100:#c2e8f8;
-  --cyan-200:#91d5f3;
-  --cyan-300:#61c3ee;
-  --cyan-400:#30b0e8;
-  --cyan-500:#009ee3;
-  --cyan-600:#0086c1;
-  --cyan-700:#006f9f;
-  --cyan-800:#00577d;
-  --cyan-900:#003f5b;
-  --pink-50:#fef2f9;
-  --pink-100:#f9c2e0;
-  --pink-200:#f491c7;
-  --pink-300:#ef61ae;
-  --pink-400:#ea3096;
-  --pink-500:#e5007d;
-  --pink-600:#c3006a;
-  --pink-700:#a00058;
-  --pink-800:#7e0045;
-  --pink-900:#5c0032;
-  --indigo-50:#f7f7fe;
-  --indigo-100:#dadafc;
-  --indigo-200:#bcbdf9;
-  --indigo-300:#9ea0f6;
-  --indigo-400:#8183f4;
-  --indigo-500:#6366f1;
-  --indigo-600:#5457cd;
-  --indigo-700:#4547a9;
-  --indigo-800:#363885;
-  --indigo-900:#282960;
-  --teal-50:#f3fbfb;
-  --teal-100:#c7eeea;
-  --teal-200:#9ae0d9;
-  --teal-300:#6dd3c8;
-  --teal-400:#41c5b7;
-  --teal-500:#14b8a6;
-  --teal-600:#119c8d;
-  --teal-700:#0e8174;
-  --teal-800:#0b655b;
-  --teal-900:#084a42;
-  --orange-50:#fff8f3;
-  --orange-100:#feddc7;
-  --orange-200:#fcc39b;
-  --orange-300:#fba86f;
-  --orange-400:#fa8e42;
-  --orange-500:#f97316;
-  --orange-600:#d46213;
-  --orange-700:#ae510f;
-  --orange-800:#893f0c;
-  --orange-900:#642e09;
-  --bluegray-50:#f7f8f9;
-  --bluegray-100:#dadee3;
-  --bluegray-200:#bcc3cd;
-  --bluegray-300:#9fa9b7;
-  --bluegray-400:#818ea1;
-  --bluegray-500:#64748b;
-  --bluegray-600:#556376;
-  --bluegray-700:#465161;
-  --bluegray-800:#37404c;
-  --bluegray-900:#282e38;
-  --purple-50:#fbf7ff;
-  --purple-100:#ead6fd;
-  --purple-200:#dab6fc;
-  --purple-300:#c996fa;
-  --purple-400:#b975f9;
-  --purple-500:#a855f7;
-  --purple-600:#8f48d2;
-  --purple-700:#763cad;
-  --purple-800:#5c2f88;
-  --purple-900:#432263;
-  --red-50:#fef5f3;
-  --red-100:#f9cdc4;
-  --red-200:#f4a695;
-  --red-300:#ef7f66;
-  --red-400:#ea5738;
-  --red-500:#e53009;
-  --red-600:#c32908;
-  --red-700:#a02206;
-  --red-800:#7e1a05;
-  --red-900:#5c1304;
-  --primary-50:#fffef2;
-  --primary-100:#fffbc2;
-  --primary-200:#fff791;
-  --primary-300:#fff461;
-  --primary-400:#fff030;
-  --primary-500:#ffed00;
-  --primary-600:#d9c900;
-  --primary-700:#b3a600;
-  --primary-800:#8c8200;
-  --primary-900:#665f00;
-  --htwk-yellow-50:#fffef2;
-  --htwk-yellow-100:#fffbc2;
-  --htwk-yellow-200:#fff791;
-  --htwk-yellow-300:#fff461;
-  --htwk-yellow-400:#fff030;
-  --htwk-yellow-500:#ffed00;
-  --htwk-yellow-600:#d9c900;
-  --htwk-yellow-700:#b3a600;
-  --htwk-yellow-800:#8c8200;
-  --htwk-yellow-900:#665f00;
-  --htwk-yellow-24-50:rgba(255, 255, 253, 0.962);
-  --htwk-yellow-24-100:rgba(255, 254, 244, 0.8176);
-  --htwk-yellow-24-200:rgba(255, 253, 231, 0.6732);
-  --htwk-yellow-24-300:rgba(255, 252, 209, 0.5288);
-  --htwk-yellow-24-400:rgba(255, 248, 161, 0.3844);
-  --htwk-yellow-24-500:rgba(255, 237, 0, 0.24);
-  --htwk-yellow-24-600:rgba(111, 103, 0, 0.354);
-  --htwk-yellow-24-700:rgba(62, 57, 0, 0.468);
-  --htwk-yellow-24-800:rgba(36, 34, 0, 0.582);
-  --htwk-yellow-24-900:rgba(21, 20, 0, 0.696);
-  --htwk-yellow-16-50:rgba(255, 255, 254, 0.958);
-  --htwk-yellow-16-100:rgba(255, 255, 248, 0.7984);
-  --htwk-yellow-16-200:rgba(255, 254, 239, 0.6388);
-  --htwk-yellow-16-300:rgba(255, 253, 223, 0.4792);
-  --htwk-yellow-16-400:rgba(255, 250, 186, 0.3196);
-  --htwk-yellow-16-500:rgba(255, 237, 0, 0.16);
-  --htwk-yellow-16-600:rgba(84, 78, 0, 0.286);
-  --htwk-yellow-16-700:rgba(43, 40, 0, 0.412);
-  --htwk-yellow-16-800:rgba(24, 23, 0, 0.538);
-  --htwk-yellow-16-900:rgba(14, 13, 0, 0.664);
-  --htwk-yellow-01-50:rgba(255, 255, 254, 0.955);
-  --htwk-yellow-01-100:rgba(255, 255, 251, 0.784);
-  --htwk-yellow-01-200:rgba(255, 254, 245, 0.613);
-  --htwk-yellow-01-300:rgba(255, 254, 235, 0.442);
-  --htwk-yellow-01-400:rgba(255, 252, 208, 0.271);
-  --htwk-yellow-01-500:rgba(255, 237, 0, 0.1);
-  --htwk-yellow-01-600:rgba(59, 54, 0, 0.235);
-  --htwk-yellow-01-700:rgba(28, 26, 0, 0.37);
-  --htwk-yellow-01-800:rgba(15, 14, 0, 0.505);
-  --htwk-yellow-01-900:rgba(9, 8, 0, 0.64);
-  --htwk-magenta-50:#fef2f9;
-  --htwk-magenta-100:#f9c2e0;
-  --htwk-magenta-200:#f491c7;
-  --htwk-magenta-300:#ef61ae;
-  --htwk-magenta-400:#ea3096;
-  --htwk-magenta-500:#e5007d;
-  --htwk-magenta-600:#c3006a;
-  --htwk-magenta-700:#a00058;
-  --htwk-magenta-800:#7e0045;
-  --htwk-magenta-900:#5c0032;
-  --htwk-rot-50:#fef5f3;
-  --htwk-rot-100:#f9cdc4;
-  --htwk-rot-200:#f4a695;
-  --htwk-rot-300:#ef7f66;
-  --htwk-rot-400:#ea5738;
-  --htwk-rot-500:#e53009;
-  --htwk-rot-600:#c32908;
-  --htwk-rot-700:#a02206;
-  --htwk-rot-800:#7e1a05;
-  --htwk-rot-900:#5c1304;
-  --htwk-gruen-50:#f2faf6;
-  --htwk-gruen-100:#c2e6d5;
-  --htwk-gruen-200:#91d2b3;
-  --htwk-gruen-300:#61be91;
-  --htwk-gruen-400:#30aa70;
-  --htwk-gruen-500:#00964e;
-  --htwk-gruen-600:#008042;
-  --htwk-gruen-700:#006937;
-  --htwk-gruen-800:#00532b;
-  --htwk-gruen-900:#003c1f;
-  --htwk-cyan-50:#f2fafe;
-  --htwk-cyan-100:#c2e8f8;
-  --htwk-cyan-200:#91d5f3;
-  --htwk-cyan-300:#61c3ee;
-  --htwk-cyan-400:#30b0e8;
-  --htwk-cyan-500:#009ee3;
-  --htwk-cyan-600:#0086c1;
-  --htwk-cyan-700:#006f9f;
-  --htwk-cyan-800:#00577d;
-  --htwk-cyan-900:#003f5b;
-  --htwk-blau-50:#f2f6fa;
-  --htwk-blau-100:#c2d3e7;
-  --htwk-blau-200:#91afd3;
-  --htwk-blau-300:#618cc0;
-  --htwk-blau-400:#3069ac;
-  --htwk-blau-500:#004699;
-  --htwk-blau-600:#003c82;
-  --htwk-blau-700:#00316b;
-  --htwk-blau-800:#002754;
-  --htwk-blau-900:#001c3d;
-  --htwk-silbergrau-50:#fcfcfc;
-  --htwk-silbergrau-100:#eff1f1;
-  --htwk-silbergrau-200:#e3e5e6;
-  --htwk-silbergrau-300:#d7dadc;
-  --htwk-silbergrau-400:#caced1;
-  --htwk-silbergrau-500:#bec3c6;
-  --htwk-silbergrau-600:#a2a6a8;
-  --htwk-silbergrau-700:#85898b;
-  --htwk-silbergrau-800:#696b6d;
-  --htwk-silbergrau-900:#4c4e4f;
-  --htwk-silbergrau-80-50:#fcfdfd;
-  --htwk-silbergrau-80-100:#f3f4f4;
-  --htwk-silbergrau-80-200:#e9eceb;
-  --htwk-silbergrau-80-300:#dfe4e2;
-  --htwk-silbergrau-80-400:#d5dbda;
-  --htwk-silbergrau-80-500:#cbd3d1;
-  --htwk-silbergrau-80-600:#adb3b2;
-  --htwk-silbergrau-80-700:#8e9492;
-  --htwk-silbergrau-80-800:#707473;
-  --htwk-silbergrau-80-900:#515454;
-  --htwk-silbergrau-60-50:#fdfdfd;
-  --htwk-silbergrau-60-100:#f6f7f7;
-  --htwk-silbergrau-60-200:#eef1f0;
-  --htwk-silbergrau-60-300:#e7ebe9;
-  --htwk-silbergrau-60-400:#dfe4e3;
-  --htwk-silbergrau-60-500:#d8dedc;
-  --htwk-silbergrau-60-600:#b8bdbb;
-  --htwk-silbergrau-60-700:#979b9a;
-  --htwk-silbergrau-60-800:#777a79;
-  --htwk-silbergrau-60-900:#565958;
-  --htwk-silbergrau-40-50:#fefefe;
-  --htwk-silbergrau-40-100:#f9faf9;
-  --htwk-silbergrau-40-200:#f4f6f5;
-  --htwk-silbergrau-40-300:#eff1f1;
-  --htwk-silbergrau-40-400:#eaedec;
-  --htwk-silbergrau-40-500:#e5e9e8;
-  --htwk-silbergrau-40-600:#c3c6c5;
-  --htwk-silbergrau-40-700:#a0a3a2;
-  --htwk-silbergrau-40-800:#7e8080;
-  --htwk-silbergrau-40-900:#5c5d5d;
-  --htwk-grau-140-50:#f4f4f4;
-  --htwk-grau-140-100:#c8c9ca;
-  --htwk-grau-140-200:#9d9fa0;
-  --htwk-grau-140-300:#727576;
-  --htwk-grau-140-400:#464a4c;
-  --htwk-grau-140-500:#1b2022;
-  --htwk-grau-140-600:#171b1d;
-  --htwk-grau-140-700:#131618;
-  --htwk-grau-140-800:#0f1213;
-  --htwk-grau-140-900:#0b0d0e;
-  --htwk-grau-120-50:#f4f4f5;
-  --htwk-grau-120-100:#cacccd;
-  --htwk-grau-120-200:#a1a4a5;
-  --htwk-grau-120-300:#777c7d;
-  --htwk-grau-120-400:#4e5355;
-  --htwk-grau-120-500:#242b2d;
-  --htwk-grau-120-600:#1f2526;
-  --htwk-grau-120-700:#191e20;
-  --htwk-grau-120-800:#141819;
-  --htwk-grau-120-900:#0e1112;
-  --htwk-grau-50:whitesmoke;
-  --htwk-grau-100:#cdcfcf;
-  --htwk-grau-200:#a5a9aa;
-  --htwk-grau-300:#7d8284;
-  --htwk-grau-400:#565c5f;
-  --htwk-grau-500:#2e3639;
-  --htwk-grau-600:#272e30;
-  --htwk-grau-700:#202628;
-  --htwk-grau-800:#191e1f;
-  --htwk-grau-900:#121617;
-  --htwk-grau-80-50:#f7f7f7;
-  --htwk-grau-80-100:#d7d8d9;
-  --htwk-grau-80-200:#b7babb;
-  --htwk-grau-80-300:#979b9c;
-  --htwk-grau-80-400:#777d7e;
-  --htwk-grau-80-500:#575e60;
-  --htwk-grau-80-600:#4a5052;
-  --htwk-grau-80-700:#3d4243;
-  --htwk-grau-80-800:#303435;
-  --htwk-grau-80-900:#232626;
-  --htwk-grau-60-50:#f9f9f9;
-  --htwk-grau-60-100:#e1e2e2;
-  --htwk-grau-60-200:#c9cbcc;
-  --htwk-grau-60-300:#b1b4b5;
-  --htwk-grau-60-400:#999d9f;
-  --htwk-grau-60-500:#818688;
-  --htwk-grau-60-600:#6e7274;
-  --htwk-grau-60-700:#5a5e5f;
-  --htwk-grau-60-800:#474a4b;
-  --htwk-grau-60-900:#343636;
-  --htwk-grau-40-50:#fbfbfb;
-  --htwk-grau-40-100:#ebecec;
-  --htwk-grau-40-200:#dbdcdd;
-  --htwk-grau-40-300:#cbcdcd;
-  --htwk-grau-40-400:#bbbdbe;
-  --htwk-grau-40-500:#abaeaf;
-  --htwk-grau-40-600:#919495;
-  --htwk-grau-40-700:#787a7b;
-  --htwk-grau-40-800:#5e6060;
-  --htwk-grau-40-900:#444646;
-  --htwk-dunkelblau-50:#f2f4f6;
-  --htwk-dunkelblau-100:#c2cbd1;
-  --htwk-dunkelblau-200:#92a1ad;
-  --htwk-dunkelblau-300:#627889;
-  --htwk-dunkelblau-400:#324e65;
-  --htwk-dunkelblau-500:#022541;
-  --htwk-dunkelblau-600:#021f37;
-  --htwk-dunkelblau-700:#011a2e;
-  --htwk-dunkelblau-800:#011424;
-  --htwk-dunkelblau-900:#010f1a;
-  --htwk-dunkelblau-80-50:#f5f6f7;
-  --htwk-dunkelblau-80-100:#ced5db;
-  --htwk-dunkelblau-80-200:#a8b4be;
-  --htwk-dunkelblau-80-300:#8193a1;
-  --htwk-dunkelblau-80-400:#5b7184;
-  --htwk-dunkelblau-80-500:#345067;
-  --htwk-dunkelblau-80-600:#2c4458;
-  --htwk-dunkelblau-80-700:#243848;
-  --htwk-dunkelblau-80-800:#1d2c39;
-  --htwk-dunkelblau-80-900:#152029;
-  --htwk-dunkelblau-60-50:#f7f8f9;
-  --htwk-dunkelblau-60-100:#dbe0e4;
-  --htwk-dunkelblau-60-200:#bec7ce;
-  --htwk-dunkelblau-60-300:#a1aeb8;
-  --htwk-dunkelblau-60-400:#8495a3;
-  --htwk-dunkelblau-60-500:#677c8d;
-  --htwk-dunkelblau-60-600:#586978;
-  --htwk-dunkelblau-60-700:#485763;
-  --htwk-dunkelblau-60-800:#39444e;
-  --htwk-dunkelblau-60-900:#293238;
-  --htwk-dunkelblau-40-50:#fafbfb;
-  --htwk-dunkelblau-40-100:#e7eaed;
-  --htwk-dunkelblau-40-200:#d3d9de;
-  --htwk-dunkelblau-40-300:#c0c8d0;
-  --htwk-dunkelblau-40-400:#acb8c1;
-  --htwk-dunkelblau-40-500:#99a7b3;
-  --htwk-dunkelblau-40-600:#828e98;
-  --htwk-dunkelblau-40-700:#6b757d;
-  --htwk-dunkelblau-40-800:#545c62;
-  --htwk-dunkelblau-40-900:#3d4348;
-  --htwk-schwarz-50:#f2f2f2;
-  --htwk-schwarz-100:#c2c2c2;
-  --htwk-schwarz-200:#919191;
-  --htwk-schwarz-300:#616161;
-  --htwk-schwarz-400:#303030;
-  --htwk-schwarz-500:black;
-  --htwk-schwarz-600:black;
-  --htwk-schwarz-700:black;
-  --htwk-schwarz-800:black;
-  --htwk-schwarz-900:black;
+  --blue-50: #f2f6fa;
+  --blue-100: #c2d3e7;
+  --blue-200: #91afd3;
+  --blue-300: #618cc0;
+  --blue-400: #3069ac;
+  --blue-500: #004699;
+  --blue-600: #003c82;
+  --blue-700: #00316b;
+  --blue-800: #002754;
+  --blue-900: #001c3d;
+  --green-50: #f2faf6;
+  --green-100: #c2e6d5;
+  --green-200: #91d2b3;
+  --green-300: #61be91;
+  --green-400: #30aa70;
+  --green-500: #00964e;
+  --green-600: #008042;
+  --green-700: #006937;
+  --green-800: #00532b;
+  --green-900: #003c1f;
+  --yellow-50: #fffef2;
+  --yellow-100: #fffbc2;
+  --yellow-200: #fff791;
+  --yellow-300: #fff461;
+  --yellow-400: #fff030;
+  --yellow-500: #ffed00;
+  --yellow-600: #d9c900;
+  --yellow-700: #b3a600;
+  --yellow-800: #8c8200;
+  --yellow-900: #665f00;
+  --cyan-50: #f2fafe;
+  --cyan-100: #c2e8f8;
+  --cyan-200: #91d5f3;
+  --cyan-300: #61c3ee;
+  --cyan-400: #30b0e8;
+  --cyan-500: #009ee3;
+  --cyan-600: #0086c1;
+  --cyan-700: #006f9f;
+  --cyan-800: #00577d;
+  --cyan-900: #003f5b;
+  --pink-50: #fef2f9;
+  --pink-100: #f9c2e0;
+  --pink-200: #f491c7;
+  --pink-300: #ef61ae;
+  --pink-400: #ea3096;
+  --pink-500: #e5007d;
+  --pink-600: #c3006a;
+  --pink-700: #a00058;
+  --pink-800: #7e0045;
+  --pink-900: #5c0032;
+  --indigo-50: #f7f7fe;
+  --indigo-100: #dadafc;
+  --indigo-200: #bcbdf9;
+  --indigo-300: #9ea0f6;
+  --indigo-400: #8183f4;
+  --indigo-500: #6366f1;
+  --indigo-600: #5457cd;
+  --indigo-700: #4547a9;
+  --indigo-800: #363885;
+  --indigo-900: #282960;
+  --teal-50: #f3fbfb;
+  --teal-100: #c7eeea;
+  --teal-200: #9ae0d9;
+  --teal-300: #6dd3c8;
+  --teal-400: #41c5b7;
+  --teal-500: #14b8a6;
+  --teal-600: #119c8d;
+  --teal-700: #0e8174;
+  --teal-800: #0b655b;
+  --teal-900: #084a42;
+  --orange-50: #fff8f3;
+  --orange-100: #feddc7;
+  --orange-200: #fcc39b;
+  --orange-300: #fba86f;
+  --orange-400: #fa8e42;
+  --orange-500: #f97316;
+  --orange-600: #d46213;
+  --orange-700: #ae510f;
+  --orange-800: #893f0c;
+  --orange-900: #642e09;
+  --bluegray-50: #f7f8f9;
+  --bluegray-100: #dadee3;
+  --bluegray-200: #bcc3cd;
+  --bluegray-300: #9fa9b7;
+  --bluegray-400: #818ea1;
+  --bluegray-500: #64748b;
+  --bluegray-600: #556376;
+  --bluegray-700: #465161;
+  --bluegray-800: #37404c;
+  --bluegray-900: #282e38;
+  --purple-50: #fbf7ff;
+  --purple-100: #ead6fd;
+  --purple-200: #dab6fc;
+  --purple-300: #c996fa;
+  --purple-400: #b975f9;
+  --purple-500: #a855f7;
+  --purple-600: #8f48d2;
+  --purple-700: #763cad;
+  --purple-800: #5c2f88;
+  --purple-900: #432263;
+  --red-50: #fef5f3;
+  --red-100: #f9cdc4;
+  --red-200: #f4a695;
+  --red-300: #ef7f66;
+  --red-400: #ea5738;
+  --red-500: #e53009;
+  --red-600: #c32908;
+  --red-700: #a02206;
+  --red-800: #7e1a05;
+  --red-900: #5c1304;
+  --primary-50: #fffef2;
+  --primary-100: #fffbc2;
+  --primary-200: #fff791;
+  --primary-300: #fff461;
+  --primary-400: #fff030;
+  --primary-500: #ffed00;
+  --primary-600: #d9c900;
+  --primary-700: #b3a600;
+  --primary-800: #8c8200;
+  --primary-900: #665f00;
+  --htwk-yellow-50: #fffef2;
+  --htwk-yellow-100: #fffbc2;
+  --htwk-yellow-200: #fff791;
+  --htwk-yellow-300: #fff461;
+  --htwk-yellow-400: #fff030;
+  --htwk-yellow-500: #ffed00;
+  --htwk-yellow-600: #d9c900;
+  --htwk-yellow-700: #b3a600;
+  --htwk-yellow-800: #8c8200;
+  --htwk-yellow-900: #665f00;
+  --htwk-yellow-24-50: rgba(255, 255, 253, 0.962);
+  --htwk-yellow-24-100: rgba(255, 254, 244, 0.8176);
+  --htwk-yellow-24-200: rgba(255, 253, 231, 0.6732);
+  --htwk-yellow-24-300: rgba(255, 252, 209, 0.5288);
+  --htwk-yellow-24-400: rgba(255, 248, 161, 0.3844);
+  --htwk-yellow-24-500: rgba(255, 237, 0, 0.24);
+  --htwk-yellow-24-600: rgba(111, 103, 0, 0.354);
+  --htwk-yellow-24-700: rgba(62, 57, 0, 0.468);
+  --htwk-yellow-24-800: rgba(36, 34, 0, 0.582);
+  --htwk-yellow-24-900: rgba(21, 20, 0, 0.696);
+  --htwk-yellow-16-50: rgba(255, 255, 254, 0.958);
+  --htwk-yellow-16-100: rgba(255, 255, 248, 0.7984);
+  --htwk-yellow-16-200: rgba(255, 254, 239, 0.6388);
+  --htwk-yellow-16-300: rgba(255, 253, 223, 0.4792);
+  --htwk-yellow-16-400: rgba(255, 250, 186, 0.3196);
+  --htwk-yellow-16-500: rgba(255, 237, 0, 0.16);
+  --htwk-yellow-16-600: rgba(84, 78, 0, 0.286);
+  --htwk-yellow-16-700: rgba(43, 40, 0, 0.412);
+  --htwk-yellow-16-800: rgba(24, 23, 0, 0.538);
+  --htwk-yellow-16-900: rgba(14, 13, 0, 0.664);
+  --htwk-yellow-01-50: rgba(255, 255, 254, 0.955);
+  --htwk-yellow-01-100: rgba(255, 255, 251, 0.784);
+  --htwk-yellow-01-200: rgba(255, 254, 245, 0.613);
+  --htwk-yellow-01-300: rgba(255, 254, 235, 0.442);
+  --htwk-yellow-01-400: rgba(255, 252, 208, 0.271);
+  --htwk-yellow-01-500: rgba(255, 237, 0, 0.1);
+  --htwk-yellow-01-600: rgba(59, 54, 0, 0.235);
+  --htwk-yellow-01-700: rgba(28, 26, 0, 0.37);
+  --htwk-yellow-01-800: rgba(15, 14, 0, 0.505);
+  --htwk-yellow-01-900: rgba(9, 8, 0, 0.64);
+  --htwk-magenta-50: #fef2f9;
+  --htwk-magenta-100: #f9c2e0;
+  --htwk-magenta-200: #f491c7;
+  --htwk-magenta-300: #ef61ae;
+  --htwk-magenta-400: #ea3096;
+  --htwk-magenta-500: #e5007d;
+  --htwk-magenta-600: #c3006a;
+  --htwk-magenta-700: #a00058;
+  --htwk-magenta-800: #7e0045;
+  --htwk-magenta-900: #5c0032;
+  --htwk-rot-50: #fef5f3;
+  --htwk-rot-100: #f9cdc4;
+  --htwk-rot-200: #f4a695;
+  --htwk-rot-300: #ef7f66;
+  --htwk-rot-400: #ea5738;
+  --htwk-rot-500: #e53009;
+  --htwk-rot-600: #c32908;
+  --htwk-rot-700: #a02206;
+  --htwk-rot-800: #7e1a05;
+  --htwk-rot-900: #5c1304;
+  --htwk-gruen-50: #f2faf6;
+  --htwk-gruen-100: #c2e6d5;
+  --htwk-gruen-200: #91d2b3;
+  --htwk-gruen-300: #61be91;
+  --htwk-gruen-400: #30aa70;
+  --htwk-gruen-500: #00964e;
+  --htwk-gruen-600: #008042;
+  --htwk-gruen-700: #006937;
+  --htwk-gruen-800: #00532b;
+  --htwk-gruen-900: #003c1f;
+  --htwk-cyan-50: #f2fafe;
+  --htwk-cyan-100: #c2e8f8;
+  --htwk-cyan-200: #91d5f3;
+  --htwk-cyan-300: #61c3ee;
+  --htwk-cyan-400: #30b0e8;
+  --htwk-cyan-500: #009ee3;
+  --htwk-cyan-600: #0086c1;
+  --htwk-cyan-700: #006f9f;
+  --htwk-cyan-800: #00577d;
+  --htwk-cyan-900: #003f5b;
+  --htwk-blau-50: #f2f6fa;
+  --htwk-blau-100: #c2d3e7;
+  --htwk-blau-200: #91afd3;
+  --htwk-blau-300: #618cc0;
+  --htwk-blau-400: #3069ac;
+  --htwk-blau-500: #004699;
+  --htwk-blau-600: #003c82;
+  --htwk-blau-700: #00316b;
+  --htwk-blau-800: #002754;
+  --htwk-blau-900: #001c3d;
+  --htwk-silbergrau-50: #fcfcfc;
+  --htwk-silbergrau-100: #eff1f1;
+  --htwk-silbergrau-200: #e3e5e6;
+  --htwk-silbergrau-300: #d7dadc;
+  --htwk-silbergrau-400: #caced1;
+  --htwk-silbergrau-500: #bec3c6;
+  --htwk-silbergrau-600: #a2a6a8;
+  --htwk-silbergrau-700: #85898b;
+  --htwk-silbergrau-800: #696b6d;
+  --htwk-silbergrau-900: #4c4e4f;
+  --htwk-silbergrau-80-50: #fcfdfd;
+  --htwk-silbergrau-80-100: #f3f4f4;
+  --htwk-silbergrau-80-200: #e9eceb;
+  --htwk-silbergrau-80-300: #dfe4e2;
+  --htwk-silbergrau-80-400: #d5dbda;
+  --htwk-silbergrau-80-500: #cbd3d1;
+  --htwk-silbergrau-80-600: #adb3b2;
+  --htwk-silbergrau-80-700: #8e9492;
+  --htwk-silbergrau-80-800: #707473;
+  --htwk-silbergrau-80-900: #515454;
+  --htwk-silbergrau-60-50: #fdfdfd;
+  --htwk-silbergrau-60-100: #f6f7f7;
+  --htwk-silbergrau-60-200: #eef1f0;
+  --htwk-silbergrau-60-300: #e7ebe9;
+  --htwk-silbergrau-60-400: #dfe4e3;
+  --htwk-silbergrau-60-500: #d8dedc;
+  --htwk-silbergrau-60-600: #b8bdbb;
+  --htwk-silbergrau-60-700: #979b9a;
+  --htwk-silbergrau-60-800: #777a79;
+  --htwk-silbergrau-60-900: #565958;
+  --htwk-silbergrau-40-50: #fefefe;
+  --htwk-silbergrau-40-100: #f9faf9;
+  --htwk-silbergrau-40-200: #f4f6f5;
+  --htwk-silbergrau-40-300: #eff1f1;
+  --htwk-silbergrau-40-400: #eaedec;
+  --htwk-silbergrau-40-500: #e5e9e8;
+  --htwk-silbergrau-40-600: #c3c6c5;
+  --htwk-silbergrau-40-700: #a0a3a2;
+  --htwk-silbergrau-40-800: #7e8080;
+  --htwk-silbergrau-40-900: #5c5d5d;
+  --htwk-grau-140-50: #f4f4f4;
+  --htwk-grau-140-100: #c8c9ca;
+  --htwk-grau-140-200: #9d9fa0;
+  --htwk-grau-140-300: #727576;
+  --htwk-grau-140-400: #464a4c;
+  --htwk-grau-140-500: #1b2022;
+  --htwk-grau-140-600: #171b1d;
+  --htwk-grau-140-700: #131618;
+  --htwk-grau-140-800: #0f1213;
+  --htwk-grau-140-900: #0b0d0e;
+  --htwk-grau-120-50: #f4f4f5;
+  --htwk-grau-120-100: #cacccd;
+  --htwk-grau-120-200: #a1a4a5;
+  --htwk-grau-120-300: #777c7d;
+  --htwk-grau-120-400: #4e5355;
+  --htwk-grau-120-500: #242b2d;
+  --htwk-grau-120-600: #1f2526;
+  --htwk-grau-120-700: #191e20;
+  --htwk-grau-120-800: #141819;
+  --htwk-grau-120-900: #0e1112;
+  --htwk-grau-50: whitesmoke;
+  --htwk-grau-100: #cdcfcf;
+  --htwk-grau-200: #a5a9aa;
+  --htwk-grau-300: #7d8284;
+  --htwk-grau-400: #565c5f;
+  --htwk-grau-500: #2e3639;
+  --htwk-grau-600: #272e30;
+  --htwk-grau-700: #202628;
+  --htwk-grau-800: #191e1f;
+  --htwk-grau-900: #121617;
+  --htwk-grau-80-50: #f7f7f7;
+  --htwk-grau-80-100: #d7d8d9;
+  --htwk-grau-80-200: #b7babb;
+  --htwk-grau-80-300: #979b9c;
+  --htwk-grau-80-400: #777d7e;
+  --htwk-grau-80-500: #575e60;
+  --htwk-grau-80-600: #4a5052;
+  --htwk-grau-80-700: #3d4243;
+  --htwk-grau-80-800: #303435;
+  --htwk-grau-80-900: #232626;
+  --htwk-grau-60-50: #f9f9f9;
+  --htwk-grau-60-100: #e1e2e2;
+  --htwk-grau-60-200: #c9cbcc;
+  --htwk-grau-60-300: #b1b4b5;
+  --htwk-grau-60-400: #999d9f;
+  --htwk-grau-60-500: #818688;
+  --htwk-grau-60-600: #6e7274;
+  --htwk-grau-60-700: #5a5e5f;
+  --htwk-grau-60-800: #474a4b;
+  --htwk-grau-60-900: #343636;
+  --htwk-grau-40-50: #fbfbfb;
+  --htwk-grau-40-100: #ebecec;
+  --htwk-grau-40-200: #dbdcdd;
+  --htwk-grau-40-300: #cbcdcd;
+  --htwk-grau-40-400: #bbbdbe;
+  --htwk-grau-40-500: #abaeaf;
+  --htwk-grau-40-600: #919495;
+  --htwk-grau-40-700: #787a7b;
+  --htwk-grau-40-800: #5e6060;
+  --htwk-grau-40-900: #444646;
+  --htwk-dunkelblau-50: #f2f4f6;
+  --htwk-dunkelblau-100: #c2cbd1;
+  --htwk-dunkelblau-200: #92a1ad;
+  --htwk-dunkelblau-300: #627889;
+  --htwk-dunkelblau-400: #324e65;
+  --htwk-dunkelblau-500: #022541;
+  --htwk-dunkelblau-600: #021f37;
+  --htwk-dunkelblau-700: #011a2e;
+  --htwk-dunkelblau-800: #011424;
+  --htwk-dunkelblau-900: #010f1a;
+  --htwk-dunkelblau-80-50: #f5f6f7;
+  --htwk-dunkelblau-80-100: #ced5db;
+  --htwk-dunkelblau-80-200: #a8b4be;
+  --htwk-dunkelblau-80-300: #8193a1;
+  --htwk-dunkelblau-80-400: #5b7184;
+  --htwk-dunkelblau-80-500: #345067;
+  --htwk-dunkelblau-80-600: #2c4458;
+  --htwk-dunkelblau-80-700: #243848;
+  --htwk-dunkelblau-80-800: #1d2c39;
+  --htwk-dunkelblau-80-900: #152029;
+  --htwk-dunkelblau-60-50: #f7f8f9;
+  --htwk-dunkelblau-60-100: #dbe0e4;
+  --htwk-dunkelblau-60-200: #bec7ce;
+  --htwk-dunkelblau-60-300: #a1aeb8;
+  --htwk-dunkelblau-60-400: #8495a3;
+  --htwk-dunkelblau-60-500: #677c8d;
+  --htwk-dunkelblau-60-600: #586978;
+  --htwk-dunkelblau-60-700: #485763;
+  --htwk-dunkelblau-60-800: #39444e;
+  --htwk-dunkelblau-60-900: #293238;
+  --htwk-dunkelblau-40-50: #fafbfb;
+  --htwk-dunkelblau-40-100: #e7eaed;
+  --htwk-dunkelblau-40-200: #d3d9de;
+  --htwk-dunkelblau-40-300: #c0c8d0;
+  --htwk-dunkelblau-40-400: #acb8c1;
+  --htwk-dunkelblau-40-500: #99a7b3;
+  --htwk-dunkelblau-40-600: #828e98;
+  --htwk-dunkelblau-40-700: #6b757d;
+  --htwk-dunkelblau-40-800: #545c62;
+  --htwk-dunkelblau-40-900: #3d4348;
+  --htwk-schwarz-50: #f2f2f2;
+  --htwk-schwarz-100: #c2c2c2;
+  --htwk-schwarz-200: #919191;
+  --htwk-schwarz-300: #616161;
+  --htwk-schwarz-400: #303030;
+  --htwk-schwarz-500: black;
+  --htwk-schwarz-600: black;
+  --htwk-schwarz-700: black;
+  --htwk-schwarz-800: black;
+  --htwk-schwarz-900: black;
 }
 
 .p-editor-container .p-editor-toolbar {
@@ -433,39 +446,78 @@
   border: 0 none;
   color: rgba(255, 255, 255, 0.6);
 }
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker
+  .ql-picker-label:hover {
   color: rgba(255, 255, 255, 0.87);
 }
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker
+  .ql-picker-label:hover
+  .ql-stroke {
   stroke: rgba(255, 255, 255, 0.87);
 }
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker
+  .ql-picker-label:hover
+  .ql-fill {
   fill: rgba(255, 255, 255, 0.87);
 }
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker.ql-expanded
+  .ql-picker-label {
   color: rgba(255, 255, 255, 0.87);
 }
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker.ql-expanded
+  .ql-picker-label
+  .ql-stroke {
   stroke: rgba(255, 255, 255, 0.87);
 }
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker.ql-expanded
+  .ql-picker-label
+  .ql-fill {
   fill: rgba(255, 255, 255, 0.87);
 }
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker.ql-expanded
+  .ql-picker-options {
   background: #2e3639;
   border: 1px solid #1b2022;
-  box-shadow: 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);
+  box-shadow:
+    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);
   border-radius: 6px;
   padding: 0.75rem 0;
 }
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker.ql-expanded
+  .ql-picker-options
+  .ql-picker-item {
   color: rgba(255, 255, 255, 0.87);
 }
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker.ql-expanded
+  .ql-picker-options
+  .ql-picker-item:hover {
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 255, 255, 0.03);
 }
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker.ql-expanded:not(.ql-icon-picker)
+  .ql-picker-item {
   padding: 0.75rem 1.25rem;
 }
 .p-editor-container .p-editor-content {
@@ -509,13 +561,20 @@
   fill: #ffed00;
 }
 .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+.p-editor-container
+  .ql-snow.ql-toolbar
+  .ql-picker-label.ql-active
+  .ql-picker-label,
+.p-editor-container
+  .ql-snow.ql-toolbar
+  .ql-picker-item.ql-selected
+  .ql-picker-label {
   color: #ffed00;
 }
 
 @layer primevue {
-  .p-component, .p-component * {
+  .p-component,
+  .p-component * {
     box-sizing: border-box;
   }
   .p-hidden-space {
@@ -530,7 +589,8 @@
     font-size: 100%;
     list-style: none;
   }
-  .p-disabled, .p-disabled * {
+  .p-disabled,
+  .p-disabled * {
     cursor: default;
     pointer-events: none;
     user-select: none;
@@ -573,7 +633,9 @@
   .p-connected-overlay {
     opacity: 0;
     transform: scaleY(0.8);
-    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-connected-overlay-visible {
     opacity: 1;
@@ -593,7 +655,9 @@
     opacity: 0;
   }
   .p-connected-overlay-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-connected-overlay-leave-active {
     transition: opacity 0.1s linear;
@@ -628,7 +692,8 @@
     background-color: rgba(0, 0, 0, 0.4);
     transition-duration: 0.2s;
   }
-  .p-disabled, .p-component:disabled {
+  .p-disabled,
+  .p-component:disabled {
     opacity: 0.4;
   }
   .p-error {
@@ -778,10 +843,15 @@
     gap: 0.5rem;
     outline-color: transparent;
   }
-  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+  .p-autocomplete
+    .p-autocomplete-multiple-container
+    .p-autocomplete-input-token {
     padding: 0.375rem 0;
   }
-  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+  .p-autocomplete
+    .p-autocomplete-multiple-container
+    .p-autocomplete-input-token
+    input {
     font-family: var(--font-family);
     font-feature-settings: var(--font-feature-settings, normal);
     font-size: 1rem;
@@ -795,10 +865,15 @@
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
   }
-  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+  .p-autocomplete
+    .p-autocomplete-multiple-container
+    .p-autocomplete-token
+    .p-autocomplete-token-icon {
     margin-left: 0.5rem;
   }
-  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+  .p-autocomplete
+    .p-autocomplete-multiple-container
+    .p-autocomplete-token.p-focus {
     background: #6b7280;
     color: rgba(255, 255, 255, 0.87);
   }
@@ -810,7 +885,10 @@
     color: rgba(255, 255, 255, 0.87);
     border: 1px solid #1b2022;
     border-radius: 6px;
-    box-shadow: 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);
+    box-shadow:
+      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);
   }
   .p-autocomplete-panel .p-autocomplete-items {
     padding: 0.75rem 0;
@@ -834,10 +912,14 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 237, 0, 0.16);
   }
-  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+  .p-autocomplete-panel
+    .p-autocomplete-items
+    .p-autocomplete-item.p-highlight.p-focus {
     background: rgba(255, 237, 0, 0.24);
   }
-  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+  .p-autocomplete-panel
+    .p-autocomplete-items
+    .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
@@ -907,7 +989,9 @@
   .p-datepicker-multiple-month .p-datepicker-group-container {
     display: flex;
   }
-  .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
+  .p-datepicker-multiple-month
+    .p-datepicker-group-container
+    .p-datepicker-group {
     flex: 1 1 auto;
   }
   /* DatePicker Table */
@@ -993,7 +1077,10 @@
   .p-datepicker:not(.p-datepicker-inline) {
     background: #2e3639;
     border: 1px solid #1b2022;
-    box-shadow: 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);
+    box-shadow:
+      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);
   }
   .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
     background: #2e3639;
@@ -1016,7 +1103,10 @@
     border: 0 none;
     background: transparent;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
@@ -1037,12 +1127,21 @@
   .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
   .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
     color: rgba(255, 255, 255, 0.87);
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     font-weight: 100;
     padding: 0.5rem;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
+  .p-datepicker
+    .p-datepicker-header
+    .p-datepicker-title
+    .p-datepicker-year:enabled:hover,
+  .p-datepicker
+    .p-datepicker-header
+    .p-datepicker-title
+    .p-datepicker-month:enabled:hover {
     color: #ffed00;
   }
   .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
@@ -1106,7 +1205,10 @@
     border: 0 none;
     background: transparent;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-datepicker .p-timepicker button:enabled:hover {
@@ -1173,35 +1275,56 @@
   .p-datepicker.p-datepicker-mobile table td {
     padding: 0;
   }
-  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
+  .p-datepicker:not(.p-disabled)
+    table
+    td
+    span:not(.p-highlight):not(.p-disabled) {
     outline-color: transparent;
   }
-  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+  .p-datepicker:not(.p-disabled)
+    table
+    td
+    span:not(.p-highlight):not(.p-disabled):hover {
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+  .p-datepicker:not(.p-disabled)
+    table
+    td
+    span:not(.p-highlight):not(.p-disabled):focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5);
   }
-  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
+  .p-datepicker:not(.p-disabled)
+    .p-monthpicker
+    .p-monthpicker-month:not(.p-disabled) {
     outline-color: transparent;
   }
-  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
+  .p-datepicker:not(.p-disabled)
+    .p-monthpicker
+    .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
+  .p-datepicker:not(.p-disabled)
+    .p-monthpicker
+    .p-monthpicker-month:not(.p-disabled):focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5);
   }
-  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
+  .p-datepicker:not(.p-disabled)
+    .p-yearpicker
+    .p-yearpicker-year:not(.p-disabled) {
     outline-color: transparent;
   }
-  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
+  .p-datepicker:not(.p-disabled)
+    .p-yearpicker
+    .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
+  .p-datepicker:not(.p-disabled)
+    .p-yearpicker
+    .p-yearpicker-year:not(.p-disabled):focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5);
@@ -1283,7 +1406,11 @@
   .p-cascadeselect {
     background: black;
     border: 1px solid #1b2022;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     border-radius: 6px;
     outline-color: transparent;
   }
@@ -1332,7 +1459,10 @@
     color: rgba(255, 255, 255, 0.87);
     border: 1px solid #1b2022;
     border-radius: 6px;
-    box-shadow: 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);
+    box-shadow:
+      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);
   }
   .p-cascadeselect-panel .p-cascadeselect-items {
     padding: 0.75rem 0;
@@ -1345,27 +1475,43 @@
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
-  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
+  .p-cascadeselect-panel
+    .p-cascadeselect-items
+    .p-cascadeselect-item:first-child {
     margin-top: 0;
   }
-  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
+  .p-cascadeselect-panel
+    .p-cascadeselect-items
+    .p-cascadeselect-item:last-child {
     margin-bottom: 0;
   }
-  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+  .p-cascadeselect-panel
+    .p-cascadeselect-items
+    .p-cascadeselect-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 237, 0, 0.16);
   }
-  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+  .p-cascadeselect-panel
+    .p-cascadeselect-items
+    .p-cascadeselect-item.p-highlight.p-focus {
     background: rgba(255, 237, 0, 0.24);
   }
-  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+  .p-cascadeselect-panel
+    .p-cascadeselect-items
+    .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+  .p-cascadeselect-panel
+    .p-cascadeselect-items
+    .p-cascadeselect-item
+    .p-cascadeselect-item-content {
     padding: 0.75rem 1.25rem;
   }
-  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+  .p-cascadeselect-panel
+    .p-cascadeselect-items
+    .p-cascadeselect-item
+    .p-cascadeselect-group-icon {
     font-size: 0.875rem;
   }
   .p-checkbox {
@@ -1408,7 +1554,11 @@
     height: 22px;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 6px;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-checkbox .p-checkbox-box .p-checkbox-icon {
@@ -1427,12 +1577,14 @@
   .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
     border-color: #ffed00;
   }
-  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight
+    .p-checkbox-box {
     border-color: rgba(255, 237, 0, 0.16);
     background: rgba(255, 237, 0, 0.16);
     color: #030712;
   }
-  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
+  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible)
+    .p-checkbox-box {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5);
@@ -1447,10 +1599,14 @@
   .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
     background: #ffed00;
   }
-  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover)
+    .p-checkbox-box {
     background-color: #1b2022;
   }
-  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+  .p-checkbox.p-variant-filled:not(.p-disabled):has(
+      .p-checkbox-input:hover
+    ).p-highlight
+    .p-checkbox-box {
     background: rgba(255, 237, 0, 0.16);
   }
   .p-input-filled .p-checkbox .p-checkbox-box {
@@ -1459,10 +1615,14 @@
   .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
     background: #ffed00;
   }
-  .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+  .p-input-filled
+    .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover)
+    .p-checkbox-box {
     background-color: #1b2022;
   }
-  .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+  .p-input-filled
+    .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight
+    .p-checkbox-box {
     background: rgba(255, 237, 0, 0.16);
   }
   .p-chips {
@@ -1546,10 +1706,20 @@
     border-color: #e53009;
   }
   .p-colorpicker-panel .p-colorpicker-color {
-    background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
+    background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%),
+      linear-gradient(to right, #fff 0%, rgba(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
+    );
   }
   .p-colorpicker-preview {
     width: 2rem;
@@ -1564,7 +1734,10 @@
     border-color: rgba(255, 255, 255, 0.87);
   }
   .p-colorpicker-overlay-panel {
-    box-shadow: 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);
+    box-shadow:
+      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);
   }
   .p-dropdown {
     display: inline-flex;
@@ -1647,7 +1820,11 @@
   .p-dropdown {
     background: black;
     border: 1px solid #1b2022;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     border-radius: 6px;
     outline-color: transparent;
   }
@@ -1682,7 +1859,8 @@
   .p-dropdown .p-dropdown-label.p-placeholder {
     color: rgba(255, 255, 255, 0.6);
   }
-  .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
+  .p-dropdown .p-dropdown-label:focus,
+  .p-dropdown .p-dropdown-label:enabled:focus {
     outline: 0 none;
     box-shadow: none;
   }
@@ -1705,7 +1883,10 @@
     color: rgba(255, 255, 255, 0.87);
     border: 1px solid #1b2022;
     border-radius: 6px;
-    box-shadow: 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);
+    box-shadow:
+      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);
   }
   .p-dropdown-panel .p-dropdown-header {
     padding: 0.75rem 1.25rem;
@@ -1749,7 +1930,9 @@
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
     background: rgba(255, 237, 0, 0.24);
   }
-  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+  .p-dropdown-panel
+    .p-dropdown-items
+    .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
@@ -1934,7 +2117,9 @@
     flex: 0 0 auto;
   }
   .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;
   }
   .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
@@ -1957,7 +2142,9 @@
     display: flex;
     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;
   }
   .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
@@ -2058,7 +2245,11 @@
   }
   .p-inputswitch .p-inputswitch-slider {
     background: #6b7280;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     border-radius: 30px;
     outline-color: transparent;
   }
@@ -2078,13 +2269,16 @@
     background: #030712;
     transform: translateX(1.25rem);
   }
-  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
+  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover)
+    .p-inputswitch-slider {
     background: #1b2022;
   }
-  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
+  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight
+    .p-inputswitch-slider {
     background: rgba(255, 237, 0, 0.24);
   }
-  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
+  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible)
+    .p-inputswitch-slider {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5);
@@ -2103,7 +2297,11 @@
     background: black;
     padding: 0.75rem 0.75rem;
     border: 1px solid #1b2022;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     appearance: none;
     border-radius: 6px;
     outline-color: transparent;
@@ -2233,7 +2431,11 @@
     color: rgba(255, 255, 255, 0.87);
     border: 1px solid #1b2022;
     border-radius: 6px;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-listbox .p-listbox-header {
@@ -2289,15 +2491,18 @@
   .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
     background: rgba(255, 237, 0, 0.24);
   }
-  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+  .p-listbox:not(.p-disabled)
+    .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+  .p-listbox:not(.p-disabled)
+    .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
+  .p-listbox:not(.p-disabled)
+    .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
@@ -2401,7 +2606,11 @@
   .p-multiselect {
     background: black;
     border: 1px solid #1b2022;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     border-radius: 6px;
     outline-color: transparent;
   }
@@ -2425,7 +2634,11 @@
   }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
   }
   .p-multiselect .p-multiselect-label.p-placeholder {
     color: rgba(255, 255, 255, 0.6);
@@ -2437,7 +2650,9 @@
     color: rgba(255, 255, 255, 0.87);
     border-radius: 16px;
   }
-  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+  .p-multiselect.p-multiselect-chip
+    .p-multiselect-token
+    .p-multiselect-token-icon {
     margin-left: 0.5rem;
   }
   .p-multiselect .p-multiselect-trigger {
@@ -2458,7 +2673,10 @@
     color: rgba(255, 255, 255, 0.87);
     border: 1px solid #1b2022;
     border-radius: 6px;
-    box-shadow: 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);
+    box-shadow:
+      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);
   }
   .p-multiselect-panel .p-multiselect-header {
     padding: 0.75rem 1.25rem;
@@ -2469,10 +2687,16 @@
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+  .p-multiselect-panel
+    .p-multiselect-header
+    .p-multiselect-filter-container
+    .p-inputtext {
     padding-right: 1.75rem;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+  .p-multiselect-panel
+    .p-multiselect-header
+    .p-multiselect-filter-container
+    .p-multiselect-filter-icon {
     right: 0.75rem;
     color: rgba(255, 255, 255, 0.6);
   }
@@ -2487,15 +2711,22 @@
     border: 0 none;
     background: transparent;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+  .p-multiselect-panel
+    .p-multiselect-header
+    .p-multiselect-close:enabled:hover {
     color: rgba(255, 255, 255, 0.87);
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
+  .p-multiselect-panel
+    .p-multiselect-header
+    .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5);
@@ -2522,10 +2753,14 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 237, 0, 0.16);
   }
-  .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+  .p-multiselect-panel
+    .p-multiselect-items
+    .p-multiselect-item.p-highlight.p-focus {
     background: rgba(255, 237, 0, 0.24);
   }
-  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+  .p-multiselect-panel
+    .p-multiselect-items
+    .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
@@ -2573,7 +2808,10 @@
     background: #2e3639;
     color: rgba(255, 255, 255, 0.87);
     border: 1px solid #1b2022;
-    box-shadow: 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);
+    box-shadow:
+      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);
     border-radius: 6px;
   }
   .p-password-panel .p-password-meter {
@@ -2640,7 +2878,11 @@
     height: 22px;
     color: rgba(255, 255, 255, 0.87);
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
@@ -2653,17 +2895,22 @@
     border-color: #ffed00;
     background: #ffed00;
   }
-  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover)
+    .p-radiobutton-box {
     border-color: #ffed00;
   }
-  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight
+    .p-radiobutton-box {
     border-color: rgba(255, 237, 0, 0.16);
     background: rgba(255, 237, 0, 0.16);
   }
-  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
+  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight
+    .p-radiobutton-box
+    .p-radiobutton-icon {
     background-color: #030712;
   }
-  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
+  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible)
+    .p-radiobutton-box {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5);
@@ -2678,10 +2925,16 @@
   .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
     background: #ffed00;
   }
-  .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+  .p-radiobutton.p-variant-filled:not(.p-disabled):has(
+      .p-radiobutton-input:hover
+    )
+    .p-radiobutton-box {
     background-color: #1b2022;
   }
-  .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+  .p-radiobutton.p-variant-filled:not(.p-disabled):has(
+      .p-radiobutton-input:hover
+    ).p-highlight
+    .p-radiobutton-box {
     background: rgba(255, 237, 0, 0.16);
   }
   .p-input-filled .p-radiobutton .p-radiobutton-box {
@@ -2690,10 +2943,14 @@
   .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
     background: #ffed00;
   }
-  .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+  .p-input-filled
+    .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover)
+    .p-radiobutton-box {
     background-color: #1b2022;
   }
-  .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+  .p-input-filled
+    .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight
+    .p-radiobutton-box {
     background: rgba(255, 237, 0, 0.16);
   }
   .p-rating {
@@ -2718,7 +2975,11 @@
   }
   .p-rating .p-rating-item .p-rating-icon {
     color: rgba(255, 255, 255, 0.87);
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     font-size: 1.143rem;
   }
   .p-rating .p-rating-item .p-rating-icon.p-icon {
@@ -2736,17 +2997,25 @@
   .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
     color: #ffed00;
   }
-  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
+  .p-rating:not(.p-disabled):not(.p-readonly)
+    .p-rating-item:hover
+    .p-rating-icon {
     color: #ffed00;
   }
-  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
+  .p-rating:not(.p-disabled):not(.p-readonly)
+    .p-rating-item:hover
+    .p-rating-icon.p-rating-cancel {
     color: #f48fb1;
   }
   .p-selectbutton .p-button {
     background: #2e3639;
     border: 1px solid #1b2022;
     color: rgba(255, 255, 255, 0.87);
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
   }
   .p-selectbutton .p-button .p-button-icon-left,
   .p-selectbutton .p-button .p-button-icon-right {
@@ -2757,8 +3026,12 @@
     border-color: #1b2022;
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+  .p-selectbutton
+    .p-button:not(.p-disabled):not(.p-highlight):hover
+    .p-button-icon-left,
+  .p-selectbutton
+    .p-button:not(.p-disabled):not(.p-highlight):hover
+    .p-button-icon-right {
     color: rgba(255, 255, 255, 0.6);
   }
   .p-selectbutton .p-button.p-highlight {
@@ -2837,7 +3110,11 @@
     background: #2e3639;
     border: 2px solid #ffed00;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-slider .p-slider-handle:focus-visible {
@@ -2905,7 +3182,11 @@
   .p-treeselect {
     background: black;
     border: 1px solid #1b2022;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     border-radius: 6px;
     outline-color: transparent;
   }
@@ -2929,7 +3210,11 @@
   }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
   }
   .p-treeselect .p-treeselect-label.p-placeholder {
     color: rgba(255, 255, 255, 0.6);
@@ -2959,7 +3244,10 @@
     color: rgba(255, 255, 255, 0.87);
     border: 1px solid #1b2022;
     border-radius: 6px;
-    box-shadow: 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);
+    box-shadow:
+      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);
   }
   .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
     border: 0 none;
@@ -3009,7 +3297,11 @@
     background: #2e3639;
     border: 1px solid #1b2022;
     color: rgba(255, 255, 255, 0.87);
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-togglebutton .p-button .p-button-icon-left,
@@ -3025,25 +3317,42 @@
   .p-togglebutton.p-highlight .p-button .p-button-icon-right {
     color: #030712;
   }
-  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
+  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(
+      .p-highlight
+    )
+    .p-button {
     background: rgba(255, 255, 255, 0.03);
     border-color: #1b2022;
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
+  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(
+      .p-highlight
+    )
+    .p-button
+    .p-button-icon-left,
+  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(
+      .p-highlight
+    )
+    .p-button
+    .p-button-icon-right {
     color: rgba(255, 255, 255, 0.6);
   }
-  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
+  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight
+    .p-button {
     background: rgba(255, 237, 0, 0.24);
     border-color: rgba(255, 237, 0, 0.24);
     color: #030712;
   }
-  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
+  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight
+    .p-button
+    .p-button-icon-left,
+  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight
+    .p-button
+    .p-button-icon-right {
     color: #030712;
   }
-  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
+  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible)
+    .p-button {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5);
@@ -3088,7 +3397,8 @@
   .p-button-group .p-button {
     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;
   }
   .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
@@ -3112,7 +3422,11 @@
     border: 1px solid #ffed00;
     padding: 0.75rem 1.25rem;
     font-size: 1rem;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     border-radius: 6px;
     outline-color: transparent;
   }
@@ -3208,7 +3522,10 @@
     background-color: #030712;
   }
   .p-button.p-button-raised {
-    box-shadow: 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);
+    box-shadow:
+      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);
   }
   .p-button.p-button-rounded {
     border-radius: 2rem;
@@ -3257,338 +3574,526 @@
   .p-fluid .p-button-group .p-button {
     flex: 1;
   }
-  .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: #020617;
     background: #94a3b8;
     border: 1px solid #94a3b8;
   }
-  .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+  .p-button.p-button-secondary:not(:disabled):hover,
+  .p-button-group.p-button-secondary > .p-button:not(:disabled):hover,
+  .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
     background: #cbd5e1;
     color: #020617;
     border-color: #cbd5e1;
   }
-  .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+  .p-button.p-button-secondary:not(:disabled):focus,
+  .p-button-group.p-button-secondary > .p-button:not(:disabled):focus,
+  .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
     box-shadow: 0 0 0 1px #b4bfcd;
   }
-  .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+  .p-button.p-button-secondary:not(:disabled):active,
+  .p-button-group.p-button-secondary > .p-button:not(:disabled):active,
+  .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
     background: #e2e8f0;
     color: #020617;
     border-color: #e2e8f0;
   }
-  .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+  .p-button.p-button-secondary.p-button-outlined,
+  .p-button-group.p-button-secondary > .p-button.p-button-outlined,
+  .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
     background-color: transparent;
     color: #94a3b8;
     border: 1px solid;
   }
-  .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+  .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover,
+  .p-button-group.p-button-secondary
+    > .p-button.p-button-outlined:not(:disabled):hover,
+  .p-splitbutton.p-button-secondary
+    > .p-button.p-button-outlined:not(:disabled):hover {
     background: rgba(148, 163, 184, 0.04);
     color: #94a3b8;
     border: 1px solid;
   }
-  .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+  .p-button.p-button-secondary.p-button-outlined:not(:disabled):active,
+  .p-button-group.p-button-secondary
+    > .p-button.p-button-outlined:not(:disabled):active,
+  .p-splitbutton.p-button-secondary
+    > .p-button.p-button-outlined:not(:disabled):active {
     background: rgba(148, 163, 184, 0.16);
     color: #94a3b8;
     border: 1px solid;
   }
-  .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+  .p-button.p-button-secondary.p-button-text,
+  .p-button-group.p-button-secondary > .p-button.p-button-text,
+  .p-splitbutton.p-button-secondary > .p-button.p-button-text {
     background-color: transparent;
     color: #94a3b8;
     border-color: transparent;
   }
-  .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+  .p-button.p-button-secondary.p-button-text:not(:disabled):hover,
+  .p-button-group.p-button-secondary
+    > .p-button.p-button-text:not(:disabled):hover,
+  .p-splitbutton.p-button-secondary
+    > .p-button.p-button-text:not(:disabled):hover {
     background: rgba(148, 163, 184, 0.04);
     border-color: transparent;
     color: #94a3b8;
   }
-  .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+  .p-button.p-button-secondary.p-button-text:not(:disabled):active,
+  .p-button-group.p-button-secondary
+    > .p-button.p-button-text:not(:disabled):active,
+  .p-splitbutton.p-button-secondary
+    > .p-button.p-button-text:not(:disabled):active {
     background: rgba(148, 163, 184, 0.16);
     border-color: transparent;
     color: #94a3b8;
   }
-  .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: #b1dafa;
     background: #004699;
     border: 1px solid #004699;
   }
-  .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+  .p-button.p-button-info:not(:disabled):hover,
+  .p-button-group.p-button-info > .p-button:not(:disabled):hover,
+  .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
     background: #0577ff;
     color: #b1dafa;
     border-color: #009ee3;
   }
-  .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+  .p-button.p-button-info:not(:disabled):focus,
+  .p-button-group.p-button-info > .p-button:not(:disabled):focus,
+  .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
     box-shadow: 0 0 0 1px #50a0ff;
   }
-  .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+  .p-button.p-button-info:not(:disabled):active,
+  .p-button-group.p-button-info > .p-button:not(:disabled):active,
+  .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
     background: #009ee3;
     color: #b1dafa;
     border-color: #009ee3;
   }
-  .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+  .p-button.p-button-info.p-button-outlined,
+  .p-button-group.p-button-info > .p-button.p-button-outlined,
+  .p-splitbutton.p-button-info > .p-button.p-button-outlined {
     background-color: transparent;
     color: #004699;
     border: 1px solid;
   }
-  .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+  .p-button.p-button-info.p-button-outlined:not(:disabled):hover,
+  .p-button-group.p-button-info
+    > .p-button.p-button-outlined:not(:disabled):hover,
+  .p-splitbutton.p-button-info
+    > .p-button.p-button-outlined:not(:disabled):hover {
     background: rgba(0, 70, 153, 0.04);
     color: #004699;
     border: 1px solid;
   }
-  .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+  .p-button.p-button-info.p-button-outlined:not(:disabled):active,
+  .p-button-group.p-button-info
+    > .p-button.p-button-outlined:not(:disabled):active,
+  .p-splitbutton.p-button-info
+    > .p-button.p-button-outlined:not(:disabled):active {
     background: rgba(0, 70, 153, 0.16);
     color: #004699;
     border: 1px solid;
   }
-  .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+  .p-button.p-button-info.p-button-text,
+  .p-button-group.p-button-info > .p-button.p-button-text,
+  .p-splitbutton.p-button-info > .p-button.p-button-text {
     background-color: transparent;
     color: #004699;
     border-color: transparent;
   }
-  .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+  .p-button.p-button-info.p-button-text:not(:disabled):hover,
+  .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover,
+  .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
     background: rgba(0, 70, 153, 0.04);
     border-color: transparent;
     color: #004699;
   }
-  .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+  .p-button.p-button-info.p-button-text:not(:disabled):active,
+  .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active,
+  .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
     background: rgba(0, 70, 153, 0.16);
     border-color: transparent;
     color: #004699;
   }
-  .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: #052e16;
     background: #00964e;
     border: 1px solid #00964e;
   }
-  .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+  .p-button.p-button-success:not(:disabled):hover,
+  .p-button-group.p-button-success > .p-button:not(:disabled):hover,
+  .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
     background: #03ff86;
     color: #052e16;
     border-color: #86efac;
   }
-  .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+  .p-button.p-button-success:not(:disabled):focus,
+  .p-button-group.p-button-success > .p-button:not(:disabled):focus,
+  .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
     box-shadow: 0 0 0 1px #03ff86;
   }
-  .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+  .p-button.p-button-success:not(:disabled):active,
+  .p-button-group.p-button-success > .p-button:not(:disabled):active,
+  .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
     background: #bbf7d0;
     color: #052e16;
     border-color: #bbf7d0;
   }
-  .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+  .p-button.p-button-success.p-button-outlined,
+  .p-button-group.p-button-success > .p-button.p-button-outlined,
+  .p-splitbutton.p-button-success > .p-button.p-button-outlined {
     background-color: transparent;
     color: #00964e;
     border: 1px solid;
   }
-  .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+  .p-button.p-button-success.p-button-outlined:not(:disabled):hover,
+  .p-button-group.p-button-success
+    > .p-button.p-button-outlined:not(:disabled):hover,
+  .p-splitbutton.p-button-success
+    > .p-button.p-button-outlined:not(:disabled):hover {
     background: rgba(0, 150, 78, 0.04);
     color: #00964e;
     border: 1px solid;
   }
-  .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+  .p-button.p-button-success.p-button-outlined:not(:disabled):active,
+  .p-button-group.p-button-success
+    > .p-button.p-button-outlined:not(:disabled):active,
+  .p-splitbutton.p-button-success
+    > .p-button.p-button-outlined:not(:disabled):active {
     background: rgba(0, 150, 78, 0.16);
     color: #00964e;
     border: 1px solid;
   }
-  .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+  .p-button.p-button-success.p-button-text,
+  .p-button-group.p-button-success > .p-button.p-button-text,
+  .p-splitbutton.p-button-success > .p-button.p-button-text {
     background-color: transparent;
     color: #00964e;
     border-color: transparent;
   }
-  .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+  .p-button.p-button-success.p-button-text:not(:disabled):hover,
+  .p-button-group.p-button-success
+    > .p-button.p-button-text:not(:disabled):hover,
+  .p-splitbutton.p-button-success
+    > .p-button.p-button-text:not(:disabled):hover {
     background: rgba(0, 150, 78, 0.04);
     border-color: transparent;
     color: #00964e;
   }
-  .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+  .p-button.p-button-success.p-button-text:not(:disabled):active,
+  .p-button-group.p-button-success
+    > .p-button.p-button-text:not(:disabled):active,
+  .p-splitbutton.p-button-success
+    > .p-button.p-button-text:not(:disabled):active {
     background: rgba(0, 150, 78, 0.16);
     border-color: transparent;
     color: #00964e;
   }
-  .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: #493c08;
     background: #ffed00;
     border: 1px solid #ffed00;
   }
-  .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+  .p-button.p-button-warning:not(:disabled):hover,
+  .p-button-group.p-button-warning > .p-button:not(:disabled):hover,
+  .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
     background: #fff24d;
     color: #493c08;
     border-color: #ffef1a;
   }
-  .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+  .p-button.p-button-warning:not(:disabled):focus,
+  .p-button-group.p-button-warning > .p-button:not(:disabled):focus,
+  .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
     box-shadow: 0 0 0 1px #fff24d;
   }
-  .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+  .p-button.p-button-warning:not(:disabled):active,
+  .p-button-group.p-button-warning > .p-button:not(:disabled):active,
+  .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
     background: #fff24d;
     color: #493c08;
     border-color: #fff24d;
   }
-  .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+  .p-button.p-button-warning.p-button-outlined,
+  .p-button-group.p-button-warning > .p-button.p-button-outlined,
+  .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
     background-color: transparent;
     color: #ffed00;
     border: 1px solid;
   }
-  .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+  .p-button.p-button-warning.p-button-outlined:not(:disabled):hover,
+  .p-button-group.p-button-warning
+    > .p-button.p-button-outlined:not(:disabled):hover,
+  .p-splitbutton.p-button-warning
+    > .p-button.p-button-outlined:not(:disabled):hover {
     background: rgba(255, 237, 0, 0.04);
     color: #ffed00;
     border: 1px solid;
   }
-  .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+  .p-button.p-button-warning.p-button-outlined:not(:disabled):active,
+  .p-button-group.p-button-warning
+    > .p-button.p-button-outlined:not(:disabled):active,
+  .p-splitbutton.p-button-warning
+    > .p-button.p-button-outlined:not(:disabled):active {
     background: rgba(255, 237, 0, 0.16);
     color: #ffed00;
     border: 1px solid;
   }
-  .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+  .p-button.p-button-warning.p-button-text,
+  .p-button-group.p-button-warning > .p-button.p-button-text,
+  .p-splitbutton.p-button-warning > .p-button.p-button-text {
     background-color: transparent;
     color: #ffed00;
     border-color: transparent;
   }
-  .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+  .p-button.p-button-warning.p-button-text:not(:disabled):hover,
+  .p-button-group.p-button-warning
+    > .p-button.p-button-text:not(:disabled):hover,
+  .p-splitbutton.p-button-warning
+    > .p-button.p-button-text:not(:disabled):hover {
     background: rgba(255, 237, 0, 0.04);
     border-color: transparent;
     color: #ffed00;
   }
-  .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+  .p-button.p-button-warning.p-button-text:not(:disabled):active,
+  .p-button-group.p-button-warning
+    > .p-button.p-button-text:not(:disabled):active,
+  .p-splitbutton.p-button-warning
+    > .p-button.p-button-text:not(:disabled):active {
     background: rgba(255, 237, 0, 0.16);
     border-color: transparent;
     color: #ffed00;
   }
-  .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: #3b0764;
     background: #c084fc;
     border: 1px solid #c084fc;
   }
-  .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+  .p-button.p-button-help:not(:disabled):hover,
+  .p-button-group.p-button-help > .p-button:not(:disabled):hover,
+  .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
     background: #d8b4fe;
     color: #3b0764;
     border-color: #d8b4fe;
   }
-  .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+  .p-button.p-button-help:not(:disabled):focus,
+  .p-button-group.p-button-help > .p-button:not(:disabled):focus,
+  .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
     box-shadow: 0 0 0 1px #d3a9fd;
   }
-  .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+  .p-button.p-button-help:not(:disabled):active,
+  .p-button-group.p-button-help > .p-button:not(:disabled):active,
+  .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
     background: #e9d5ff;
     color: #3b0764;
     border-color: #e9d5ff;
   }
-  .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+  .p-button.p-button-help.p-button-outlined,
+  .p-button-group.p-button-help > .p-button.p-button-outlined,
+  .p-splitbutton.p-button-help > .p-button.p-button-outlined {
     background-color: transparent;
     color: #c084fc;
     border: 1px solid;
   }
-  .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+  .p-button.p-button-help.p-button-outlined:not(:disabled):hover,
+  .p-button-group.p-button-help
+    > .p-button.p-button-outlined:not(:disabled):hover,
+  .p-splitbutton.p-button-help
+    > .p-button.p-button-outlined:not(:disabled):hover {
     background: rgba(192, 132, 252, 0.04);
     color: #c084fc;
     border: 1px solid;
   }
-  .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+  .p-button.p-button-help.p-button-outlined:not(:disabled):active,
+  .p-button-group.p-button-help
+    > .p-button.p-button-outlined:not(:disabled):active,
+  .p-splitbutton.p-button-help
+    > .p-button.p-button-outlined:not(:disabled):active {
     background: rgba(192, 132, 252, 0.16);
     color: #c084fc;
     border: 1px solid;
   }
-  .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+  .p-button.p-button-help.p-button-text,
+  .p-button-group.p-button-help > .p-button.p-button-text,
+  .p-splitbutton.p-button-help > .p-button.p-button-text {
     background-color: transparent;
     color: #c084fc;
     border-color: transparent;
   }
-  .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+  .p-button.p-button-help.p-button-text:not(:disabled):hover,
+  .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover,
+  .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
     background: rgba(192, 132, 252, 0.04);
     border-color: transparent;
     color: #c084fc;
   }
-  .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+  .p-button.p-button-help.p-button-text:not(:disabled):active,
+  .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active,
+  .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
     background: rgba(192, 132, 252, 0.16);
     border-color: transparent;
     color: #c084fc;
   }
-  .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: #450a0a;
     background: #f87171;
     border: 1px solid #f87171;
   }
-  .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+  .p-button.p-button-danger:not(:disabled):hover,
+  .p-button-group.p-button-danger > .p-button:not(:disabled):hover,
+  .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
     background: #fca5a5;
     color: #450a0a;
     border-color: #fca5a5;
   }
-  .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+  .p-button.p-button-danger:not(:disabled):focus,
+  .p-button-group.p-button-danger > .p-button:not(:disabled):focus,
+  .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
     box-shadow: 0 0 0 1px #fa9c9c;
   }
-  .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+  .p-button.p-button-danger:not(:disabled):active,
+  .p-button-group.p-button-danger > .p-button:not(:disabled):active,
+  .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
     background: #fecaca;
     color: #450a0a;
     border-color: #fecaca;
   }
-  .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+  .p-button.p-button-danger.p-button-outlined,
+  .p-button-group.p-button-danger > .p-button.p-button-outlined,
+  .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
     background-color: transparent;
     color: #f87171;
     border: 1px solid;
   }
-  .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+  .p-button.p-button-danger.p-button-outlined:not(:disabled):hover,
+  .p-button-group.p-button-danger
+    > .p-button.p-button-outlined:not(:disabled):hover,
+  .p-splitbutton.p-button-danger
+    > .p-button.p-button-outlined:not(:disabled):hover {
     background: rgba(248, 113, 113, 0.04);
     color: #f87171;
     border: 1px solid;
   }
-  .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+  .p-button.p-button-danger.p-button-outlined:not(:disabled):active,
+  .p-button-group.p-button-danger
+    > .p-button.p-button-outlined:not(:disabled):active,
+  .p-splitbutton.p-button-danger
+    > .p-button.p-button-outlined:not(:disabled):active {
     background: rgba(248, 113, 113, 0.16);
     color: #f87171;
     border: 1px solid;
   }
-  .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+  .p-button.p-button-danger.p-button-text,
+  .p-button-group.p-button-danger > .p-button.p-button-text,
+  .p-splitbutton.p-button-danger > .p-button.p-button-text {
     background-color: transparent;
     color: #f87171;
     border-color: transparent;
   }
-  .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+  .p-button.p-button-danger.p-button-text:not(:disabled):hover,
+  .p-button-group.p-button-danger
+    > .p-button.p-button-text:not(:disabled):hover,
+  .p-splitbutton.p-button-danger
+    > .p-button.p-button-text:not(:disabled):hover {
     background: rgba(248, 113, 113, 0.04);
     border-color: transparent;
     color: #f87171;
   }
-  .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+  .p-button.p-button-danger.p-button-text:not(:disabled):active,
+  .p-button-group.p-button-danger
+    > .p-button.p-button-text:not(:disabled):active,
+  .p-splitbutton.p-button-danger
+    > .p-button.p-button-text:not(:disabled):active {
     background: rgba(248, 113, 113, 0.16);
     border-color: transparent;
     color: #f87171;
   }
-  .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: black;
     background: #ffffff;
     border: 1px solid #ffffff;
   }
-  .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+  .p-button.p-button-contrast:not(:disabled):hover,
+  .p-button-group.p-button-contrast > .p-button:not(:disabled):hover,
+  .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
     background: #f3f4f6;
     color: black;
     border-color: #f3f4f6;
   }
-  .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+  .p-button.p-button-contrast:not(:disabled):focus,
+  .p-button-group.p-button-contrast > .p-button:not(:disabled):focus,
+  .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
     box-shadow: none;
   }
-  .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+  .p-button.p-button-contrast:not(:disabled):active,
+  .p-button-group.p-button-contrast > .p-button:not(:disabled):active,
+  .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
     background: #e5e7eb;
     color: black;
     border-color: #e5e7eb;
   }
-  .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+  .p-button.p-button-contrast.p-button-outlined,
+  .p-button-group.p-button-contrast > .p-button.p-button-outlined,
+  .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
     background-color: transparent;
     color: #ffffff;
     border: 1px solid;
   }
-  .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+  .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover,
+  .p-button-group.p-button-contrast
+    > .p-button.p-button-outlined:not(:disabled):hover,
+  .p-splitbutton.p-button-contrast
+    > .p-button.p-button-outlined:not(:disabled):hover {
     background: rgba(255, 255, 255, 0.04);
     color: #ffffff;
     border: 1px solid;
   }
-  .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+  .p-button.p-button-contrast.p-button-outlined:not(:disabled):active,
+  .p-button-group.p-button-contrast
+    > .p-button.p-button-outlined:not(:disabled):active,
+  .p-splitbutton.p-button-contrast
+    > .p-button.p-button-outlined:not(:disabled):active {
     background: rgba(255, 255, 255, 0.16);
     color: #ffffff;
     border: 1px solid;
   }
-  .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+  .p-button.p-button-contrast.p-button-text,
+  .p-button-group.p-button-contrast > .p-button.p-button-text,
+  .p-splitbutton.p-button-contrast > .p-button.p-button-text {
     background-color: transparent;
     color: #ffffff;
     border-color: transparent;
   }
-  .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+  .p-button.p-button-contrast.p-button-text:not(:disabled):hover,
+  .p-button-group.p-button-contrast
+    > .p-button.p-button-text:not(:disabled):hover,
+  .p-splitbutton.p-button-contrast
+    > .p-button.p-button-text:not(:disabled):hover {
     background: rgba(255, 255, 255, 0.04);
     border-color: transparent;
     color: #ffffff;
   }
-  .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+  .p-button.p-button-contrast.p-button-text:not(:disabled):active,
+  .p-button-group.p-button-contrast
+    > .p-button.p-button-text:not(:disabled):active,
+  .p-splitbutton.p-button-contrast
+    > .p-button.p-button-text:not(:disabled):active {
     background: rgba(255, 255, 255, 0.16);
     border-color: transparent;
     color: #ffffff;
@@ -3637,7 +4142,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;
   }
   .p-speeddial-action {
@@ -3706,7 +4213,10 @@
     background: rgba(255, 255, 255, 0.87);
     color: black;
     outline-color: transparent;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
   }
   .p-speeddial-action:hover {
     background: rgba(255, 255, 255, 0.6);
@@ -3741,7 +4251,8 @@
   .p-speeddial-quarter-circle .p-speeddial-item {
     margin: 0;
   }
-  .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+  .p-speeddial-circle .p-speeddial-item:first-child,
+  .p-speeddial-circle .p-speeddial-item:last-child,
   .p-speeddial-semi-circle .p-speeddial-item:first-child,
   .p-speeddial-semi-circle .p-speeddial-item:last-child,
   .p-speeddial-quarter-circle .p-speeddial-item:first-child,
@@ -3759,7 +4270,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;
@@ -3790,7 +4302,10 @@
     border-radius: 2rem;
   }
   .p-splitbutton.p-button-raised {
-    box-shadow: 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);
+    box-shadow:
+      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);
   }
   .p-carousel {
     display: flex;
@@ -3858,7 +4373,10 @@
     border: 0 none;
     background: transparent;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
     margin: 0.5rem;
   }
@@ -3885,7 +4403,10 @@
     background-color: #1b2022;
     width: 2rem;
     height: 0.5rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     border-radius: 0;
   }
   .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
@@ -3964,11 +4485,18 @@
     overflow: hidden;
     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;
   }
   .p-datatable .p-column-resizer {
@@ -4151,7 +4679,9 @@
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+  .p-datatable
+    .p-sortable-column:not(.p-highlight):hover
+    .p-sortable-column-icon {
     color: rgba(255, 255, 255, 0.87);
   }
   .p-datatable .p-sortable-column.p-highlight {
@@ -4193,7 +4723,10 @@
     border: 0 none;
     background: transparent;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
@@ -4236,16 +4769,33 @@
   .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
     box-shadow: inset 0 -2px 0 0 rgba(255, 237, 0, 0.16);
   }
-  .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
+  .p-datatable.p-datatable-hoverable-rows
+    .p-datatable-tbody
+    > tr:not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
   .p-datatable .p-column-resizer-helper {
     background: #ffed00;
   }
-  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
+  .p-datatable.p-datatable-scrollable
+    > .p-datatable-wrapper
+    > .p-datatable-table
+    > .p-datatable-thead,
+  .p-datatable.p-datatable-scrollable
+    > .p-datatable-wrapper
+    > .p-datatable-table
+    > .p-datatable-tfoot,
+  .p-datatable.p-datatable-scrollable
+    > .p-datatable-wrapper
+    > .p-virtualscroller
+    > .p-datatable-table
+    > .p-datatable-thead,
+  .p-datatable.p-datatable-scrollable
+    > .p-datatable-wrapper
+    > .p-virtualscroller
+    > .p-datatable-table
+    > .p-datatable-tfoot {
     background-color: #2e3639;
   }
   .p-datatable .p-datatable-loading-icon {
@@ -4282,7 +4832,10 @@
   .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
     border-width: 1px 0 1px 1px;
   }
-  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
+  .p-datatable.p-datatable-gridlines
+    .p-datatable-tbody
+    > tr:last-child
+    > td:last-child {
     border-width: 1px;
   }
   .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
@@ -4291,35 +4844,71 @@
   .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
     border-width: 1px 1px 1px 1px;
   }
-  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
+  .p-datatable.p-datatable-gridlines
+    .p-datatable-thead
+    + .p-datatable-tfoot
+    > tr
+    > td {
     border-width: 0 0 1px 1px;
   }
-  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
+  .p-datatable.p-datatable-gridlines
+    .p-datatable-thead
+    + .p-datatable-tfoot
+    > tr
+    > td:last-child {
     border-width: 0 1px 1px 1px;
   }
-  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
+  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(
+      .p-datatable-tbody
+    )
+    .p-datatable-tbody
+    > tr
+    > td {
     border-width: 0 0 1px 1px;
   }
-  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
+  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(
+      .p-datatable-tbody
+    )
+    .p-datatable-tbody
+    > tr
+    > td:last-child {
     border-width: 0 1px 1px 1px;
   }
-  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
+  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(
+      .p-datatable-tfoot
+    )
+    .p-datatable-tbody
+    > tr:last-child
+    > td {
     border-width: 0 0 0 1px;
   }
-  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
+  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(
+      .p-datatable-tfoot
+    )
+    .p-datatable-tbody
+    > tr:last-child
+    > td:last-child {
     border-width: 0 1px 0 1px;
   }
   .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
     background: #242b2d;
   }
-  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+  .p-datatable.p-datatable-striped
+    .p-datatable-tbody
+    > tr.p-row-odd.p-highlight {
     background: rgba(255, 237, 0, 0.16);
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+  .p-datatable.p-datatable-striped
+    .p-datatable-tbody
+    > tr.p-row-odd.p-highlight
+    .p-row-toggler {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+  .p-datatable.p-datatable-striped
+    .p-datatable-tbody
+    > tr.p-row-odd.p-highlight
+    .p-row-toggler:hover {
     color: rgba(255, 255, 255, 0.87);
   }
   .p-datatable.p-datatable-sm .p-datatable-header {
@@ -4395,7 +4984,10 @@
     border: 0 none;
     background: transparent;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-column-filter-menu-button:hover {
@@ -4403,11 +4995,13 @@
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+  .p-column-filter-menu-button.p-column-filter-menu-button-open,
+  .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+  .p-column-filter-menu-button.p-column-filter-menu-button-active,
+  .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
     background: rgba(255, 237, 0, 0.16);
     color: rgba(255, 255, 255, 0.87);
   }
@@ -4423,7 +5017,10 @@
     border: 0 none;
     background: transparent;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-column-filter-clear-button:hover {
@@ -4441,13 +5038,18 @@
     color: rgba(255, 255, 255, 0.87);
     border: 1px solid #1b2022;
     border-radius: 6px;
-    box-shadow: 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);
+    box-shadow:
+      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);
     min-width: 12.5rem;
   }
   .p-column-filter-overlay .p-column-filter-row-items {
     padding: 0.75rem 0;
   }
-  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+  .p-column-filter-overlay
+    .p-column-filter-row-items
+    .p-column-filter-row-item {
     margin: 0;
     padding: 0.75rem 1.25rem;
     border: 0 none;
@@ -4456,26 +5058,38 @@
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
-  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
+  .p-column-filter-overlay
+    .p-column-filter-row-items
+    .p-column-filter-row-item:first-child {
     margin-top: 0;
   }
-  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
+  .p-column-filter-overlay
+    .p-column-filter-row-items
+    .p-column-filter-row-item:last-child {
     margin-bottom: 0;
   }
-  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+  .p-column-filter-overlay
+    .p-column-filter-row-items
+    .p-column-filter-row-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 237, 0, 0.16);
   }
-  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+  .p-column-filter-overlay
+    .p-column-filter-row-items
+    .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
+  .p-column-filter-overlay
+    .p-column-filter-row-items
+    .p-column-filter-row-item:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.15rem rgba(255, 237, 0, 0.1);
   }
-  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+  .p-column-filter-overlay
+    .p-column-filter-row-items
+    .p-column-filter-separator {
     border-top: 1px solid #1b2022;
     margin: 0.25rem 0;
   }
@@ -4492,10 +5106,14 @@
     padding: 1.25rem;
     border-bottom: 1px solid #1b2022;
   }
-  .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+  .p-column-filter-overlay-menu
+    .p-column-filter-constraint
+    .p-column-filter-matchmode-dropdown {
     margin-bottom: 0.5rem;
   }
-  .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+  .p-column-filter-overlay-menu
+    .p-column-filter-constraint
+    .p-column-filter-remove-button {
     margin-top: 0.5rem;
   }
   .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
@@ -4548,7 +5166,11 @@
     background: #2e3639;
     border: 1px solid #1b2022;
     border-radius: 6px;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-orderlist .p-orderlist-list-container.p-focus {
@@ -4576,7 +5198,9 @@
     border: 0 none;
     color: rgba(255, 255, 255, 0.87);
     background: transparent;
-    transition: transform 0.2s, box-shadow 0.2s;
+    transition:
+      transform 0.2s,
+      box-shadow 0.2s;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
     margin-top: 0;
@@ -4588,7 +5212,9 @@
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
+  .p-orderlist
+    .p-orderlist-list
+    .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
@@ -4603,10 +5229,14 @@
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
     background: rgba(255, 237, 0, 0.24);
   }
-  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
+  .p-orderlist.p-orderlist-striped
+    .p-orderlist-list
+    .p-orderlist-item:nth-child(even) {
     background: #242b2d;
   }
-  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
+  .p-orderlist.p-orderlist-striped
+    .p-orderlist-list
+    .p-orderlist-item:nth-child(even):hover {
     background: rgba(255, 255, 255, 0.03);
   }
   .p-organizationchart-table {
@@ -4653,7 +5283,10 @@
   .p-organizationchart-selectable-node {
     cursor: pointer;
   }
-  .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
+  .p-organizationchart
+    .p-organizationchart-node-content.p-organizationchart-selectable-node:not(
+      .p-highlight
+    ):hover {
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
@@ -4661,7 +5294,10 @@
     background: rgba(255, 237, 0, 0.16);
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+  .p-organizationchart
+    .p-organizationchart-node-content.p-highlight
+    .p-node-toggler
+    i {
     color: rgba(128, 119, 0, 0.16);
   }
   .p-organizationchart .p-organizationchart-line-down {
@@ -4687,7 +5323,9 @@
     border-radius: 50%;
     outline-color: transparent;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
+  .p-organizationchart
+    .p-organizationchart-node-content
+    .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5);
@@ -4845,7 +5483,11 @@
     background: #2e3639;
     border: 1px solid #1b2022;
     border-radius: 6px;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-picklist .p-picklist-list-wrapper.p-focus {
@@ -4873,7 +5515,9 @@
     border: 0 none;
     color: rgba(255, 255, 255, 0.87);
     background: transparent;
-    transition: transform 0.2s, box-shadow 0.2s;
+    transition:
+      transform 0.2s,
+      box-shadow 0.2s;
   }
   .p-picklist .p-picklist-list .p-picklist-item:first-child {
     margin-top: 0;
@@ -4885,7 +5529,9 @@
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
+  .p-picklist
+    .p-picklist-list
+    .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
@@ -4900,10 +5546,14 @@
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
     background: rgba(255, 237, 0, 0.24);
   }
-  .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+  .p-picklist.p-picklist-striped
+    .p-picklist-list
+    .p-picklist-item:nth-child(even) {
     background: #242b2d;
   }
-  .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+  .p-picklist.p-picklist-striped
+    .p-picklist-list
+    .p-picklist-item:nth-child(even):hover {
     background: rgba(255, 255, 255, 0.03);
   }
   .p-timeline {
@@ -4929,16 +5579,24 @@
   .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
     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;
   }
   .p-timeline-event {
@@ -4989,7 +5647,8 @@
   .p-timeline-bottom .p-timeline-event {
     flex-direction: column-reverse;
   }
-  .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
+  .p-timeline-horizontal.p-timeline-alternate
+    .p-timeline-event:nth-child(even) {
     flex-direction: column-reverse;
   }
   .p-timeline .p-timeline-event-marker {
@@ -5113,15 +5772,26 @@
     border: 0 none;
     background: transparent;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+  .p-tree
+    .p-tree-container
+    .p-treenode
+    .p-treenode-content
+    .p-tree-toggler:enabled:hover {
     color: rgba(255, 255, 255, 0.87);
     border-color: transparent;
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
+  .p-tree
+    .p-tree-container
+    .p-treenode
+    .p-treenode-content
+    .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5);
@@ -5133,22 +5803,46 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
     margin-right: 0.5rem;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
+  .p-tree
+    .p-tree-container
+    .p-treenode
+    .p-treenode-content
+    .p-checkbox.p-indeterminate
+    .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: rgba(255, 237, 0, 0.16);
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+  .p-tree
+    .p-tree-container
+    .p-treenode
+    .p-treenode-content.p-highlight
+    .p-tree-toggler,
+  .p-tree
+    .p-tree-container
+    .p-treenode
+    .p-treenode-content.p-highlight
+    .p-treenode-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+  .p-tree
+    .p-tree-container
+    .p-treenode
+    .p-treenode-content.p-highlight
+    .p-tree-toggler:hover,
+  .p-tree
+    .p-tree-container
+    .p-treenode
+    .p-treenode-content.p-highlight
+    .p-treenode-icon:hover {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+  .p-tree
+    .p-tree-container
+    .p-treenode
+    .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
@@ -5299,7 +5993,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;
   }
@@ -5377,7 +6078,9 @@
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+  .p-treetable
+    .p-sortable-column:not(.p-highlight):hover
+    .p-sortable-column-icon {
     color: rgba(255, 255, 255, 0.87);
   }
   .p-treetable .p-sortable-column.p-highlight {
@@ -5405,7 +6108,10 @@
     border: 0 none;
     background: transparent;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
     margin-right: 0.5rem;
   }
@@ -5422,7 +6128,13 @@
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
     margin-right: 0.5rem;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
+  .p-treetable
+    .p-treetable-tbody
+    > tr
+    > td
+    .p-treetable-toggler
+    + .p-checkbox.p-indeterminate
+    .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
   .p-treetable .p-treetable-tbody > tr:focus-visible {
@@ -5439,11 +6151,16 @@
   .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
+  .p-treetable.p-treetable-hoverable-rows
+    .p-treetable-tbody
+    > tr:not(.p-highlight):hover {
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+  .p-treetable.p-treetable-hoverable-rows
+    .p-treetable-tbody
+    > tr:not(.p-highlight):hover
+    .p-treetable-toggler {
     color: rgba(255, 255, 255, 0.87);
   }
   .p-treetable .p-column-resizer-helper {
@@ -5535,27 +6252,38 @@
     transition: box-shadow 0.2s;
     outline-color: transparent;
   }
-  .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+  .p-accordion
+    .p-accordion-header
+    .p-accordion-header-link
+    .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
+  .p-accordion
+    .p-accordion-header:not(.p-disabled)
+    .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(255, 237, 0, 0.5);
   }
-  .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
+  .p-accordion
+    .p-accordion-header:not(.p-highlight):not(.p-disabled):hover
+    .p-accordion-header-link {
     background: rgba(255, 255, 255, 0.03);
     border-color: #1b2022;
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
+  .p-accordion
+    .p-accordion-header:not(.p-disabled).p-highlight
+    .p-accordion-header-link {
     background: #2e3639;
     border-color: #1b2022;
     color: rgba(255, 255, 255, 0.87);
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+  .p-accordion
+    .p-accordion-header:not(.p-disabled).p-highlight:hover
+    .p-accordion-header-link {
     border-color: #1b2022;
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
@@ -5577,7 +6305,10 @@
   .p-card {
     background: #2e3639;
     color: rgba(255, 255, 255, 0.87);
-    box-shadow: 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);
+    box-shadow:
+      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);
     border-radius: 6px;
   }
   .p-card .p-card-body {
@@ -5631,7 +6362,10 @@
   }
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
     padding: 0;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
   }
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
     padding: 1.25rem;
@@ -5767,7 +6501,10 @@
     border: 0 none;
     background: transparent;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
@@ -5853,7 +6590,11 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #1b2022;
     border: 0 none;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-scrollpanel .p-scrollpanel-bar:focus-visible {
@@ -5916,12 +6657,19 @@
     color: rgba(255, 255, 255, 0.87);
   }
   .p-splitter .p-splitter-gutter {
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     background: rgba(255, 255, 255, 0.03);
   }
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #1b2022;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
@@ -6014,15 +6762,23 @@
     line-height: 2rem;
     font-size: 1.143rem;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
   }
   .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
     margin-left: 0.5rem;
     color: rgba(255, 255, 255, 0.6);
     font-weight: 0;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
   }
-  .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+  .p-stepper
+    .p-stepper-header
+    .p-stepper-action:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5);
@@ -6085,10 +6841,14 @@
     height: auto;
     margin-inline-start: calc(1.75rem + 2px);
   }
-  .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+  .p-stepper.p-stepper-vertical
+    .p-stepper-panel:has(~ .p-stepper-panel-active)
+    .p-stepper-separator {
     background-color: #ffed00;
   }
-  .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+  .p-stepper.p-stepper-vertical
+    .p-stepper-panel:last-of-type
+    .p-stepper-content {
     padding-left: 3rem;
   }
   .p-tabview-nav-container {
@@ -6171,12 +6931,18 @@
     margin: 0 0 -2px 0;
     outline-color: transparent;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
+  .p-tabview
+    .p-tabview-nav
+    li
+    .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(255, 237, 0, 0.5);
   }
-  .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+  .p-tabview
+    .p-tabview-nav
+    li:not(.p-highlight):not(.p-disabled):hover
+    .p-tabview-nav-link {
     background: #2e3639;
     border-color: #ffed00;
     color: rgba(255, 255, 255, 0.87);
@@ -6190,7 +6956,10 @@
     background: #2e3639;
     color: #ffed00;
     width: 3rem;
-    box-shadow: 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);
+    box-shadow:
+      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);
     border-radius: 0;
     outline-color: transparent;
   }
@@ -6253,7 +7022,9 @@
     opacity: 0;
   }
   .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 {
     transition: opacity 0.1s linear;
@@ -6296,7 +7067,10 @@
     color: rgba(255, 255, 255, 0.87);
     border: 1px solid #1b2022;
     border-radius: 6px;
-    box-shadow: 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);
+    box-shadow:
+      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);
   }
   .p-confirm-popup .p-confirm-popup-content {
     padding: 1.25rem;
@@ -6457,7 +7231,10 @@
   }
   .p-dialog {
     border-radius: 6px;
-    box-shadow: 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);
+    box-shadow:
+      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);
     border: 1px solid #1b2022;
   }
   .p-dialog .p-dialog-header {
@@ -6479,7 +7256,10 @@
     border: 0 none;
     background: transparent;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
     margin-right: 0.5rem;
   }
@@ -6545,7 +7325,9 @@
     opacity: 0;
   }
   .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 {
     transition: opacity 0.1s linear;
@@ -6584,7 +7366,10 @@
     color: rgba(255, 255, 255, 0.87);
     border: 1px solid #1b2022;
     border-radius: 6px;
-    box-shadow: 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);
+    box-shadow:
+      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);
   }
   .p-overlaypanel .p-overlaypanel-content {
     padding: 1.25rem;
@@ -6594,7 +7379,10 @@
     color: #030712;
     width: 2rem;
     height: 2rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     border-radius: 50%;
     position: absolute;
     top: -1rem;
@@ -6752,7 +7540,10 @@
     background: #2e3639;
     color: rgba(255, 255, 255, 0.87);
     border: 1px solid #1b2022;
-    box-shadow: 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);
+    box-shadow:
+      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);
   }
   .p-sidebar .p-sidebar-header {
     padding: 1.25rem;
@@ -6769,7 +7560,10 @@
     border: 0 none;
     background: transparent;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
@@ -6839,7 +7633,10 @@
     background: #1b2022;
     color: rgba(255, 255, 255, 0.87);
     padding: 0.75rem 0.75rem;
-    box-shadow: 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);
+    box-shadow:
+      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);
     border-radius: 6px;
   }
   .p-tooltip.p-tooltip-right .p-tooltip-arrow {
@@ -6871,8 +7668,8 @@
     display: flex;
     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;
   }
   .p-fluid .p-fileupload .p-button {
@@ -7048,7 +7845,10 @@
     background: #2e3639;
     color: rgba(255, 255, 255, 0.87);
     border: 1px solid #1b2022;
-    box-shadow: 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);
+    box-shadow:
+      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);
     border-radius: 6px;
     min-width: 12.5rem;
   }
@@ -7059,7 +7859,10 @@
     padding: 0.25rem 0;
     background: #2e3639;
     border: 1px solid #1b2022;
-    box-shadow: 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);
+    box-shadow:
+      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);
     border-radius: 6px;
   }
   .p-contextmenu .p-menuitem {
@@ -7081,57 +7884,127 @@
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
-  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-contextmenu
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+  .p-contextmenu
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon {
     color: rgba(255, 255, 255, 0.6);
     margin-right: 0.5rem;
   }
-  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-contextmenu
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.6);
   }
   .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 237, 0, 0.16);
   }
-  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-contextmenu
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-contextmenu
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-contextmenu
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
   .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
     background: rgba(255, 237, 0, 0.24);
   }
-  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+  .p-contextmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-contextmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-contextmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-contextmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+  .p-contextmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-contextmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-contextmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-contextmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+  .p-contextmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-contextmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-contextmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-contextmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
   .p-contextmenu .p-menuitem-separator {
@@ -7256,43 +8129,53 @@
     height: 4rem;
   }
   .p-dock.p-dock-top .p-dock-item-second-prev,
-  .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
+  .p-dock.p-dock-top .p-dock-item-second-next,
+  .p-dock.p-dock-bottom .p-dock-item-second-prev,
   .p-dock.p-dock-bottom .p-dock-item-second-next {
     margin: 0 0.9rem;
   }
   .p-dock.p-dock-top .p-dock-item-prev,
-  .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
+  .p-dock.p-dock-top .p-dock-item-next,
+  .p-dock.p-dock-bottom .p-dock-item-prev,
   .p-dock.p-dock-bottom .p-dock-item-next {
     margin: 0 1.3rem;
   }
-  .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
+  .p-dock.p-dock-top .p-dock-item-current,
+  .p-dock.p-dock-bottom .p-dock-item-current {
     margin: 0 1.5rem;
   }
   .p-dock.p-dock-left .p-dock-item-second-prev,
-  .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
+  .p-dock.p-dock-left .p-dock-item-second-next,
+  .p-dock.p-dock-right .p-dock-item-second-prev,
   .p-dock.p-dock-right .p-dock-item-second-next {
     margin: 0.9rem 0;
   }
   .p-dock.p-dock-left .p-dock-item-prev,
-  .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
+  .p-dock.p-dock-left .p-dock-item-next,
+  .p-dock.p-dock-right .p-dock-item-prev,
   .p-dock.p-dock-right .p-dock-item-next {
     margin: 1.3rem 0;
   }
-  .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
+  .p-dock.p-dock-left .p-dock-item-current,
+  .p-dock.p-dock-right .p-dock-item-current {
     margin: 1.5rem 0;
   }
-  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
+  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container,
+  .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
     overflow-x: auto;
     width: 100%;
   }
-  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
+  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list,
+  .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
     margin: 0 auto;
   }
-  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
+  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container,
+  .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
     overflow-y: auto;
     height: 100%;
   }
-  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
+  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list,
+  .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
     margin: auto 0;
   }
   .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
@@ -7367,11 +8250,19 @@
   .p-megamenu-vertical .p-megamenu-root-list {
     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;
   }
   .p-megamenu-grid {
@@ -7459,64 +8350,137 @@
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
-  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-megamenu
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+  .p-megamenu
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon {
     color: rgba(255, 255, 255, 0.6);
     margin-right: 0.5rem;
   }
-  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.6);
   }
   .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 237, 0, 0.16);
   }
-  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-megamenu
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-megamenu
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
   .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
     background: rgba(255, 237, 0, 0.24);
   }
-  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+  .p-megamenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-megamenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-megamenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+  .p-megamenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-megamenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-megamenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-megamenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+  .p-megamenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-megamenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-megamenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-megamenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
   .p-megamenu .p-megamenu-panel {
     background: #2e3639;
     color: rgba(255, 255, 255, 0.87);
     border: 1px solid #1b2022;
-    box-shadow: 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);
+    box-shadow:
+      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);
     border-radius: 6px;
   }
   .p-megamenu .p-submenu-header {
@@ -7540,34 +8504,75 @@
     min-width: 12.5rem;
     padding: 0.25rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
+  .p-megamenu.p-megamenu-horizontal
+    .p-megamenu-root-list
+    > .p-menuitem
+    > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
     transition: box-shadow 0.2s;
     border-radius: 6px;
   }
-  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-horizontal
+    .p-megamenu-root-list
+    > .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link {
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
-  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-megamenu.p-megamenu-horizontal
+    .p-megamenu-root-list
+    > .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+  .p-megamenu.p-megamenu-horizontal
+    .p-megamenu-root-list
+    > .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon {
     color: rgba(255, 255, 255, 0.6);
     margin-right: 0.5rem;
   }
-  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-horizontal
+    .p-megamenu-root-list
+    > .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.6);
     margin-left: 0.5rem;
   }
-  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+  .p-megamenu.p-megamenu-horizontal
+    .p-megamenu-root-list
+    > .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-megamenu.p-megamenu-horizontal
+    .p-megamenu-root-list
+    > .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-horizontal
+    .p-megamenu-root-list
+    > .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-megamenu.p-megamenu-horizontal
+    .p-megamenu-root-list
+    > .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
   .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
@@ -7579,7 +8584,10 @@
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
@@ -7595,7 +8603,10 @@
     padding: 0.25rem 0;
     background: #2e3639;
     border: 1px solid #1b2022;
-    box-shadow: 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);
+    box-shadow:
+      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);
   }
   .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
     border-top: 1px solid #1b2022;
@@ -7604,21 +8615,45 @@
   .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile
+    .p-megamenu-root-list
+    .p-menuitem
+    .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile
+    .p-megamenu-root-list
+    .p-menuitem.p-menuitem-active
+    > .p-menuitem-content
+    > .p-menuitem-link
+    > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile
+    .p-megamenu-root-list
+    .p-submenu-list
+    .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile
+    .p-megamenu-root-list
+    .p-submenu-list
+    .p-menuitem-active
+    > .p-menuitem-content
+    > .p-menuitem-link
+    > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile
+    .p-megamenu-root-list
+    .p-submenu-list
+    .p-menuitem
+    .p-menuitem-content
+    .p-menuitem-link {
     padding-left: 2.25rem;
   }
   .p-menu ul {
@@ -7678,49 +8713,110 @@
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 237, 0, 0.16);
   }
-  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-menu
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-menu
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-menu
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
   .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
     background: rgba(255, 237, 0, 0.24);
   }
-  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+  .p-menu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-menu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-menu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-menu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+  .p-menu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-menu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-menu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-menu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+  .p-menu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-menu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-menu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-menu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
   .p-menu.p-menu-overlay {
     background: #2e3639;
     border: 1px solid #1b2022;
-    box-shadow: 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);
+    box-shadow:
+      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);
   }
   .p-menu .p-submenu-header {
     margin: 0;
@@ -7780,7 +8876,12 @@
     left: 100%;
     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;
   }
   .p-menubar .p-menubar-end {
@@ -7837,29 +8938,67 @@
     transition: box-shadow 0.2s;
     border-radius: 6px;
   }
-  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
+  .p-menubar
+    .p-menubar-root-list
+    > .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link {
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
-  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-menubar
+    .p-menubar-root-list
+    > .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+  .p-menubar
+    .p-menubar-root-list
+    > .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon {
     color: rgba(255, 255, 255, 0.6);
     margin-right: 0.5rem;
   }
-  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-menubar
+    .p-menubar-root-list
+    > .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.6);
     margin-left: 0.5rem;
   }
-  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+  .p-menubar
+    .p-menubar-root-list
+    > .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-menubar
+    .p-menubar-root-list
+    > .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-menubar
+    .p-menubar-root-list
+    > .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-menubar
+    .p-menubar-root-list
+    > .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
   .p-menubar .p-menuitem {
@@ -7881,64 +9020,137 @@
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
-  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-menubar
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+  .p-menubar
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon {
     color: rgba(255, 255, 255, 0.6);
     margin-right: 0.5rem;
   }
-  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-menubar
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.6);
   }
   .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 237, 0, 0.16);
   }
-  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-menubar
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-menubar
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-menubar
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
   .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
     background: rgba(255, 237, 0, 0.24);
   }
-  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+  .p-menubar
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-menubar
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-menubar
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-menubar
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+  .p-menubar
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-menubar
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-menubar
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-menubar
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+  .p-menubar
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-menubar
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-menubar
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-menubar
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
   .p-menubar .p-submenu-list {
     padding: 0.25rem 0;
     background: #2e3639;
     border: 1px solid #1b2022;
-    box-shadow: 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);
+    box-shadow:
+      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);
     min-width: 12.5rem;
     border-radius: 6px;
   }
@@ -7954,7 +9166,10 @@
     height: 2rem;
     color: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-menubar.p-menubar-mobile .p-menubar-button:hover {
@@ -7970,7 +9185,10 @@
     padding: 0.25rem 0;
     background: #2e3639;
     border: 1px solid #1b2022;
-    box-shadow: 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);
+    box-shadow:
+      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);
   }
   .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
     border-top: 1px solid #1b2022;
@@ -7979,33 +9197,97 @@
   .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-menubar.p-menubar-mobile
+    .p-menubar-root-list
+    .p-menuitem
+    .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-menubar.p-menubar-mobile
+    .p-menubar-root-list
+    .p-menuitem.p-menuitem-active
+    > .p-menuitem-content
+    > .p-menuitem-link
+    > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+  .p-menubar.p-menubar-mobile
+    .p-menubar-root-list
+    .p-submenu-list
+    .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-menubar.p-menubar-mobile
+    .p-menubar-root-list
+    .p-submenu-list
+    .p-menuitem-active
+    > .p-menuitem-content
+    > .p-menuitem-link
+    > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-menubar.p-menubar-mobile
+    .p-menubar-root-list
+    .p-submenu-list
+    .p-menuitem
+    .p-menuitem-content
+    .p-menuitem-link {
     padding-left: 2.25rem;
   }
-  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-menubar.p-menubar-mobile
+    .p-menubar-root-list
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-menuitem-content
+    .p-menuitem-link {
     padding-left: 3.75rem;
   }
-  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-menubar.p-menubar-mobile
+    .p-menubar-root-list
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-menuitem-content
+    .p-menuitem-link {
     padding-left: 5.25rem;
   }
-  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-menubar.p-menubar-mobile
+    .p-menubar-root-list
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-menuitem-content
+    .p-menuitem-link {
     padding-left: 6.75rem;
   }
-  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-menubar.p-menubar-mobile
+    .p-menubar-root-list
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-menuitem-content
+    .p-menuitem-link {
     padding-left: 8.25rem;
   }
   .p-panelmenu .p-panelmenu-header-action {
@@ -8047,28 +9329,45 @@
     transition: box-shadow 0.2s;
     outline-color: transparent;
   }
-  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
+  .p-panelmenu
+    .p-panelmenu-header
+    .p-panelmenu-header-content
+    .p-panelmenu-header-action {
     color: rgba(255, 255, 255, 0.87);
     padding: 1.25rem;
     font-weight: 100;
   }
-  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
+  .p-panelmenu
+    .p-panelmenu-header
+    .p-panelmenu-header-content
+    .p-panelmenu-header-action
+    .p-submenu-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
+  .p-panelmenu
+    .p-panelmenu-header
+    .p-panelmenu-header-content
+    .p-panelmenu-header-action
+    .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
+  .p-panelmenu
+    .p-panelmenu-header:not(.p-disabled):focus-visible
+    .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(255, 237, 0, 0.5);
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
+  .p-panelmenu
+    .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover
+    .p-panelmenu-header-content {
     background: rgba(255, 255, 255, 0.03);
     border-color: #1b2022;
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
+  .p-panelmenu
+    .p-panelmenu-header:not(.p-disabled).p-highlight
+    .p-panelmenu-header-content {
     background: #2e3639;
     border-color: #1b2022;
     color: rgba(255, 255, 255, 0.87);
@@ -8076,7 +9375,9 @@
     border-bottom-left-radius: 0;
     margin-bottom: 0;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
+  .p-panelmenu
+    .p-panelmenu-header:not(.p-disabled).p-highlight:hover
+    .p-panelmenu-header-content {
     border-color: #1b2022;
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
@@ -8109,72 +9410,177 @@
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link {
     color: rgba(255, 255, 255, 0.87);
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon {
     color: rgba(255, 255, 255, 0.6);
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.6);
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem.p-highlight
+    > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 237, 0, 0.16);
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem.p-highlight.p-focus
+    > .p-menuitem-content {
     background: rgba(255, 237, 0, 0.24);
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem
+    .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     margin-right: 0.5rem;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
     border-top: 1px solid #1b2022;
     margin: 0.25rem 0;
   }
-  .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-submenu-list:not(.p-panelmenu-root-list) {
     padding: 0 0 0 1rem;
   }
   .p-panelmenu .p-panelmenu-panel {
@@ -8327,12 +9733,18 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
+  .p-tabmenu
+    .p-tabmenu-nav
+    .p-tabmenuitem
+    .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem rgba(255, 237, 0, 0.5);
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+  .p-tabmenu
+    .p-tabmenu-nav
+    .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover
+    .p-menuitem-link {
     background: #2e3639;
     border-color: #ffed00;
     color: rgba(255, 255, 255, 0.87);
@@ -8393,7 +9805,10 @@
   .p-tieredmenu.p-tieredmenu-overlay {
     background: #2e3639;
     border: 1px solid #1b2022;
-    box-shadow: 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);
+    box-shadow:
+      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);
   }
   .p-tieredmenu .p-tieredmenu-root-list {
     outline: 0 none;
@@ -8402,7 +9817,10 @@
     padding: 0.25rem 0;
     background: #2e3639;
     border: 1px solid #1b2022;
-    box-shadow: 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);
+    box-shadow:
+      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);
     border-radius: 6px;
   }
   .p-tieredmenu .p-menuitem {
@@ -8424,57 +9842,127 @@
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
-  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-tieredmenu
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+  .p-tieredmenu
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon {
     color: rgba(255, 255, 255, 0.6);
     margin-right: 0.5rem;
   }
-  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-tieredmenu
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.6);
   }
   .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 237, 0, 0.16);
   }
-  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-tieredmenu
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-tieredmenu
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-tieredmenu
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
   .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
     background: rgba(255, 237, 0, 0.24);
   }
-  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+  .p-tieredmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-tieredmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-tieredmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-tieredmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+  .p-tieredmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-tieredmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-tieredmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-tieredmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+  .p-tieredmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 255, 255, 0.03);
   }
-  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-tieredmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-tieredmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-tieredmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: rgba(255, 255, 255, 0.87);
   }
   .p-tieredmenu .p-menuitem-separator {
@@ -8607,7 +10095,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 {
     display: none;
@@ -8624,7 +10115,10 @@
     height: 2rem;
     border-radius: 50%;
     background: transparent;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-message .p-message-close:hover {
@@ -8771,12 +10265,22 @@
     overflow: hidden;
   }
   .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;
   }
   .p-toast {
     opacity: 1;
@@ -8796,7 +10300,10 @@
   .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
     font-size: 2rem;
   }
-  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
+  .p-toast
+    .p-toast-message
+    .p-toast-message-content
+    .p-toast-message-icon.p-icon {
     width: 2rem;
     height: 2rem;
   }
@@ -8811,7 +10318,10 @@
     height: 2rem;
     border-radius: 50%;
     background: transparent;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-toast .p-toast-message .p-toast-icon-close:hover {
@@ -8927,11 +10437,15 @@
     opacity: 0;
     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;
   }
   .p-galleria-caption {
@@ -9049,25 +10563,29 @@
     display: flex;
     z-index: 1;
   }
-  .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
+  .p-galleria-indicator-onitem.p-galleria-indicators-top
+    .p-galleria-indicators {
     top: 0;
     left: 0;
     width: 100%;
     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%;
     align-items: flex-end;
   }
-  .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
+  .p-galleria-indicator-onitem.p-galleria-indicators-left
+    .p-galleria-indicators {
     left: 0;
     top: 0;
     height: 100%;
@@ -9126,7 +10644,10 @@
     color: #f8f9fa;
     width: 4rem;
     height: 4rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     border-radius: 50%;
   }
   .p-galleria .p-galleria-close .p-galleria-close-icon {
@@ -9145,7 +10666,10 @@
     color: #f8f9fa;
     width: 4rem;
     height: 4rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     border-radius: 6px;
     margin: 0 0.5rem;
   }
@@ -9173,7 +10697,10 @@
     background-color: #1b2022;
     width: 1rem;
     height: 1rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     border-radius: 50%;
   }
   .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
@@ -9183,22 +10710,33 @@
     background: rgba(255, 237, 0, 0.16);
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+  .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,
+  .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
     margin-right: 0.5rem;
   }
-  .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+  .p-galleria.p-galleria-indicators-left .p-galleria-indicator,
+  .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
     margin-bottom: 0.5rem;
   }
   .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
     background: rgba(0, 0, 0, 0.5);
   }
-  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+  .p-galleria.p-galleria-indicator-onitem
+    .p-galleria-indicators
+    .p-galleria-indicator
+    button {
     background: rgba(255, 255, 255, 0.4);
   }
-  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+  .p-galleria.p-galleria-indicator-onitem
+    .p-galleria-indicators
+    .p-galleria-indicator
+    button:hover {
     background: rgba(255, 255, 255, 0.6);
   }
-  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+  .p-galleria.p-galleria-indicator-onitem
+    .p-galleria-indicators
+    .p-galleria-indicator.p-highlight
+    button {
     background: rgba(255, 237, 0, 0.16);
     color: rgba(255, 255, 255, 0.87);
   }
@@ -9213,7 +10751,10 @@
     color: #f8f9fa;
     width: 2rem;
     height: 2rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     border-radius: 50%;
   }
   .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
@@ -9221,10 +10762,14 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f8f9fa;
   }
-  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
+  .p-galleria
+    .p-galleria-thumbnail-container
+    .p-galleria-thumbnail-item-content {
     outline-color: transparent;
   }
-  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+  .p-galleria
+    .p-galleria-thumbnail-container
+    .p-galleria-thumbnail-item-content:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5);
@@ -9300,7 +10845,10 @@
   .p-image-preview-indicator {
     background-color: transparent;
     color: #f8f9fa;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
   }
   .p-image-preview-indicator .p-icon {
     width: 1.5rem;
@@ -9318,7 +10866,10 @@
     width: 3rem;
     height: 3rem;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     margin-right: 0.5rem;
   }
   .p-image-action.p-link:last-child {
@@ -9518,7 +11069,10 @@
   .p-chip .p-chip-remove-icon {
     margin-left: 0.5rem;
     border-radius: 6px;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-chip .p-chip-remove-icon:focus-visible {
@@ -9546,7 +11100,11 @@
   .p-inplace .p-inplace-display {
     padding: 0.75rem 0.75rem;
     border-radius: 6px;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-inplace .p-inplace-display:not(.p-disabled):hover {
@@ -9675,8 +11233,10 @@
     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: "";
@@ -9686,8 +11246,10 @@
     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;
   }
@@ -9792,7 +11354,9 @@
     stroke-dasharray: 89, 200;
     stroke-dashoffset: 0;
     stroke: #fca5a5;
-    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;
   }
   @keyframes p-progress-spinner-rotate {
@@ -9815,7 +11379,8 @@
     }
   }
   @keyframes p-progress-spinner-color {
-    100%, 0% {
+    100%,
+    0% {
       stroke: #fca5a5;
     }
     40% {
@@ -9824,7 +11389,8 @@
     66% {
       stroke: #6ee7b7;
     }
-    80%, 90% {
+    80%,
+    90% {
       stroke: #fde047;
     }
   }
@@ -9882,8 +11448,14 @@
     width: 3rem;
     height: 3rem;
     border-radius: 50%;
-    box-shadow: 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);
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    box-shadow:
+      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);
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
   }
   .p-scrolltop.p-link {
     background: rgba(255, 237, 0, 0.16);
@@ -9932,7 +11504,12 @@
     border-radius: 6px;
   }
   .p-skeleton:after {
-    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
+    background: linear-gradient(
+      90deg,
+      rgba(255, 255, 255, 0),
+      rgba(255, 255, 255, 0.04),
+      rgba(255, 255, 255, 0)
+    );
   }
   .p-tag {
     display: inline-flex;
@@ -10026,16 +11603,28 @@
   }
   .p-selectbutton > .p-button,
   .p-togglebutton.p-button {
-    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
   }
   .p-accordion .p-accordion-header .p-accordion-header-link {
-    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
   }
   .p-tabview .p-tabview-nav li .p-tabview-nav-link {
-    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
-    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
   }
   .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
     background-color: #ffed00;
@@ -10044,25 +11633,46 @@
     background-color: #ffed00;
   }
   .p-button:focus {
-    box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(255, 237, 0, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
+    box-shadow:
+      0 0 0 2px #1c2127,
+      0 0 0 4px rgba(255, 237, 0, 0.7),
+      0 1px 2px 0 rgba(0, 0, 0, 0);
   }
   .p-button.p-button-secondary:enabled:focus {
-    box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(148, 163, 184, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
+    box-shadow:
+      0 0 0 2px #1c2127,
+      0 0 0 4px rgba(148, 163, 184, 0.7),
+      0 1px 2px 0 rgba(0, 0, 0, 0);
   }
   .p-button.p-button-success:enabled:focus {
-    box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(0, 150, 78, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
+    box-shadow:
+      0 0 0 2px #1c2127,
+      0 0 0 4px rgba(0, 150, 78, 0.7),
+      0 1px 2px 0 rgba(0, 0, 0, 0);
   }
   .p-button.p-button-info:enabled:focus {
-    box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(0, 70, 153, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
+    box-shadow:
+      0 0 0 2px #1c2127,
+      0 0 0 4px rgba(0, 70, 153, 0.7),
+      0 1px 2px 0 rgba(0, 0, 0, 0);
   }
   .p-button.p-button-warning:enabled:focus {
-    box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(255, 237, 0, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
+    box-shadow:
+      0 0 0 2px #1c2127,
+      0 0 0 4px rgba(255, 237, 0, 0.7),
+      0 1px 2px 0 rgba(0, 0, 0, 0);
   }
   .p-button.p-button-help:enabled:focus {
-    box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(192, 132, 252, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
+    box-shadow:
+      0 0 0 2px #1c2127,
+      0 0 0 4px rgba(192, 132, 252, 0.7),
+      0 1px 2px 0 rgba(0, 0, 0, 0);
   }
   .p-button.p-button-danger:enabled:focus {
-    box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(248, 113, 113, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
+    box-shadow:
+      0 0 0 2px #1c2127,
+      0 0 0 4px rgba(248, 113, 113, 0.7),
+      0 1px 2px 0 rgba(0, 0, 0, 0);
   }
   .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
     box-shadow: inset 0 2px 0 0 #ffed00;
@@ -10071,7 +11681,10 @@
     box-shadow: inset 0 -2px 0 0 #ffed00;
   }
   .p-speeddial-item.p-focus > .p-speeddial-action {
-    box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(255, 237, 0, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
+    box-shadow:
+      0 0 0 2px #1c2127,
+      0 0 0 4px rgba(255, 237, 0, 0.7),
+      0 1px 2px 0 rgba(0, 0, 0, 0);
   }
   .p-toast-message {
     backdrop-filter: blur(10px);
@@ -10087,7 +11700,12 @@
   }
   .p-picklist-buttons .p-button,
   .p-orderlist-controls .p-button {
-    transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      opacity 0.2s,
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
   }
   .p-steps .p-steps-item.p-highlight .p-steps-number {
     background: #ffed00;
@@ -10102,7 +11720,12 @@
     color: #030712;
   }
 }
-:root h1, :root h2, :root h3, :root h4, :root h5, :root h6 {
+:root h1,
+:root h2,
+:root h3,
+:root h4,
+:root h5,
+:root h6 {
   font-weight: 100;
 }
 :root .fc {
@@ -10152,7 +11775,11 @@
   background: #ffed00; /*#93c5fd*/
   border: 1px solid #ffed00; /*#93c5fd*/
   font-size: 1rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
   border-radius: 6px;
   display: flex;
   align-items: center;
@@ -10199,7 +11826,11 @@
   background: #2e3639; /*#071426*/
   border: 1px solid #1b2022; /*#0b213f*/
   color: rgba(255, 255, 255, 0.87);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
 }
 :root .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
 :root .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover,
@@ -10208,16 +11839,34 @@
   border-color: #1b2022; /*#0b213f*/
   color: rgba(255, 255, 255, 0.87);
 }
-:root .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
-:root .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active,
-:root .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+:root
+  .fc.fc-unthemed
+  .fc-toolbar
+  .fc-button.fc-dayGridMonth-button.fc-button-active,
+:root
+  .fc.fc-unthemed
+  .fc-toolbar
+  .fc-button.fc-timeGridWeek-button.fc-button-active,
+:root
+  .fc.fc-unthemed
+  .fc-toolbar
+  .fc-button.fc-timeGridDay-button.fc-button-active {
   background: #ffed00; /*#93c5fd*/
   border-color: #ffed00; /*#93c5fd*/
   color: #000000; /*#1c2127*/
 }
-:root .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
-:root .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
-:root .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+:root
+  .fc.fc-unthemed
+  .fc-toolbar
+  .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
+:root
+  .fc.fc-unthemed
+  .fc-toolbar
+  .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
+:root
+  .fc.fc-unthemed
+  .fc-toolbar
+  .fc-button.fc-timeGridDay-button.fc-button-active:hover {
   background: #ffed00;
   border-color: rgba(255, 237, 0, 0.24);
   color: #000000; /*#1c2127*/
@@ -10266,7 +11915,12 @@
   background: #2e3639; /*#071426*/
   color: rgba(255, 255, 255, 0.87);
 }
-:root .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
+:root
+  .fc.fc-theme-standard
+  .fc-view-harness
+  .fc-popover
+  .fc-popover-header
+  .fc-popover-close {
   opacity: 1;
   display: flex;
   align-items: center;
@@ -10280,17 +11934,35 @@
   border: 0 none;
   background: transparent;
   border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
 }
-:root .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {
+:root
+  .fc.fc-theme-standard
+  .fc-view-harness
+  .fc-popover
+  .fc-popover-header
+  .fc-popover-close:before {
   content: "\e90b";
 }
-:root .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:hover {
+:root
+  .fc.fc-theme-standard
+  .fc-view-harness
+  .fc-popover
+  .fc-popover-header
+  .fc-popover-close:hover {
   color: rgba(255, 255, 255, 0.87);
   border-color: transparent;
   background: rgba(255, 255, 255, 0.03);
 }
-:root .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+:root
+  .fc.fc-theme-standard
+  .fc-view-harness
+  .fc-popover
+  .fc-popover-header
+  .fc-popover-close:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5); /*rgba(147, 197, 253, 0.5)*/
@@ -10307,14 +11979,25 @@
   background: #ffed00;
   border-color: rgba(255, 237, 0, 0.24);
 }
-:root .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
+:root
+  .fc.fc-theme-standard
+  .fc-view-harness
+  .fc-event.fc-daygrid-block-event
+  .fc-event-main {
   color: #000000; /*#1c2127*/
 }
-:root .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
+:root
+  .fc.fc-theme-standard
+  .fc-view-harness
+  .fc-event.fc-daygrid-dot-event
+  .fc-daygrid-event-dot {
   background: #ffed00;
   border-color: rgba(255, 237, 0, 0.24);
 }
-:root .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
+:root
+  .fc.fc-theme-standard
+  .fc-view-harness
+  .fc-event.fc-daygrid-dot-event:hover {
   background: rgba(255, 255, 255, 0.03);
   color: rgba(255, 255, 255, 0.87);
 }
@@ -10326,7 +12009,11 @@
   background: #ffed00; /*#93c5fd*/
   border: 1px solid #ffed00; /*#93c5fd*/
   font-size: 1rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
   border-radius: 6px;
 }
 :root .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
@@ -10355,7 +12042,11 @@
   text-indent: 0;
   font-size: 1rem;
 }
-:root .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+:root
+  .fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button
+  .fc-icon-chevron-left:before {
   content: "\e900";
 }
 :root .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
@@ -10363,7 +12054,11 @@
   text-indent: 0;
   font-size: 1rem;
 }
-:root .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+:root
+  .fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button
+  .fc-icon-chevron-right:before {
   content: "\e901";
 }
 :root .fc.fc-theme-standard .fc-toolbar .fc-button:focus {
@@ -10377,7 +12072,11 @@
   background: #2e3639; /*#071426*/
   border: 1px solid #1b2022; /*#0b213f*/
   color: rgba(255, 255, 255, 0.87);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
 }
 :root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
 :root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover,
@@ -10386,23 +12085,50 @@
   border-color: #1b2022; /*#0b213f*/
   color: rgba(255, 255, 255, 0.87);
 }
-:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
-:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active,
-:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+:root
+  .fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-dayGridMonth-button.fc-button-active,
+:root
+  .fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-timeGridWeek-button.fc-button-active,
+:root
+  .fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-timeGridDay-button.fc-button-active {
   background: #ffed00; /*#93c5fd*/
   border-color: #ffed00; /*#93c5fd*/
   color: #000000; /*#1c2127*/
 }
-:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
-:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
-:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+:root
+  .fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
+:root
+  .fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
+:root
+  .fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-timeGridDay-button.fc-button-active:hover {
   background: #ffed00;
   border-color: rgba(255, 237, 0, 0.24);
   color: #000000; /*#1c2127*/
 }
-:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus,
-:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus,
-:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus {
+:root
+  .fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-dayGridMonth-button:not(:disabled):focus,
+:root
+  .fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-timeGridWeek-button:not(:disabled):focus,
+:root
+  .fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-timeGridDay-button:not(:disabled):focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(255, 237, 0, 0.5); /*rgba(147, 197, 253, 0.5)*/
@@ -10411,7 +12137,11 @@
 :root .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
   border-radius: 0;
 }
-:root .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
+:root
+  .fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button-group
+  .fc-button:first-child {
   border-top-left-radius: 6px;
   border-bottom-left-radius: 6px;
 }
diff --git a/frontend/public/themes/lara-light-blue/theme.css b/frontend/public/themes/lara-light-blue/theme.css
index 632ebe1..7081617 100644
--- a/frontend/public/themes/lara-light-blue/theme.css
+++ b/frontend/public/themes/lara-light-blue/theme.css
@@ -1,19 +1,32 @@
 :root {
-  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, Twemoji Country Flags, Roboto, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+  font-family:
+    "Source Sans Pro",
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Twemoji Country Flags,
+    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:"Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, Twemoji Country Flags, Roboto, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
-  --font-feature-settings: "cv02","cv03","cv04","cv11";
-  --surface-a:#ffffff;
-  --surface-b:#f9fafb;
-  --surface-c:#f3f4f6;
-  --surface-d:#e5e7eb;
-  --surface-e:#ffffff;
-  --surface-f:#ffffff;
-  --text-color:#4b5563;
-  --text-color-secondary:#6b7280;
-  --primary-color:#00944c;
-  --primary-color-text:#ffffff;
+  --font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI,
+    Twemoji Country Flags, Roboto, Arial, sans-serif, Apple Color Emoji,
+    Segoe UI Emoji, Segoe UI Symbol;
+  --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
+  --surface-a: #ffffff;
+  --surface-b: #f9fafb;
+  --surface-c: #f3f4f6;
+  --surface-d: #e5e7eb;
+  --surface-e: #ffffff;
+  --surface-f: #ffffff;
+  --text-color: #4b5563;
+  --text-color-secondary: #6b7280;
+  --primary-color: #00944c;
+  --primary-color-text: #ffffff;
   --surface-0: #ffffff;
   --surface-50: #f9fafb;
   --surface-100: #f3f4f6;
@@ -35,15 +48,15 @@
   --gray-700: #374151;
   --gray-800: #1f2937;
   --gray-900: #111827;
-  --content-padding:1.25rem;
-  --inline-spacing:0.5rem;
-  --border-radius:6px;
-  --surface-ground:#f9fafb;
-  --surface-section:#ffffff;
-  --surface-card:#ffffff;
-  --surface-overlay:#ffffff;
-  --surface-border:#dfe7ef;
-  --surface-hover:#f6f9fc;
+  --content-padding: 1.25rem;
+  --inline-spacing: 0.5rem;
+  --border-radius: 6px;
+  --surface-ground: #f9fafb;
+  --surface-section: #ffffff;
+  --surface-card: #ffffff;
+  --surface-overlay: #ffffff;
+  --surface-border: #dfe7ef;
+  --surface-hover: #f6f9fc;
   --focus-ring: 0 0 0 0.2rem #09af5e;
   --maskbg: rgba(0, 0, 0, 0.4);
   --highlight-bg: #e9f1ed;
@@ -52,376 +65,376 @@
 }
 
 :root {
-  --blue-50:#f2f6fa;
-  --blue-100:#c2d3e7;
-  --blue-200:#91afd3;
-  --blue-300:#618cc0;
-  --blue-400:#3069ac;
-  --blue-500:#004699;
-  --blue-600:#003c82;
-  --blue-700:#00316b;
-  --blue-800:#002754;
-  --blue-900:#001c3d;
-  --green-50:#f2faf6;
-  --green-100:#c2e6d5;
-  --green-200:#91d2b3;
-  --green-300:#61be91;
-  --green-400:#30aa70;
-  --green-500:#00964e;
-  --green-600:#008042;
-  --green-700:#006937;
-  --green-800:#00532b;
-  --green-900:#003c1f;
-  --yellow-50:#fffef2;
-  --yellow-100:#fffbc2;
-  --yellow-200:#fff791;
-  --yellow-300:#fff461;
-  --yellow-400:#fff030;
-  --yellow-500:#ffed00;
-  --yellow-600:#d9c900;
-  --yellow-700:#b3a600;
-  --yellow-800:#8c8200;
-  --yellow-900:#665f00;
-  --cyan-50:#f2fafe;
-  --cyan-100:#c2e8f8;
-  --cyan-200:#91d5f3;
-  --cyan-300:#61c3ee;
-  --cyan-400:#30b0e8;
-  --cyan-500:#009ee3;
-  --cyan-600:#0086c1;
-  --cyan-700:#006f9f;
-  --cyan-800:#00577d;
-  --cyan-900:#003f5b;
-  --pink-50:#fef2f9;
-  --pink-100:#f9c2e0;
-  --pink-200:#f491c7;
-  --pink-300:#ef61ae;
-  --pink-400:#ea3096;
-  --pink-500:#e5007d;
-  --pink-600:#c3006a;
-  --pink-700:#a00058;
-  --pink-800:#7e0045;
-  --pink-900:#5c0032;
-  --indigo-50:#f7f7fe;
-  --indigo-100:#dadafc;
-  --indigo-200:#bcbdf9;
-  --indigo-300:#9ea0f6;
-  --indigo-400:#8183f4;
-  --indigo-500:#6366f1;
-  --indigo-600:#5457cd;
-  --indigo-700:#4547a9;
-  --indigo-800:#363885;
-  --indigo-900:#282960;
-  --teal-50:#f3fbfb;
-  --teal-100:#c7eeea;
-  --teal-200:#9ae0d9;
-  --teal-300:#6dd3c8;
-  --teal-400:#41c5b7;
-  --teal-500:#14b8a6;
-  --teal-600:#119c8d;
-  --teal-700:#0e8174;
-  --teal-800:#0b655b;
-  --teal-900:#084a42;
-  --orange-50:#fff8f3;
-  --orange-100:#feddc7;
-  --orange-200:#fcc39b;
-  --orange-300:#fba86f;
-  --orange-400:#fa8e42;
-  --orange-500:#f97316;
-  --orange-600:#d46213;
-  --orange-700:#ae510f;
-  --orange-800:#893f0c;
-  --orange-900:#642e09;
-  --bluegray-50:#f7f8f9;
-  --bluegray-100:#dadee3;
-  --bluegray-200:#bcc3cd;
-  --bluegray-300:#9fa9b7;
-  --bluegray-400:#818ea1;
-  --bluegray-500:#64748b;
-  --bluegray-600:#556376;
-  --bluegray-700:#465161;
-  --bluegray-800:#37404c;
-  --bluegray-900:#282e38;
-  --purple-50:#fbf7ff;
-  --purple-100:#ead6fd;
-  --purple-200:#dab6fc;
-  --purple-300:#c996fa;
-  --purple-400:#b975f9;
-  --purple-500:#a855f7;
-  --purple-600:#8f48d2;
-  --purple-700:#763cad;
-  --purple-800:#5c2f88;
-  --purple-900:#432263;
-  --red-50:#fef5f3;
-  --red-100:#f9cdc4;
-  --red-200:#f4a695;
-  --red-300:#ef7f66;
-  --red-400:#ea5738;
-  --red-500:#e53009;
-  --red-600:#c32908;
-  --red-700:#a02206;
-  --red-800:#7e1a05;
-  --red-900:#5c1304;
-  --primary-50:#f2faf6;
-  --primary-100:#c2e5d4;
-  --primary-200:#91d1b2;
-  --primary-300:#61bd90;
-  --primary-400:#30a86e;
-  --primary-500:#00944c;
-  --primary-600:#007e41;
-  --primary-700:#006835;
-  --primary-800:#00512a;
-  --primary-900:#003b1e;
-  --primary-24-50:rgba(253, 254, 254, 0.962);
-  --primary-24-100:rgba(244, 251, 248, 0.8176);
-  --primary-24-200:rgba(231, 245, 238, 0.6732);
-  --primary-24-300:rgba(209, 236, 222, 0.5288);
-  --primary-24-400:rgba(161, 216, 189, 0.3844);
-  --primary-24-500:rgba(0, 148, 76, 0.24);
-  --primary-24-600:rgba(0, 65, 33, 0.354);
-  --primary-24-700:rgba(0, 36, 18, 0.468);
-  --primary-24-800:rgba(0, 21, 11, 0.582);
-  --primary-24-900:rgba(0, 12, 6, 0.696);
-  --htwk-yellow-50:#fffef2;
-  --htwk-yellow-100:#fffbc2;
-  --htwk-yellow-200:#fff791;
-  --htwk-yellow-300:#fff461;
-  --htwk-yellow-400:#fff030;
-  --htwk-yellow-500:#ffed00;
-  --htwk-yellow-600:#d9c900;
-  --htwk-yellow-700:#b3a600;
-  --htwk-yellow-800:#8c8200;
-  --htwk-yellow-900:#665f00;
-  --htwk-yellow-24-50:rgba(255, 255, 253, 0.962);
-  --htwk-yellow-24-100:rgba(255, 254, 244, 0.8176);
-  --htwk-yellow-24-200:rgba(255, 253, 231, 0.6732);
-  --htwk-yellow-24-300:rgba(255, 252, 209, 0.5288);
-  --htwk-yellow-24-400:rgba(255, 248, 161, 0.3844);
-  --htwk-yellow-24-500:rgba(255, 237, 0, 0.24);
-  --htwk-yellow-24-600:rgba(111, 103, 0, 0.354);
-  --htwk-yellow-24-700:rgba(62, 57, 0, 0.468);
-  --htwk-yellow-24-800:rgba(36, 34, 0, 0.582);
-  --htwk-yellow-24-900:rgba(21, 20, 0, 0.696);
-  --htwk-yellow-16-50:rgba(255, 255, 254, 0.958);
-  --htwk-yellow-16-100:rgba(255, 255, 248, 0.7984);
-  --htwk-yellow-16-200:rgba(255, 254, 239, 0.6388);
-  --htwk-yellow-16-300:rgba(255, 253, 223, 0.4792);
-  --htwk-yellow-16-400:rgba(255, 250, 186, 0.3196);
-  --htwk-yellow-16-500:rgba(255, 237, 0, 0.16);
-  --htwk-yellow-16-600:rgba(84, 78, 0, 0.286);
-  --htwk-yellow-16-700:rgba(43, 40, 0, 0.412);
-  --htwk-yellow-16-800:rgba(24, 23, 0, 0.538);
-  --htwk-yellow-16-900:rgba(14, 13, 0, 0.664);
-  --htwk-yellow-01-50:rgba(255, 255, 254, 0.955);
-  --htwk-yellow-01-100:rgba(255, 255, 251, 0.784);
-  --htwk-yellow-01-200:rgba(255, 254, 245, 0.613);
-  --htwk-yellow-01-300:rgba(255, 254, 235, 0.442);
-  --htwk-yellow-01-400:rgba(255, 252, 208, 0.271);
-  --htwk-yellow-01-500:rgba(255, 237, 0, 0.1);
-  --htwk-yellow-01-600:rgba(59, 54, 0, 0.235);
-  --htwk-yellow-01-700:rgba(28, 26, 0, 0.37);
-  --htwk-yellow-01-800:rgba(15, 14, 0, 0.505);
-  --htwk-yellow-01-900:rgba(9, 8, 0, 0.64);
-  --htwk-magenta-50:#fef2f9;
-  --htwk-magenta-100:#f9c2e0;
-  --htwk-magenta-200:#f491c7;
-  --htwk-magenta-300:#ef61ae;
-  --htwk-magenta-400:#ea3096;
-  --htwk-magenta-500:#e5007d;
-  --htwk-magenta-600:#c3006a;
-  --htwk-magenta-700:#a00058;
-  --htwk-magenta-800:#7e0045;
-  --htwk-magenta-900:#5c0032;
-  --htwk-rot-50:#fef5f3;
-  --htwk-rot-100:#f9cdc4;
-  --htwk-rot-200:#f4a695;
-  --htwk-rot-300:#ef7f66;
-  --htwk-rot-400:#ea5738;
-  --htwk-rot-500:#e53009;
-  --htwk-rot-600:#c32908;
-  --htwk-rot-700:#a02206;
-  --htwk-rot-800:#7e1a05;
-  --htwk-rot-900:#5c1304;
-  --htwk-gruen-50:#f2faf6;
-  --htwk-gruen-100:#c2e6d5;
-  --htwk-gruen-200:#91d2b3;
-  --htwk-gruen-300:#61be91;
-  --htwk-gruen-400:#30aa70;
-  --htwk-gruen-500:#00964e;
-  --htwk-gruen-600:#008042;
-  --htwk-gruen-700:#006937;
-  --htwk-gruen-800:#00532b;
-  --htwk-gruen-900:#003c1f;
-  --htwk-cyan-50:#f2fafe;
-  --htwk-cyan-100:#c2e8f8;
-  --htwk-cyan-200:#91d5f3;
-  --htwk-cyan-300:#61c3ee;
-  --htwk-cyan-400:#30b0e8;
-  --htwk-cyan-500:#009ee3;
-  --htwk-cyan-600:#0086c1;
-  --htwk-cyan-700:#006f9f;
-  --htwk-cyan-800:#00577d;
-  --htwk-cyan-900:#003f5b;
-  --htwk-blau-50:#f2f6fa;
-  --htwk-blau-100:#c2d3e7;
-  --htwk-blau-200:#91afd3;
-  --htwk-blau-300:#618cc0;
-  --htwk-blau-400:#3069ac;
-  --htwk-blau-500:#004699;
-  --htwk-blau-600:#003c82;
-  --htwk-blau-700:#00316b;
-  --htwk-blau-800:#002754;
-  --htwk-blau-900:#001c3d;
-  --htwk-silbergrau-50:#fcfcfc;
-  --htwk-silbergrau-100:#eff1f1;
-  --htwk-silbergrau-200:#e3e5e6;
-  --htwk-silbergrau-300:#d7dadc;
-  --htwk-silbergrau-400:#caced1;
-  --htwk-silbergrau-500:#bec3c6;
-  --htwk-silbergrau-600:#a2a6a8;
-  --htwk-silbergrau-700:#85898b;
-  --htwk-silbergrau-800:#696b6d;
-  --htwk-silbergrau-900:#4c4e4f;
-  --htwk-silbergrau-80-50:#fcfdfd;
-  --htwk-silbergrau-80-100:#f3f4f4;
-  --htwk-silbergrau-80-200:#e9eceb;
-  --htwk-silbergrau-80-300:#dfe4e2;
-  --htwk-silbergrau-80-400:#d5dbda;
-  --htwk-silbergrau-80-500:#cbd3d1;
-  --htwk-silbergrau-80-600:#adb3b2;
-  --htwk-silbergrau-80-700:#8e9492;
-  --htwk-silbergrau-80-800:#707473;
-  --htwk-silbergrau-80-900:#515454;
-  --htwk-silbergrau-60-50:#fdfdfd;
-  --htwk-silbergrau-60-100:#f6f7f7;
-  --htwk-silbergrau-60-200:#eef1f0;
-  --htwk-silbergrau-60-300:#e7ebe9;
-  --htwk-silbergrau-60-400:#dfe4e3;
-  --htwk-silbergrau-60-500:#d8dedc;
-  --htwk-silbergrau-60-600:#b8bdbb;
-  --htwk-silbergrau-60-700:#979b9a;
-  --htwk-silbergrau-60-800:#777a79;
-  --htwk-silbergrau-60-900:#565958;
-  --htwk-silbergrau-40-50:#fefefe;
-  --htwk-silbergrau-40-100:#f9faf9;
-  --htwk-silbergrau-40-200:#f4f6f5;
-  --htwk-silbergrau-40-300:#eff1f1;
-  --htwk-silbergrau-40-400:#eaedec;
-  --htwk-silbergrau-40-500:#e5e9e8;
-  --htwk-silbergrau-40-600:#c3c6c5;
-  --htwk-silbergrau-40-700:#a0a3a2;
-  --htwk-silbergrau-40-800:#7e8080;
-  --htwk-silbergrau-40-900:#5c5d5d;
-  --htwk-grau-140-50:#f4f4f4;
-  --htwk-grau-140-100:#c8c9ca;
-  --htwk-grau-140-200:#9d9fa0;
-  --htwk-grau-140-300:#727576;
-  --htwk-grau-140-400:#464a4c;
-  --htwk-grau-140-500:#1b2022;
-  --htwk-grau-140-600:#171b1d;
-  --htwk-grau-140-700:#131618;
-  --htwk-grau-140-800:#0f1213;
-  --htwk-grau-140-900:#0b0d0e;
-  --htwk-grau-120-50:#f4f4f5;
-  --htwk-grau-120-100:#cacccd;
-  --htwk-grau-120-200:#a1a4a5;
-  --htwk-grau-120-300:#777c7d;
-  --htwk-grau-120-400:#4e5355;
-  --htwk-grau-120-500:#242b2d;
-  --htwk-grau-120-600:#1f2526;
-  --htwk-grau-120-700:#191e20;
-  --htwk-grau-120-800:#141819;
-  --htwk-grau-120-900:#0e1112;
-  --htwk-grau-50:whitesmoke;
-  --htwk-grau-100:#cdcfcf;
-  --htwk-grau-200:#a5a9aa;
-  --htwk-grau-300:#7d8284;
-  --htwk-grau-400:#565c5f;
-  --htwk-grau-500:#2e3639;
-  --htwk-grau-600:#272e30;
-  --htwk-grau-700:#202628;
-  --htwk-grau-800:#191e1f;
-  --htwk-grau-900:#121617;
-  --htwk-grau-80-50:#f7f7f7;
-  --htwk-grau-80-100:#d7d8d9;
-  --htwk-grau-80-200:#b7babb;
-  --htwk-grau-80-300:#979b9c;
-  --htwk-grau-80-400:#777d7e;
-  --htwk-grau-80-500:#575e60;
-  --htwk-grau-80-600:#4a5052;
-  --htwk-grau-80-700:#3d4243;
-  --htwk-grau-80-800:#303435;
-  --htwk-grau-80-900:#232626;
-  --htwk-grau-60-50:#f9f9f9;
-  --htwk-grau-60-100:#e1e2e2;
-  --htwk-grau-60-200:#c9cbcc;
-  --htwk-grau-60-300:#b1b4b5;
-  --htwk-grau-60-400:#999d9f;
-  --htwk-grau-60-500:#818688;
-  --htwk-grau-60-600:#6e7274;
-  --htwk-grau-60-700:#5a5e5f;
-  --htwk-grau-60-800:#474a4b;
-  --htwk-grau-60-900:#343636;
-  --htwk-grau-40-50:#fbfbfb;
-  --htwk-grau-40-100:#ebecec;
-  --htwk-grau-40-200:#dbdcdd;
-  --htwk-grau-40-300:#cbcdcd;
-  --htwk-grau-40-400:#bbbdbe;
-  --htwk-grau-40-500:#abaeaf;
-  --htwk-grau-40-600:#919495;
-  --htwk-grau-40-700:#787a7b;
-  --htwk-grau-40-800:#5e6060;
-  --htwk-grau-40-900:#444646;
-  --htwk-dunkelblau-50:#f2f4f6;
-  --htwk-dunkelblau-100:#c2cbd1;
-  --htwk-dunkelblau-200:#92a1ad;
-  --htwk-dunkelblau-300:#627889;
-  --htwk-dunkelblau-400:#324e65;
-  --htwk-dunkelblau-500:#022541;
-  --htwk-dunkelblau-600:#021f37;
-  --htwk-dunkelblau-700:#011a2e;
-  --htwk-dunkelblau-800:#011424;
-  --htwk-dunkelblau-900:#010f1a;
-  --htwk-dunkelblau-80-50:#f5f6f7;
-  --htwk-dunkelblau-80-100:#ced5db;
-  --htwk-dunkelblau-80-200:#a8b4be;
-  --htwk-dunkelblau-80-300:#8193a1;
-  --htwk-dunkelblau-80-400:#5b7184;
-  --htwk-dunkelblau-80-500:#345067;
-  --htwk-dunkelblau-80-600:#2c4458;
-  --htwk-dunkelblau-80-700:#243848;
-  --htwk-dunkelblau-80-800:#1d2c39;
-  --htwk-dunkelblau-80-900:#152029;
-  --htwk-dunkelblau-60-50:#f7f8f9;
-  --htwk-dunkelblau-60-100:#dbe0e4;
-  --htwk-dunkelblau-60-200:#bec7ce;
-  --htwk-dunkelblau-60-300:#a1aeb8;
-  --htwk-dunkelblau-60-400:#8495a3;
-  --htwk-dunkelblau-60-500:#677c8d;
-  --htwk-dunkelblau-60-600:#586978;
-  --htwk-dunkelblau-60-700:#485763;
-  --htwk-dunkelblau-60-800:#39444e;
-  --htwk-dunkelblau-60-900:#293238;
-  --htwk-dunkelblau-40-50:#fafbfb;
-  --htwk-dunkelblau-40-100:#e7eaed;
-  --htwk-dunkelblau-40-200:#d3d9de;
-  --htwk-dunkelblau-40-300:#c0c8d0;
-  --htwk-dunkelblau-40-400:#acb8c1;
-  --htwk-dunkelblau-40-500:#99a7b3;
-  --htwk-dunkelblau-40-600:#828e98;
-  --htwk-dunkelblau-40-700:#6b757d;
-  --htwk-dunkelblau-40-800:#545c62;
-  --htwk-dunkelblau-40-900:#3d4348;
-  --htwk-schwarz-50:#f2f2f2;
-  --htwk-schwarz-100:#c2c2c2;
-  --htwk-schwarz-200:#919191;
-  --htwk-schwarz-300:#616161;
-  --htwk-schwarz-400:#303030;
-  --htwk-schwarz-500:black;
-  --htwk-schwarz-600:black;
-  --htwk-schwarz-700:black;
-  --htwk-schwarz-800:black;
-  --htwk-schwarz-900:black;
+  --blue-50: #f2f6fa;
+  --blue-100: #c2d3e7;
+  --blue-200: #91afd3;
+  --blue-300: #618cc0;
+  --blue-400: #3069ac;
+  --blue-500: #004699;
+  --blue-600: #003c82;
+  --blue-700: #00316b;
+  --blue-800: #002754;
+  --blue-900: #001c3d;
+  --green-50: #f2faf6;
+  --green-100: #c2e6d5;
+  --green-200: #91d2b3;
+  --green-300: #61be91;
+  --green-400: #30aa70;
+  --green-500: #00964e;
+  --green-600: #008042;
+  --green-700: #006937;
+  --green-800: #00532b;
+  --green-900: #003c1f;
+  --yellow-50: #fffef2;
+  --yellow-100: #fffbc2;
+  --yellow-200: #fff791;
+  --yellow-300: #fff461;
+  --yellow-400: #fff030;
+  --yellow-500: #ffed00;
+  --yellow-600: #d9c900;
+  --yellow-700: #b3a600;
+  --yellow-800: #8c8200;
+  --yellow-900: #665f00;
+  --cyan-50: #f2fafe;
+  --cyan-100: #c2e8f8;
+  --cyan-200: #91d5f3;
+  --cyan-300: #61c3ee;
+  --cyan-400: #30b0e8;
+  --cyan-500: #009ee3;
+  --cyan-600: #0086c1;
+  --cyan-700: #006f9f;
+  --cyan-800: #00577d;
+  --cyan-900: #003f5b;
+  --pink-50: #fef2f9;
+  --pink-100: #f9c2e0;
+  --pink-200: #f491c7;
+  --pink-300: #ef61ae;
+  --pink-400: #ea3096;
+  --pink-500: #e5007d;
+  --pink-600: #c3006a;
+  --pink-700: #a00058;
+  --pink-800: #7e0045;
+  --pink-900: #5c0032;
+  --indigo-50: #f7f7fe;
+  --indigo-100: #dadafc;
+  --indigo-200: #bcbdf9;
+  --indigo-300: #9ea0f6;
+  --indigo-400: #8183f4;
+  --indigo-500: #6366f1;
+  --indigo-600: #5457cd;
+  --indigo-700: #4547a9;
+  --indigo-800: #363885;
+  --indigo-900: #282960;
+  --teal-50: #f3fbfb;
+  --teal-100: #c7eeea;
+  --teal-200: #9ae0d9;
+  --teal-300: #6dd3c8;
+  --teal-400: #41c5b7;
+  --teal-500: #14b8a6;
+  --teal-600: #119c8d;
+  --teal-700: #0e8174;
+  --teal-800: #0b655b;
+  --teal-900: #084a42;
+  --orange-50: #fff8f3;
+  --orange-100: #feddc7;
+  --orange-200: #fcc39b;
+  --orange-300: #fba86f;
+  --orange-400: #fa8e42;
+  --orange-500: #f97316;
+  --orange-600: #d46213;
+  --orange-700: #ae510f;
+  --orange-800: #893f0c;
+  --orange-900: #642e09;
+  --bluegray-50: #f7f8f9;
+  --bluegray-100: #dadee3;
+  --bluegray-200: #bcc3cd;
+  --bluegray-300: #9fa9b7;
+  --bluegray-400: #818ea1;
+  --bluegray-500: #64748b;
+  --bluegray-600: #556376;
+  --bluegray-700: #465161;
+  --bluegray-800: #37404c;
+  --bluegray-900: #282e38;
+  --purple-50: #fbf7ff;
+  --purple-100: #ead6fd;
+  --purple-200: #dab6fc;
+  --purple-300: #c996fa;
+  --purple-400: #b975f9;
+  --purple-500: #a855f7;
+  --purple-600: #8f48d2;
+  --purple-700: #763cad;
+  --purple-800: #5c2f88;
+  --purple-900: #432263;
+  --red-50: #fef5f3;
+  --red-100: #f9cdc4;
+  --red-200: #f4a695;
+  --red-300: #ef7f66;
+  --red-400: #ea5738;
+  --red-500: #e53009;
+  --red-600: #c32908;
+  --red-700: #a02206;
+  --red-800: #7e1a05;
+  --red-900: #5c1304;
+  --primary-50: #f2faf6;
+  --primary-100: #c2e5d4;
+  --primary-200: #91d1b2;
+  --primary-300: #61bd90;
+  --primary-400: #30a86e;
+  --primary-500: #00944c;
+  --primary-600: #007e41;
+  --primary-700: #006835;
+  --primary-800: #00512a;
+  --primary-900: #003b1e;
+  --primary-24-50: rgba(253, 254, 254, 0.962);
+  --primary-24-100: rgba(244, 251, 248, 0.8176);
+  --primary-24-200: rgba(231, 245, 238, 0.6732);
+  --primary-24-300: rgba(209, 236, 222, 0.5288);
+  --primary-24-400: rgba(161, 216, 189, 0.3844);
+  --primary-24-500: rgba(0, 148, 76, 0.24);
+  --primary-24-600: rgba(0, 65, 33, 0.354);
+  --primary-24-700: rgba(0, 36, 18, 0.468);
+  --primary-24-800: rgba(0, 21, 11, 0.582);
+  --primary-24-900: rgba(0, 12, 6, 0.696);
+  --htwk-yellow-50: #fffef2;
+  --htwk-yellow-100: #fffbc2;
+  --htwk-yellow-200: #fff791;
+  --htwk-yellow-300: #fff461;
+  --htwk-yellow-400: #fff030;
+  --htwk-yellow-500: #ffed00;
+  --htwk-yellow-600: #d9c900;
+  --htwk-yellow-700: #b3a600;
+  --htwk-yellow-800: #8c8200;
+  --htwk-yellow-900: #665f00;
+  --htwk-yellow-24-50: rgba(255, 255, 253, 0.962);
+  --htwk-yellow-24-100: rgba(255, 254, 244, 0.8176);
+  --htwk-yellow-24-200: rgba(255, 253, 231, 0.6732);
+  --htwk-yellow-24-300: rgba(255, 252, 209, 0.5288);
+  --htwk-yellow-24-400: rgba(255, 248, 161, 0.3844);
+  --htwk-yellow-24-500: rgba(255, 237, 0, 0.24);
+  --htwk-yellow-24-600: rgba(111, 103, 0, 0.354);
+  --htwk-yellow-24-700: rgba(62, 57, 0, 0.468);
+  --htwk-yellow-24-800: rgba(36, 34, 0, 0.582);
+  --htwk-yellow-24-900: rgba(21, 20, 0, 0.696);
+  --htwk-yellow-16-50: rgba(255, 255, 254, 0.958);
+  --htwk-yellow-16-100: rgba(255, 255, 248, 0.7984);
+  --htwk-yellow-16-200: rgba(255, 254, 239, 0.6388);
+  --htwk-yellow-16-300: rgba(255, 253, 223, 0.4792);
+  --htwk-yellow-16-400: rgba(255, 250, 186, 0.3196);
+  --htwk-yellow-16-500: rgba(255, 237, 0, 0.16);
+  --htwk-yellow-16-600: rgba(84, 78, 0, 0.286);
+  --htwk-yellow-16-700: rgba(43, 40, 0, 0.412);
+  --htwk-yellow-16-800: rgba(24, 23, 0, 0.538);
+  --htwk-yellow-16-900: rgba(14, 13, 0, 0.664);
+  --htwk-yellow-01-50: rgba(255, 255, 254, 0.955);
+  --htwk-yellow-01-100: rgba(255, 255, 251, 0.784);
+  --htwk-yellow-01-200: rgba(255, 254, 245, 0.613);
+  --htwk-yellow-01-300: rgba(255, 254, 235, 0.442);
+  --htwk-yellow-01-400: rgba(255, 252, 208, 0.271);
+  --htwk-yellow-01-500: rgba(255, 237, 0, 0.1);
+  --htwk-yellow-01-600: rgba(59, 54, 0, 0.235);
+  --htwk-yellow-01-700: rgba(28, 26, 0, 0.37);
+  --htwk-yellow-01-800: rgba(15, 14, 0, 0.505);
+  --htwk-yellow-01-900: rgba(9, 8, 0, 0.64);
+  --htwk-magenta-50: #fef2f9;
+  --htwk-magenta-100: #f9c2e0;
+  --htwk-magenta-200: #f491c7;
+  --htwk-magenta-300: #ef61ae;
+  --htwk-magenta-400: #ea3096;
+  --htwk-magenta-500: #e5007d;
+  --htwk-magenta-600: #c3006a;
+  --htwk-magenta-700: #a00058;
+  --htwk-magenta-800: #7e0045;
+  --htwk-magenta-900: #5c0032;
+  --htwk-rot-50: #fef5f3;
+  --htwk-rot-100: #f9cdc4;
+  --htwk-rot-200: #f4a695;
+  --htwk-rot-300: #ef7f66;
+  --htwk-rot-400: #ea5738;
+  --htwk-rot-500: #e53009;
+  --htwk-rot-600: #c32908;
+  --htwk-rot-700: #a02206;
+  --htwk-rot-800: #7e1a05;
+  --htwk-rot-900: #5c1304;
+  --htwk-gruen-50: #f2faf6;
+  --htwk-gruen-100: #c2e6d5;
+  --htwk-gruen-200: #91d2b3;
+  --htwk-gruen-300: #61be91;
+  --htwk-gruen-400: #30aa70;
+  --htwk-gruen-500: #00964e;
+  --htwk-gruen-600: #008042;
+  --htwk-gruen-700: #006937;
+  --htwk-gruen-800: #00532b;
+  --htwk-gruen-900: #003c1f;
+  --htwk-cyan-50: #f2fafe;
+  --htwk-cyan-100: #c2e8f8;
+  --htwk-cyan-200: #91d5f3;
+  --htwk-cyan-300: #61c3ee;
+  --htwk-cyan-400: #30b0e8;
+  --htwk-cyan-500: #009ee3;
+  --htwk-cyan-600: #0086c1;
+  --htwk-cyan-700: #006f9f;
+  --htwk-cyan-800: #00577d;
+  --htwk-cyan-900: #003f5b;
+  --htwk-blau-50: #f2f6fa;
+  --htwk-blau-100: #c2d3e7;
+  --htwk-blau-200: #91afd3;
+  --htwk-blau-300: #618cc0;
+  --htwk-blau-400: #3069ac;
+  --htwk-blau-500: #004699;
+  --htwk-blau-600: #003c82;
+  --htwk-blau-700: #00316b;
+  --htwk-blau-800: #002754;
+  --htwk-blau-900: #001c3d;
+  --htwk-silbergrau-50: #fcfcfc;
+  --htwk-silbergrau-100: #eff1f1;
+  --htwk-silbergrau-200: #e3e5e6;
+  --htwk-silbergrau-300: #d7dadc;
+  --htwk-silbergrau-400: #caced1;
+  --htwk-silbergrau-500: #bec3c6;
+  --htwk-silbergrau-600: #a2a6a8;
+  --htwk-silbergrau-700: #85898b;
+  --htwk-silbergrau-800: #696b6d;
+  --htwk-silbergrau-900: #4c4e4f;
+  --htwk-silbergrau-80-50: #fcfdfd;
+  --htwk-silbergrau-80-100: #f3f4f4;
+  --htwk-silbergrau-80-200: #e9eceb;
+  --htwk-silbergrau-80-300: #dfe4e2;
+  --htwk-silbergrau-80-400: #d5dbda;
+  --htwk-silbergrau-80-500: #cbd3d1;
+  --htwk-silbergrau-80-600: #adb3b2;
+  --htwk-silbergrau-80-700: #8e9492;
+  --htwk-silbergrau-80-800: #707473;
+  --htwk-silbergrau-80-900: #515454;
+  --htwk-silbergrau-60-50: #fdfdfd;
+  --htwk-silbergrau-60-100: #f6f7f7;
+  --htwk-silbergrau-60-200: #eef1f0;
+  --htwk-silbergrau-60-300: #e7ebe9;
+  --htwk-silbergrau-60-400: #dfe4e3;
+  --htwk-silbergrau-60-500: #d8dedc;
+  --htwk-silbergrau-60-600: #b8bdbb;
+  --htwk-silbergrau-60-700: #979b9a;
+  --htwk-silbergrau-60-800: #777a79;
+  --htwk-silbergrau-60-900: #565958;
+  --htwk-silbergrau-40-50: #fefefe;
+  --htwk-silbergrau-40-100: #f9faf9;
+  --htwk-silbergrau-40-200: #f4f6f5;
+  --htwk-silbergrau-40-300: #eff1f1;
+  --htwk-silbergrau-40-400: #eaedec;
+  --htwk-silbergrau-40-500: #e5e9e8;
+  --htwk-silbergrau-40-600: #c3c6c5;
+  --htwk-silbergrau-40-700: #a0a3a2;
+  --htwk-silbergrau-40-800: #7e8080;
+  --htwk-silbergrau-40-900: #5c5d5d;
+  --htwk-grau-140-50: #f4f4f4;
+  --htwk-grau-140-100: #c8c9ca;
+  --htwk-grau-140-200: #9d9fa0;
+  --htwk-grau-140-300: #727576;
+  --htwk-grau-140-400: #464a4c;
+  --htwk-grau-140-500: #1b2022;
+  --htwk-grau-140-600: #171b1d;
+  --htwk-grau-140-700: #131618;
+  --htwk-grau-140-800: #0f1213;
+  --htwk-grau-140-900: #0b0d0e;
+  --htwk-grau-120-50: #f4f4f5;
+  --htwk-grau-120-100: #cacccd;
+  --htwk-grau-120-200: #a1a4a5;
+  --htwk-grau-120-300: #777c7d;
+  --htwk-grau-120-400: #4e5355;
+  --htwk-grau-120-500: #242b2d;
+  --htwk-grau-120-600: #1f2526;
+  --htwk-grau-120-700: #191e20;
+  --htwk-grau-120-800: #141819;
+  --htwk-grau-120-900: #0e1112;
+  --htwk-grau-50: whitesmoke;
+  --htwk-grau-100: #cdcfcf;
+  --htwk-grau-200: #a5a9aa;
+  --htwk-grau-300: #7d8284;
+  --htwk-grau-400: #565c5f;
+  --htwk-grau-500: #2e3639;
+  --htwk-grau-600: #272e30;
+  --htwk-grau-700: #202628;
+  --htwk-grau-800: #191e1f;
+  --htwk-grau-900: #121617;
+  --htwk-grau-80-50: #f7f7f7;
+  --htwk-grau-80-100: #d7d8d9;
+  --htwk-grau-80-200: #b7babb;
+  --htwk-grau-80-300: #979b9c;
+  --htwk-grau-80-400: #777d7e;
+  --htwk-grau-80-500: #575e60;
+  --htwk-grau-80-600: #4a5052;
+  --htwk-grau-80-700: #3d4243;
+  --htwk-grau-80-800: #303435;
+  --htwk-grau-80-900: #232626;
+  --htwk-grau-60-50: #f9f9f9;
+  --htwk-grau-60-100: #e1e2e2;
+  --htwk-grau-60-200: #c9cbcc;
+  --htwk-grau-60-300: #b1b4b5;
+  --htwk-grau-60-400: #999d9f;
+  --htwk-grau-60-500: #818688;
+  --htwk-grau-60-600: #6e7274;
+  --htwk-grau-60-700: #5a5e5f;
+  --htwk-grau-60-800: #474a4b;
+  --htwk-grau-60-900: #343636;
+  --htwk-grau-40-50: #fbfbfb;
+  --htwk-grau-40-100: #ebecec;
+  --htwk-grau-40-200: #dbdcdd;
+  --htwk-grau-40-300: #cbcdcd;
+  --htwk-grau-40-400: #bbbdbe;
+  --htwk-grau-40-500: #abaeaf;
+  --htwk-grau-40-600: #919495;
+  --htwk-grau-40-700: #787a7b;
+  --htwk-grau-40-800: #5e6060;
+  --htwk-grau-40-900: #444646;
+  --htwk-dunkelblau-50: #f2f4f6;
+  --htwk-dunkelblau-100: #c2cbd1;
+  --htwk-dunkelblau-200: #92a1ad;
+  --htwk-dunkelblau-300: #627889;
+  --htwk-dunkelblau-400: #324e65;
+  --htwk-dunkelblau-500: #022541;
+  --htwk-dunkelblau-600: #021f37;
+  --htwk-dunkelblau-700: #011a2e;
+  --htwk-dunkelblau-800: #011424;
+  --htwk-dunkelblau-900: #010f1a;
+  --htwk-dunkelblau-80-50: #f5f6f7;
+  --htwk-dunkelblau-80-100: #ced5db;
+  --htwk-dunkelblau-80-200: #a8b4be;
+  --htwk-dunkelblau-80-300: #8193a1;
+  --htwk-dunkelblau-80-400: #5b7184;
+  --htwk-dunkelblau-80-500: #345067;
+  --htwk-dunkelblau-80-600: #2c4458;
+  --htwk-dunkelblau-80-700: #243848;
+  --htwk-dunkelblau-80-800: #1d2c39;
+  --htwk-dunkelblau-80-900: #152029;
+  --htwk-dunkelblau-60-50: #f7f8f9;
+  --htwk-dunkelblau-60-100: #dbe0e4;
+  --htwk-dunkelblau-60-200: #bec7ce;
+  --htwk-dunkelblau-60-300: #a1aeb8;
+  --htwk-dunkelblau-60-400: #8495a3;
+  --htwk-dunkelblau-60-500: #677c8d;
+  --htwk-dunkelblau-60-600: #586978;
+  --htwk-dunkelblau-60-700: #485763;
+  --htwk-dunkelblau-60-800: #39444e;
+  --htwk-dunkelblau-60-900: #293238;
+  --htwk-dunkelblau-40-50: #fafbfb;
+  --htwk-dunkelblau-40-100: #e7eaed;
+  --htwk-dunkelblau-40-200: #d3d9de;
+  --htwk-dunkelblau-40-300: #c0c8d0;
+  --htwk-dunkelblau-40-400: #acb8c1;
+  --htwk-dunkelblau-40-500: #99a7b3;
+  --htwk-dunkelblau-40-600: #828e98;
+  --htwk-dunkelblau-40-700: #6b757d;
+  --htwk-dunkelblau-40-800: #545c62;
+  --htwk-dunkelblau-40-900: #3d4348;
+  --htwk-schwarz-50: #f2f2f2;
+  --htwk-schwarz-100: #c2c2c2;
+  --htwk-schwarz-200: #919191;
+  --htwk-schwarz-300: #616161;
+  --htwk-schwarz-400: #303030;
+  --htwk-schwarz-500: black;
+  --htwk-schwarz-600: black;
+  --htwk-schwarz-700: black;
+  --htwk-schwarz-800: black;
+  --htwk-schwarz-900: black;
 }
 
 .p-editor-container .p-editor-toolbar {
@@ -442,39 +455,75 @@
   border: 0 none;
   color: #6b7280;
 }
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker
+  .ql-picker-label:hover {
   color: #4b5563;
 }
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker
+  .ql-picker-label:hover
+  .ql-stroke {
   stroke: #4b5563;
 }
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker
+  .ql-picker-label:hover
+  .ql-fill {
   fill: #4b5563;
 }
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker.ql-expanded
+  .ql-picker-label {
   color: #4b5563;
 }
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker.ql-expanded
+  .ql-picker-label
+  .ql-stroke {
   stroke: #4b5563;
 }
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker.ql-expanded
+  .ql-picker-label
+  .ql-fill {
   fill: #4b5563;
 }
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker.ql-expanded
+  .ql-picker-options {
   background: #ffffff;
   border: 0 none;
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   border-radius: 6px;
   padding: 0.75rem 0;
 }
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker.ql-expanded
+  .ql-picker-options
+  .ql-picker-item {
   color: #4b5563;
 }
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker.ql-expanded
+  .ql-picker-options
+  .ql-picker-item:hover {
   color: #4b5563;
   background: #f3f4f6;
 }
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
+.p-editor-container
+  .p-editor-toolbar.ql-snow
+  .ql-picker.ql-expanded:not(.ql-icon-picker)
+  .ql-picker-item {
   padding: 0.75rem 1.25rem;
 }
 .p-editor-container .p-editor-content {
@@ -518,13 +567,20 @@
   fill: #00944c;
 }
 .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
+.p-editor-container
+  .ql-snow.ql-toolbar
+  .ql-picker-label.ql-active
+  .ql-picker-label,
+.p-editor-container
+  .ql-snow.ql-toolbar
+  .ql-picker-item.ql-selected
+  .ql-picker-label {
   color: #00944c;
 }
 
 @layer primevue {
-  .p-component, .p-component * {
+  .p-component,
+  .p-component * {
     box-sizing: border-box;
   }
   .p-hidden-space {
@@ -539,7 +595,8 @@
     font-size: 100%;
     list-style: none;
   }
-  .p-disabled, .p-disabled * {
+  .p-disabled,
+  .p-disabled * {
     cursor: default;
     pointer-events: none;
     user-select: none;
@@ -582,7 +639,9 @@
   .p-connected-overlay {
     opacity: 0;
     transform: scaleY(0.8);
-    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-connected-overlay-visible {
     opacity: 1;
@@ -602,7 +661,9 @@
     opacity: 0;
   }
   .p-connected-overlay-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-connected-overlay-leave-active {
     transition: opacity 0.1s linear;
@@ -637,7 +698,8 @@
     background-color: rgba(0, 0, 0, 0.4);
     transition-duration: 0.2s;
   }
-  .p-disabled, .p-component:disabled {
+  .p-disabled,
+  .p-component:disabled {
     opacity: 0.6;
   }
   .p-error {
@@ -787,10 +849,15 @@
     gap: 0.5rem;
     outline-color: transparent;
   }
-  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
+  .p-autocomplete
+    .p-autocomplete-multiple-container
+    .p-autocomplete-input-token {
     padding: 0.375rem 0;
   }
-  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
+  .p-autocomplete
+    .p-autocomplete-multiple-container
+    .p-autocomplete-input-token
+    input {
     font-family: var(--font-family);
     font-feature-settings: var(--font-feature-settings, normal);
     font-size: 1rem;
@@ -804,10 +871,15 @@
     color: #4b5563;
     border-radius: 16px;
   }
-  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+  .p-autocomplete
+    .p-autocomplete-multiple-container
+    .p-autocomplete-token
+    .p-autocomplete-token-icon {
     margin-left: 0.5rem;
   }
-  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
+  .p-autocomplete
+    .p-autocomplete-multiple-container
+    .p-autocomplete-token.p-focus {
     background: #e5e7eb;
     color: #4b5563;
   }
@@ -843,10 +915,14 @@
     color: #001e0f;
     background: #e9f1ed;
   }
-  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
+  .p-autocomplete-panel
+    .p-autocomplete-items
+    .p-autocomplete-item.p-highlight.p-focus {
     background: rgba(0, 148, 76, 0.24);
   }
-  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
+  .p-autocomplete-panel
+    .p-autocomplete-items
+    .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: #4b5563;
     background: #f3f4f6;
   }
@@ -916,7 +992,9 @@
   .p-datepicker-multiple-month .p-datepicker-group-container {
     display: flex;
   }
-  .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
+  .p-datepicker-multiple-month
+    .p-datepicker-group-container
+    .p-datepicker-group {
     flex: 1 1 auto;
   }
   /* DatePicker Table */
@@ -1025,7 +1103,10 @@
     border: 0 none;
     background: transparent;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
@@ -1046,12 +1127,21 @@
   .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
   .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
     color: #4b5563;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     font-weight: 100;
     padding: 0.5rem;
   }
-  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
+  .p-datepicker
+    .p-datepicker-header
+    .p-datepicker-title
+    .p-datepicker-year:enabled:hover,
+  .p-datepicker
+    .p-datepicker-header
+    .p-datepicker-title
+    .p-datepicker-month:enabled:hover {
     color: #00944c;
   }
   .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
@@ -1115,7 +1205,10 @@
     border: 0 none;
     background: transparent;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-datepicker .p-timepicker button:enabled:hover {
@@ -1182,35 +1275,56 @@
   .p-datepicker.p-datepicker-mobile table td {
     padding: 0;
   }
-  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
+  .p-datepicker:not(.p-disabled)
+    table
+    td
+    span:not(.p-highlight):not(.p-disabled) {
     outline-color: transparent;
   }
-  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
+  .p-datepicker:not(.p-disabled)
+    table
+    td
+    span:not(.p-highlight):not(.p-disabled):hover {
     background: #f3f4f6;
   }
-  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
+  .p-datepicker:not(.p-disabled)
+    table
+    td
+    span:not(.p-highlight):not(.p-disabled):focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #09af5e;
   }
-  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
+  .p-datepicker:not(.p-disabled)
+    .p-monthpicker
+    .p-monthpicker-month:not(.p-disabled) {
     outline-color: transparent;
   }
-  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
+  .p-datepicker:not(.p-disabled)
+    .p-monthpicker
+    .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
     background: #f3f4f6;
   }
-  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
+  .p-datepicker:not(.p-disabled)
+    .p-monthpicker
+    .p-monthpicker-month:not(.p-disabled):focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #09af5e;
   }
-  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
+  .p-datepicker:not(.p-disabled)
+    .p-yearpicker
+    .p-yearpicker-year:not(.p-disabled) {
     outline-color: transparent;
   }
-  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
+  .p-datepicker:not(.p-disabled)
+    .p-yearpicker
+    .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
     background: #f3f4f6;
   }
-  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
+  .p-datepicker:not(.p-disabled)
+    .p-yearpicker
+    .p-yearpicker-year:not(.p-disabled):focus {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #09af5e;
@@ -1292,7 +1406,11 @@
   .p-cascadeselect {
     background: #ffffff;
     border: 1px solid #d1d5db;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     border-radius: 6px;
     outline-color: transparent;
   }
@@ -1354,27 +1472,43 @@
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
-  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
+  .p-cascadeselect-panel
+    .p-cascadeselect-items
+    .p-cascadeselect-item:first-child {
     margin-top: 0;
   }
-  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
+  .p-cascadeselect-panel
+    .p-cascadeselect-items
+    .p-cascadeselect-item:last-child {
     margin-bottom: 0;
   }
-  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
+  .p-cascadeselect-panel
+    .p-cascadeselect-items
+    .p-cascadeselect-item.p-highlight {
     color: #001e0f;
     background: #e9f1ed;
   }
-  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
+  .p-cascadeselect-panel
+    .p-cascadeselect-items
+    .p-cascadeselect-item.p-highlight.p-focus {
     background: rgba(0, 148, 76, 0.24);
   }
-  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+  .p-cascadeselect-panel
+    .p-cascadeselect-items
+    .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: #4b5563;
     background: #f3f4f6;
   }
-  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
+  .p-cascadeselect-panel
+    .p-cascadeselect-items
+    .p-cascadeselect-item
+    .p-cascadeselect-item-content {
     padding: 0.75rem 1.25rem;
   }
-  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
+  .p-cascadeselect-panel
+    .p-cascadeselect-items
+    .p-cascadeselect-item
+    .p-cascadeselect-group-icon {
     font-size: 0.875rem;
   }
   .p-checkbox {
@@ -1417,7 +1551,11 @@
     height: 22px;
     color: #4b5563;
     border-radius: 6px;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-checkbox .p-checkbox-box .p-checkbox-icon {
@@ -1436,12 +1574,14 @@
   .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
     border-color: #00944c;
   }
-  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight
+    .p-checkbox-box {
     border-color: #001e0f;
     background: #001e0f;
     color: #ffffff;
   }
-  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
+  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible)
+    .p-checkbox-box {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #09af5e;
@@ -1456,10 +1596,14 @@
   .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
     background: #00944c;
   }
-  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover)
+    .p-checkbox-box {
     background-color: #f3f4f6;
   }
-  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+  .p-checkbox.p-variant-filled:not(.p-disabled):has(
+      .p-checkbox-input:hover
+    ).p-highlight
+    .p-checkbox-box {
     background: #001e0f;
   }
   .p-input-filled .p-checkbox .p-checkbox-box {
@@ -1468,10 +1612,14 @@
   .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
     background: #00944c;
   }
-  .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
+  .p-input-filled
+    .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover)
+    .p-checkbox-box {
     background-color: #f3f4f6;
   }
-  .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
+  .p-input-filled
+    .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight
+    .p-checkbox-box {
     background: #001e0f;
   }
   .p-chips {
@@ -1555,10 +1703,20 @@
     border-color: #e53009;
   }
   .p-colorpicker-panel .p-colorpicker-color {
-    background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
+    background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%),
+      linear-gradient(to right, #fff 0%, rgba(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
+    );
   }
   .p-colorpicker-preview {
     width: 2rem;
@@ -1656,7 +1814,11 @@
   .p-dropdown {
     background: #ffffff;
     border: 1px solid #d1d5db;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     border-radius: 6px;
     outline-color: transparent;
   }
@@ -1691,7 +1853,8 @@
   .p-dropdown .p-dropdown-label.p-placeholder {
     color: #6b7280;
   }
-  .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
+  .p-dropdown .p-dropdown-label:focus,
+  .p-dropdown .p-dropdown-label:enabled:focus {
     outline: 0 none;
     box-shadow: none;
   }
@@ -1758,7 +1921,9 @@
   .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
     background: rgba(0, 148, 76, 0.24);
   }
-  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
+  .p-dropdown-panel
+    .p-dropdown-items
+    .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: #4b5563;
     background: #f3f4f6;
   }
@@ -1943,7 +2108,9 @@
     flex: 0 0 auto;
   }
   .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;
   }
   .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
@@ -1966,7 +2133,9 @@
     display: flex;
     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;
   }
   .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
@@ -2067,7 +2236,11 @@
   }
   .p-inputswitch .p-inputswitch-slider {
     background: #d1d5db;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     border-radius: 30px;
     outline-color: transparent;
   }
@@ -2087,13 +2260,16 @@
     background: #ffffff;
     transform: translateX(1.25rem);
   }
-  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
+  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover)
+    .p-inputswitch-slider {
     background: #b7bcc5;
   }
-  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
+  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight
+    .p-inputswitch-slider {
     background: #00592e;
   }
-  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
+  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible)
+    .p-inputswitch-slider {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #09af5e;
@@ -2112,7 +2288,11 @@
     background: #ffffff;
     padding: 0.75rem 0.75rem;
     border: 1px solid #d1d5db;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     appearance: none;
     border-radius: 6px;
     outline-color: transparent;
@@ -2242,7 +2422,11 @@
     color: #4b5563;
     border: 1px solid #d1d5db;
     border-radius: 6px;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-listbox .p-listbox-header {
@@ -2298,15 +2482,18 @@
   .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
     background: rgba(0, 148, 76, 0.24);
   }
-  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
+  .p-listbox:not(.p-disabled)
+    .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: #4b5563;
     background: #f3f4f6;
   }
-  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
+  .p-listbox:not(.p-disabled)
+    .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
     color: #4b5563;
     background: #f3f4f6;
   }
-  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
+  .p-listbox:not(.p-disabled)
+    .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
     color: #4b5563;
     background: #f3f4f6;
   }
@@ -2410,7 +2597,11 @@
   .p-multiselect {
     background: #ffffff;
     border: 1px solid #d1d5db;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     border-radius: 6px;
     outline-color: transparent;
   }
@@ -2434,7 +2625,11 @@
   }
   .p-multiselect .p-multiselect-label {
     padding: 0.75rem 0.75rem;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
   }
   .p-multiselect .p-multiselect-label.p-placeholder {
     color: #6b7280;
@@ -2446,7 +2641,9 @@
     color: #4b5563;
     border-radius: 16px;
   }
-  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
+  .p-multiselect.p-multiselect-chip
+    .p-multiselect-token
+    .p-multiselect-token-icon {
     margin-left: 0.5rem;
   }
   .p-multiselect .p-multiselect-trigger {
@@ -2478,10 +2675,16 @@
     border-top-right-radius: 6px;
     border-top-left-radius: 6px;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+  .p-multiselect-panel
+    .p-multiselect-header
+    .p-multiselect-filter-container
+    .p-inputtext {
     padding-right: 1.75rem;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+  .p-multiselect-panel
+    .p-multiselect-header
+    .p-multiselect-filter-container
+    .p-multiselect-filter-icon {
     right: 0.75rem;
     color: #6b7280;
   }
@@ -2496,15 +2699,22 @@
     border: 0 none;
     background: transparent;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
+  .p-multiselect-panel
+    .p-multiselect-header
+    .p-multiselect-close:enabled:hover {
     color: #374151;
     border-color: transparent;
     background: #f3f4f6;
   }
-  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
+  .p-multiselect-panel
+    .p-multiselect-header
+    .p-multiselect-close:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #09af5e;
@@ -2531,10 +2741,14 @@
     color: #001e0f;
     background: #e9f1ed;
   }
-  .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
+  .p-multiselect-panel
+    .p-multiselect-items
+    .p-multiselect-item.p-highlight.p-focus {
     background: rgba(0, 148, 76, 0.24);
   }
-  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
+  .p-multiselect-panel
+    .p-multiselect-items
+    .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
     color: #4b5563;
     background: #f3f4f6;
   }
@@ -2649,7 +2863,11 @@
     height: 22px;
     color: #4b5563;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
@@ -2662,17 +2880,22 @@
     border-color: #00944c;
     background: #00944c;
   }
-  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover)
+    .p-radiobutton-box {
     border-color: #00944c;
   }
-  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight
+    .p-radiobutton-box {
     border-color: #001e0f;
     background: #001e0f;
   }
-  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
+  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight
+    .p-radiobutton-box
+    .p-radiobutton-icon {
     background-color: #ffffff;
   }
-  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
+  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible)
+    .p-radiobutton-box {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #09af5e;
@@ -2687,10 +2910,16 @@
   .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
     background: #00944c;
   }
-  .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+  .p-radiobutton.p-variant-filled:not(.p-disabled):has(
+      .p-radiobutton-input:hover
+    )
+    .p-radiobutton-box {
     background-color: #f3f4f6;
   }
-  .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+  .p-radiobutton.p-variant-filled:not(.p-disabled):has(
+      .p-radiobutton-input:hover
+    ).p-highlight
+    .p-radiobutton-box {
     background: #001e0f;
   }
   .p-input-filled .p-radiobutton .p-radiobutton-box {
@@ -2699,10 +2928,14 @@
   .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
     background: #00944c;
   }
-  .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
+  .p-input-filled
+    .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover)
+    .p-radiobutton-box {
     background-color: #f3f4f6;
   }
-  .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
+  .p-input-filled
+    .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight
+    .p-radiobutton-box {
     background: #001e0f;
   }
   .p-rating {
@@ -2727,7 +2960,11 @@
   }
   .p-rating .p-rating-item .p-rating-icon {
     color: #4b5563;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     font-size: 1.143rem;
   }
   .p-rating .p-rating-item .p-rating-icon.p-icon {
@@ -2745,17 +2982,25 @@
   .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
     color: #00944c;
   }
-  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
+  .p-rating:not(.p-disabled):not(.p-readonly)
+    .p-rating-item:hover
+    .p-rating-icon {
     color: #00944c;
   }
-  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
+  .p-rating:not(.p-disabled):not(.p-readonly)
+    .p-rating-item:hover
+    .p-rating-icon.p-rating-cancel {
     color: #e73d3e;
   }
   .p-selectbutton .p-button {
     background: #ffffff;
     border: 1px solid #d1d5db;
     color: #4b5563;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
   }
   .p-selectbutton .p-button .p-button-icon-left,
   .p-selectbutton .p-button .p-button-icon-right {
@@ -2766,8 +3011,12 @@
     border-color: #d1d5db;
     color: #4b5563;
   }
-  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
+  .p-selectbutton
+    .p-button:not(.p-disabled):not(.p-highlight):hover
+    .p-button-icon-left,
+  .p-selectbutton
+    .p-button:not(.p-disabled):not(.p-highlight):hover
+    .p-button-icon-right {
     color: #374151;
   }
   .p-selectbutton .p-button.p-highlight {
@@ -2846,7 +3095,11 @@
     background: #ffffff;
     border: 2px solid #00944c;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-slider .p-slider-handle:focus-visible {
@@ -2914,7 +3167,11 @@
   .p-treeselect {
     background: #ffffff;
     border: 1px solid #d1d5db;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     border-radius: 6px;
     outline-color: transparent;
   }
@@ -2938,7 +3195,11 @@
   }
   .p-treeselect .p-treeselect-label {
     padding: 0.75rem 0.75rem;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
   }
   .p-treeselect .p-treeselect-label.p-placeholder {
     color: #6b7280;
@@ -3018,7 +3279,11 @@
     background: #ffffff;
     border: 1px solid #d1d5db;
     color: #4b5563;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-togglebutton .p-button .p-button-icon-left,
@@ -3034,25 +3299,42 @@
   .p-togglebutton.p-highlight .p-button .p-button-icon-right {
     color: #ffffff;
   }
-  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
+  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(
+      .p-highlight
+    )
+    .p-button {
     background: #f3f4f6;
     border-color: #d1d5db;
     color: #4b5563;
   }
-  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
+  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(
+      .p-highlight
+    )
+    .p-button
+    .p-button-icon-left,
+  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(
+      .p-highlight
+    )
+    .p-button
+    .p-button-icon-right {
     color: #374151;
   }
-  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
+  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight
+    .p-button {
     background: #00592e;
     border-color: #00592e;
     color: #ffffff;
   }
-  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
+  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight
+    .p-button
+    .p-button-icon-left,
+  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight
+    .p-button
+    .p-button-icon-right {
     color: #ffffff;
   }
-  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
+  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible)
+    .p-button {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #09af5e;
@@ -3097,7 +3379,8 @@
   .p-button-group .p-button {
     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;
   }
   .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
@@ -3121,7 +3404,11 @@
     border: 1px solid #00944c;
     padding: 0.75rem 1.25rem;
     font-size: 1rem;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     border-radius: 6px;
     outline-color: transparent;
   }
@@ -3217,7 +3504,10 @@
     background-color: #ffffff;
   }
   .p-button.p-button-raised {
-    box-shadow: 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);
+    box-shadow:
+      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);
   }
   .p-button.p-button-rounded {
     border-radius: 2rem;
@@ -3266,338 +3556,526 @@
   .p-fluid .p-button-group .p-button {
     flex: 1;
   }
-  .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: #ffffff;
-    background: #64748B;
-    border: 1px solid #64748B;
+    background: #64748b;
+    border: 1px solid #64748b;
   }
-  .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+  .p-button.p-button-secondary:not(:disabled):hover,
+  .p-button-group.p-button-secondary > .p-button:not(:disabled):hover,
+  .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
     background: #475569;
     color: #ffffff;
     border-color: #475569;
   }
-  .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
-    box-shadow: 0 0 0 0.2rem #E2E8F0;
+  .p-button.p-button-secondary:not(:disabled):focus,
+  .p-button-group.p-button-secondary > .p-button:not(:disabled):focus,
+  .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+    box-shadow: 0 0 0 0.2rem #e2e8f0;
   }
-  .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+  .p-button.p-button-secondary:not(:disabled):active,
+  .p-button-group.p-button-secondary > .p-button:not(:disabled):active,
+  .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
     background: #334155;
     color: #ffffff;
     border-color: #334155;
   }
-  .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+  .p-button.p-button-secondary.p-button-outlined,
+  .p-button-group.p-button-secondary > .p-button.p-button-outlined,
+  .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
     background-color: transparent;
-    color: #64748B;
+    color: #64748b;
     border: 1px solid;
   }
-  .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+  .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover,
+  .p-button-group.p-button-secondary
+    > .p-button.p-button-outlined:not(:disabled):hover,
+  .p-splitbutton.p-button-secondary
+    > .p-button.p-button-outlined:not(:disabled):hover {
     background: rgba(100, 116, 139, 0.04);
-    color: #64748B;
+    color: #64748b;
     border: 1px solid;
   }
-  .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+  .p-button.p-button-secondary.p-button-outlined:not(:disabled):active,
+  .p-button-group.p-button-secondary
+    > .p-button.p-button-outlined:not(:disabled):active,
+  .p-splitbutton.p-button-secondary
+    > .p-button.p-button-outlined:not(:disabled):active {
     background: rgba(100, 116, 139, 0.16);
-    color: #64748B;
+    color: #64748b;
     border: 1px solid;
   }
-  .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+  .p-button.p-button-secondary.p-button-text,
+  .p-button-group.p-button-secondary > .p-button.p-button-text,
+  .p-splitbutton.p-button-secondary > .p-button.p-button-text {
     background-color: transparent;
-    color: #64748B;
+    color: #64748b;
     border-color: transparent;
   }
-  .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+  .p-button.p-button-secondary.p-button-text:not(:disabled):hover,
+  .p-button-group.p-button-secondary
+    > .p-button.p-button-text:not(:disabled):hover,
+  .p-splitbutton.p-button-secondary
+    > .p-button.p-button-text:not(:disabled):hover {
     background: rgba(100, 116, 139, 0.04);
     border-color: transparent;
-    color: #64748B;
+    color: #64748b;
   }
-  .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+  .p-button.p-button-secondary.p-button-text:not(:disabled):active,
+  .p-button-group.p-button-secondary
+    > .p-button.p-button-text:not(:disabled):active,
+  .p-splitbutton.p-button-secondary
+    > .p-button.p-button-text:not(:disabled):active {
     background: rgba(100, 116, 139, 0.16);
     border-color: transparent;
-    color: #64748B;
+    color: #64748b;
   }
-  .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: #ffffff;
     background: #004699;
     border: 1px solid #004699;
   }
-  .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+  .p-button.p-button-info:not(:disabled):hover,
+  .p-button-group.p-button-info > .p-button:not(:disabled):hover,
+  .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
     background: #0257c7;
     color: #ffffff;
     border-color: #004699;
   }
-  .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+  .p-button.p-button-info:not(:disabled):focus,
+  .p-button-group.p-button-info > .p-button:not(:disabled):focus,
+  .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
     box-shadow: 0 0 0 0.2rem rgba(0, 70, 153, 0.7);
   }
-  .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+  .p-button.p-button-info:not(:disabled):active,
+  .p-button-group.p-button-info > .p-button:not(:disabled):active,
+  .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
     background: rgba(0, 70, 153, 0.8);
     color: #ffffff;
     border-color: rgba(0, 70, 153, 0.9);
   }
-  .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+  .p-button.p-button-info.p-button-outlined,
+  .p-button-group.p-button-info > .p-button.p-button-outlined,
+  .p-splitbutton.p-button-info > .p-button.p-button-outlined {
     background-color: transparent;
     color: #004699;
     border: 1px solid;
   }
-  .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+  .p-button.p-button-info.p-button-outlined:not(:disabled):hover,
+  .p-button-group.p-button-info
+    > .p-button.p-button-outlined:not(:disabled):hover,
+  .p-splitbutton.p-button-info
+    > .p-button.p-button-outlined:not(:disabled):hover {
     background: rgba(0, 70, 153, 0.04);
     color: #004699;
     border: 1px solid;
   }
-  .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+  .p-button.p-button-info.p-button-outlined:not(:disabled):active,
+  .p-button-group.p-button-info
+    > .p-button.p-button-outlined:not(:disabled):active,
+  .p-splitbutton.p-button-info
+    > .p-button.p-button-outlined:not(:disabled):active {
     background: rgba(0, 70, 153, 0.16);
     color: #004699;
     border: 1px solid;
   }
-  .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+  .p-button.p-button-info.p-button-text,
+  .p-button-group.p-button-info > .p-button.p-button-text,
+  .p-splitbutton.p-button-info > .p-button.p-button-text {
     background-color: transparent;
     color: #004699;
     border-color: transparent;
   }
-  .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+  .p-button.p-button-info.p-button-text:not(:disabled):hover,
+  .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover,
+  .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
     background: rgba(0, 70, 153, 0.04);
     border-color: transparent;
     color: #004699;
   }
-  .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+  .p-button.p-button-info.p-button-text:not(:disabled):active,
+  .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active,
+  .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
     background: rgba(0, 70, 153, 0.16);
     border-color: transparent;
     color: #004699;
   }
-  .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: #ffffff;
     background: #00964e;
     border: 1px solid #00964e;
   }
-  .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+  .p-button.p-button-success:not(:disabled):hover,
+  .p-button-group.p-button-success > .p-button:not(:disabled):hover,
+  .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
     background: #00964e;
     color: #ffffff;
     border-color: #00964e;
   }
-  .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+  .p-button.p-button-success:not(:disabled):focus,
+  .p-button-group.p-button-success > .p-button:not(:disabled):focus,
+  .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
     box-shadow: 0 0 0 0.2rem #00964e;
   }
-  .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
-    background: #15803D;
+  .p-button.p-button-success:not(:disabled):active,
+  .p-button-group.p-button-success > .p-button:not(:disabled):active,
+  .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+    background: #15803d;
     color: #ffffff;
     border-color: rgba(0, 150, 78, 0.9);
   }
-  .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+  .p-button.p-button-success.p-button-outlined,
+  .p-button-group.p-button-success > .p-button.p-button-outlined,
+  .p-splitbutton.p-button-success > .p-button.p-button-outlined {
     background-color: transparent;
     color: #00964e;
     border: 1px solid;
   }
-  .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+  .p-button.p-button-success.p-button-outlined:not(:disabled):hover,
+  .p-button-group.p-button-success
+    > .p-button.p-button-outlined:not(:disabled):hover,
+  .p-splitbutton.p-button-success
+    > .p-button.p-button-outlined:not(:disabled):hover {
     background: rgba(0, 150, 78, 0.04);
     color: #00964e;
     border: 1px solid;
   }
-  .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+  .p-button.p-button-success.p-button-outlined:not(:disabled):active,
+  .p-button-group.p-button-success
+    > .p-button.p-button-outlined:not(:disabled):active,
+  .p-splitbutton.p-button-success
+    > .p-button.p-button-outlined:not(:disabled):active {
     background: rgba(0, 150, 78, 0.16);
     color: #00964e;
     border: 1px solid;
   }
-  .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+  .p-button.p-button-success.p-button-text,
+  .p-button-group.p-button-success > .p-button.p-button-text,
+  .p-splitbutton.p-button-success > .p-button.p-button-text {
     background-color: transparent;
     color: #00964e;
     border-color: transparent;
   }
-  .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+  .p-button.p-button-success.p-button-text:not(:disabled):hover,
+  .p-button-group.p-button-success
+    > .p-button.p-button-text:not(:disabled):hover,
+  .p-splitbutton.p-button-success
+    > .p-button.p-button-text:not(:disabled):hover {
     background: rgba(0, 150, 78, 0.04);
     border-color: transparent;
     color: #00964e;
   }
-  .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+  .p-button.p-button-success.p-button-text:not(:disabled):active,
+  .p-button-group.p-button-success
+    > .p-button.p-button-text:not(:disabled):active,
+  .p-splitbutton.p-button-success
+    > .p-button.p-button-text:not(:disabled):active {
     background: rgba(0, 150, 78, 0.16);
     border-color: transparent;
     color: #00964e;
   }
-  .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: #ffffff;
     background: #f97316;
     border: 1px solid #f97316;
   }
-  .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+  .p-button.p-button-warning:not(:disabled):hover,
+  .p-button-group.p-button-warning > .p-button:not(:disabled):hover,
+  .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
     background: #ea580c;
     color: #ffffff;
     border-color: #ea580c;
   }
-  .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
-    box-shadow: 0 0 0 0.2rem #FDE68A;
+  .p-button.p-button-warning:not(:disabled):focus,
+  .p-button-group.p-button-warning > .p-button:not(:disabled):focus,
+  .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+    box-shadow: 0 0 0 0.2rem #fde68a;
   }
-  .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+  .p-button.p-button-warning:not(:disabled):active,
+  .p-button-group.p-button-warning > .p-button:not(:disabled):active,
+  .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
     background: #c2410c;
     color: #ffffff;
     border-color: #c2410c;
   }
-  .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+  .p-button.p-button-warning.p-button-outlined,
+  .p-button-group.p-button-warning > .p-button.p-button-outlined,
+  .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
     background-color: transparent;
     color: #f97316;
     border: 1px solid;
   }
-  .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+  .p-button.p-button-warning.p-button-outlined:not(:disabled):hover,
+  .p-button-group.p-button-warning
+    > .p-button.p-button-outlined:not(:disabled):hover,
+  .p-splitbutton.p-button-warning
+    > .p-button.p-button-outlined:not(:disabled):hover {
     background: rgba(249, 115, 22, 0.04);
     color: #f97316;
     border: 1px solid;
   }
-  .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+  .p-button.p-button-warning.p-button-outlined:not(:disabled):active,
+  .p-button-group.p-button-warning
+    > .p-button.p-button-outlined:not(:disabled):active,
+  .p-splitbutton.p-button-warning
+    > .p-button.p-button-outlined:not(:disabled):active {
     background: rgba(249, 115, 22, 0.16);
     color: #f97316;
     border: 1px solid;
   }
-  .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+  .p-button.p-button-warning.p-button-text,
+  .p-button-group.p-button-warning > .p-button.p-button-text,
+  .p-splitbutton.p-button-warning > .p-button.p-button-text {
     background-color: transparent;
     color: #f97316;
     border-color: transparent;
   }
-  .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+  .p-button.p-button-warning.p-button-text:not(:disabled):hover,
+  .p-button-group.p-button-warning
+    > .p-button.p-button-text:not(:disabled):hover,
+  .p-splitbutton.p-button-warning
+    > .p-button.p-button-text:not(:disabled):hover {
     background: rgba(249, 115, 22, 0.04);
     border-color: transparent;
     color: #f97316;
   }
-  .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+  .p-button.p-button-warning.p-button-text:not(:disabled):active,
+  .p-button-group.p-button-warning
+    > .p-button.p-button-text:not(:disabled):active,
+  .p-splitbutton.p-button-warning
+    > .p-button.p-button-text:not(:disabled):active {
     background: rgba(249, 115, 22, 0.16);
     border-color: transparent;
     color: #f97316;
   }
-  .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: #ffffff;
-    background: #A855F7;
-    border: 1px solid #A855F7;
+    background: #a855f7;
+    border: 1px solid #a855f7;
   }
-  .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
-    background: #9333EA;
+  .p-button.p-button-help:not(:disabled):hover,
+  .p-button-group.p-button-help > .p-button:not(:disabled):hover,
+  .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+    background: #9333ea;
     color: #ffffff;
-    border-color: #9333EA;
+    border-color: #9333ea;
   }
-  .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
-    box-shadow: 0 0 0 0.2rem #E9D5FF;
+  .p-button.p-button-help:not(:disabled):focus,
+  .p-button-group.p-button-help > .p-button:not(:disabled):focus,
+  .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+    box-shadow: 0 0 0 0.2rem #e9d5ff;
   }
-  .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
-    background: #7E22CE;
+  .p-button.p-button-help:not(:disabled):active,
+  .p-button-group.p-button-help > .p-button:not(:disabled):active,
+  .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+    background: #7e22ce;
     color: #ffffff;
-    border-color: #7E22CE;
+    border-color: #7e22ce;
   }
-  .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+  .p-button.p-button-help.p-button-outlined,
+  .p-button-group.p-button-help > .p-button.p-button-outlined,
+  .p-splitbutton.p-button-help > .p-button.p-button-outlined {
     background-color: transparent;
-    color: #A855F7;
+    color: #a855f7;
     border: 1px solid;
   }
-  .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+  .p-button.p-button-help.p-button-outlined:not(:disabled):hover,
+  .p-button-group.p-button-help
+    > .p-button.p-button-outlined:not(:disabled):hover,
+  .p-splitbutton.p-button-help
+    > .p-button.p-button-outlined:not(:disabled):hover {
     background: rgba(168, 85, 247, 0.04);
-    color: #A855F7;
+    color: #a855f7;
     border: 1px solid;
   }
-  .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+  .p-button.p-button-help.p-button-outlined:not(:disabled):active,
+  .p-button-group.p-button-help
+    > .p-button.p-button-outlined:not(:disabled):active,
+  .p-splitbutton.p-button-help
+    > .p-button.p-button-outlined:not(:disabled):active {
     background: rgba(168, 85, 247, 0.16);
-    color: #A855F7;
+    color: #a855f7;
     border: 1px solid;
   }
-  .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+  .p-button.p-button-help.p-button-text,
+  .p-button-group.p-button-help > .p-button.p-button-text,
+  .p-splitbutton.p-button-help > .p-button.p-button-text {
     background-color: transparent;
-    color: #A855F7;
+    color: #a855f7;
     border-color: transparent;
   }
-  .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+  .p-button.p-button-help.p-button-text:not(:disabled):hover,
+  .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover,
+  .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
     background: rgba(168, 85, 247, 0.04);
     border-color: transparent;
-    color: #A855F7;
+    color: #a855f7;
   }
-  .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+  .p-button.p-button-help.p-button-text:not(:disabled):active,
+  .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active,
+  .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
     background: rgba(168, 85, 247, 0.16);
     border-color: transparent;
-    color: #A855F7;
+    color: #a855f7;
   }
-  .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: #ffffff;
-    background: #EF4444;
-    border: 1px solid #EF4444;
+    background: #ef4444;
+    border: 1px solid #ef4444;
   }
-  .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
-    background: #DC2626;
+  .p-button.p-button-danger:not(:disabled):hover,
+  .p-button-group.p-button-danger > .p-button:not(:disabled):hover,
+  .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+    background: #dc2626;
     color: #ffffff;
-    border-color: #DC2626;
+    border-color: #dc2626;
   }
-  .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
-    box-shadow: 0 0 0 0.2rem #FECACA;
+  .p-button.p-button-danger:not(:disabled):focus,
+  .p-button-group.p-button-danger > .p-button:not(:disabled):focus,
+  .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+    box-shadow: 0 0 0 0.2rem #fecaca;
   }
-  .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
-    background: #B91C1C;
+  .p-button.p-button-danger:not(:disabled):active,
+  .p-button-group.p-button-danger > .p-button:not(:disabled):active,
+  .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+    background: #b91c1c;
     color: #ffffff;
-    border-color: #B91C1C;
+    border-color: #b91c1c;
   }
-  .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+  .p-button.p-button-danger.p-button-outlined,
+  .p-button-group.p-button-danger > .p-button.p-button-outlined,
+  .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
     background-color: transparent;
-    color: #EF4444;
+    color: #ef4444;
     border: 1px solid;
   }
-  .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+  .p-button.p-button-danger.p-button-outlined:not(:disabled):hover,
+  .p-button-group.p-button-danger
+    > .p-button.p-button-outlined:not(:disabled):hover,
+  .p-splitbutton.p-button-danger
+    > .p-button.p-button-outlined:not(:disabled):hover {
     background: rgba(239, 68, 68, 0.04);
-    color: #EF4444;
+    color: #ef4444;
     border: 1px solid;
   }
-  .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+  .p-button.p-button-danger.p-button-outlined:not(:disabled):active,
+  .p-button-group.p-button-danger
+    > .p-button.p-button-outlined:not(:disabled):active,
+  .p-splitbutton.p-button-danger
+    > .p-button.p-button-outlined:not(:disabled):active {
     background: rgba(239, 68, 68, 0.16);
-    color: #EF4444;
+    color: #ef4444;
     border: 1px solid;
   }
-  .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+  .p-button.p-button-danger.p-button-text,
+  .p-button-group.p-button-danger > .p-button.p-button-text,
+  .p-splitbutton.p-button-danger > .p-button.p-button-text {
     background-color: transparent;
-    color: #EF4444;
+    color: #ef4444;
     border-color: transparent;
   }
-  .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+  .p-button.p-button-danger.p-button-text:not(:disabled):hover,
+  .p-button-group.p-button-danger
+    > .p-button.p-button-text:not(:disabled):hover,
+  .p-splitbutton.p-button-danger
+    > .p-button.p-button-text:not(:disabled):hover {
     background: rgba(239, 68, 68, 0.04);
     border-color: transparent;
-    color: #EF4444;
+    color: #ef4444;
   }
-  .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+  .p-button.p-button-danger.p-button-text:not(:disabled):active,
+  .p-button-group.p-button-danger
+    > .p-button.p-button-text:not(:disabled):active,
+  .p-splitbutton.p-button-danger
+    > .p-button.p-button-text:not(:disabled):active {
     background: rgba(239, 68, 68, 0.16);
     border-color: transparent;
-    color: #EF4444;
+    color: #ef4444;
   }
-  .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: #ffffff;
     background: #1f2937;
     border: 1px solid #1f2937;
   }
-  .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+  .p-button.p-button-contrast:not(:disabled):hover,
+  .p-button-group.p-button-contrast > .p-button:not(:disabled):hover,
+  .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
     background: #374151;
     color: #ffffff;
     border-color: #374151;
   }
-  .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+  .p-button.p-button-contrast:not(:disabled):focus,
+  .p-button-group.p-button-contrast > .p-button:not(:disabled):focus,
+  .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
     box-shadow: none;
   }
-  .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+  .p-button.p-button-contrast:not(:disabled):active,
+  .p-button-group.p-button-contrast > .p-button:not(:disabled):active,
+  .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
     background: #4b5563;
     color: #ffffff;
     border-color: #4b5563;
   }
-  .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+  .p-button.p-button-contrast.p-button-outlined,
+  .p-button-group.p-button-contrast > .p-button.p-button-outlined,
+  .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
     background-color: transparent;
     color: #1f2937;
     border: 1px solid;
   }
-  .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+  .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover,
+  .p-button-group.p-button-contrast
+    > .p-button.p-button-outlined:not(:disabled):hover,
+  .p-splitbutton.p-button-contrast
+    > .p-button.p-button-outlined:not(:disabled):hover {
     background: rgba(31, 41, 55, 0.04);
     color: #1f2937;
     border: 1px solid;
   }
-  .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+  .p-button.p-button-contrast.p-button-outlined:not(:disabled):active,
+  .p-button-group.p-button-contrast
+    > .p-button.p-button-outlined:not(:disabled):active,
+  .p-splitbutton.p-button-contrast
+    > .p-button.p-button-outlined:not(:disabled):active {
     background: rgba(31, 41, 55, 0.16);
     color: #1f2937;
     border: 1px solid;
   }
-  .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+  .p-button.p-button-contrast.p-button-text,
+  .p-button-group.p-button-contrast > .p-button.p-button-text,
+  .p-splitbutton.p-button-contrast > .p-button.p-button-text {
     background-color: transparent;
     color: #1f2937;
     border-color: transparent;
   }
-  .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+  .p-button.p-button-contrast.p-button-text:not(:disabled):hover,
+  .p-button-group.p-button-contrast
+    > .p-button.p-button-text:not(:disabled):hover,
+  .p-splitbutton.p-button-contrast
+    > .p-button.p-button-text:not(:disabled):hover {
     background: rgba(31, 41, 55, 0.04);
     border-color: transparent;
     color: #1f2937;
   }
-  .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+  .p-button.p-button-contrast.p-button-text:not(:disabled):active,
+  .p-button-group.p-button-contrast
+    > .p-button.p-button-text:not(:disabled):active,
+  .p-splitbutton.p-button-contrast
+    > .p-button.p-button-text:not(:disabled):active {
     background: rgba(31, 41, 55, 0.16);
     border-color: transparent;
     color: #1f2937;
@@ -3646,7 +4124,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;
   }
   .p-speeddial-action {
@@ -3715,7 +4195,10 @@
     background: #4b5563;
     color: #fff;
     outline-color: transparent;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
   }
   .p-speeddial-action:hover {
     background: #022354;
@@ -3750,7 +4233,8 @@
   .p-speeddial-quarter-circle .p-speeddial-item {
     margin: 0;
   }
-  .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
+  .p-speeddial-circle .p-speeddial-item:first-child,
+  .p-speeddial-circle .p-speeddial-item:last-child,
   .p-speeddial-semi-circle .p-speeddial-item:first-child,
   .p-speeddial-semi-circle .p-speeddial-item:last-child,
   .p-speeddial-quarter-circle .p-speeddial-item:first-child,
@@ -3768,7 +4252,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;
@@ -3799,7 +4284,10 @@
     border-radius: 2rem;
   }
   .p-splitbutton.p-button-raised {
-    box-shadow: 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);
+    box-shadow:
+      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);
   }
   .p-carousel {
     display: flex;
@@ -3867,7 +4355,10 @@
     border: 0 none;
     background: transparent;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
     margin: 0.5rem;
   }
@@ -3894,7 +4385,10 @@
     background-color: #d1d5db;
     width: 2rem;
     height: 0.5rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     border-radius: 0;
   }
   .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
@@ -3973,11 +4467,18 @@
     overflow: hidden;
     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;
   }
   .p-datatable .p-column-resizer {
@@ -4160,7 +4661,9 @@
     background: #f3f4f6;
     color: #374151;
   }
-  .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+  .p-datatable
+    .p-sortable-column:not(.p-highlight):hover
+    .p-sortable-column-icon {
     color: #374151;
   }
   .p-datatable .p-sortable-column.p-highlight {
@@ -4202,7 +4705,10 @@
     border: 0 none;
     background: transparent;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
@@ -4245,16 +4751,33 @@
   .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
     box-shadow: inset 0 -2px 0 0 #e9f1ed;
   }
-  .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
+  .p-datatable.p-datatable-hoverable-rows
+    .p-datatable-tbody
+    > tr:not(.p-highlight):hover {
     background: #f3f4f6;
     color: #4b5563;
   }
   .p-datatable .p-column-resizer-helper {
     background: #00944c;
   }
-  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
+  .p-datatable.p-datatable-scrollable
+    > .p-datatable-wrapper
+    > .p-datatable-table
+    > .p-datatable-thead,
+  .p-datatable.p-datatable-scrollable
+    > .p-datatable-wrapper
+    > .p-datatable-table
+    > .p-datatable-tfoot,
+  .p-datatable.p-datatable-scrollable
+    > .p-datatable-wrapper
+    > .p-virtualscroller
+    > .p-datatable-table
+    > .p-datatable-thead,
+  .p-datatable.p-datatable-scrollable
+    > .p-datatable-wrapper
+    > .p-virtualscroller
+    > .p-datatable-table
+    > .p-datatable-tfoot {
     background-color: #f9fafb;
   }
   .p-datatable .p-datatable-loading-icon {
@@ -4291,7 +4814,10 @@
   .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
     border-width: 1px 0 1px 1px;
   }
-  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
+  .p-datatable.p-datatable-gridlines
+    .p-datatable-tbody
+    > tr:last-child
+    > td:last-child {
     border-width: 1px;
   }
   .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
@@ -4300,35 +4826,71 @@
   .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
     border-width: 1px 1px 1px 1px;
   }
-  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
+  .p-datatable.p-datatable-gridlines
+    .p-datatable-thead
+    + .p-datatable-tfoot
+    > tr
+    > td {
     border-width: 0 0 1px 1px;
   }
-  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
+  .p-datatable.p-datatable-gridlines
+    .p-datatable-thead
+    + .p-datatable-tfoot
+    > tr
+    > td:last-child {
     border-width: 0 1px 1px 1px;
   }
-  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
+  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(
+      .p-datatable-tbody
+    )
+    .p-datatable-tbody
+    > tr
+    > td {
     border-width: 0 0 1px 1px;
   }
-  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
+  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(
+      .p-datatable-tbody
+    )
+    .p-datatable-tbody
+    > tr
+    > td:last-child {
     border-width: 0 1px 1px 1px;
   }
-  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
+  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(
+      .p-datatable-tfoot
+    )
+    .p-datatable-tbody
+    > tr:last-child
+    > td {
     border-width: 0 0 0 1px;
   }
-  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
+  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(
+      .p-datatable-tfoot
+    )
+    .p-datatable-tbody
+    > tr:last-child
+    > td:last-child {
     border-width: 0 1px 0 1px;
   }
   .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
     background: #f8f8fa;
   }
-  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
+  .p-datatable.p-datatable-striped
+    .p-datatable-tbody
+    > tr.p-row-odd.p-highlight {
     background: #e9f1ed;
     color: #001e0f;
   }
-  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
+  .p-datatable.p-datatable-striped
+    .p-datatable-tbody
+    > tr.p-row-odd.p-highlight
+    .p-row-toggler {
     color: #001e0f;
   }
-  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
+  .p-datatable.p-datatable-striped
+    .p-datatable-tbody
+    > tr.p-row-odd.p-highlight
+    .p-row-toggler:hover {
     color: #001e0f;
   }
   .p-datatable.p-datatable-sm .p-datatable-header {
@@ -4404,7 +4966,10 @@
     border: 0 none;
     background: transparent;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-column-filter-menu-button:hover {
@@ -4412,11 +4977,13 @@
     border-color: transparent;
     background: #f3f4f6;
   }
-  .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
+  .p-column-filter-menu-button.p-column-filter-menu-button-open,
+  .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
     background: #f3f4f6;
     color: #374151;
   }
-  .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
+  .p-column-filter-menu-button.p-column-filter-menu-button-active,
+  .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
     background: #e9f1ed;
     color: #001e0f;
   }
@@ -4432,7 +4999,10 @@
     border: 0 none;
     background: transparent;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-column-filter-clear-button:hover {
@@ -4456,7 +5026,9 @@
   .p-column-filter-overlay .p-column-filter-row-items {
     padding: 0.75rem 0;
   }
-  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
+  .p-column-filter-overlay
+    .p-column-filter-row-items
+    .p-column-filter-row-item {
     margin: 0;
     padding: 0.75rem 1.25rem;
     border: 0 none;
@@ -4465,26 +5037,38 @@
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
-  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
+  .p-column-filter-overlay
+    .p-column-filter-row-items
+    .p-column-filter-row-item:first-child {
     margin-top: 0;
   }
-  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
+  .p-column-filter-overlay
+    .p-column-filter-row-items
+    .p-column-filter-row-item:last-child {
     margin-bottom: 0;
   }
-  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
+  .p-column-filter-overlay
+    .p-column-filter-row-items
+    .p-column-filter-row-item.p-highlight {
     color: #001e0f;
     background: #e9f1ed;
   }
-  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
+  .p-column-filter-overlay
+    .p-column-filter-row-items
+    .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
     color: #4b5563;
     background: #f3f4f6;
   }
-  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
+  .p-column-filter-overlay
+    .p-column-filter-row-items
+    .p-column-filter-row-item:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.15rem #09af5e;
   }
-  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
+  .p-column-filter-overlay
+    .p-column-filter-row-items
+    .p-column-filter-separator {
     border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
@@ -4501,10 +5085,14 @@
     padding: 1.25rem;
     border-bottom: 1px solid #e5e7eb;
   }
-  .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
+  .p-column-filter-overlay-menu
+    .p-column-filter-constraint
+    .p-column-filter-matchmode-dropdown {
     margin-bottom: 0.5rem;
   }
-  .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
+  .p-column-filter-overlay-menu
+    .p-column-filter-constraint
+    .p-column-filter-remove-button {
     margin-top: 0.5rem;
   }
   .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
@@ -4557,7 +5145,11 @@
     background: #ffffff;
     border: 1px solid #e5e7eb;
     border-radius: 6px;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-orderlist .p-orderlist-list-container.p-focus {
@@ -4585,7 +5177,9 @@
     border: 0 none;
     color: #4b5563;
     background: transparent;
-    transition: transform 0.2s, box-shadow 0.2s;
+    transition:
+      transform 0.2s,
+      box-shadow 0.2s;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
     margin-top: 0;
@@ -4597,7 +5191,9 @@
     background: #f3f4f6;
     color: #4b5563;
   }
-  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
+  .p-orderlist
+    .p-orderlist-list
+    .p-orderlist-item:not(.p-highlight):hover.p-focus {
     color: #4b5563;
     background: #f3f4f6;
   }
@@ -4612,10 +5208,14 @@
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
     background: rgba(0, 148, 76, 0.24);
   }
-  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
+  .p-orderlist.p-orderlist-striped
+    .p-orderlist-list
+    .p-orderlist-item:nth-child(even) {
     background: #f8f8fa;
   }
-  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
+  .p-orderlist.p-orderlist-striped
+    .p-orderlist-list
+    .p-orderlist-item:nth-child(even):hover {
     background: #f3f4f6;
   }
   .p-organizationchart-table {
@@ -4662,7 +5262,10 @@
   .p-organizationchart-selectable-node {
     cursor: pointer;
   }
-  .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
+  .p-organizationchart
+    .p-organizationchart-node-content.p-organizationchart-selectable-node:not(
+      .p-highlight
+    ):hover {
     background: #f3f4f6;
     color: #4b5563;
   }
@@ -4670,7 +5273,10 @@
     background: #e9f1ed;
     color: #001e0f;
   }
-  .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
+  .p-organizationchart
+    .p-organizationchart-node-content.p-highlight
+    .p-node-toggler
+    i {
     color: #9dbeae;
   }
   .p-organizationchart .p-organizationchart-line-down {
@@ -4696,7 +5302,9 @@
     border-radius: 50%;
     outline-color: transparent;
   }
-  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
+  .p-organizationchart
+    .p-organizationchart-node-content
+    .p-node-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #09af5e;
@@ -4854,7 +5462,11 @@
     background: #ffffff;
     border: 1px solid #e5e7eb;
     border-radius: 6px;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-picklist .p-picklist-list-wrapper.p-focus {
@@ -4882,7 +5494,9 @@
     border: 0 none;
     color: #4b5563;
     background: transparent;
-    transition: transform 0.2s, box-shadow 0.2s;
+    transition:
+      transform 0.2s,
+      box-shadow 0.2s;
   }
   .p-picklist .p-picklist-list .p-picklist-item:first-child {
     margin-top: 0;
@@ -4894,7 +5508,9 @@
     background: #f3f4f6;
     color: #4b5563;
   }
-  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
+  .p-picklist
+    .p-picklist-list
+    .p-picklist-item:not(.p-highlight):hover.p-focus {
     color: #4b5563;
     background: #f3f4f6;
   }
@@ -4909,10 +5525,14 @@
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
     background: rgba(0, 148, 76, 0.24);
   }
-  .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
+  .p-picklist.p-picklist-striped
+    .p-picklist-list
+    .p-picklist-item:nth-child(even) {
     background: #f8f8fa;
   }
-  .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
+  .p-picklist.p-picklist-striped
+    .p-picklist-list
+    .p-picklist-item:nth-child(even):hover {
     background: #f3f4f6;
   }
   .p-timeline {
@@ -4938,16 +5558,24 @@
   .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
     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;
   }
   .p-timeline-event {
@@ -4998,7 +5626,8 @@
   .p-timeline-bottom .p-timeline-event {
     flex-direction: column-reverse;
   }
-  .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
+  .p-timeline-horizontal.p-timeline-alternate
+    .p-timeline-event:nth-child(even) {
     flex-direction: column-reverse;
   }
   .p-timeline .p-timeline-event-marker {
@@ -5122,15 +5751,26 @@
     border: 0 none;
     background: transparent;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
+  .p-tree
+    .p-tree-container
+    .p-treenode
+    .p-treenode-content
+    .p-tree-toggler:enabled:hover {
     color: #374151;
     border-color: transparent;
     background: #f3f4f6;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
+  .p-tree
+    .p-tree-container
+    .p-treenode
+    .p-treenode-content
+    .p-tree-toggler:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #09af5e;
@@ -5142,22 +5782,46 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
     margin-right: 0.5rem;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
+  .p-tree
+    .p-tree-container
+    .p-treenode
+    .p-treenode-content
+    .p-checkbox.p-indeterminate
+    .p-checkbox-icon {
     color: #4b5563;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #e9f1ed;
     color: #001e0f;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
+  .p-tree
+    .p-tree-container
+    .p-treenode
+    .p-treenode-content.p-highlight
+    .p-tree-toggler,
+  .p-tree
+    .p-tree-container
+    .p-treenode
+    .p-treenode-content.p-highlight
+    .p-treenode-icon {
     color: #001e0f;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
+  .p-tree
+    .p-tree-container
+    .p-treenode
+    .p-treenode-content.p-highlight
+    .p-tree-toggler:hover,
+  .p-tree
+    .p-tree-container
+    .p-treenode
+    .p-treenode-content.p-highlight
+    .p-treenode-icon:hover {
     color: #001e0f;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
+  .p-tree
+    .p-tree-container
+    .p-treenode
+    .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
     background: #f3f4f6;
     color: #4b5563;
   }
@@ -5308,7 +5972,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;
   }
@@ -5386,7 +6057,9 @@
     background: #f3f4f6;
     color: #374151;
   }
-  .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
+  .p-treetable
+    .p-sortable-column:not(.p-highlight):hover
+    .p-sortable-column-icon {
     color: #374151;
   }
   .p-treetable .p-sortable-column.p-highlight {
@@ -5414,7 +6087,10 @@
     border: 0 none;
     background: transparent;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
     margin-right: 0.5rem;
   }
@@ -5431,7 +6107,13 @@
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
     margin-right: 0.5rem;
   }
-  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
+  .p-treetable
+    .p-treetable-tbody
+    > tr
+    > td
+    .p-treetable-toggler
+    + .p-checkbox.p-indeterminate
+    .p-checkbox-icon {
     color: #4b5563;
   }
   .p-treetable .p-treetable-tbody > tr:focus-visible {
@@ -5448,11 +6130,16 @@
   .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
     color: #001e0f;
   }
-  .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
+  .p-treetable.p-treetable-hoverable-rows
+    .p-treetable-tbody
+    > tr:not(.p-highlight):hover {
     background: #f3f4f6;
     color: #4b5563;
   }
-  .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
+  .p-treetable.p-treetable-hoverable-rows
+    .p-treetable-tbody
+    > tr:not(.p-highlight):hover
+    .p-treetable-toggler {
     color: #4b5563;
   }
   .p-treetable .p-column-resizer-helper {
@@ -5544,27 +6231,38 @@
     transition: box-shadow 0.2s;
     outline-color: transparent;
   }
-  .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
+  .p-accordion
+    .p-accordion-header
+    .p-accordion-header-link
+    .p-accordion-toggle-icon {
     margin-right: 0.5rem;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
+  .p-accordion
+    .p-accordion-header:not(.p-disabled)
+    .p-accordion-header-link:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #09af5e;
   }
-  .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
+  .p-accordion
+    .p-accordion-header:not(.p-highlight):not(.p-disabled):hover
+    .p-accordion-header-link {
     background: #f3f4f6;
     border-color: #e5e7eb;
     color: #374151;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
+  .p-accordion
+    .p-accordion-header:not(.p-disabled).p-highlight
+    .p-accordion-header-link {
     background: #f9fafb;
     border-color: #e5e7eb;
     color: #374151;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
   }
-  .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
+  .p-accordion
+    .p-accordion-header:not(.p-disabled).p-highlight:hover
+    .p-accordion-header-link {
     border-color: #e5e7eb;
     background: #f3f4f6;
     color: #374151;
@@ -5586,7 +6284,10 @@
   .p-card {
     background: #ffffff;
     color: #4b5563;
-    box-shadow: 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);
+    box-shadow:
+      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);
     border-radius: 6px;
   }
   .p-card .p-card-body {
@@ -5640,7 +6341,10 @@
   }
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
     padding: 0;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
   }
   .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
     padding: 1.25rem;
@@ -5776,7 +6480,10 @@
     border: 0 none;
     background: transparent;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
@@ -5862,7 +6569,11 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #f9fafb;
     border: 0 none;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-scrollpanel .p-scrollpanel-bar:focus-visible {
@@ -5925,12 +6636,19 @@
     color: #4b5563;
   }
   .p-splitter .p-splitter-gutter {
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     background: #f9fafb;
   }
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #e5e7eb;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
@@ -6023,15 +6741,23 @@
     line-height: 2rem;
     font-size: 1.143rem;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
   }
   .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
     margin-left: 0.5rem;
     color: #6b7280;
     font-weight: 0;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
   }
-  .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+  .p-stepper
+    .p-stepper-header
+    .p-stepper-action:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #09af5e;
@@ -6094,10 +6820,14 @@
     height: auto;
     margin-inline-start: calc(1.75rem + 2px);
   }
-  .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+  .p-stepper.p-stepper-vertical
+    .p-stepper-panel:has(~ .p-stepper-panel-active)
+    .p-stepper-separator {
     background-color: #00944c;
   }
-  .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+  .p-stepper.p-stepper-vertical
+    .p-stepper-panel:last-of-type
+    .p-stepper-content {
     padding-left: 3rem;
   }
   .p-tabview-nav-container {
@@ -6180,12 +6910,18 @@
     margin: 0 0 -2px 0;
     outline-color: transparent;
   }
-  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
+  .p-tabview
+    .p-tabview-nav
+    li
+    .p-tabview-nav-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #09af5e;
   }
-  .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
+  .p-tabview
+    .p-tabview-nav
+    li:not(.p-highlight):not(.p-disabled):hover
+    .p-tabview-nav-link {
     background: #ffffff;
     border-color: #9ca3af;
     color: #6b7280;
@@ -6199,7 +6935,10 @@
     background: #ffffff;
     color: #00944c;
     width: 3rem;
-    box-shadow: 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);
+    box-shadow:
+      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);
     border-radius: 0;
     outline-color: transparent;
   }
@@ -6262,7 +7001,9 @@
     opacity: 0;
   }
   .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 {
     transition: opacity 0.1s linear;
@@ -6488,7 +7229,10 @@
     border: 0 none;
     background: transparent;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
     margin-right: 0.5rem;
   }
@@ -6554,7 +7298,9 @@
     opacity: 0;
   }
   .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 {
     transition: opacity 0.1s linear;
@@ -6603,7 +7349,10 @@
     color: #ffffff;
     width: 2rem;
     height: 2rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     border-radius: 50%;
     position: absolute;
     top: -1rem;
@@ -6778,7 +7527,10 @@
     border: 0 none;
     background: transparent;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
@@ -6880,8 +7632,8 @@
     display: flex;
     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;
   }
   .p-fluid .p-fileupload .p-button {
@@ -7090,57 +7842,127 @@
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
-  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-contextmenu
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+  .p-contextmenu
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon {
     color: #6b7280;
     margin-right: 0.5rem;
   }
-  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-contextmenu
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #6b7280;
   }
   .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
     color: #001e0f;
     background: #e9f1ed;
   }
-  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-contextmenu
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #001e0f;
   }
-  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-contextmenu
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-contextmenu
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #001e0f;
   }
   .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
     background: rgba(0, 148, 76, 0.24);
   }
-  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+  .p-contextmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content {
     color: #4b5563;
     background: #f3f4f6;
   }
-  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-contextmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-contextmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-contextmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #4b5563;
   }
-  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+  .p-contextmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover {
     color: #4b5563;
     background: #f3f4f6;
   }
-  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-contextmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-contextmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-contextmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #6b7280;
   }
-  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+  .p-contextmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover {
     color: #4b5563;
     background: #f3f4f6;
   }
-  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-contextmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-contextmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-contextmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #6b7280;
   }
   .p-contextmenu .p-menuitem-separator {
@@ -7265,43 +8087,53 @@
     height: 4rem;
   }
   .p-dock.p-dock-top .p-dock-item-second-prev,
-  .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
+  .p-dock.p-dock-top .p-dock-item-second-next,
+  .p-dock.p-dock-bottom .p-dock-item-second-prev,
   .p-dock.p-dock-bottom .p-dock-item-second-next {
     margin: 0 0.9rem;
   }
   .p-dock.p-dock-top .p-dock-item-prev,
-  .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
+  .p-dock.p-dock-top .p-dock-item-next,
+  .p-dock.p-dock-bottom .p-dock-item-prev,
   .p-dock.p-dock-bottom .p-dock-item-next {
     margin: 0 1.3rem;
   }
-  .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
+  .p-dock.p-dock-top .p-dock-item-current,
+  .p-dock.p-dock-bottom .p-dock-item-current {
     margin: 0 1.5rem;
   }
   .p-dock.p-dock-left .p-dock-item-second-prev,
-  .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
+  .p-dock.p-dock-left .p-dock-item-second-next,
+  .p-dock.p-dock-right .p-dock-item-second-prev,
   .p-dock.p-dock-right .p-dock-item-second-next {
     margin: 0.9rem 0;
   }
   .p-dock.p-dock-left .p-dock-item-prev,
-  .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
+  .p-dock.p-dock-left .p-dock-item-next,
+  .p-dock.p-dock-right .p-dock-item-prev,
   .p-dock.p-dock-right .p-dock-item-next {
     margin: 1.3rem 0;
   }
-  .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
+  .p-dock.p-dock-left .p-dock-item-current,
+  .p-dock.p-dock-right .p-dock-item-current {
     margin: 1.5rem 0;
   }
-  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
+  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container,
+  .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
     overflow-x: auto;
     width: 100%;
   }
-  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
+  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list,
+  .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
     margin: 0 auto;
   }
-  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
+  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container,
+  .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
     overflow-y: auto;
     height: 100%;
   }
-  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
+  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list,
+  .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
     margin: auto 0;
   }
   .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
@@ -7376,11 +8208,19 @@
   .p-megamenu-vertical .p-megamenu-root-list {
     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;
   }
   .p-megamenu-grid {
@@ -7468,57 +8308,127 @@
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
-  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-megamenu
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+  .p-megamenu
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon {
     color: #6b7280;
     margin-right: 0.5rem;
   }
-  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #6b7280;
   }
   .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
     color: #001e0f;
     background: #e9f1ed;
   }
-  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-megamenu
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #001e0f;
   }
-  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-megamenu
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #001e0f;
   }
   .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
     background: rgba(0, 148, 76, 0.24);
   }
-  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+  .p-megamenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content {
     color: #4b5563;
     background: #f3f4f6;
   }
-  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-megamenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-megamenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #4b5563;
   }
-  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+  .p-megamenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover {
     color: #4b5563;
     background: #f3f4f6;
   }
-  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-megamenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-megamenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-megamenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #6b7280;
   }
-  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+  .p-megamenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover {
     color: #4b5563;
     background: #f3f4f6;
   }
-  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-megamenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-megamenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-megamenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #6b7280;
   }
   .p-megamenu .p-megamenu-panel {
@@ -7549,34 +8459,75 @@
     min-width: 12.5rem;
     padding: 0.5rem 0;
   }
-  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
+  .p-megamenu.p-megamenu-horizontal
+    .p-megamenu-root-list
+    > .p-menuitem
+    > .p-menuitem-content {
     color: #4b5563;
     transition: box-shadow 0.2s;
     border-radius: 6px;
   }
-  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-horizontal
+    .p-megamenu-root-list
+    > .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link {
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
-  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-megamenu.p-megamenu-horizontal
+    .p-megamenu-root-list
+    > .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+  .p-megamenu.p-megamenu-horizontal
+    .p-megamenu-root-list
+    > .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon {
     color: #6b7280;
     margin-right: 0.5rem;
   }
-  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-horizontal
+    .p-megamenu-root-list
+    > .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #6b7280;
     margin-left: 0.5rem;
   }
-  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+  .p-megamenu.p-megamenu-horizontal
+    .p-megamenu-root-list
+    > .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover {
     color: #4b5563;
     background: #f3f4f6;
   }
-  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-megamenu.p-megamenu-horizontal
+    .p-megamenu-root-list
+    > .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-horizontal
+    .p-megamenu-root-list
+    > .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-megamenu.p-megamenu-horizontal
+    .p-megamenu-root-list
+    > .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #6b7280;
   }
   .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
@@ -7588,7 +8539,10 @@
     height: 2rem;
     color: #6b7280;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
@@ -7613,21 +8567,45 @@
   .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile
+    .p-megamenu-root-list
+    .p-menuitem
+    .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile
+    .p-megamenu-root-list
+    .p-menuitem.p-menuitem-active
+    > .p-menuitem-content
+    > .p-menuitem-link
+    > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile
+    .p-megamenu-root-list
+    .p-submenu-list
+    .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-megamenu.p-megamenu-mobile
+    .p-megamenu-root-list
+    .p-submenu-list
+    .p-menuitem-active
+    > .p-menuitem-content
+    > .p-menuitem-link
+    > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-megamenu.p-megamenu-mobile
+    .p-megamenu-root-list
+    .p-submenu-list
+    .p-menuitem
+    .p-menuitem-content
+    .p-menuitem-link {
     padding-left: 2.25rem;
   }
   .p-menu ul {
@@ -7687,43 +8665,101 @@
     color: #001e0f;
     background: #e9f1ed;
   }
-  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-menu
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #001e0f;
   }
-  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-menu
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-menu
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #001e0f;
   }
   .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
     background: rgba(0, 148, 76, 0.24);
   }
-  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+  .p-menu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content {
     color: #4b5563;
     background: #f3f4f6;
   }
-  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-menu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-menu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-menu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #4b5563;
   }
-  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+  .p-menu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover {
     color: #4b5563;
     background: #f3f4f6;
   }
-  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-menu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-menu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-menu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #6b7280;
   }
-  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+  .p-menu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover {
     color: #4b5563;
     background: #f3f4f6;
   }
-  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-menu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-menu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-menu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #6b7280;
   }
   .p-menu.p-menu-overlay {
@@ -7789,7 +8825,12 @@
     left: 100%;
     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;
   }
   .p-menubar .p-menubar-end {
@@ -7846,29 +8887,67 @@
     transition: box-shadow 0.2s;
     border-radius: 6px;
   }
-  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
+  .p-menubar
+    .p-menubar-root-list
+    > .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link {
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
-  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-menubar
+    .p-menubar-root-list
+    > .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+  .p-menubar
+    .p-menubar-root-list
+    > .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon {
     color: #6b7280;
     margin-right: 0.5rem;
   }
-  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-menubar
+    .p-menubar-root-list
+    > .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #6b7280;
     margin-left: 0.5rem;
   }
-  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+  .p-menubar
+    .p-menubar-root-list
+    > .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover {
     color: #4b5563;
     background: #f3f4f6;
   }
-  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-menubar
+    .p-menubar-root-list
+    > .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-menubar
+    .p-menubar-root-list
+    > .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-menubar
+    .p-menubar-root-list
+    > .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #6b7280;
   }
   .p-menubar .p-menuitem {
@@ -7890,57 +8969,127 @@
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
-  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-menubar
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+  .p-menubar
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon {
     color: #6b7280;
     margin-right: 0.5rem;
   }
-  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-menubar
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #6b7280;
   }
   .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
     color: #001e0f;
     background: #e9f1ed;
   }
-  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-menubar
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #001e0f;
   }
-  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-menubar
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-menubar
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #001e0f;
   }
   .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
     background: rgba(0, 148, 76, 0.24);
   }
-  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+  .p-menubar
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content {
     color: #4b5563;
     background: #f3f4f6;
   }
-  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-menubar
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-menubar
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-menubar
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #4b5563;
   }
-  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+  .p-menubar
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover {
     color: #4b5563;
     background: #f3f4f6;
   }
-  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-menubar
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-menubar
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-menubar
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #6b7280;
   }
-  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+  .p-menubar
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover {
     color: #4b5563;
     background: #f3f4f6;
   }
-  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-menubar
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-menubar
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-menubar
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #6b7280;
   }
   .p-menubar .p-submenu-list {
@@ -7963,7 +9112,10 @@
     height: 2rem;
     color: #6b7280;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-menubar.p-menubar-mobile .p-menubar-button:hover {
@@ -7988,33 +9140,97 @@
   .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
     font-size: 0.875rem;
   }
-  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-menubar.p-menubar-mobile
+    .p-menubar-root-list
+    .p-menuitem
+    .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     margin-left: auto;
     transition: transform 0.2s;
   }
-  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-menubar.p-menubar-mobile
+    .p-menubar-root-list
+    .p-menuitem.p-menuitem-active
+    > .p-menuitem-content
+    > .p-menuitem-link
+    > .p-submenu-icon {
     transform: rotate(-180deg);
   }
-  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
+  .p-menubar.p-menubar-mobile
+    .p-menubar-root-list
+    .p-submenu-list
+    .p-submenu-icon {
     transition: transform 0.2s;
     transform: rotate(90deg);
   }
-  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
+  .p-menubar.p-menubar-mobile
+    .p-menubar-root-list
+    .p-submenu-list
+    .p-menuitem-active
+    > .p-menuitem-content
+    > .p-menuitem-link
+    > .p-submenu-icon {
     transform: rotate(-90deg);
   }
-  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-menubar.p-menubar-mobile
+    .p-menubar-root-list
+    .p-submenu-list
+    .p-menuitem
+    .p-menuitem-content
+    .p-menuitem-link {
     padding-left: 2.25rem;
   }
-  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-menubar.p-menubar-mobile
+    .p-menubar-root-list
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-menuitem-content
+    .p-menuitem-link {
     padding-left: 3.75rem;
   }
-  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-menubar.p-menubar-mobile
+    .p-menubar-root-list
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-menuitem-content
+    .p-menuitem-link {
     padding-left: 5.25rem;
   }
-  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-menubar.p-menubar-mobile
+    .p-menubar-root-list
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-menuitem-content
+    .p-menuitem-link {
     padding-left: 6.75rem;
   }
-  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
+  .p-menubar.p-menubar-mobile
+    .p-menubar-root-list
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-submenu-list
+    .p-menuitem
+    .p-menuitem-content
+    .p-menuitem-link {
     padding-left: 8.25rem;
   }
   .p-panelmenu .p-panelmenu-header-action {
@@ -8056,28 +9272,45 @@
     transition: box-shadow 0.2s;
     outline-color: transparent;
   }
-  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
+  .p-panelmenu
+    .p-panelmenu-header
+    .p-panelmenu-header-content
+    .p-panelmenu-header-action {
     color: #6b7280;
     padding: 1.25rem;
     font-weight: 100;
   }
-  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
+  .p-panelmenu
+    .p-panelmenu-header
+    .p-panelmenu-header-content
+    .p-panelmenu-header-action
+    .p-submenu-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
+  .p-panelmenu
+    .p-panelmenu-header
+    .p-panelmenu-header-content
+    .p-panelmenu-header-action
+    .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
+  .p-panelmenu
+    .p-panelmenu-header:not(.p-disabled):focus-visible
+    .p-panelmenu-header-content {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #09af5e;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
+  .p-panelmenu
+    .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover
+    .p-panelmenu-header-content {
     background: #f3f4f6;
     border-color: #e5e7eb;
     color: #374151;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
+  .p-panelmenu
+    .p-panelmenu-header:not(.p-disabled).p-highlight
+    .p-panelmenu-header-content {
     background: #f9fafb;
     border-color: #e5e7eb;
     color: #374151;
@@ -8085,7 +9318,9 @@
     border-bottom-left-radius: 0;
     margin-bottom: 0;
   }
-  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
+  .p-panelmenu
+    .p-panelmenu-header:not(.p-disabled).p-highlight:hover
+    .p-panelmenu-header-content {
     border-color: #e5e7eb;
     background: #f3f4f6;
     color: #374151;
@@ -8118,72 +9353,177 @@
     transition: box-shadow 0.2s;
     border-radius: 0;
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link {
     color: #4b5563;
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon {
     color: #6b7280;
     margin-right: 0.5rem;
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #6b7280;
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem.p-highlight
+    > .p-menuitem-content {
     color: #001e0f;
     background: #e9f1ed;
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #001e0f;
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #001e0f;
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem.p-highlight.p-focus
+    > .p-menuitem-content {
     background: rgba(0, 148, 76, 0.24);
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content {
     color: #4b5563;
     background: #f3f4f6;
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #4b5563;
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover {
     color: #4b5563;
     background: #f3f4f6;
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #6b7280;
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover {
     color: #4b5563;
     background: #f3f4f6;
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #6b7280;
   }
-  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-menuitem
+    .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     margin-right: 0.5rem;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
     border-top: 1px solid #e5e7eb;
     margin: 0.25rem 0;
   }
-  .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
+  .p-panelmenu
+    .p-panelmenu-content
+    .p-submenu-list:not(.p-panelmenu-root-list) {
     padding: 0 0 0 1rem;
   }
   .p-panelmenu .p-panelmenu-panel {
@@ -8336,12 +9676,18 @@
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
     margin-right: 0.5rem;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
+  .p-tabmenu
+    .p-tabmenu-nav
+    .p-tabmenuitem
+    .p-menuitem-link:not(.p-disabled):focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: inset 0 0 0 0.2rem #09af5e;
   }
-  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
+  .p-tabmenu
+    .p-tabmenu-nav
+    .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover
+    .p-menuitem-link {
     background: #ffffff;
     border-color: #9ca3af;
     color: #6b7280;
@@ -8433,57 +9779,127 @@
     padding: 0.75rem 1.25rem;
     user-select: none;
   }
-  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-tieredmenu
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
+  .p-tieredmenu
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon {
     color: #6b7280;
     margin-right: 0.5rem;
   }
-  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-tieredmenu
+    .p-menuitem
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #6b7280;
   }
   .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
     color: #001e0f;
     background: #e9f1ed;
   }
-  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-tieredmenu
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #001e0f;
   }
-  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-tieredmenu
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-tieredmenu
+    .p-menuitem.p-highlight
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #001e0f;
   }
   .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
     background: rgba(0, 148, 76, 0.24);
   }
-  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
+  .p-tieredmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content {
     color: #4b5563;
     background: #f3f4f6;
   }
-  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
+  .p-tieredmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
+  .p-tieredmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-tieredmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #4b5563;
   }
-  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+  .p-tieredmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover {
     color: #4b5563;
     background: #f3f4f6;
   }
-  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-tieredmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-tieredmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-tieredmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #6b7280;
   }
-  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
+  .p-tieredmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover {
     color: #4b5563;
     background: #f3f4f6;
   }
-  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+  .p-tieredmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-text {
     color: #4b5563;
   }
-  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+  .p-tieredmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-menuitem-icon,
+  .p-tieredmenu
+    .p-menuitem:not(.p-highlight):not(.p-disabled)
+    > .p-menuitem-content:hover
+    .p-menuitem-link
+    .p-submenu-icon {
     color: #6b7280;
   }
   .p-tieredmenu .p-menuitem-separator {
@@ -8555,8 +9971,8 @@
     color: #ff5757;
   }
   .p-inline-message.p-inline-message-secondary {
-    background: #64748B;
-    border: solid #64748B;
+    background: #64748b;
+    border: solid #64748b;
     border-width: 0px;
     color: #ffffff;
   }
@@ -8616,7 +10032,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 {
     display: none;
@@ -8633,7 +10052,10 @@
     height: 2rem;
     border-radius: 50%;
     background: transparent;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-message .p-message-close:hover {
@@ -8693,8 +10115,8 @@
     color: #ff5757;
   }
   .p-message.p-message-secondary {
-    background: #64748B;
-    border: solid #64748B;
+    background: #64748b;
+    border: solid #64748b;
     border-width: 0 0 0 6px;
     color: #ffffff;
   }
@@ -8780,12 +10202,22 @@
     overflow: hidden;
   }
   .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;
   }
   .p-toast {
     opacity: 1;
@@ -8805,7 +10237,10 @@
   .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
     font-size: 2rem;
   }
-  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
+  .p-toast
+    .p-toast-message
+    .p-toast-message-content
+    .p-toast-message-icon.p-icon {
     width: 2rem;
     height: 2rem;
   }
@@ -8820,7 +10255,10 @@
     height: 2rem;
     border-radius: 50%;
     background: transparent;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-toast .p-toast-message .p-toast-icon-close:hover {
@@ -8872,8 +10310,8 @@
     color: #ff5757;
   }
   .p-toast .p-toast-message.p-toast-message-secondary {
-    background: #64748B;
-    border: solid #64748B;
+    background: #64748b;
+    border: solid #64748b;
     border-width: 0 0 0 6px;
     color: #ffffff;
   }
@@ -8936,11 +10374,15 @@
     opacity: 0;
     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;
   }
   .p-galleria-caption {
@@ -9058,25 +10500,29 @@
     display: flex;
     z-index: 1;
   }
-  .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
+  .p-galleria-indicator-onitem.p-galleria-indicators-top
+    .p-galleria-indicators {
     top: 0;
     left: 0;
     width: 100%;
     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%;
     align-items: flex-end;
   }
-  .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
+  .p-galleria-indicator-onitem.p-galleria-indicators-left
+    .p-galleria-indicators {
     left: 0;
     top: 0;
     height: 100%;
@@ -9135,7 +10581,10 @@
     color: #f9fafb;
     width: 4rem;
     height: 4rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     border-radius: 50%;
   }
   .p-galleria .p-galleria-close .p-galleria-close-icon {
@@ -9154,7 +10603,10 @@
     color: #f9fafb;
     width: 4rem;
     height: 4rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     border-radius: 6px;
     margin: 0 0.5rem;
   }
@@ -9182,7 +10634,10 @@
     background-color: #d1d5db;
     width: 1rem;
     height: 1rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     border-radius: 50%;
   }
   .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
@@ -9192,22 +10647,33 @@
     background: #e9f1ed;
     color: #001e0f;
   }
-  .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+  .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,
+  .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
     margin-right: 0.5rem;
   }
-  .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+  .p-galleria.p-galleria-indicators-left .p-galleria-indicator,
+  .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
     margin-bottom: 0.5rem;
   }
   .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
     background: rgba(0, 0, 0, 0.5);
   }
-  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+  .p-galleria.p-galleria-indicator-onitem
+    .p-galleria-indicators
+    .p-galleria-indicator
+    button {
     background: rgba(255, 255, 255, 0.4);
   }
-  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+  .p-galleria.p-galleria-indicator-onitem
+    .p-galleria-indicators
+    .p-galleria-indicator
+    button:hover {
     background: rgba(255, 255, 255, 0.6);
   }
-  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+  .p-galleria.p-galleria-indicator-onitem
+    .p-galleria-indicators
+    .p-galleria-indicator.p-highlight
+    button {
     background: #e9f1ed;
     color: #001e0f;
   }
@@ -9222,7 +10688,10 @@
     color: #f9fafb;
     width: 2rem;
     height: 2rem;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     border-radius: 50%;
   }
   .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
@@ -9230,10 +10699,14 @@
     background: rgba(255, 255, 255, 0.1);
     color: #f9fafb;
   }
-  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
+  .p-galleria
+    .p-galleria-thumbnail-container
+    .p-galleria-thumbnail-item-content {
     outline-color: transparent;
   }
-  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
+  .p-galleria
+    .p-galleria-thumbnail-container
+    .p-galleria-thumbnail-item-content:focus-visible {
     outline: 0 none;
     outline-offset: 0;
     box-shadow: 0 0 0 0.2rem #09af5e;
@@ -9309,7 +10782,10 @@
   .p-image-preview-indicator {
     background-color: transparent;
     color: #f8f9fa;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
   }
   .p-image-preview-indicator .p-icon {
     width: 1.5rem;
@@ -9327,7 +10803,10 @@
     width: 3rem;
     height: 3rem;
     border-radius: 50%;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     margin-right: 0.5rem;
   }
   .p-image-action.p-link:last-child {
@@ -9436,7 +10915,7 @@
     line-height: 1.5rem;
   }
   .p-badge.p-badge-secondary {
-    background-color: #64748B;
+    background-color: #64748b;
     color: #ffffff;
   }
   .p-badge.p-badge-success {
@@ -9452,11 +10931,11 @@
     color: #ffffff;
   }
   .p-badge.p-badge-danger {
-    background-color: #EF4444;
+    background-color: #ef4444;
     color: #ffffff;
   }
   .p-badge.p-badge-secondary {
-    background-color: #64748B;
+    background-color: #64748b;
     color: #ffffff;
   }
   .p-badge.p-badge-contrast {
@@ -9527,7 +11006,10 @@
   .p-chip .p-chip-remove-icon {
     margin-left: 0.5rem;
     border-radius: 6px;
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-chip .p-chip-remove-icon:focus-visible {
@@ -9555,7 +11037,11 @@
   .p-inplace .p-inplace-display {
     padding: 0.75rem 0.75rem;
     border-radius: 6px;
-    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
     outline-color: transparent;
   }
   .p-inplace .p-inplace-display:not(.p-disabled):hover {
@@ -9684,8 +11170,10 @@
     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: "";
@@ -9695,8 +11183,10 @@
     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;
   }
@@ -9801,7 +11291,9 @@
     stroke-dasharray: 89, 200;
     stroke-dashoffset: 0;
     stroke: #ff5757;
-    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;
   }
   @keyframes p-progress-spinner-rotate {
@@ -9824,7 +11316,8 @@
     }
   }
   @keyframes p-progress-spinner-color {
-    100%, 0% {
+    100%,
+    0% {
       stroke: #ff5757;
     }
     40% {
@@ -9833,7 +11326,8 @@
     66% {
       stroke: #1ea97c;
     }
-    80%, 90% {
+    80%,
+    90% {
       stroke: #cc8925;
     }
   }
@@ -9892,7 +11386,10 @@
     height: 3rem;
     border-radius: 50%;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      color 0.2s,
+      box-shadow 0.2s;
   }
   .p-scrolltop.p-link {
     background: rgba(0, 0, 0, 0.7);
@@ -9941,7 +11438,12 @@
     border-radius: 6px;
   }
   .p-skeleton:after {
-    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
+    background: linear-gradient(
+      90deg,
+      rgba(255, 255, 255, 0),
+      rgba(255, 255, 255, 0.4),
+      rgba(255, 255, 255, 0)
+    );
   }
   .p-tag {
     display: inline-flex;
@@ -9977,11 +11479,11 @@
     color: #ffffff;
   }
   .p-tag.p-tag-danger {
-    background-color: #EF4444;
+    background-color: #ef4444;
     color: #ffffff;
   }
   .p-tag.p-tag-secondary {
-    background-color: #64748B;
+    background-color: #64748b;
     color: #ffffff;
   }
   .p-tag.p-tag-contrast {
@@ -10035,16 +11537,28 @@
   }
   .p-selectbutton > .p-button,
   .p-togglebutton.p-button {
-    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
   }
   .p-accordion .p-accordion-header .p-accordion-header-link {
-    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
   }
   .p-tabview .p-tabview-nav li .p-tabview-nav-link {
-    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
   }
   .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
-    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      background-color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
   }
   .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
     background-color: #00944c;
@@ -10053,25 +11567,46 @@
     background-color: #00944c;
   }
   .p-button:focus {
-    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #4affa7, 0 1px 2px 0 rgb(0, 0, 0);
+    box-shadow:
+      0 0 0 2px #ffffff,
+      0 0 0 4px #4affa7,
+      0 1px 2px 0 rgb(0, 0, 0);
   }
   .p-button.p-button-secondary:enabled:focus {
-    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0);
+    box-shadow:
+      0 0 0 2px #ffffff,
+      0 0 0 4px #b0b9c6,
+      0 1px 2px 0 rgb(0, 0, 0);
   }
   .p-button.p-button-success:enabled:focus {
-    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #00964e, 0 1px 2px 0 rgb(0, 0, 0);
+    box-shadow:
+      0 0 0 2px #ffffff,
+      0 0 0 4px #00964e,
+      0 1px 2px 0 rgb(0, 0, 0);
   }
   .p-button.p-button-info:enabled:focus {
-    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #4d9eff, 0 1px 2px 0 rgb(0, 0, 0);
+    box-shadow:
+      0 0 0 2px #ffffff,
+      0 0 0 4px #4d9eff,
+      0 1px 2px 0 rgb(0, 0, 0);
   }
   .p-button.p-button-warning:enabled:focus {
-    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 rgb(0, 0, 0);
+    box-shadow:
+      0 0 0 2px #ffffff,
+      0 0 0 4px #fcb98b,
+      0 1px 2px 0 rgb(0, 0, 0);
   }
   .p-button.p-button-help:enabled:focus {
-    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0);
+    box-shadow:
+      0 0 0 2px #ffffff,
+      0 0 0 4px #d4aafb,
+      0 1px 2px 0 rgb(0, 0, 0);
   }
   .p-button.p-button-danger:enabled:focus {
-    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0);
+    box-shadow:
+      0 0 0 2px #ffffff,
+      0 0 0 4px #f7a2a2,
+      0 1px 2px 0 rgb(0, 0, 0);
   }
   .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
     box-shadow: inset 0 2px 0 0 #00944c;
@@ -10080,7 +11615,10 @@
     box-shadow: inset 0 -2px 0 0 #00944c;
   }
   .p-speeddial-item.p-focus > .p-speeddial-action {
-    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #4affa7, 0 1px 2px 0 rgb(0, 0, 0);
+    box-shadow:
+      0 0 0 2px #ffffff,
+      0 0 0 4px #4affa7,
+      0 1px 2px 0 rgb(0, 0, 0);
   }
   .p-toast-message {
     backdrop-filter: blur(10px);
@@ -10090,7 +11628,12 @@
   }
   .p-picklist-buttons .p-button,
   .p-orderlist-controls .p-button {
-    transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+    transition:
+      opacity 0.2s,
+      background-color 0.2s,
+      color 0.2s,
+      border-color 0.2s,
+      box-shadow 0.2s;
   }
   .p-steps .p-steps-item.p-highlight .p-steps-number {
     background: #00944c;
@@ -10101,7 +11644,12 @@
     color: #ffffff;
   }
 }
-:root h1, :root h2, :root h3, :root h4, :root h5, :root h6 {
+:root h1,
+:root h2,
+:root h3,
+:root h4,
+:root h5,
+:root h6 {
   font-weight: 100;
 }
 :root .fc {
@@ -10150,7 +11698,11 @@
   background: #00944c; /*#93c5fd*/
   border: 1px solid #00944c; /*#93c5fd*/
   font-size: 1rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
   border-radius: 6px;
   display: flex;
   align-items: center;
@@ -10197,7 +11749,11 @@
   background: #ffffff; /*#071426*/
   border: 1px solid #1b2022; /*#0b213f*/
   color: rgba(255, 255, 255, 0.87);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
 }
 :root .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
 :root .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover,
@@ -10206,16 +11762,34 @@
   border-color: #1b2022; /*#0b213f*/
   color: rgba(255, 255, 255, 0.87);
 }
-:root .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
-:root .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active,
-:root .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+:root
+  .fc.fc-unthemed
+  .fc-toolbar
+  .fc-button.fc-dayGridMonth-button.fc-button-active,
+:root
+  .fc.fc-unthemed
+  .fc-toolbar
+  .fc-button.fc-timeGridWeek-button.fc-button-active,
+:root
+  .fc.fc-unthemed
+  .fc-toolbar
+  .fc-button.fc-timeGridDay-button.fc-button-active {
   background: #00944c; /*#93c5fd*/
   border-color: #00944c; /*#93c5fd*/
   color: #ffffff; /*#1c2127*/
 }
-:root .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
-:root .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
-:root .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+:root
+  .fc.fc-unthemed
+  .fc-toolbar
+  .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
+:root
+  .fc.fc-unthemed
+  .fc-toolbar
+  .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
+:root
+  .fc.fc-unthemed
+  .fc-toolbar
+  .fc-button.fc-timeGridDay-button.fc-button-active:hover {
   background: #00944c;
   border-color: rgba(0, 148, 76, 0.24);
   color: #ffffff; /*#1c2127*/
@@ -10264,7 +11838,12 @@
   background: #ffffff; /*#071426*/
   color: rgba(255, 255, 255, 0.87);
 }
-:root .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
+:root
+  .fc.fc-theme-standard
+  .fc-view-harness
+  .fc-popover
+  .fc-popover-header
+  .fc-popover-close {
   opacity: 1;
   display: flex;
   align-items: center;
@@ -10278,17 +11857,35 @@
   border: 0 none;
   background: transparent;
   border-radius: 50%;
-  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    box-shadow 0.2s;
 }
-:root .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {
+:root
+  .fc.fc-theme-standard
+  .fc-view-harness
+  .fc-popover
+  .fc-popover-header
+  .fc-popover-close:before {
   content: "\e90b";
 }
-:root .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:hover {
+:root
+  .fc.fc-theme-standard
+  .fc-view-harness
+  .fc-popover
+  .fc-popover-header
+  .fc-popover-close:hover {
   color: rgba(255, 255, 255, 0.87);
   border-color: transparent;
   background: rgba(255, 255, 255, 0.03);
 }
-:root .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
+:root
+  .fc.fc-theme-standard
+  .fc-view-harness
+  .fc-popover
+  .fc-popover-header
+  .fc-popover-close:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(0, 148, 76, 0.5); /*rgba(147, 197, 253, 0.5)*/
@@ -10305,14 +11902,25 @@
   background: #00944c;
   border-color: rgba(0, 148, 76, 0.24);
 }
-:root .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
+:root
+  .fc.fc-theme-standard
+  .fc-view-harness
+  .fc-event.fc-daygrid-block-event
+  .fc-event-main {
   color: #ffffff; /*#1c2127*/
 }
-:root .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
+:root
+  .fc.fc-theme-standard
+  .fc-view-harness
+  .fc-event.fc-daygrid-dot-event
+  .fc-daygrid-event-dot {
   background: #00944c;
   border-color: rgba(0, 148, 76, 0.24);
 }
-:root .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
+:root
+  .fc.fc-theme-standard
+  .fc-view-harness
+  .fc-event.fc-daygrid-dot-event:hover {
   background: rgba(255, 255, 255, 0.03);
   color: rgba(255, 255, 255, 0.87);
 }
@@ -10324,7 +11932,11 @@
   background: #00944c; /*#93c5fd*/
   border: 1px solid #00944c; /*#93c5fd*/
   font-size: 1rem;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
   border-radius: 6px;
 }
 :root .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
@@ -10353,7 +11965,11 @@
   text-indent: 0;
   font-size: 1rem;
 }
-:root .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
+:root
+  .fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button
+  .fc-icon-chevron-left:before {
   content: "\e900";
 }
 :root .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
@@ -10361,7 +11977,11 @@
   text-indent: 0;
   font-size: 1rem;
 }
-:root .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
+:root
+  .fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button
+  .fc-icon-chevron-right:before {
   content: "\e901";
 }
 :root .fc.fc-theme-standard .fc-toolbar .fc-button:focus {
@@ -10375,7 +11995,11 @@
   background: #ffffff; /*#071426*/
   border: 1px solid #1b2022; /*#0b213f*/
   color: rgba(255, 255, 255, 0.87);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
+    box-shadow 0.2s;
 }
 :root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
 :root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover,
@@ -10384,23 +12008,50 @@
   border-color: #1b2022; /*#0b213f*/
   color: rgba(255, 255, 255, 0.87);
 }
-:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
-:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active,
-:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
+:root
+  .fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-dayGridMonth-button.fc-button-active,
+:root
+  .fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-timeGridWeek-button.fc-button-active,
+:root
+  .fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-timeGridDay-button.fc-button-active {
   background: #00944c; /*#93c5fd*/
   border-color: #00944c; /*#93c5fd*/
   color: #ffffff; /*#1c2127*/
 }
-:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
-:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
-:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
+:root
+  .fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
+:root
+  .fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
+:root
+  .fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-timeGridDay-button.fc-button-active:hover {
   background: #00944c;
   border-color: rgba(0, 148, 76, 0.24);
   color: #ffffff; /*#1c2127*/
 }
-:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus,
-:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus,
-:root .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus {
+:root
+  .fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-dayGridMonth-button:not(:disabled):focus,
+:root
+  .fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-timeGridWeek-button:not(:disabled):focus,
+:root
+  .fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button.fc-timeGridDay-button:not(:disabled):focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem rgba(0, 148, 76, 0.5); /*rgba(147, 197, 253, 0.5)*/
@@ -10409,7 +12060,11 @@
 :root .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
   border-radius: 0;
 }
-:root .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
+:root
+  .fc.fc-theme-standard
+  .fc-toolbar
+  .fc-button-group
+  .fc-button:first-child {
   border-top-left-radius: 6px;
   border-bottom-left-radius: 6px;
 }
diff --git a/frontend/src/api/fetchRoomOccupancy.ts b/frontend/src/api/fetchRoomOccupancy.ts
index bc9f6e1..a2f9029 100644
--- a/frontend/src/api/fetchRoomOccupancy.ts
+++ b/frontend/src/api/fetchRoomOccupancy.ts
@@ -22,12 +22,13 @@ export async function fetchRoomOccupancy(
   to_date: string,
 ): Promise<RoomOccupancyList> {
   var roomOccupancyList: RoomOccupancyList = new RoomOccupancyList(
-    new Date(), 0, 0, []
+    new Date(),
+    0,
+    0,
+    [],
   );
 
-  await fetch(
-    "/api/schedule/rooms?from=" + from_date + "&to=" + to_date,
-  )
+  await fetch("/api/schedule/rooms?from=" + from_date + "&to=" + to_date)
     .then((response) => {
       return response.arrayBuffer();
     })
diff --git a/frontend/src/api/loadICal.ts b/frontend/src/api/loadICal.ts
index 74a1569..10e83ba 100644
--- a/frontend/src/api/loadICal.ts
+++ b/frontend/src/api/loadICal.ts
@@ -20,4 +20,4 @@ export async function fetchICalendarEvents(token: string): Promise<string> {
     throw new Error("Network response was not ok");
   }
   return response.text();
-}
\ No newline at end of file
+}
diff --git a/frontend/src/components/CalendarLink.vue b/frontend/src/components/CalendarLink.vue
index 9cd9e31..cf3d40c 100644
--- a/frontend/src/components/CalendarLink.vue
+++ b/frontend/src/components/CalendarLink.vue
@@ -104,7 +104,7 @@ const actions = computed(() => [
     label: t("calendarLink.toHTWKalendar"),
     icon: "pi pi-home",
     command: forwardToHTWKalendar,
-  }
+  },
 ]);
 </script>
 
diff --git a/frontend/src/components/CalendarViewer.vue b/frontend/src/components/CalendarViewer.vue
index b54f2f8..45a1e9c 100644
--- a/frontend/src/components/CalendarViewer.vue
+++ b/frontend/src/components/CalendarViewer.vue
@@ -17,10 +17,13 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.
 -->
 
 <script setup lang="ts">
-
 import FullCalendar from "@fullcalendar/vue3";
 import { computed, ComputedRef, inject, Ref, ref, watch } from "vue";
-import { CalendarOptions, DatesSetArg, EventClickArg } from "@fullcalendar/core";
+import {
+  CalendarOptions,
+  DatesSetArg,
+  EventClickArg,
+} from "@fullcalendar/core";
 import allLocales from "@fullcalendar/core/locales-all";
 import dayGridPlugin from "@fullcalendar/daygrid";
 import interactionPlugin from "@fullcalendar/interaction";
@@ -55,7 +58,6 @@ const toggle = (info: EventClickArg) => {
     op.value.hide();
     return;
   } else {
-    
     clickedEvent.value = {
       title: info.event._def.title,
       start: start,
@@ -66,11 +68,8 @@ const toggle = (info: EventClickArg) => {
     };
     op.value.show(info.jsEvent);
     op.value.target = info.el;
-
   }
-
-
-}
+};
 
 const selectedToken = computed(() => props.token);
 
@@ -79,8 +78,7 @@ const date: Ref<Date> = ref(new Date());
 
 const { data: calendar } = useQuery({
   queryKey: ["userCalendar", selectedToken],
-  queryFn: () =>
-    fetchICalendarEvents(selectedToken.value),
+  queryFn: () => fetchICalendarEvents(selectedToken.value),
   select: (data) => {
     return data;
   },
@@ -175,20 +173,22 @@ watch(mobilePage, () => {
 </script>
 
 <template>
-
-  <FullCalendar id="overlay-mount-point" ref="fullCalendar" :options="calendarOptions" >
+  <FullCalendar
+    id="overlay-mount-point"
+    ref="fullCalendar"
+    :options="calendarOptions"
+  >
   </FullCalendar>
 
-  <OverlayPanel ref="op" >
-      <div>
-        <h3>{{ clickedEvent.title }}</h3>
-        <p>Location: {{ clickedEvent.location }}</p>
-        <p>Start: {{ clickedEvent.start?.toLocaleString()}}</p>
-        <p>End: {{ clickedEvent.end?.toLocaleString() }}</p>
-        <p>Notes: {{ clickedEvent.notes }}</p>
-      </div>
+  <OverlayPanel ref="op">
+    <div>
+      <h3>{{ clickedEvent.title }}</h3>
+      <p>Location: {{ clickedEvent.location }}</p>
+      <p>Start: {{ clickedEvent.start?.toLocaleString() }}</p>
+      <p>End: {{ clickedEvent.end?.toLocaleString() }}</p>
+      <p>Notes: {{ clickedEvent.notes }}</p>
+    </div>
   </OverlayPanel>
-
 </template>
 
 <style scoped>
@@ -197,4 +197,4 @@ watch(mobilePage, () => {
   justify-content: space-between;
   gap: 0.5rem;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/frontend/src/components/DarkModeSwitcher.vue b/frontend/src/components/DarkModeSwitcher.vue
index ad2f6cf..3a0a6ab 100644
--- a/frontend/src/components/DarkModeSwitcher.vue
+++ b/frontend/src/components/DarkModeSwitcher.vue
@@ -45,7 +45,7 @@ onMounted(() => {
   // set theme matching browser preference
   setTheme(
     window.matchMedia &&
-    window.matchMedia("(prefers-color-scheme: dark)").matches,
+      window.matchMedia("(prefers-color-scheme: dark)").matches,
   );
 
   window
@@ -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>
diff --git a/frontend/src/components/LocaleSwitcher.vue b/frontend/src/components/LocaleSwitcher.vue
index cd5d587..1b5b316 100644
--- a/frontend/src/components/LocaleSwitcher.vue
+++ b/frontend/src/components/LocaleSwitcher.vue
@@ -68,7 +68,14 @@ updateLocale(localeStore().locale);
     <template #value="slotProps">
       <div v-if="slotProps.value" class="flex align-items-center">
         <div class="mr-2 flag">{{ displayIcon(slotProps.value) }}</div>
-        <div style="font-family: 'Twemoji Country Flags', 'Helvetica', 'Comic Sans', serif;">{{ displayCountry(slotProps.value) }}</div>
+        <div
+          style="
+            font-family: &quot;Twemoji Country Flags&quot;,
+              &quot;Helvetica&quot;, &quot;Comic Sans&quot;, serif;
+          "
+        >
+          {{ displayCountry(slotProps.value) }}
+        </div>
       </div>
       <span v-else>
         {{ slotProps.placeholder }}
diff --git a/frontend/src/components/MenuBar.vue b/frontend/src/components/MenuBar.vue
index fd2ce36..5e78d46 100644
--- a/frontend/src/components/MenuBar.vue
+++ b/frontend/src/components/MenuBar.vue
@@ -67,7 +67,7 @@ const items = computed(() => [
         label: t("roomFinderPage.roomSchedule") + " (offline)",
         icon: "pi pi-fw pi-ban",
         route: "/rooms/occupancy/offline",
-      }
+      },
     ],
   },
   {
@@ -140,7 +140,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>
diff --git a/frontend/src/components/RoomOccupation.vue b/frontend/src/components/RoomOccupation.vue
index 9bf4e2e..99cfa78 100644
--- a/frontend/src/components/RoomOccupation.vue
+++ b/frontend/src/components/RoomOccupation.vue
@@ -181,9 +181,7 @@ const calendarOptions: ComputedRef<CalendarOptions> = computed(() => ({
           borderColor: event.showFree
             ? "var(--htwk-gruen-600)"
             : "var(--htwk-grau-60-600)",
-          textColor: event.showFree
-            ? "var(--green-50)"
-            : "white",
+          textColor: event.showFree ? "var(--green-50)" : "white",
           title: event.showFree
             ? t("roomFinderPage.available")
             : t("roomFinderPage.occupied"),
diff --git a/frontend/src/components/RoomOccupationOffline.vue b/frontend/src/components/RoomOccupationOffline.vue
index 1e8b817..b026cf5 100644
--- a/frontend/src/components/RoomOccupationOffline.vue
+++ b/frontend/src/components/RoomOccupationOffline.vue
@@ -73,18 +73,22 @@ const selectedRoom = computed(() => props.room);
 
 /**
  * Transform decoded JSON object with binary data
- * to anonymized occupancy events 
+ * to anonymized occupancy events
  * @param data RoomOccupancyList with binary data
  * @returns Anonymized occupancy events
  */
 function transformData(data: RoomOccupancyList) {
   const events = data
-    .decodeOccupancy(selectedRoom.value, new Date(currentDateFrom.value), new Date(currentDateTo.value))
+    .decodeOccupancy(
+      selectedRoom.value,
+      new Date(currentDateFrom.value),
+      new Date(currentDateTo.value),
+    )
     .map((event, index) => ({
       id: index,
       event: event,
     }));
-    return events;
+  return events;
 }
 
 const { data: occupations } = useQuery({
@@ -92,7 +96,7 @@ const { data: occupations } = useQuery({
   queryFn: () =>
     fetchRoomOccupancy(
       new Date(currentDateFrom.value).toISOString(),
-      new Date(currentDateTo.value).toISOString()
+      new Date(currentDateTo.value).toISOString(),
     ),
   select: (data) => transformData(data),
   enabled: () => selectedRoom.value !== "" && currentDateFrom.value !== "",
@@ -185,17 +189,15 @@ const calendarOptions: ComputedRef<CalendarOptions> = computed(() => ({
           id: event.id.toString(),
           start: event.event.start,
           end: event.event.end,
-          color: event.event.free 
-            ? "var(--htwk-gruen-500)" 
+          color: event.event.free
+            ? "var(--htwk-gruen-500)"
             : "var(--htwk-grau-60-500)",
-          textColor: event.event.free
-            ? "var(--green-50)"
-            : "white",
+          textColor: event.event.free ? "var(--green-50)" : "white",
           title: event.event.stub
             ? t("roomFinderPage.stub")
             : event.event.free
-            ? t("roomFinderPage.available")
-            : t("roomFinderPage.occupied"),
+              ? t("roomFinderPage.available")
+              : t("roomFinderPage.occupied"),
         } as EventInput;
       }),
     );
diff --git a/frontend/src/helpers/dates.ts b/frontend/src/helpers/dates.ts
index 813805c..2851c62 100644
--- a/frontend/src/helpers/dates.ts
+++ b/frontend/src/helpers/dates.ts
@@ -23,7 +23,6 @@ export function formatYearMonthDay(date: Date): string {
   return date.toISOString().split("T")[0].replace(/-/g, "");
 }
 
-
 export function removeTZ(date: Date): Date {
-  return new Date(date.getTime() + date.getTimezoneOffset() * 60000)
-}
\ No newline at end of file
+  return new Date(date.getTime() + date.getTimezoneOffset() * 60000);
+}
diff --git a/frontend/src/helpers/ical.test.ts b/frontend/src/helpers/ical.test.ts
index 45ec010..dd25a03 100644
--- a/frontend/src/helpers/ical.test.ts
+++ b/frontend/src/helpers/ical.test.ts
@@ -18,124 +18,106 @@ import { expect, test } from "vitest";
 import { exportedForTesting } from "@/helpers/ical.ts";
 import { CalendarComponent } from "ical";
 
-
 // colorizeEvents has only the function to colorize the events that are passed to it
 test("colorizeEventsSameSummary", () => {
+  const events: CalendarComponent[] = [
+    {
+      type: "VEVENT",
+      summary: "Operations Research",
+    },
+    {
+      type: "VEVENT",
+      summary: "Operations Research",
+    },
+  ];
 
-  const events: CalendarComponent[] =
-    [
-      {
-        type: "VEVENT",
-        summary: "Operations Research",
-      },
-      {
-        type: "VEVENT",
-        summary: "Operations Research",
-      },
-    ];
-
-expect(exportedForTesting.colorizeEvents(
-    events
-       )
-    ).toEqual([{ summary: "Operations Research", color: "var(--htwk-rot-200)" },{ summary: "Operations Research", color: "var(--htwk-rot-200)" }]);
-}
-);
+  expect(exportedForTesting.colorizeEvents(events)).toEqual([
+    { summary: "Operations Research", color: "var(--htwk-rot-200)" },
+    { summary: "Operations Research", color: "var(--htwk-rot-200)" },
+  ]);
+});
 
 test("colorizeEventsDifferentSummary", () => {
+  const events: CalendarComponent[] = [
+    {
+      type: "VEVENT",
+      summary: "Algorithmische Mathematik",
+    },
+    {
+      type: "VEVENT",
+      summary: "Funktionale Programmierung",
+    },
+  ];
 
-    const events: CalendarComponent[] =
-      [
-        {
-          type: "VEVENT",
-          summary: "Algorithmische Mathematik",
-        },
-        {
-          type: "VEVENT",
-          summary: "Funktionale Programmierung",
-        },
-      ];
-
-    expect(exportedForTesting.colorizeEvents(
-        events
-      )
-    ).toEqual([{ summary: "Algorithmische Mathematik", color: "var(--htwk-rot-200)" },{ summary: "Funktionale Programmierung", color: "var(--htwk-gruen-300)" }]);
-  }
-);
-
+  expect(exportedForTesting.colorizeEvents(events)).toEqual([
+    { summary: "Algorithmische Mathematik", color: "var(--htwk-rot-200)" },
+    { summary: "Funktionale Programmierung", color: "var(--htwk-gruen-300)" },
+  ]);
+});
 
 test("filterEventsDistinct", () => {
-  const events: CalendarComponent[] =
-    [
-      {
-        type: "VEVENT",
-        summary: "Operations Research",
-      },
-      {
-        type: "VEVENT",
-        summary: "Operations Research",
-      },
-    ];
+  const events: CalendarComponent[] = [
+    {
+      type: "VEVENT",
+      summary: "Operations Research",
+    },
+    {
+      type: "VEVENT",
+      summary: "Operations Research",
+    },
+  ];
 
-  expect(exportedForTesting.filterEventsDistinct(
-      events
-    )
-  ).toEqual([{ type: "VEVENT", summary: "Operations Research" }]);
+  expect(exportedForTesting.filterEventsDistinct(events)).toEqual([
+    { type: "VEVENT", summary: "Operations Research" },
+  ]);
 });
 
 test("filterEventsDistinctDifferentSummary", () => {
-  const events: CalendarComponent[] =
-    [
-      {
-        type: "VEVENT",
-        summary: "Algorithmische Mathematik",
-      },
-      {
-        type: "VEVENT",
-        summary: "Funktionale Programmierung",
-      },
-    ];
+  const events: CalendarComponent[] = [
+    {
+      type: "VEVENT",
+      summary: "Algorithmische Mathematik",
+    },
+    {
+      type: "VEVENT",
+      summary: "Funktionale Programmierung",
+    },
+  ];
 
-  expect(exportedForTesting.filterEventsDistinct(
-      events
-    )
-  ).toEqual(events);
+  expect(exportedForTesting.filterEventsDistinct(events)).toEqual(events);
 });
 
-
 test("extractedColorizedEvents", () => {
-  const events: CalendarComponent[] =
-    [
-      {
-        type: "VEVENT",
-        summary: "Operations Research",
-      },
-      {
-        type: "VEVENT",
-        summary: "Operations Research",
-      },
-    ];
+  const events: CalendarComponent[] = [
+    {
+      type: "VEVENT",
+      summary: "Operations Research",
+    },
+    {
+      type: "VEVENT",
+      summary: "Operations Research",
+    },
+  ];
 
-  expect(exportedForTesting.extractedColorizedEvents(
-      events
-    )
-  ).toEqual([{ summary: "Operations Research", color: "var(--htwk-rot-200)" }]);
+  expect(exportedForTesting.extractedColorizedEvents(events)).toEqual([
+    { summary: "Operations Research", color: "var(--htwk-rot-200)" },
+  ]);
 });
 
 test("extractedColorizedEventsDifferentSummary", () => {
-  const events: CalendarComponent[] =
-    [
-      {
-        type: "VEVENT",
-        summary: "Algorithmische Mathematik",
-      },
-      {
-        type: "VEVENT",
-        summary: "Funktionale Programmierung",
-      },
-    ];
+  const events: CalendarComponent[] = [
+    {
+      type: "VEVENT",
+      summary: "Algorithmische Mathematik",
+    },
+    {
+      type: "VEVENT",
+      summary: "Funktionale Programmierung",
+    },
+  ];
 
-  expect(exportedForTesting.extractedColorizedEvents(
-      events
-    )
-  ).toEqual([{ summary: "Algorithmische Mathematik", color: "var(--htwk-rot-200)" },{ summary: "Funktionale Programmierung", color: "var(--htwk-gruen-300)" }]);
-});
\ No newline at end of file
+  expect(exportedForTesting.extractedColorizedEvents(events)).toEqual([
+    { summary: "Algorithmische Mathematik", color: "var(--htwk-rot-200)" },
+    { summary: "Funktionale Programmierung", color: "var(--htwk-gruen-300)" },
+  ]);
+});
diff --git a/frontend/src/helpers/ical.ts b/frontend/src/helpers/ical.ts
index b5b1b04..05d7851 100644
--- a/frontend/src/helpers/ical.ts
+++ b/frontend/src/helpers/ical.ts
@@ -23,7 +23,7 @@ import { CalendarComponent } from "ical";
  * @param color Color code for the event
  */
 export interface ColorDistinctionEvent {
-  summary: string;
+  summary: string | undefined;
   color: string;
 }
 
@@ -32,13 +32,15 @@ export interface ColorDistinctionEvent {
  * @param icalData iCal data to parse
  * @returns Array of calendar components
  */
-export function parseICalData(icalData: string | undefined): CalendarComponent[] {
+export function parseICalData(
+  icalData: string | undefined,
+): CalendarComponent[] {
   if (icalData === undefined || !icalData) {
     return [];
   } else {
     const jCalData = ICAL.parse(icalData);
     const comp = new ICAL.Component(jCalData);
-    const vEvents = comp.getAllSubcomponents('vevent');
+    const vEvents = comp.getAllSubcomponents("vevent");
     const colorDistinctionEvents = extractedColorizedEvents(vEvents);
 
     return vEvents.map((vevent: CalendarComponent) => {
@@ -50,7 +52,9 @@ export function parseICalData(icalData: string | undefined): CalendarComponent[]
         end: event.endDate.toJSDate(),
         notes: event.description,
         allDay: event.startDate.isDate,
-        color: colorDistinctionEvents.find((e: ColorDistinctionEvent) => e.summary === event.summary)?.color,
+        color: colorDistinctionEvents.find(
+          (e: ColorDistinctionEvent) => e.summary === event.summary,
+        )?.color,
         id: event.uid,
         location: event.location,
       };
@@ -63,32 +67,37 @@ export function parseICalData(icalData: string | undefined): CalendarComponent[]
  * @param vEvents Array of calendar components
  * @returns Array of objects with event name and color
  */
-function extractedColorizedEvents(vEvents: CalendarComponent[]): ColorDistinctionEvent[] {
+function extractedColorizedEvents(
+  vEvents: CalendarComponent[],
+): ColorDistinctionEvent[] {
   return colorizeEvents(filterEventsDistinct(vEvents));
 }
 
-
 /**
  * Filters out duplicate events
  * @param vEvents Array of calendar components
  * @returns Array of calendar components without duplicates
  */
-function filterEventsDistinct(vEvents: CalendarComponent[]): CalendarComponent[] {
-  return vEvents.filter((vevent: CalendarComponent, index: number, self: CalendarComponent[]) => {
-    return self.findIndex((v) => {
-      return v.summary === vevent.summary;
-    }) === index;
-  });
+function filterEventsDistinct(
+  vEvents: CalendarComponent[],
+): CalendarComponent[] {
+  return vEvents.filter(
+    (vevent: CalendarComponent, index: number, self: CalendarComponent[]) => {
+      return (
+        self.findIndex((v) => {
+          return v.summary === vevent.summary;
+        }) === index
+      );
+    },
+  );
 }
 
-
 /**
  * Assigns a color to each event
  * @param vEvents Array of calendar components
  * @returns Array of objects with event name and color
  */
 function colorizeEvents(vEvents: CalendarComponent[]): ColorDistinctionEvent[] {
-
   return vEvents.map((vevent: CalendarComponent) => {
     const colors: string[] = [
       "var(--htwk-rot-200)",
@@ -101,16 +110,19 @@ function colorizeEvents(vEvents: CalendarComponent[]): ColorDistinctionEvent[] {
       "var(--htwk-dunkelblau-200)",
       "var(--htwk-rot-400)",
       "var(--htwk-gruen-400)",
-      "var(--htwk-blau-200)"
+      "var(--htwk-blau-200)",
     ];
 
-    const randomColor = colors[vEvents.findIndex((e: CalendarComponent) => {
-      return e.summary === vevent.summary?? "";
-    }) % colors.length];
+    const randomColor =
+      colors[
+        vEvents.findIndex((e: CalendarComponent) => {
+          return e.summary === vevent.summary;
+        }) % colors.length
+      ];
 
     return {
-      summary: vevent.summary?? "",
-      color: randomColor
+      summary: vevent.summary,
+      color: randomColor,
     };
   });
 }
@@ -118,5 +130,5 @@ function colorizeEvents(vEvents: CalendarComponent[]): ColorDistinctionEvent[] {
 export const exportedForTesting = {
   extractedColorizedEvents,
   filterEventsDistinct,
-  colorizeEvents
-};
\ No newline at end of file
+  colorizeEvents,
+};
diff --git a/frontend/src/helpers/token.ts b/frontend/src/helpers/token.ts
index df81796..9b40690 100644
--- a/frontend/src/helpers/token.ts
+++ b/frontend/src/helpers/token.ts
@@ -32,4 +32,4 @@ export function extractToken(token: string): string {
   }
 
   throw new Error("Invalid token");
-}
\ No newline at end of file
+}
diff --git a/frontend/src/i18n/translations/en.json b/frontend/src/i18n/translations/en.json
index dd108ec..e64e9ff 100644
--- a/frontend/src/i18n/translations/en.json
+++ b/frontend/src/i18n/translations/en.json
@@ -10,7 +10,7 @@
   "privacy": "privacy",
   "english": "English",
   "german": "German",
-  "japanese" : "Japanese",
+  "japanese": "Japanese",
   "courseSelection": {
     "headline": "welcome to HTWKalender",
     "winterSemester": "winter semester",
diff --git a/frontend/src/i18n/translations/primevue/prime_vue_local_ja.json b/frontend/src/i18n/translations/primevue/prime_vue_local_ja.json
index 70924fb..4b606f1 100644
--- a/frontend/src/i18n/translations/primevue/prime_vue_local_ja.json
+++ b/frontend/src/i18n/translations/primevue/prime_vue_local_ja.json
@@ -26,41 +26,15 @@
     "金曜日",
     "土曜日"
   ],
-  "dayNamesMin": [
-    "日",
-    "月",
-    "火",
-    "水",
-    "木",
-    "金",
-    "土"
-  ],
-  "dayNamesShort": [
-    "日",
-    "月",
-    "火",
-    "水",
-    "木",
-    "金",
-    "土"
-  ],
+  "dayNamesMin": ["日", "月", "火", "水", "木", "金", "土"],
+  "dayNamesShort": ["日", "月", "火", "水", "木", "金", "土"],
   "emptyFilterMessage": "オプションなし",
   "emptyMessage": "結果なし",
   "emptySearchMessage": "該当なし",
   "emptySelectionMessage": "選択なし",
   "endsWith": "終わる",
   "equals": "等しい",
-  "fileSizeTypes": [
-    "B",
-    "KB",
-    "MB",
-    "GB",
-    "TB",
-    "PB",
-    "EB",
-    "ZB",
-    "YB"
-  ],
+  "fileSizeTypes": ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"],
   "filter": "フィルター",
   "firstDayOfWeek": 0,
   "gt": "超える",
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index 078fef3..a22c319 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -31,7 +31,7 @@ import Card from "primevue/card";
 import DataView from "primevue/dataview";
 import Dialog from "primevue/dialog";
 import Slider from "primevue/slider";
-import OverlayPanel from 'primevue/overlaypanel';
+import OverlayPanel from "primevue/overlaypanel";
 import ToggleButton from "primevue/togglebutton";
 import "primeicons/primeicons.css";
 import "primeflex/primeflex.css";
@@ -57,14 +57,14 @@ import Calendar from "primevue/calendar";
 import i18n from "./i18n";
 import { VueQueryPlugin } from "@tanstack/vue-query";
 import { polyfillCountryFlagEmojis } from "country-flag-emoji-polyfill";
-import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
+import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
 
 polyfillCountryFlagEmojis();
 
 const app = createApp(App);
 const pinia = createPinia();
 
-pinia.use(piniaPluginPersistedstate)
+pinia.use(piniaPluginPersistedstate);
 
 app.use(VueQueryPlugin, {
   queryClientConfig: {
diff --git a/frontend/src/model/roomOccupancyList.test.ts b/frontend/src/model/roomOccupancyList.test.ts
index aa0a3a9..677530d 100644
--- a/frontend/src/model/roomOccupancyList.test.ts
+++ b/frontend/src/model/roomOccupancyList.test.ts
@@ -21,631 +21,637 @@ import { addHours, addMinutes, interval, subHours } from "date-fns";
 import { toZonedTime } from "date-fns-tz";
 
 const testListStart = new Date("2022-01-01T00:00:00Z");
-var testList : RoomOccupancyList; //= RoomOccupancyList.fromJSON({});
-var alternating : Uint8Array = new Uint8Array(Array(4).fill(0xF0));
-var booked : Uint8Array = new Uint8Array(Array(4).fill(0xFF));
-var empty : Uint8Array = new Uint8Array(Array(4).fill(0x00));
-var counting : Uint8Array = new Uint8Array([0x00, 0x01, 0x02, 0x03]);
+var testList: RoomOccupancyList; //= RoomOccupancyList.fromJSON({});
+var alternating: Uint8Array = new Uint8Array(Array(4).fill(0xf0));
+var booked: Uint8Array = new Uint8Array(Array(4).fill(0xff));
+var empty: Uint8Array = new Uint8Array(Array(4).fill(0x00));
+var counting: Uint8Array = new Uint8Array([0x00, 0x01, 0x02, 0x03]);
 
 const localTimezone = "Europe/Berlin";
 
 describe("RoomOccupancyList", () => {
-    beforeEach(() => {
-        alternating = new Uint8Array(Array(4).fill(0xF0));
-        booked = new Uint8Array(Array(4).fill(0xFF));
-        empty = new Uint8Array(Array(4).fill(0x00));
-        counting = new Uint8Array([0x00, 0x01, 0x02, 0x03]);
-        testList = RoomOccupancyList.fromJSON({
-            start: testListStart,
-            granularity: 60,
-            blocks: 32,
-            rooms: [
-            {
-                name: "BOOKED",
-                occupancy: new Binary(booked, 0),
-            },
-            {
-                name: "EMPTY",
-                occupancy: new Binary(empty, 0),
-            },
-            {
-                name: "ALTERNATING",
-                occupancy: new Binary(alternating, 0),
-            },
-            {
-                name: "COUNTING",
-                occupancy: new Binary(counting, 0),
-            }
-            ]
-        });
+  beforeEach(() => {
+    alternating = new Uint8Array(Array(4).fill(0xf0));
+    booked = new Uint8Array(Array(4).fill(0xff));
+    empty = new Uint8Array(Array(4).fill(0x00));
+    counting = new Uint8Array([0x00, 0x01, 0x02, 0x03]);
+    testList = RoomOccupancyList.fromJSON({
+      start: testListStart,
+      granularity: 60,
+      blocks: 32,
+      rooms: [
+        {
+          name: "BOOKED",
+          occupancy: new Binary(booked, 0),
+        },
+        {
+          name: "EMPTY",
+          occupancy: new Binary(empty, 0),
+        },
+        {
+          name: "ALTERNATING",
+          occupancy: new Binary(alternating, 0),
+        },
+        {
+          name: "COUNTING",
+          occupancy: new Binary(counting, 0),
+        },
+      ],
+    });
+  });
+
+  describe("getRooms", () => {
+    test("get rooms", () => {
+      // act
+      const rooms = testList["getRooms"]();
+
+      // assert
+      expect(rooms).toEqual(["BOOKED", "EMPTY", "ALTERNATING", "COUNTING"]);
     });
 
-    describe("getRooms", () => {
-        test("get rooms", () => {
-            // act
-            const rooms = testList["getRooms"]();
-    
-            // assert
-            expect(rooms).toEqual([
-                "BOOKED",
-                "EMPTY",
-                "ALTERNATING",
-                "COUNTING"
-            ]);
-        });
+    test("get empty rooms", () => {
+      // arrange
+      const emptyRoomOccupancy = RoomOccupancyList.fromJSON({
+        start: testListStart,
+        granularity: 60,
+        blocks: 32,
+        rooms: [],
+      });
 
-        test("get empty rooms", () => {
-            // arrange
-            const emptyRoomOccupancy = RoomOccupancyList.fromJSON({
-                start: testListStart,
-                granularity: 60,
-                blocks: 32,
-                rooms: []
-            });
-    
-            // act
-            const rooms = emptyRoomOccupancy["getRooms"]();
-    
-            // assert
-            expect(rooms).toEqual([]);
-        });
-    })
+      // act
+      const rooms = emptyRoomOccupancy["getRooms"]();
 
-    describe("decodeOccupancy", () => {
-        test("generate stubs for missing room", () => {
-            // arrange
-
-            // act
-            const decoded = testList["decodeOccupancy"](
-                "MISSING",
-                testListStart,
-                addHours(testListStart, 8),
-            );
-
-            // assert
-            expect(decoded).toEqual([
-                {
-                    start: "2022-01-01T06:00:00.000Z",
-                    end: "2022-01-01T08:00:00.000Z",
-                    rooms: "MISSING",
-                    free: true,
-                    stub: true
-                }
-            ]);
-        });
-
-        test("generate stubs out of range", () => {
-            // arrange
-
-            // act
-            const decoded = testList["decodeOccupancy"](
-                "BOOKED",
-                subHours(testListStart, 10),
-                testListStart,
-            );
-
-            // assert
-            expect(decoded).toEqual([
-                {
-                    start: "2021-12-31T14:00:00.000Z",
-                    end: "2021-12-31T19:00:00.000Z",
-                    rooms: "BOOKED",
-                    free: true,
-                    stub: true
-                }
-            ]);
-        });
-
-        test("decode occupancy in range", () => {
-            // arrange
-            // act
-            const decoded = testList["decodeOccupancy"](
-                "BOOKED",
-                subHours(testListStart, 2),
-                addHours(testListStart, 8),
-            );
-
-            expect(decoded).toEqual([
-                {
-                    start: "2022-01-01T00:00:00.000Z",
-                    end: "2022-01-01T08:00:00.000Z",
-                    rooms: "BOOKED",
-                    free: false,
-                    stub: false
-                }
-            ]);
-        });
+      // assert
+      expect(rooms).toEqual([]);
     });
-    
-    describe("sliceOccupancy", () => {
-        test.each([
-            booked,
-            empty,
-            alternating
-        ])("getCompleteOccupancy of %j", (occupancy) => {
-            // arrange
-            const startTime = new Date(testList.start);
-            const endTime = new Date(addHours(startTime, 32));
-            const sliceInterval = interval(startTime, endTime);
-    
-            // act
-            const sliced = testList["sliceOccupancy"](
-                sliceInterval,
-                occupancy
-            )
-    
-            // assert
-            expect(sliced).toEqual({
-                decodeSliceStart: startTime,
-                decodeSlice: new Uint8Array(occupancy),
-            });
-        });
-    
-        test("throws start out of bounds", () => {
-            // arrange
-            const startTime = new Date(subHours(testList.start,1));
-            const endTime = new Date(addHours(startTime, 32));
-            const sliceInterval = interval(startTime, endTime);
-    
-            // act and assert
-            expect(() => {
-                testList["sliceOccupancy"](
-                    sliceInterval,
-                    alternating
-                )
-            }).toThrowError();
-        });
-    
-        test("throws end out of bounds", () => {
-            // arrange
-            const startTime = new Date(testList.start);
-            const endTime = new Date(addHours(startTime, 33));
-            const sliceInterval = interval(startTime, endTime);
-    
-            // act and assert
-            expect(() => {
-                testList["sliceOccupancy"](
-                    sliceInterval,
-                    alternating
-                )
-            }).toThrowError();
-        });
+  });
 
-        test("range at byte boundaries", () => {
-            // arrange
-            const startTime = new Date(addHours(testList.start, 8));
-            const endTime = new Date(addHours(testList.start, 24));
-            const sliceInterval = interval(startTime, endTime);
-    
-            // act
-            const sliced = testList["sliceOccupancy"](
-                sliceInterval,
-                counting
-            )
-    
-            // assert
-            expect(sliced).toEqual({
-                decodeSliceStart: startTime,
-                decodeSlice: new Uint8Array([0x01, 0x02]),
-            });
-        });
+  describe("decodeOccupancy", () => {
+    test("generate stubs for missing room", () => {
+      // arrange
 
-        test("range within byte boundaries", () => {
-            // arrange
-            const startTime = new Date(addMinutes(testListStart, 500));
-            const endTime = new Date(addHours(testListStart, 15));
-            const sliceInterval = interval(startTime, endTime);
-    
-            // act
-            const sliced = testList["sliceOccupancy"](
-                sliceInterval,
-                counting
-            )
-    
-            // assert
-            expect(sliced).toEqual({
-                decodeSliceStart: addHours(testListStart,8),
-                decodeSlice: new Uint8Array([0x01]),
-            });
-        });
+      // act
+      const decoded = testList["decodeOccupancy"](
+        "MISSING",
+        testListStart,
+        addHours(testListStart, 8),
+      );
+
+      // assert
+      expect(decoded).toEqual([
+        {
+          start: "2022-01-01T06:00:00.000Z",
+          end: "2022-01-01T08:00:00.000Z",
+          rooms: "MISSING",
+          free: true,
+          stub: true,
+        },
+      ]);
     });
 
-    describe("getOccupancyInterval", () => {
-        test("get empty interval", () => {
-            // arrange
-            const emptyRoomOccupancy = RoomOccupancyList.fromJSON({
-                start: testListStart,
-                granularity: 60,
-                blocks: 0,
-                rooms: []
-            });
-    
-            // act
-            const emptyInterval = emptyRoomOccupancy["getOccupancyInterval"]();
-    
-            // assert
-            expect(emptyInterval).toEqual(interval(testListStart, testListStart));
-        });
+    test("generate stubs out of range", () => {
+      // arrange
 
-        test("get interval of valid room occupancy list", () => {
-            // act
-            const testInterval = testList["getOccupancyInterval"]();
-    
-            // assert
-            expect(testInterval).toEqual(interval(testListStart, addHours(testListStart, 32)));
-        });
+      // act
+      const decoded = testList["decodeOccupancy"](
+        "BOOKED",
+        subHours(testListStart, 10),
+        testListStart,
+      );
+
+      // assert
+      expect(decoded).toEqual([
+        {
+          start: "2021-12-31T14:00:00.000Z",
+          end: "2021-12-31T19:00:00.000Z",
+          rooms: "BOOKED",
+          free: true,
+          stub: true,
+        },
+      ]);
     });
 
-    describe("decodeOccupancyData", () => {
-        test("decode occupancy without length", () => {
-            // arrange
-            // act
-            const decoded = RoomOccupancyList["decodeOccupancyData"](
-                new Uint8Array([]),
-                testListStart,
-                15,
-                "Raum"
-            );
-    
-            // assert
-            expect(decoded).toEqual([]);
-        });
+    test("decode occupancy in range", () => {
+      // arrange
+      // act
+      const decoded = testList["decodeOccupancy"](
+        "BOOKED",
+        subHours(testListStart, 2),
+        addHours(testListStart, 8),
+      );
 
-        test("decode blocked occupancy", () => {
-            // arrange
-            // act
-            const decoded = RoomOccupancyList["decodeOccupancyData"](
-                booked,
-                testListStart,
-                15,
-                "BOOKED"
-            );
-    
-            // assert
-            expect(decoded).toEqual([
-                {
-                    start: testListStart.toISOString(),
-                    end: addHours(testListStart, 8).toISOString(),
-                    rooms: "BOOKED",
-                    free: false,
-                    stub: false
-                }
-            ]);
-        });
+      expect(decoded).toEqual([
+        {
+          start: "2022-01-01T00:00:00.000Z",
+          end: "2022-01-01T08:00:00.000Z",
+          rooms: "BOOKED",
+          free: false,
+          stub: false,
+        },
+      ]);
+    });
+  });
 
-        test("decode empty occupancy", () => {
-            // arrange
-            // act
-            const decoded = RoomOccupancyList["decodeOccupancyData"](
-                empty,
-                testListStart,
-                15,
-                "BOOKED"
-            );
-    
-            // assert
-            expect(decoded).toEqual([]);
-        });
+  describe("sliceOccupancy", () => {
+    test.each([booked, empty, alternating])(
+      "getCompleteOccupancy of %j",
+      (occupancy) => {
+        // arrange
+        const startTime = new Date(testList.start);
+        const endTime = new Date(addHours(startTime, 32));
+        const sliceInterval = interval(startTime, endTime);
 
-        test("decode alternating occupancy", () => {
-            // arrange
-            // act
-            const decoded = RoomOccupancyList["decodeOccupancyData"](
-                alternating,
-                new Date("2024-01-01T00:00:00Z"),
-                15,
-                "ALTERNATING"
-            );
+        // act
+        const sliced = testList["sliceOccupancy"](sliceInterval, occupancy);
 
-            // assert
-            expect(decoded).toEqual([
-                {
-                    start: "2024-01-01T00:00:00.000Z",
-                    end: "2024-01-01T01:00:00.000Z",
-                    rooms: "ALTERNATING",
-                    free: false,
-                    stub: false
-                },
-                {
-                    start: "2024-01-01T02:00:00.000Z",
-                    end: "2024-01-01T03:00:00.000Z",
-                    rooms: "ALTERNATING",
-                    free: false,
-                    stub: false
-                },
-                {
-                    start: "2024-01-01T04:00:00.000Z",
-                    end: "2024-01-01T05:00:00.000Z",
-                    rooms: "ALTERNATING",
-                    free: false,
-                    stub: false
-                },
-                {
-                    start: "2024-01-01T06:00:00.000Z",
-                    end: "2024-01-01T07:00:00.000Z",
-                    rooms: "ALTERNATING",
-                    free: false,
-                    stub: false
-                }
-            ]);
+        // assert
+        expect(sliced).toEqual({
+          decodeSliceStart: startTime,
+          decodeSlice: new Uint8Array(occupancy),
         });
+      },
+    );
+
+    test("throws start out of bounds", () => {
+      // arrange
+      const startTime = new Date(subHours(testList.start, 1));
+      const endTime = new Date(addHours(startTime, 32));
+      const sliceInterval = interval(startTime, endTime);
+
+      // act and assert
+      expect(() => {
+        testList["sliceOccupancy"](sliceInterval, alternating);
+      }).toThrowError();
     });
 
-    describe("generateStubEvents", () => {
-        test("no events if negative range", () => {
-            // arrange
-            const startTime = new Date("2022-01-01T00:00:00Z");
-            const endTime = new Date("2021-01-01T00:00:00Z");
-    
-            // act
-            const stubEvents = RoomOccupancyList["generateStubEvents"](
-                "ROOM",
-                startTime,
-                endTime
-            );
-    
-            // assert
-            expect(stubEvents).toEqual([]);
-        });
+    test("throws end out of bounds", () => {
+      // arrange
+      const startTime = new Date(testList.start);
+      const endTime = new Date(addHours(startTime, 33));
+      const sliceInterval = interval(startTime, endTime);
 
-        test("no events if start and end the same", () => {
-            // arrange
-            const startTime = new Date("2022-01-01T00:00:00Z");
-            const endTime = new Date("2022-01-01T00:00:00Z");
-    
-            // act
-            const stubEvents = RoomOccupancyList["generateStubEvents"](
-                "ROOM",
-                startTime,
-                endTime
-            );
-    
-            // assert
-            expect(stubEvents).toEqual([]);
-        });
-
-        test("generate week", () => {
-            // arrange
-            const startTime = new Date("2022-01-01T12:00:00Z");
-            const endTime = new Date("2022-01-07T12:30:00Z");
-
-            // act
-            const stubEvents = RoomOccupancyList["generateStubEvents"](
-                "ROOM",
-                startTime,
-                endTime
-            );
-
-            // assert
-            expect(stubEvents).toEqual([
-                {
-                    start: "2022-01-01T12:00:00.000Z",
-                    end: "2022-01-01T19:00:00.000Z",
-                    rooms: "ROOM",
-                    free: true,
-                    stub: true,
-                },
-                {
-                    start: "2022-01-02T06:00:00.000Z",
-                    end: "2022-01-02T19:00:00.000Z",
-                    rooms: "ROOM",
-                    free: true,
-                    stub: true,
-                },
-                {
-                    start: "2022-01-03T06:00:00.000Z",
-                    end: "2022-01-03T19:00:00.000Z",
-                    rooms: "ROOM",
-                    free: true,
-                    stub: true,
-                },
-                {
-                    start: "2022-01-04T06:00:00.000Z",
-                    end: "2022-01-04T19:00:00.000Z",
-                    rooms: "ROOM",
-                    free: true,
-                    stub: true,
-                },
-                {
-                    start: "2022-01-05T06:00:00.000Z",
-                    end: "2022-01-05T19:00:00.000Z",
-                    rooms: "ROOM",
-                    free: true,
-                    stub: true,
-                },
-                {
-                    start: "2022-01-06T06:00:00.000Z",
-                    end: "2022-01-06T19:00:00.000Z",
-                    rooms: "ROOM",
-                    free: true,
-                    stub: true,
-                },
-                {
-                    start: "2022-01-07T06:00:00.000Z",
-                    end: "2022-01-07T12:30:00.000Z",
-                    rooms: "ROOM",
-                    free: true,
-                    stub: true,
-                }
-            ]);
-        });
-
-        test("generate day", () => {
-            // arrange
-            const startTime = new Date("2022-01-01T16:00:00Z");
-            const endTime = new Date("2022-01-01T19:00:00Z");
-
-            // act
-            const stubEvents = RoomOccupancyList["generateStubEvents"](
-                "ROOM",
-                startTime,
-                endTime
-            );
-
-            // assert
-            expect(stubEvents).toEqual([
-                {
-                    start: "2022-01-01T16:00:00.000Z",
-                    end: "2022-01-01T19:00:00.000Z",
-                    rooms: "ROOM",
-                    free: true,
-                    stub: true,
-                }
-            ]);
-        });
+      // act and assert
+      expect(() => {
+        testList["sliceOccupancy"](sliceInterval, alternating);
+      }).toThrowError();
     });
 
-    describe("shiftTimeForwardInsideWorkday", () => {
-        test("shift time to next day", () => {
-            // arrange
-            const startTime = new Date("2022-01-01T20:00:00Z");
-    
-            // act
-            const shiftedTime = RoomOccupancyList["shiftTimeForwardInsideWorkday"](startTime);
-    
-            // assert
-            expect(toZonedTime(shiftedTime, localTimezone)).toEqual(new Date("2022-01-02T00:00:00Z"));
-        });
+    test("range at byte boundaries", () => {
+      // arrange
+      const startTime = new Date(addHours(testList.start, 8));
+      const endTime = new Date(addHours(testList.start, 24));
+      const sliceInterval = interval(startTime, endTime);
 
-        test("don't shift time on the same day", () => {
-            // arrange
-            const startTime = new Date("2022-01-02T01:00:00Z");
-    
-            // act
-            const shiftedTime = RoomOccupancyList["shiftTimeForwardInsideWorkday"](startTime);
-    
-            // assert
-            expect(toZonedTime(shiftedTime, localTimezone)).toEqual(new Date("2022-01-02T02:00:00Z"));
-        });
+      // act
+      const sliced = testList["sliceOccupancy"](sliceInterval, counting);
 
-        test("don't shift if already inside workday", () => {
-            // arrange
-            const startTime = new Date("2022-01-02T12:30:00Z");
-    
-            // act
-            const shiftedTime = RoomOccupancyList["shiftTimeForwardInsideWorkday"](startTime);
-    
-            // assert
-            expect(toZonedTime(shiftedTime, localTimezone)).toEqual(new Date("2022-01-02T13:30:00Z"));
-        });
+      // assert
+      expect(sliced).toEqual({
+        decodeSliceStart: startTime,
+        decodeSlice: new Uint8Array([0x01, 0x02]),
+      });
     });
 
-    describe("shiftTimeBackwardInsideWorkday", () => {
-        test("shift time to last day", () => {
-            // arrange
-            const startTime = new Date("2022-01-02T05:30:00Z");
-    
-            // act
-            const shiftedTime = RoomOccupancyList["shiftTimeBackwardInsideWorkday"](startTime);
-    
-            // assert
-            expect(toZonedTime(shiftedTime, localTimezone)).toEqual(new Date("2022-01-01T23:59:59.999Z"));
-        });
+    test("range within byte boundaries", () => {
+      // arrange
+      const startTime = new Date(addMinutes(testListStart, 500));
+      const endTime = new Date(addHours(testListStart, 15));
+      const sliceInterval = interval(startTime, endTime);
 
-        test("don't shift time on the same day", () => {
-            // arrange
-            const startTime = new Date("2022-01-02T22:00:00Z");
-    
-            // act
-            const shiftedTime = RoomOccupancyList["shiftTimeBackwardInsideWorkday"](startTime);
-    
-            // assert
-            expect(toZonedTime(shiftedTime, localTimezone)).toEqual(new Date("2022-01-02T23:00:00Z"));
-        });
+      // act
+      const sliced = testList["sliceOccupancy"](sliceInterval, counting);
 
-        test("don't shift if already inside workday", () => {
-            // arrange
-            const startTime = new Date("2022-01-02T12:30:00Z");
-    
-            // act
-            const shiftedTime = RoomOccupancyList["shiftTimeBackwardInsideWorkday"](startTime);
-    
-            // assert
-            expect(toZonedTime(shiftedTime, localTimezone)).toEqual(new Date("2022-01-02T13:30:00Z"));
-        });
+      // assert
+      expect(sliced).toEqual({
+        decodeSliceStart: addHours(testListStart, 8),
+        decodeSlice: new Uint8Array([0x01]),
+      });
+    });
+  });
+
+  describe("getOccupancyInterval", () => {
+    test("get empty interval", () => {
+      // arrange
+      const emptyRoomOccupancy = RoomOccupancyList.fromJSON({
+        start: testListStart,
+        granularity: 60,
+        blocks: 0,
+        rooms: [],
+      });
+
+      // act
+      const emptyInterval = emptyRoomOccupancy["getOccupancyInterval"]();
+
+      // assert
+      expect(emptyInterval).toEqual(interval(testListStart, testListStart));
     });
 
-    describe("setTimeOfDay", () => {
-        test("set time to 00:00:00", () => {
-            // arrange
-            const startTime = new Date("2022-01-02T12:30:00Z");
-    
-            // act
-            const shiftedTime = RoomOccupancyList["setTimeOfDay"](startTime, {});
-    
-            // assert
-            expect(shiftedTime).toEqual(new Date("2022-01-01T23:00:00Z"));
-        });
+    test("get interval of valid room occupancy list", () => {
+      // act
+      const testInterval = testList["getOccupancyInterval"]();
 
-        test("set time to 23:59:59", () => {
-            // arrange
-            const startTime = new Date("2022-06-02T12:30:00Z");
-    
-            // act
-            const shiftedTime = RoomOccupancyList["setTimeOfDay"](startTime, {hours: 23, minutes: 59, seconds: 59});
-    
-            // assert
-            expect(shiftedTime).toEqual(new Date("2022-06-02T21:59:59Z"));
-        });
+      // assert
+      expect(testInterval).toEqual(
+        interval(testListStart, addHours(testListStart, 32)),
+      );
+    });
+  });
 
-        test("set same time", () => {
-            // arrange
-            const startTime = new Date("2022-01-02T12:30:00Z");
-    
-            // act
-            const shiftedTime = RoomOccupancyList["setTimeOfDay"](startTime, {hours: 13, minutes: 30, seconds: 0});
-    
-            // assert
-            expect(shiftedTime).toEqual(new Date("2022-01-02T12:30:00Z"));
-        });
+  describe("decodeOccupancyData", () => {
+    test("decode occupancy without length", () => {
+      // arrange
+      // act
+      const decoded = RoomOccupancyList["decodeOccupancyData"](
+        new Uint8Array([]),
+        testListStart,
+        15,
+        "Raum",
+      );
+
+      // assert
+      expect(decoded).toEqual([]);
     });
 
-    describe("startOfDay", () => {
-        test("in the winter", () => {
-            // arrange
-            const startTime = new Date("2022-01-02T12:30:00Z");
-    
-            // act
-            const shiftedTime = RoomOccupancyList["startOfDay"](startTime);
-    
-            // assert
-            expect(shiftedTime).toEqual(new Date("2022-01-01T23:00:00Z"));
-        });
+    test("decode blocked occupancy", () => {
+      // arrange
+      // act
+      const decoded = RoomOccupancyList["decodeOccupancyData"](
+        booked,
+        testListStart,
+        15,
+        "BOOKED",
+      );
 
-        test("in the summer", () => {
-            // arrange
-            const startTime = new Date("2022-06-02T12:30:00Z");
-    
-            // act
-            const shiftedTime = RoomOccupancyList["startOfDay"](startTime);
-    
-            // assert
-            expect(shiftedTime).toEqual(new Date("2022-06-01:22:00Z"));
-        });
+      // assert
+      expect(decoded).toEqual([
+        {
+          start: testListStart.toISOString(),
+          end: addHours(testListStart, 8).toISOString(),
+          rooms: "BOOKED",
+          free: false,
+          stub: false,
+        },
+      ]);
     });
 
-    describe("endOfDay", () => {
-        test("in the winter", () => {
-            // arrange
-            const startTime = new Date("2022-01-02T12:30:00Z");
-    
-            // act
-            const shiftedTime = RoomOccupancyList["startOfDay"](startTime);
-    
-            // assert
-            expect(shiftedTime).toEqual(new Date("2022-01-01T23:00:00Z"));
-        });
+    test("decode empty occupancy", () => {
+      // arrange
+      // act
+      const decoded = RoomOccupancyList["decodeOccupancyData"](
+        empty,
+        testListStart,
+        15,
+        "BOOKED",
+      );
 
-        test("in the summer", () => {
-            // arrange
-            const startTime = new Date("2022-06-02T12:30:00Z");
-    
-            // act
-            const shiftedTime = RoomOccupancyList["startOfDay"](startTime);
-    
-            // assert
-            expect(shiftedTime).toEqual(new Date("2022-06-01:22:00Z"));
-        });
+      // assert
+      expect(decoded).toEqual([]);
     });
-    
+
+    test("decode alternating occupancy", () => {
+      // arrange
+      // act
+      const decoded = RoomOccupancyList["decodeOccupancyData"](
+        alternating,
+        new Date("2024-01-01T00:00:00Z"),
+        15,
+        "ALTERNATING",
+      );
+
+      // assert
+      expect(decoded).toEqual([
+        {
+          start: "2024-01-01T00:00:00.000Z",
+          end: "2024-01-01T01:00:00.000Z",
+          rooms: "ALTERNATING",
+          free: false,
+          stub: false,
+        },
+        {
+          start: "2024-01-01T02:00:00.000Z",
+          end: "2024-01-01T03:00:00.000Z",
+          rooms: "ALTERNATING",
+          free: false,
+          stub: false,
+        },
+        {
+          start: "2024-01-01T04:00:00.000Z",
+          end: "2024-01-01T05:00:00.000Z",
+          rooms: "ALTERNATING",
+          free: false,
+          stub: false,
+        },
+        {
+          start: "2024-01-01T06:00:00.000Z",
+          end: "2024-01-01T07:00:00.000Z",
+          rooms: "ALTERNATING",
+          free: false,
+          stub: false,
+        },
+      ]);
+    });
+  });
+
+  describe("generateStubEvents", () => {
+    test("no events if negative range", () => {
+      // arrange
+      const startTime = new Date("2022-01-01T00:00:00Z");
+      const endTime = new Date("2021-01-01T00:00:00Z");
+
+      // act
+      const stubEvents = RoomOccupancyList["generateStubEvents"](
+        "ROOM",
+        startTime,
+        endTime,
+      );
+
+      // assert
+      expect(stubEvents).toEqual([]);
+    });
+
+    test("no events if start and end the same", () => {
+      // arrange
+      const startTime = new Date("2022-01-01T00:00:00Z");
+      const endTime = new Date("2022-01-01T00:00:00Z");
+
+      // act
+      const stubEvents = RoomOccupancyList["generateStubEvents"](
+        "ROOM",
+        startTime,
+        endTime,
+      );
+
+      // assert
+      expect(stubEvents).toEqual([]);
+    });
+
+    test("generate week", () => {
+      // arrange
+      const startTime = new Date("2022-01-01T12:00:00Z");
+      const endTime = new Date("2022-01-07T12:30:00Z");
+
+      // act
+      const stubEvents = RoomOccupancyList["generateStubEvents"](
+        "ROOM",
+        startTime,
+        endTime,
+      );
+
+      // assert
+      expect(stubEvents).toEqual([
+        {
+          start: "2022-01-01T12:00:00.000Z",
+          end: "2022-01-01T19:00:00.000Z",
+          rooms: "ROOM",
+          free: true,
+          stub: true,
+        },
+        {
+          start: "2022-01-02T06:00:00.000Z",
+          end: "2022-01-02T19:00:00.000Z",
+          rooms: "ROOM",
+          free: true,
+          stub: true,
+        },
+        {
+          start: "2022-01-03T06:00:00.000Z",
+          end: "2022-01-03T19:00:00.000Z",
+          rooms: "ROOM",
+          free: true,
+          stub: true,
+        },
+        {
+          start: "2022-01-04T06:00:00.000Z",
+          end: "2022-01-04T19:00:00.000Z",
+          rooms: "ROOM",
+          free: true,
+          stub: true,
+        },
+        {
+          start: "2022-01-05T06:00:00.000Z",
+          end: "2022-01-05T19:00:00.000Z",
+          rooms: "ROOM",
+          free: true,
+          stub: true,
+        },
+        {
+          start: "2022-01-06T06:00:00.000Z",
+          end: "2022-01-06T19:00:00.000Z",
+          rooms: "ROOM",
+          free: true,
+          stub: true,
+        },
+        {
+          start: "2022-01-07T06:00:00.000Z",
+          end: "2022-01-07T12:30:00.000Z",
+          rooms: "ROOM",
+          free: true,
+          stub: true,
+        },
+      ]);
+    });
+
+    test("generate day", () => {
+      // arrange
+      const startTime = new Date("2022-01-01T16:00:00Z");
+      const endTime = new Date("2022-01-01T19:00:00Z");
+
+      // act
+      const stubEvents = RoomOccupancyList["generateStubEvents"](
+        "ROOM",
+        startTime,
+        endTime,
+      );
+
+      // assert
+      expect(stubEvents).toEqual([
+        {
+          start: "2022-01-01T16:00:00.000Z",
+          end: "2022-01-01T19:00:00.000Z",
+          rooms: "ROOM",
+          free: true,
+          stub: true,
+        },
+      ]);
+    });
+  });
+
+  describe("shiftTimeForwardInsideWorkday", () => {
+    test("shift time to next day", () => {
+      // arrange
+      const startTime = new Date("2022-01-01T20:00:00Z");
+
+      // act
+      const shiftedTime =
+        RoomOccupancyList["shiftTimeForwardInsideWorkday"](startTime);
+
+      // assert
+      expect(toZonedTime(shiftedTime, localTimezone)).toEqual(
+        new Date("2022-01-02T00:00:00Z"),
+      );
+    });
+
+    test("don't shift time on the same day", () => {
+      // arrange
+      const startTime = new Date("2022-01-02T01:00:00Z");
+
+      // act
+      const shiftedTime =
+        RoomOccupancyList["shiftTimeForwardInsideWorkday"](startTime);
+
+      // assert
+      expect(toZonedTime(shiftedTime, localTimezone)).toEqual(
+        new Date("2022-01-02T02:00:00Z"),
+      );
+    });
+
+    test("don't shift if already inside workday", () => {
+      // arrange
+      const startTime = new Date("2022-01-02T12:30:00Z");
+
+      // act
+      const shiftedTime =
+        RoomOccupancyList["shiftTimeForwardInsideWorkday"](startTime);
+
+      // assert
+      expect(toZonedTime(shiftedTime, localTimezone)).toEqual(
+        new Date("2022-01-02T13:30:00Z"),
+      );
+    });
+  });
+
+  describe("shiftTimeBackwardInsideWorkday", () => {
+    test("shift time to last day", () => {
+      // arrange
+      const startTime = new Date("2022-01-02T05:30:00Z");
+
+      // act
+      const shiftedTime =
+        RoomOccupancyList["shiftTimeBackwardInsideWorkday"](startTime);
+
+      // assert
+      expect(toZonedTime(shiftedTime, localTimezone)).toEqual(
+        new Date("2022-01-01T23:59:59.999Z"),
+      );
+    });
+
+    test("don't shift time on the same day", () => {
+      // arrange
+      const startTime = new Date("2022-01-02T22:00:00Z");
+
+      // act
+      const shiftedTime =
+        RoomOccupancyList["shiftTimeBackwardInsideWorkday"](startTime);
+
+      // assert
+      expect(toZonedTime(shiftedTime, localTimezone)).toEqual(
+        new Date("2022-01-02T23:00:00Z"),
+      );
+    });
+
+    test("don't shift if already inside workday", () => {
+      // arrange
+      const startTime = new Date("2022-01-02T12:30:00Z");
+
+      // act
+      const shiftedTime =
+        RoomOccupancyList["shiftTimeBackwardInsideWorkday"](startTime);
+
+      // assert
+      expect(toZonedTime(shiftedTime, localTimezone)).toEqual(
+        new Date("2022-01-02T13:30:00Z"),
+      );
+    });
+  });
+
+  describe("setTimeOfDay", () => {
+    test("set time to 00:00:00", () => {
+      // arrange
+      const startTime = new Date("2022-01-02T12:30:00Z");
+
+      // act
+      const shiftedTime = RoomOccupancyList["setTimeOfDay"](startTime, {});
+
+      // assert
+      expect(shiftedTime).toEqual(new Date("2022-01-01T23:00:00Z"));
+    });
+
+    test("set time to 23:59:59", () => {
+      // arrange
+      const startTime = new Date("2022-06-02T12:30:00Z");
+
+      // act
+      const shiftedTime = RoomOccupancyList["setTimeOfDay"](startTime, {
+        hours: 23,
+        minutes: 59,
+        seconds: 59,
+      });
+
+      // assert
+      expect(shiftedTime).toEqual(new Date("2022-06-02T21:59:59Z"));
+    });
+
+    test("set same time", () => {
+      // arrange
+      const startTime = new Date("2022-01-02T12:30:00Z");
+
+      // act
+      const shiftedTime = RoomOccupancyList["setTimeOfDay"](startTime, {
+        hours: 13,
+        minutes: 30,
+        seconds: 0,
+      });
+
+      // assert
+      expect(shiftedTime).toEqual(new Date("2022-01-02T12:30:00Z"));
+    });
+  });
+
+  describe("startOfDay", () => {
+    test("in the winter", () => {
+      // arrange
+      const startTime = new Date("2022-01-02T12:30:00Z");
+
+      // act
+      const shiftedTime = RoomOccupancyList["startOfDay"](startTime);
+
+      // assert
+      expect(shiftedTime).toEqual(new Date("2022-01-01T23:00:00Z"));
+    });
+
+    test("in the summer", () => {
+      // arrange
+      const startTime = new Date("2022-06-02T12:30:00Z");
+
+      // act
+      const shiftedTime = RoomOccupancyList["startOfDay"](startTime);
+
+      // assert
+      expect(shiftedTime).toEqual(new Date("2022-06-01:22:00Z"));
+    });
+  });
+
+  describe("endOfDay", () => {
+    test("in the winter", () => {
+      // arrange
+      const startTime = new Date("2022-01-02T12:30:00Z");
+
+      // act
+      const shiftedTime = RoomOccupancyList["startOfDay"](startTime);
+
+      // assert
+      expect(shiftedTime).toEqual(new Date("2022-01-01T23:00:00Z"));
+    });
+
+    test("in the summer", () => {
+      // arrange
+      const startTime = new Date("2022-06-02T12:30:00Z");
+
+      // act
+      const shiftedTime = RoomOccupancyList["startOfDay"](startTime);
+
+      // assert
+      expect(shiftedTime).toEqual(new Date("2022-06-01:22:00Z"));
+    });
+  });
 });
diff --git a/frontend/src/model/roomOccupancyList.ts b/frontend/src/model/roomOccupancyList.ts
index c18f629..068209c 100644
--- a/frontend/src/model/roomOccupancyList.ts
+++ b/frontend/src/model/roomOccupancyList.ts
@@ -16,13 +16,31 @@
 
 import { Binary } from "bson";
 import { AnonymizedOccupancy } from "./event";
-import { Duration, NormalizedInterval, add, addDays, addMinutes, clamp, differenceInMinutes, eachDayOfInterval, endOfDay, interval, isAfter, isBefore, isEqual, max, min, startOfDay, subDays } from "date-fns";
+import {
+  Duration,
+  NormalizedInterval,
+  add,
+  addDays,
+  addMinutes,
+  clamp,
+  differenceInMinutes,
+  eachDayOfInterval,
+  endOfDay,
+  interval,
+  isAfter,
+  isBefore,
+  isEqual,
+  max,
+  min,
+  startOfDay,
+  subDays,
+} from "date-fns";
 import { fromZonedTime, toZonedTime } from "date-fns-tz";
 
 /// The start time of the day. 07:00
-const START_OF_WORKDAY : Duration = {hours: 7};
+const START_OF_WORKDAY: Duration = { hours: 7 };
 /// The end time of the day. 20:00
-const END_OF_WORKDAY : Duration = {hours: 20};
+const END_OF_WORKDAY: Duration = { hours: 20 };
 /// The timezone of the data (Leipzig)
 const TIMEZONE = "Europe/Berlin";
 
@@ -32,8 +50,8 @@ const TIMEZONE = "Europe/Berlin";
  */
 class RoomOccupancy {
   constructor(
-    public name : string,
-    public occupancy : Binary,
+    public name: string,
+    public occupancy: Binary,
   ) {}
 }
 
@@ -41,22 +59,22 @@ class RoomOccupancy {
  * Represents the occupancy of multiple rooms.
  * start is the start date of the occupancy list.
  * granularity is the duration of a single block in minutes.
- * blocks is the number of time slices called blocks. 
+ * blocks is the number of time slices called blocks.
  * rooms is a list of RoomOccupancy objects representing the occupancy of each room.
  */
 export class RoomOccupancyList {
   constructor(
-    public start : Date,
-    public granularity : number, 
-    public blocks : number,
-    public rooms : RoomOccupancy[],
+    public start: Date,
+    public granularity: number,
+    public blocks: number,
+    public rooms: RoomOccupancy[],
   ) {}
 
   /**
    * Get a list of all rooms encoded in this occupancy list.
    * @returns a list of room names.
    */
-  public getRooms() : string[] {
+  public getRooms(): string[] {
     return this.rooms.map((room) => room.name);
   }
 
@@ -67,9 +85,13 @@ export class RoomOccupancyList {
    * @param to the end of the time range.
    * @returns a list of AnonymizedEventDTO objects representing the occupancy of the room.
    */
-  public decodeOccupancy(room : string, from : Date, to : Date) : AnonymizedOccupancy[] {
+  public decodeOccupancy(
+    room: string,
+    from: Date,
+    to: Date,
+  ): AnonymizedOccupancy[] {
     const roomOccupancy = this.rooms.find((r) => r.name === room);
-    
+
     if (roomOccupancy === undefined) {
       return RoomOccupancyList.generateStubEvents(room, from, to);
     }
@@ -77,23 +99,41 @@ export class RoomOccupancyList {
     const occupancyList = [];
 
     // Get start and end of decoded time range (within encoded list and requested range)
-    let decodeInterval = interval(clamp(from, this.getOccupancyInterval()), clamp(to, this.getOccupancyInterval()));
+    let decodeInterval = interval(
+      clamp(from, this.getOccupancyInterval()),
+      clamp(to, this.getOccupancyInterval()),
+    );
 
-    let {decodeSliceStart, decodeSlice} = this.sliceOccupancy(
+    let { decodeSliceStart, decodeSlice } = this.sliceOccupancy(
       decodeInterval,
-      roomOccupancy.occupancy.buffer
+      roomOccupancy.occupancy.buffer,
     );
 
     // Decode the occupancy data
-    occupancyList.push(...RoomOccupancyList.decodeOccupancyData(new Uint8Array(decodeSlice), decodeSliceStart, this.granularity, room));
+    occupancyList.push(
+      ...RoomOccupancyList.decodeOccupancyData(
+        new Uint8Array(decodeSlice),
+        decodeSliceStart,
+        this.granularity,
+        room,
+      ),
+    );
 
     // add stub events for the time before and after the decoded time range
     if (!isEqual(from, decodeInterval.start)) {
-      occupancyList.push(...RoomOccupancyList.generateStubEvents(room, from, decodeInterval.start));
+      occupancyList.push(
+        ...RoomOccupancyList.generateStubEvents(
+          room,
+          from,
+          decodeInterval.start,
+        ),
+      );
     }
 
     if (!isEqual(to, decodeInterval.end)) {
-      occupancyList.push(...RoomOccupancyList.generateStubEvents(room, decodeInterval.end, to));
+      occupancyList.push(
+        ...RoomOccupancyList.generateStubEvents(room, decodeInterval.end, to),
+      );
     }
 
     return occupancyList;
@@ -106,10 +146,16 @@ export class RoomOccupancyList {
    * @returns a new occupancy byte array with the starting time of the first byte
    * @throws an error, if the selected time range is outside of the occupancy list.
    */
-  private sliceOccupancy(decodeInterval : NormalizedInterval, occupancy : Uint8Array) : {decodeSliceStart: Date, decodeSlice: Uint8Array} {
+  private sliceOccupancy(
+    decodeInterval: NormalizedInterval,
+    occupancy: Uint8Array,
+  ): { decodeSliceStart: Date; decodeSlice: Uint8Array } {
     // Calculate the slice of bytes, that are needed to decode the requested time range
     // Note: differenceInMinutes calculates (left - right)
-    let minutesFromStart = differenceInMinutes(decodeInterval.start, this.start);
+    let minutesFromStart = differenceInMinutes(
+      decodeInterval.start,
+      this.start,
+    );
     let minutesToEnd = differenceInMinutes(decodeInterval.end, this.start);
 
     let firstByte = Math.floor(minutesFromStart / this.granularity / 8);
@@ -117,13 +163,18 @@ export class RoomOccupancyList {
 
     // check if firstByte and lastByte are within the bounds of the occupancy array and throw an error if not
     if (
-      firstByte < 0 || firstByte >= occupancy.length ||
-      lastByte < 0 || lastByte > occupancy.length
+      firstByte < 0 ||
+      firstByte >= occupancy.length ||
+      lastByte < 0 ||
+      lastByte > occupancy.length
     ) {
       throw new Error("Requested time range is outside of the occupancy list.");
     }
-    
-    let decodeSliceStart = addMinutes(this.start, firstByte * 8 * this.granularity);
+
+    let decodeSliceStart = addMinutes(
+      this.start,
+      firstByte * 8 * this.granularity,
+    );
     let decodeSlice = occupancy.buffer.slice(firstByte, lastByte);
 
     return { decodeSliceStart, decodeSlice: new Uint8Array(decodeSlice) };
@@ -133,8 +184,11 @@ export class RoomOccupancyList {
    * Get the decoded time interval within the current occupancy list.
    * @returns the interval of the occupancy list.
    */
-  private getOccupancyInterval() : NormalizedInterval<Date> {
-    return interval(this.start, addMinutes(this.start, this.granularity * this.blocks));
+  private getOccupancyInterval(): NormalizedInterval<Date> {
+    return interval(
+      this.start,
+      addMinutes(this.start, this.granularity * this.blocks),
+    );
   }
 
   /**
@@ -145,9 +199,14 @@ export class RoomOccupancyList {
    * @param room the room name.
    * @returns a list of AnonymizedOccupancy objects representing the occupancy of the room.
    */
-  public static decodeOccupancyData(occupancy : Uint8Array, start : Date, granularity : number, room : string) : AnonymizedOccupancy[] {
+  public static decodeOccupancyData(
+    occupancy: Uint8Array,
+    start: Date,
+    granularity: number,
+    room: string,
+  ): AnonymizedOccupancy[] {
     let occupancyList = [];
-    let firstOccupancyBit : number | null = null;
+    let firstOccupancyBit: number | null = null;
 
     // Iterate over all bytes that are in the array
     for (let byte_i = 0; byte_i < occupancy.length; byte_i++) {
@@ -155,7 +214,7 @@ export class RoomOccupancyList {
 
       // Iterate over all bits in the current byte
       for (let bit_i = 0; bit_i < 8; bit_i++) {
-        let isOccupied = (byte & (1 << (7-bit_i))) !== 0;
+        let isOccupied = (byte & (1 << (7 - bit_i))) !== 0;
 
         if (firstOccupancyBit === null && isOccupied) {
           firstOccupancyBit = byte_i * 8 + bit_i;
@@ -164,31 +223,35 @@ export class RoomOccupancyList {
           let endTime = addMinutes(start, (byte_i * 8 + bit_i) * granularity);
 
           // add event between start and end of a block of boolean true values
-          occupancyList.push(new AnonymizedOccupancy(
-            startTime.toISOString(),
-            endTime.toISOString(),
-            room,
-            false,
-            false,
-          ));
+          occupancyList.push(
+            new AnonymizedOccupancy(
+              startTime.toISOString(),
+              endTime.toISOString(),
+              room,
+              false,
+              false,
+            ),
+          );
 
           firstOccupancyBit = null;
         }
       }
     }
-    
+
     // add last event if it is still ongoing
     if (firstOccupancyBit !== null) {
       let startTime = addMinutes(start, firstOccupancyBit * granularity);
       let endTime = addMinutes(start, occupancy.length * 8 * granularity);
 
-      occupancyList.push(new AnonymizedOccupancy(
-        startTime.toISOString(),
-        endTime.toISOString(),
-        room,
-        false,
-        false,
-      ));
+      occupancyList.push(
+        new AnonymizedOccupancy(
+          startTime.toISOString(),
+          endTime.toISOString(),
+          room,
+          false,
+          false,
+        ),
+      );
     }
 
     return occupancyList;
@@ -197,22 +260,32 @@ export class RoomOccupancyList {
   /**
    * Generate a list of AnonymizedOccupancy objects for a given time range.
    * The generated events are always lying within the time range [START_OF_DAY, END_OF_DAY].
-   * 
+   *
    * @param from The start time within the specified start day.
    * @param to The end time within the specified end day.
    * @returns a list of AnonymizedEventDTO objects, from start to end.
    */
-  public static generateStubEvents(rooms : string, from : Date, to : Date) : AnonymizedOccupancy[] {
+  public static generateStubEvents(
+    rooms: string,
+    from: Date,
+    to: Date,
+  ): AnonymizedOccupancy[] {
     from = RoomOccupancyList.shiftTimeForwardInsideWorkday(from);
     to = RoomOccupancyList.shiftTimeBackwardInsideWorkday(to);
-    
+
     if (isAfter(from, to)) {
       return [];
     }
 
-    return eachDayOfInterval({start: from, end: to}).map((day) => {
-      let startTime = max([from, RoomOccupancyList.setTimeOfDay(day, START_OF_WORKDAY)]);
-      let endTime = min([to, RoomOccupancyList.setTimeOfDay(day, END_OF_WORKDAY)]);
+    return eachDayOfInterval({ start: from, end: to }).map((day) => {
+      let startTime = max([
+        from,
+        RoomOccupancyList.setTimeOfDay(day, START_OF_WORKDAY),
+      ]);
+      let endTime = min([
+        to,
+        RoomOccupancyList.setTimeOfDay(day, END_OF_WORKDAY),
+      ]);
 
       return new AnonymizedOccupancy(
         startTime.toISOString(),
@@ -230,26 +303,28 @@ export class RoomOccupancyList {
    * @param json the JS object to read from.
    * @returns a RoomOccupancyList object.
    */
-  public static fromJSON(json : any) : RoomOccupancyList {
+  public static fromJSON(json: any): RoomOccupancyList {
     return new RoomOccupancyList(
       json.start,
       json.granularity,
       json.blocks,
-      json.rooms.map((room : any) => new RoomOccupancy(room.name, room.occupancy)
-    ));
+      json.rooms.map(
+        (room: any) => new RoomOccupancy(room.name, room.occupancy),
+      ),
+    );
   }
 
   /**
    * Shift the time forward to the start of the next day if it is after the end of the current day.
-   * 
+   *
    * @param date the date time to check if in bounds.
    * @returns the shifted time.
    */
-  private static shiftTimeForwardInsideWorkday(date : Date) : Date {
+  private static shiftTimeForwardInsideWorkday(date: Date): Date {
     // if the time of date is after the end of the workday
     if (isAfter(date, RoomOccupancyList.setTimeOfDay(date, END_OF_WORKDAY))) {
       // shift the time to the start of the next day
-      return RoomOccupancyList.startOfDay(addDays(date,1));
+      return RoomOccupancyList.startOfDay(addDays(date, 1));
     } else {
       return date;
     }
@@ -257,15 +332,17 @@ export class RoomOccupancyList {
 
   /**
    * Shift the time backward to the end of the previous day if it is before the start of the current day.
-   * 
+   *
    * @param date the date time to check if in bounds.
    * @returns the shifted time.
    */
-  private static shiftTimeBackwardInsideWorkday(date : Date) : Date {
+  private static shiftTimeBackwardInsideWorkday(date: Date): Date {
     // if the time of date is before the start of the workday
-    if (isBefore(date, RoomOccupancyList.setTimeOfDay(date, START_OF_WORKDAY))) {
+    if (
+      isBefore(date, RoomOccupancyList.setTimeOfDay(date, START_OF_WORKDAY))
+    ) {
       // shift the time to the end of the previous day
-      return RoomOccupancyList.endOfDay(subDays(date,1));
+      return RoomOccupancyList.endOfDay(subDays(date, 1));
     } else {
       return date;
     }
@@ -277,16 +354,16 @@ export class RoomOccupancyList {
    * @param time the time as Duration after 00:00.
    * @returns new date with changed time values.
    */
-  private static setTimeOfDay(date : Date, time : Duration) : Date {
+  private static setTimeOfDay(date: Date, time: Duration): Date {
     return add(RoomOccupancyList.startOfDay(date), time);
   }
 
   /**
    * Start of day in server timezone defined as const TIMEZONE.
-   * @param date 
+   * @param date
    * @returns the start of the day.
    */
-  private static startOfDay(date : Date) : Date {
+  private static startOfDay(date: Date): Date {
     const dateInLocalTimezone = toZonedTime(date, TIMEZONE);
     return fromZonedTime(startOfDay(dateInLocalTimezone), TIMEZONE);
   }
@@ -296,10 +373,8 @@ export class RoomOccupancyList {
    * @param date
    * @returns the end of the day.
    */
-  private static endOfDay(date : Date) : Date {
+  private static endOfDay(date: Date): Date {
     const dateInLocalTimezone = toZonedTime(date, TIMEZONE);
     return fromZonedTime(endOfDay(dateInLocalTimezone), TIMEZONE);
   }
-
 }
-
diff --git a/frontend/src/view/FreeRooms.vue b/frontend/src/view/FreeRooms.vue
index 9ad7740..c721211 100644
--- a/frontend/src/view/FreeRooms.vue
+++ b/frontend/src/view/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"
diff --git a/frontend/src/view/UserCalendar.vue b/frontend/src/view/UserCalendar.vue
index 7bc9328..3cfdcdb 100644
--- a/frontend/src/view/UserCalendar.vue
+++ b/frontend/src/view/UserCalendar.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-
 import CalendarViewer from "@/components/CalendarViewer.vue";
 import DynamicPage from "@/view/DynamicPage.vue";
 import { useI18n } from "vue-i18n";
@@ -12,7 +11,7 @@ import tokenStore from "@/store/tokenStore.ts";
 const { t } = useI18n({ useScope: "global" });
 const toast = useToast();
 
-const token = ref(tokenStore().token || ""  as string );
+const token = ref(tokenStore().token || ("" as string));
 
 // parse token from query parameter
 const urlParams = new URLSearchParams(window.location.search);
@@ -46,7 +45,6 @@ onMounted(() => {
     loadCalendar();
   }
 });
-
 </script>
 
 <template>
@@ -55,7 +53,7 @@ onMounted(() => {
     :headline="$t('userCalender.headline')"
     :sub-title="$t('userCalender.subTitle')"
   >
-      <template #selection="{ flexSpecs }">
+    <template #selection="{ flexSpecs }">
       <InputText
         v-model="token"
         :placeholder="$t('userCalender.searchPlaceholder')"
@@ -67,15 +65,11 @@ onMounted(() => {
         icon="pi pi-refresh"
         @click="loadCalendar()"
       />
-      </template>
-      <template #content>
-      <CalendarViewer
-        :token="tokenStore().token"
-      />
-      </template>
-</DynamicPage>
+    </template>
+    <template #content>
+      <CalendarViewer :token="tokenStore().token" />
+    </template>
+  </DynamicPage>
 </template>
 
-<style scoped>
-
-</style>
\ No newline at end of file
+<style scoped></style>
diff --git a/frontend/src/vite-env.d.ts b/frontend/src/vite-env.d.ts
index 8fef6df..814423d 100644
--- a/frontend/src/vite-env.d.ts
+++ b/frontend/src/vite-env.d.ts
@@ -16,4 +16,4 @@
 
 /// <reference types="vite/client" />
 
-declare module 'ical.js';
\ No newline at end of file
+declare module "ical.js";
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index b8f3de3..51d8f95 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -21,7 +21,7 @@
     "allowSyntheticDefaultImports": true,
     "paths": {
       "@/*": ["./src/*"]
-    },
+    }
   },
   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
   "references": [
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index ec8f975..c568551 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -17,63 +17,64 @@
 import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
 import { fileURLToPath } from "node:url";
-import { VitePWA } from 'vite-plugin-pwa';
-import basicSsl from '@vitejs/plugin-basic-ssl'
+import { VitePWA } from "vite-plugin-pwa";
+import basicSsl from "@vitejs/plugin-basic-ssl";
 
 export default defineConfig({
   plugins: [
     vue(),
     basicSsl(),
     VitePWA({
-      mode: 'development',
-      base: '/',
-      injectRegister: 'auto',
-      includeAssets: ['favicon.ico', 'apple-touch-icon.png', 'mask-icon.svg'],
+      mode: "development",
+      base: "/",
+      injectRegister: "auto",
+      includeAssets: ["favicon.ico", "apple-touch-icon.png", "mask-icon.svg"],
       manifest: {
-        name: 'HTWKalender',
-        short_name: 'HTWKalender',
-        description: 'Calendar implementation for the HTWK Leipzig timetable. Evaluation and display of the individual dates in iCal format.',
-        theme_color: '#FFFFFF',
-        background_color: '#FFFFFF',
-        display: 'standalone',
-        start_url: '/',
+        name: "HTWKalender",
+        short_name: "HTWKalender",
+        description:
+          "Calendar implementation for the HTWK Leipzig timetable. Evaluation and display of the individual dates in iCal format.",
+        theme_color: "#FFFFFF",
+        background_color: "#FFFFFF",
+        display: "standalone",
+        start_url: "/",
         icons: [
           {
             src: "/pwa-192x192.png",
             sizes: "192x192",
             type: "image/png",
-            purpose: "any"
+            purpose: "any",
           },
           {
             src: "/pwa-512x512.png",
             sizes: "512x512",
             type: "image/png",
-            purpose: "any"
+            purpose: "any",
           },
           {
             src: "/pwa-maskable-192x192.png",
             sizes: "192x192",
             type: "image/png",
-            purpose: "maskable"
+            purpose: "maskable",
           },
           {
             src: "/pwa-maskable-512x512.png",
             sizes: "512x512",
             type: "image/png",
-            purpose: "maskable"
-          }
+            purpose: "maskable",
+          },
         ],
       },
-      registerType: 'autoUpdate',
+      registerType: "autoUpdate",
       workbox: {
-        globPatterns: ['**/*.{js,css,html,ico,png,svg,json,vue,txt,woff2}'],
+        globPatterns: ["**/*.{js,css,html,ico,png,svg,json,vue,txt,woff2}"],
         cleanupOutdatedCaches: true,
         runtimeCaching: [
           {
             urlPattern: /^https?.*/,
-            handler: 'NetworkFirst',
+            handler: "NetworkFirst",
             options: {
-              cacheName: 'https-calls',
+              cacheName: "https-calls",
               expiration: {
                 maxEntries: 150,
                 maxAgeSeconds: 30 * 12 * 60 * 60, // 1 month
@@ -86,11 +87,12 @@ export default defineConfig({
       devOptions: {
         enabled: true,
         /* when using generateSW the PWA plugin will switch to classic */
-        type: 'module',
-        navigateFallback: 'index.html',
+        type: "module",
+        navigateFallback: "index.html",
         suppressWarnings: true,
-      }
-    })],
+      },
+    }),
+  ],
   resolve: {
     alias: {
       "@": fileURLToPath(new URL("./src", import.meta.url)),
@@ -112,14 +114,14 @@ export default defineConfig({
   },
   esbuild: {
     supported: {
-      'top-level-await': true
+      "top-level-await": true,
     },
   },
   optimizeDeps: {
     esbuildOptions: {
       supported: {
-        'top-level-await': true
-      }
+        "top-level-await": true,
+      },
     },
   },
 });
diff --git a/frontend/vitest.config.ts b/frontend/vitest.config.ts
index 5f06fdd..8365fb5 100644
--- a/frontend/vitest.config.ts
+++ b/frontend/vitest.config.ts
@@ -1,11 +1,14 @@
 // vitest.config.ts
-import {mergeConfig} from 'vite'
-import {defineConfig} from 'vitest/config'
-import viteConfig from './vite.config'
+import { mergeConfig } from "vite";
+import { defineConfig } from "vitest/config";
+import viteConfig from "./vite.config";
 
-export default mergeConfig(viteConfig, defineConfig({
-  test: {
-    globals: true,
-    globalSetup: './vitest.global-setup.ts',
-  },
-}))
\ No newline at end of file
+export default mergeConfig(
+  viteConfig,
+  defineConfig({
+    test: {
+      globals: true,
+      globalSetup: "./vitest.global-setup.ts",
+    },
+  }),
+);
diff --git a/frontend/vitest.global-setup.ts b/frontend/vitest.global-setup.ts
index f7ffa41..89d5cfe 100644
--- a/frontend/vitest.global-setup.ts
+++ b/frontend/vitest.global-setup.ts
@@ -1,3 +1,3 @@
 export const setup = () => {
-  process.env.TZ = 'UTC'
-}
\ No newline at end of file
+  process.env.TZ = "UTC";
+};