From f83d4d579cf6bd406b1b820005565ab5157b99e7 Mon Sep 17 00:00:00 2001
From: Caleb Burke <calebburke91@gmail.com>
Date: Fri, 26 Jun 2026 01:25:07 -0700
Subject: [PATCH] scss formatting

---
 web/src/scss/_override.scss           | 202 ++++-----
 web/src/scss/components/_VSwitch.scss |  88 ++--
 web/src/scss/layout/_dark.scss        | 136 +++---
 web/src/scss/layout/_horizontal.scss  | 375 ++++++++--------
 web/src/scss/layout/_sidebar.scss     | 624 +++++++++++++-------------
 web/src/scss/pages/_apps.scss         | 366 +++++++--------
 web/src/scss/theme/_themeColors.scss  |  64 +--
 7 files changed, 913 insertions(+), 942 deletions(-)

diff --git a/web/src/scss/_override.scss b/web/src/scss/_override.scss
index c9e294c..80a625d 100644
--- a/web/src/scss/_override.scss
+++ b/web/src/scss/_override.scss
@@ -1,204 +1,192 @@
 @use "./variables" as *;
 
 html {
-    .bg-success {
-        color: $white !important;
-    }
+  .bg-success {
+    color: $white !important;
+  }
 
-    .bg-primary {
-        color: $white !important;
-    }
+  .bg-primary {
+    color: $white !important;
+  }
 
-    .bg-secondary {
-        color: $white !important;
-    }
+  .bg-secondary {
+    color: $white !important;
+  }
 
-    .bg-warning {
-        color: $white !important;
-    }
+  .bg-warning {
+    color: $white !important;
+  }
 
-    .bg-secondary-gradient {
-        background: linear-gradient(287deg, rgb(var(--v-theme-primary)) .54%, #1bcaff 100.84%);
-    }
+  .bg-secondary-gradient {
+    background: linear-gradient(287deg, rgb(var(--v-theme-primary)) 0.54%, #1bcaff 100.84%);
+  }
 }
 
-
-
-
 .border,
 .v-divider {
-    border-color: rgba(var(--v-border-color)) !important;
+  border-color: rgba(var(--v-border-color)) !important;
 }
 
 .avtar-border {
-    border: 2px solid rgb(var(--v-theme-surface)) !important;
+  border: 2px solid rgb(var(--v-theme-surface)) !important;
 }
 
 .subtext {
-    font-size: $font-size-root;
-    line-height: 1.75rem;
+  font-size: $font-size-root;
+  line-height: 1.75rem;
 }
 
 .v-dialog {
-    &.dialog-mw {
-        max-width: 800px;
-    }
+  &.dialog-mw {
+    max-width: 800px;
+  }
 }
 
 .round-40 {
-    height: 40px;
-    width: 40px;
+  height: 40px;
+  width: 40px;
 }
 
 .round-56 {
-    height: 56px;
-    width: 56px;
+  height: 56px;
+  width: 56px;
 }
 
 .round-48 {
-    height: 48px;
-    width: 48px;
+  height: 48px;
+  width: 48px;
 }
 
 .round-30 {
-    height: 30px;
-    width: 30px;
+  height: 30px;
+  width: 30px;
 }
 
 .lh-0 {
-    line-height: 0 !important;
+  line-height: 0 !important;
 }
 
-
 .lh-28 {
-    line-height: 28px !important;
+  line-height: 28px !important;
 }
 
 .lh-32 {
-    line-height: 32px !important;
+  line-height: 32px !important;
 }
 
 .space-p-96 {
-    padding: 96px 0 !important;
-
+  padding: 96px 0 !important;
 }
 
 .ps-96 {
-    padding-inline-start: 96px !important;
+  padding-inline-start: 96px !important;
 }
 
 .pt-96 {
-    padding-top: 96px !important;
+  padding-top: 96px !important;
 }
 
 .end-0 {
-    inset-inline-end: 0;
+  inset-inline-end: 0;
 }
 
 .top-0 {
-    top: 0;
+  top: 0;
 }
 
 .no-scrollbar {
-    height: calc(100vh - 350px);
+  height: calc(100vh - 350px);
 }
 
 .msg-chat-height {
-    height: calc(-500px + 100vh);
+  height: calc(-500px + 100vh);
 }
 
-@media screen and (max-width:991px) {
-    .overflow-x-reposive {
-        overflow-x: scroll;
-        overflow-y: hidden;
-    }
+@media screen and (max-width: 991px) {
+  .overflow-x-reposive {
+    overflow-x: scroll;
+    overflow-y: hidden;
+  }
 
-    .border-m-none {
-        border: 0 !important
-    }
+  .border-m-none {
+    border: 0 !important;
+  }
 }
 
-@media screen and (max-height:767px) {
-    .msg-chat-height {
-        height: calc(-315px + 100vh);
-    }
-
+@media screen and (max-height: 767px) {
+  .msg-chat-height {
+    height: calc(-315px + 100vh);
+  }
 }
 
 .max-h-600 {
-    max-height: 600px;
-    height: calc(100vh - 100px);
+  max-height: 600px;
+  height: calc(100vh - 100px);
 }
 
-
 .custom-hover-primary {
+  .iconify {
+    color: rgb(255, 255, 255) !important;
+
+    @media screen and (max-width: 991px) {
+      color: rgba(var(--v-theme-textPrimary), 0.8) !important;
+    }
+  }
+
+  &:hover {
+    background-color: rgba(var(--v-theme-lightprimary), 0.1);
+
     .iconify {
-        color: rgb(255, 255, 255) !important;
-
-        @media screen and (max-width:991px) {
-            color: rgba(var(--v-theme-textPrimary), 0.8) !important
-        }
-    }
-
-    &:hover {
-        background-color: rgba(var(--v-theme-lightprimary), 0.1);
-
-        .iconify {
-            @media screen and (max-width:991px) {
-                color: rgb(var(--v-theme-primary)) !important
-            }
-        }
+      @media screen and (max-width: 991px) {
+        color: rgb(var(--v-theme-primary)) !important;
+      }
     }
+  }
 }
 .custom-hover-primary-white {
-    .iconify {
-        color: rgb(255, 255, 255) !important;
+  .iconify {
+    color: rgb(255, 255, 255) !important;
+  }
 
-       
-    }
-
-    &:hover {
-        background-color: rgba(var(--v-theme-lightprimary), 0.1);
-
-    }
+  &:hover {
+    background-color: rgba(var(--v-theme-lightprimary), 0.1);
+  }
 }
 
 .no-icon {
-
-    .v-input__prepend,
-    .v-input__append {
-        display: none !important;
-    }
+  .v-input__prepend,
+  .v-input__append {
+    display: none !important;
+  }
 }
 
 .bg-white {
-    background-color: rgb(255, 255, 255) !important;
+  background-color: rgb(255, 255, 255) !important;
 }
 
 .v-badge {
-    &.x-small-badge {
-        .v-badge__badge {
-            height: 6px !important;
-            width: 6px !important;
-        }
-
+  &.x-small-badge {
+    .v-badge__badge {
+      height: 6px !important;
+      width: 6px !important;
     }
+  }
 }
 
 .one-line {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
 }
 
 .two-line {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
 }
 
 .z-1 {
-    z-index: 1;
-}
\ No newline at end of file
+  z-index: 1;
+}
diff --git a/web/src/scss/components/_VSwitch.scss b/web/src/scss/components/_VSwitch.scss
index ce58d9b..2160348 100644
--- a/web/src/scss/components/_VSwitch.scss
+++ b/web/src/scss/components/_VSwitch.scss
@@ -1,48 +1,48 @@
 .v-selection-control.v-selection-control--density-default {
-    .v-switch__track,
-    .v-switch__thumb {
-        background-color: rgb(var(--v-theme-grey200));
+  .v-switch__track,
+  .v-switch__thumb {
+    background-color: rgb(var(--v-theme-grey200));
+  }
+  &.v-selection-control--dirty {
+    .v-selection-control__wrapper.text-primary {
+      .v-switch__track {
+        background-color: rgba(var(--v-theme-primary), 0.6);
+      }
+      .v-switch__thumb {
+        background-color: rgb(var(--v-theme-primary));
+      }
     }
-    &.v-selection-control--dirty {
-        .v-selection-control__wrapper.text-primary {
-            .v-switch__track {
-                background-color: rgba(var(--v-theme-primary), 0.6);
-            }
-            .v-switch__thumb {
-                background-color: rgb(var(--v-theme-primary));
-            }
-        }
-        .v-selection-control__wrapper.text-secondary {
-            .v-switch__track {
-                background-color: rgba(var(--v-theme-secondary), 0.6);
-            }
-            .v-switch__thumb {
-                background-color: rgb(var(--v-theme-secondary));
-            }
-        }
-        .v-selection-control__wrapper.text-warning {
-            .v-switch__track {
-                background-color: rgba(var(--v-theme-warning), 0.6);
-            }
-            .v-switch__thumb {
-                background-color: rgb(var(--v-theme-warning));
-            }
-        }
-        .v-selection-control__wrapper.text-error {
-            .v-switch__track {
-                background-color: rgba(var(--v-theme-error), 0.6);
-            }
-            .v-switch__thumb {
-                background-color: rgb(var(--v-theme-error));
-            }
-        }
-        .v-selection-control__wrapper.text-success {
-            .v-switch__track {
-                background-color: rgba(var(--v-theme-success), 0.6);
-            }
-            .v-switch__thumb {
-                background-color: rgb(var(--v-theme-success));
-            }
-        }
+    .v-selection-control__wrapper.text-secondary {
+      .v-switch__track {
+        background-color: rgba(var(--v-theme-secondary), 0.6);
+      }
+      .v-switch__thumb {
+        background-color: rgb(var(--v-theme-secondary));
+      }
     }
+    .v-selection-control__wrapper.text-warning {
+      .v-switch__track {
+        background-color: rgba(var(--v-theme-warning), 0.6);
+      }
+      .v-switch__thumb {
+        background-color: rgb(var(--v-theme-warning));
+      }
+    }
+    .v-selection-control__wrapper.text-error {
+      .v-switch__track {
+        background-color: rgba(var(--v-theme-error), 0.6);
+      }
+      .v-switch__thumb {
+        background-color: rgb(var(--v-theme-error));
+      }
+    }
+    .v-selection-control__wrapper.text-success {
+      .v-switch__track {
+        background-color: rgba(var(--v-theme-success), 0.6);
+      }
+      .v-switch__thumb {
+        background-color: rgb(var(--v-theme-success));
+      }
+    }
+  }
 }
diff --git a/web/src/scss/layout/_dark.scss b/web/src/scss/layout/_dark.scss
index feb2a94..fcead77 100644
--- a/web/src/scss/layout/_dark.scss
+++ b/web/src/scss/layout/_dark.scss
@@ -1,81 +1,81 @@
 // theme : dark
-div[class*='v-theme--DARK_'] {
-    .smallCap {
-        color: rgb(var(--v-theme-textSecondary));
+div[class*="v-theme--DARK_"] {
+  .smallCap {
+    color: rgb(var(--v-theme-textSecondary));
+  }
+
+  .elevation-10 {
+    box-shadow:
+      rgb(145 158 171 / 30%) 0px 0px 2px 0px,
+      rgb(145 158 171 / 2%) 0px 12px 24px -4px !important;
+  }
+  .v-field__outline {
+    --v-field-border-opacity: 0.38 !important;
+  }
+
+  .front-wraper {
+    .bg-background {
+      background-color: rgb(var(--v-theme-hoverColor)) !important;
     }
 
-    .elevation-10 {
-        box-shadow: rgb(145 158 171 / 30%) 0px 0px 2px 0px, rgb(145 158 171 / 2%) 0px 12px 24px -4px !important;
+    .front-dark {
+      &.bg-textPrimary {
+        background-color: rgb(var(--v-theme-surface)) !important;
+      }
     }
-    .v-field__outline{
-        --v-field-border-opacity: 0.38 !important;
+    .bg-textPrimary {
+      background-color: rgb(var(--v-theme-textSecondary)) !important;
+    }
+  }
+
+  #vector-map .dxm-layers path {
+    fill: #7c8fac !important;
+  }
+
+  .svgMap-map-wrapper {
+    .svgMap-country {
+      stroke: #878585;
+      fill: #1a2537 !important;
+
+      &#svgMap-map-country-IN {
+        fill: rgb(var(--v-theme-secondary)) !important;
+      }
+
+      &#svgMap-map-country-AF {
+        fill: rgb(var(--v-theme-purple)) !important;
+      }
+
+      &#svgMap-map-country-US {
+        fill: rgb(var(--v-theme-primary)) !important;
+      }
     }
 
-    .front-wraper{
-        .bg-background{
-            background-color: rgb(var(--v-theme-hoverColor)) !important;
-        }
-
-        .front-dark{
-            &.bg-textPrimary{
-                background-color: rgb(var(--v-theme-surface)) !important;
-            }
-        }
-        .bg-textPrimary{
-            background-color: rgb(var(--v-theme-textSecondary)) !important;
-        }
+    .svgMap-map-controls-zoom {
+      background: #c9d6de !important;
     }
-    
-
-    #vector-map .dxm-layers path {
-        fill: #7C8FAC !important;
+    .svgMap-control-button {
+      background-color: rgb(var(--v-theme-textSecondary)) !important;
     }
+  }
+  .dark-card-title {
+    color: rgb(var(--v-theme-surface));
+  }
 
-    .svgMap-map-wrapper {
-        .svgMap-country {
-            stroke: #878585;
-            fill: #1A2537 !important;
-
-            &#svgMap-map-country-IN {
-                fill: rgb(var(--v-theme-secondary)) !important;
-            }
-
-            &#svgMap-map-country-AF {
-                fill: rgb(var(--v-theme-purple)) !important;
-            }
-
-            &#svgMap-map-country-US {
-                fill: rgb(var(--v-theme-primary)) !important;
-            }
-        }
-
-        .svgMap-map-controls-zoom {
-            background: #c9d6de !important;
-        }
-        .svgMap-control-button{
-            background-color: rgb(var(--v-theme-textSecondary)) !important;
-        }
-
+  .fc {
+    .fc-button-primary:not(:disabled).fc-button-active {
+      background-color: rgb(var(--v-theme-grey100));
     }
-    .dark-card-title{
-        color:rgb(var(--v-theme-surface));
-    }
-
-    .fc{
-        .fc-button-primary:not(:disabled).fc-button-active {
-            background-color: rgb(var(--v-theme-grey100));
-        }
-        .fc-button-group {
-            >.fc-button {
-                &:hover,&:focus{
-                    background-color: rgba(var(--v-theme-grey100));
-                    color: #fff;
-                    .fc-icon{
-                        color: #fff;	
-                    }
-                }
-            }
+    .fc-button-group {
+      > .fc-button {
+        &:hover,
+        &:focus {
+          background-color: rgba(var(--v-theme-grey100));
+          color: #fff;
+          .fc-icon {
+            color: #fff;
+          }
         }
+      }
     }
-
+  }
 }
diff --git a/web/src/scss/layout/_horizontal.scss b/web/src/scss/layout/_horizontal.scss
index 87273e0..0589097 100644
--- a/web/src/scss/layout/_horizontal.scss
+++ b/web/src/scss/layout/_horizontal.scss
@@ -1,231 +1,222 @@
 @use "../variables" as *;
 
 .horizontalLayout {
-    .v-main {
-        margin: 0 16px !important;
+  .v-main {
+    margin: 0 16px !important;
 
-        @media screen and (max-width: 767px) {
-            margin: 0 10px !important;
-        }
+    @media screen and (max-width: 767px) {
+      margin: 0 10px !important;
     }
+  }
 }
 
 .horizontal-header {
-    &.v-app-bar .v-toolbar__content {
-        padding: 0;
-        display: flex;
-        justify-content: space-between;
-    }
+  &.v-app-bar .v-toolbar__content {
+    padding: 0;
+    display: flex;
+    justify-content: space-between;
+  }
 
-    .maxWidth {
-        @media screen and (max-width: 1199px) {
-            padding: 0 8px !important;
-        }
+  .maxWidth {
+    @media screen and (max-width: 1199px) {
+      padding: 0 8px !important;
     }
-
+  }
 }
 
 .ddMenu {
-    &.ddLevel-1 {
-        .navItem {
-            .navItemLink {
-                .dot {
-                    height: 6px;
-                    width: 6px;
-                    background-color: rgb(var(--v-theme-textSecondary));
-                    border-radius: 50%;
-                    margin-inline-end: 8px !important;
-                }
-            }
-
-            &:hover {
-                .dot {
-                    background-color: rgb(var(--v-theme-secondary));
-                }
-            }
+  &.ddLevel-1 {
+    .navItem {
+      .navItemLink {
+        .dot {
+          height: 6px;
+          width: 6px;
+          background-color: rgb(var(--v-theme-textSecondary));
+          border-radius: 50%;
+          margin-inline-end: 8px !important;
         }
-    }
+      }
 
-    &.ddLevel-2 {
-        .navItem {
-            .navItemLink {
-                .dot {
-                    height: 6px;
-                    width: 6px;
-                    background-color: rgb(var(--v-theme-textSecondary));
-                    border-radius: 50%;
-                    margin-inline-end: 8px !important;
-                }
-            }
-
-            &:hover {
-                .dot {
-                    background-color: rgb(var(--v-theme-secondary));
-                }
-            }
+      &:hover {
+        .dot {
+          background-color: rgb(var(--v-theme-secondary));
         }
+      }
     }
+  }
+
+  &.ddLevel-2 {
+    .navItem {
+      .navItemLink {
+        .dot {
+          height: 6px;
+          width: 6px;
+          background-color: rgb(var(--v-theme-textSecondary));
+          border-radius: 50%;
+          margin-inline-end: 8px !important;
+        }
+      }
+
+      &:hover {
+        .dot {
+          background-color: rgb(var(--v-theme-secondary));
+        }
+      }
+    }
+  }
 }
 
-
 .horizontalMenu {
-    .v-toolbar__content {
-        max-width: 1270px;
-        margin: 0 auto;
+  .v-toolbar__content {
+    max-width: 1270px;
+    margin: 0 auto;
+  }
+
+  .navItem:has(.ddMenu.ddLevel-1 li a.router-link-active) {
+    background-color: rgb(var(--v-theme-secondary)) !important;
+    border-radius: 9999px;
+
+    .navcollapse {
+      color: rgba(255, 255, 255);
     }
-
-    .navItem:has(.ddMenu.ddLevel-1 li a.router-link-active) {
-        background-color: rgb(var(--v-theme-secondary)) !important;
-        border-radius: 9999px;
-
-        .navcollapse {
-            color: rgba(255, 255, 255);
-        }
-    }
-
+  }
 }
 
 .mobile-menu {
-    .v-navigation-drawer {
-        margin-top: -70px !important;
-        height: 100vh !important;
-        z-index: 2000 !important;
-    }
+  .v-navigation-drawer {
+    margin-top: -70px !important;
+    height: 100vh !important;
+    z-index: 2000 !important;
+  }
 }
 
 @media (min-width: 960px) {
-    .horizontalMenu {
-        margin-top: 65px;
-        margin-bottom: -70px;
+  .horizontalMenu {
+    margin-top: 65px;
+    margin-bottom: -70px;
 
-        .maxWidth {
-            .horizontal-navbar {
-                max-width: 1160px;
-            }
-        }
+    .maxWidth {
+      .horizontal-navbar {
+        max-width: 1160px;
+      }
+    }
+  }
+
+  .horizontal-navbar {
+    padding: 16px 0;
+    margin: 0px auto;
+    align-items: center;
+    display: flex;
+    z-index: 11;
+    font-size: 0.875rem;
+    position: relative;
+
+    ul {
+      padding: 0px;
+      margin: 0px;
     }
 
-    .horizontal-navbar {
-        padding: 16px 0;
-        margin: 0px auto;
-        align-items: center;
+    .ddMenu {
+      li {
+        a {
+          color: rgb(var(--v-theme-textPrimary)) !important;
+        }
+      }
+    }
+
+    li {
+      list-style: none;
+
+      a {
+        text-decoration: none;
         display: flex;
-        z-index: 11;
-        font-size: 0.875rem;
-        position: relative;
+        align-items: center;
+        padding: 10px 13px;
+        height: 40px;
 
-        ul {
-            padding: 0px;
-            margin: 0px;
+        .navIcon {
+          margin-right: 10px;
+          display: flex;
         }
 
-        .ddMenu {
-            li {
-                a {
-                    color: rgb(var(--v-theme-textPrimary)) !important;
-                }
-            }
+        .ddIcon {
+          margin-top: 2px;
         }
 
-        li {
-            list-style: none;
+        &.router-link-exact-active {
+          background-color: transparent;
+          color: rgba(var(--v-theme-secondary)) !important;
 
-            a {
-                text-decoration: none;
-                display: flex;
-                align-items: center;
-                padding: 10px 13px;
-                height: 40px;
-
-                .navIcon {
-                    margin-right: 10px;
-                    display: flex;
-                }
-
-                .ddIcon {
-                    margin-top: 2px;
-                }
-
-                &.router-link-exact-active {
-                    background-color: transparent;
-                    color: rgba(var(--v-theme-secondary)) !important;
-
-                    .dot {
-                        background-color: rgb(var(--v-theme-secondary)) !important;
-                    }
-
-                }
-
-            }
-        }
-
-        .navItem {
-            position: relative;
-
-            .single-link {
-                &:hover {
-                    color: rgb(var(--v-theme-secondary)) !important;
-                }
-            }
-
-
-            .ddMenu {
-                .navItem {
-                    .navcollapse {
-                        &:hover {
-                            color: rgb(var(--v-theme-secondary)) !important;
-                        }
-                    }
-                }
-            }
-
-
-        }
-
-        .ddMenu {
-            position: absolute;
-            width: 230px;
-            display: none;
-            top: 40px;
-            padding: 10px;
-            z-index: 1;
-            background-color: rgb(var(--v-theme-surface));
-            box-shadow: $box-shadow;
-            border-radius: $border-radius-root;
-
-            li {
-                margin-bottom: 3px;
-            }
-        }
-
-        .ddLevel-2,
-        .ddLevel-3 {
-            top: -5px;
-            left: 212px;
-        }
-
-        .navItem:hover {
-
-            >.ddMenu {
-                display: block;
-            }
-        }
-
-        >li:hover {
-            background-color: rgb(var(--v-theme-lightprimary));
-            border-radius: 9999px;
-
-            >.navItemLink {
-                color: rgb(var(--v-theme-secondary));
-                opacity: 1;
-            }
-        }
-
-        .router-link-exact-active {
-            color: rgb(var(--v-theme-secondary));
-            font-weight: 500;
-            background-color: rgb(var(--v-theme-lightprimary));
-            border-radius: $border-radius-root;
+          .dot {
+            background-color: rgb(var(--v-theme-secondary)) !important;
+          }
         }
+      }
     }
-}
\ No newline at end of file
+
+    .navItem {
+      position: relative;
+
+      .single-link {
+        &:hover {
+          color: rgb(var(--v-theme-secondary)) !important;
+        }
+      }
+
+      .ddMenu {
+        .navItem {
+          .navcollapse {
+            &:hover {
+              color: rgb(var(--v-theme-secondary)) !important;
+            }
+          }
+        }
+      }
+    }
+
+    .ddMenu {
+      position: absolute;
+      width: 230px;
+      display: none;
+      top: 40px;
+      padding: 10px;
+      z-index: 1;
+      background-color: rgb(var(--v-theme-surface));
+      box-shadow: $box-shadow;
+      border-radius: $border-radius-root;
+
+      li {
+        margin-bottom: 3px;
+      }
+    }
+
+    .ddLevel-2,
+    .ddLevel-3 {
+      top: -5px;
+      left: 212px;
+    }
+
+    .navItem:hover {
+      > .ddMenu {
+        display: block;
+      }
+    }
+
+    > li:hover {
+      background-color: rgb(var(--v-theme-lightprimary));
+      border-radius: 9999px;
+
+      > .navItemLink {
+        color: rgb(var(--v-theme-secondary));
+        opacity: 1;
+      }
+    }
+
+    .router-link-exact-active {
+      color: rgb(var(--v-theme-secondary));
+      font-weight: 500;
+      background-color: rgb(var(--v-theme-lightprimary));
+      border-radius: $border-radius-root;
+    }
+  }
+}
diff --git a/web/src/scss/layout/_sidebar.scss b/web/src/scss/layout/_sidebar.scss
index b1d279c..faea1da 100644
--- a/web/src/scss/layout/_sidebar.scss
+++ b/web/src/scss/layout/_sidebar.scss
@@ -2,373 +2,365 @@
 
 /*This is for the logo*/
 .leftSidebar {
-    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .03), 0 0 1px 0 rgba(0, 0, 0, .1);
+  box-shadow:
+    0 3px 4px 0 rgba(0, 0, 0, 0.03),
+    0 0 1px 0 rgba(0, 0, 0, 0.1);
 
-    .logo {
-        padding-left: 7px;
+  .logo {
+    padding-left: 7px;
+  }
+
+  .mini-icon {
+    display: none;
+  }
+
+  .mini-text {
+    display: block;
+  }
+
+  .profile {
+    background: url("@/assets/images/backgrounds/user-info.jpg") no-repeat;
+  }
+
+  .profile-name {
+    background: rgba(0, 0, 0, 0.5);
+    margin-top: -6px;
+    height: 35px;
+
+    h5 {
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      overflow: hidden;
     }
+  }
 
-    .mini-icon {
-        display: none;
-    }
-
-    .mini-text {
-        display: block;
-    }
-
-    .profile {
-        background: url("@/assets/images/backgrounds/user-info.jpg") no-repeat;
-    }
-
-    .profile-name {
-        background: rgba(0, 0, 0, 0.5);
-        margin-top: -6px;
-        height: 35px;
-
-        h5 {
-            text-overflow: ellipsis;
-            white-space: nowrap;
-            overflow: hidden;
-        }
-    }
-
-    .v-list--density-default .v-list-subheader {
-        padding-inline-start: 0 !important;
-    }
+  .v-list--density-default .v-list-subheader {
+    padding-inline-start: 0 !important;
+  }
 }
 
 .verticalLayout {
-    .logo {
-        width: 250px;
+  .logo {
+    width: 250px;
 
-        @media screen and (max-width:1024px) {
-            width: auto;
-        }
+    @media screen and (max-width: 1024px) {
+      width: auto;
     }
+  }
 }
 
 /*This is for the Vertical sidebar*/
 .scrollnavbar {
-    height: 100%;
+  height: 100%;
 
-    .userbottom {
-        position: fixed;
-        bottom: 0px;
-        width: 100%;
+  .userbottom {
+    position: fixed;
+    bottom: 0px;
+    width: 100%;
+  }
+
+  .smallCap {
+    padding: 3px 12px 12px 0px !important;
+    font-size: 0.875rem;
+    font-weight: 500;
+    margin-top: 24px;
+    color: rgb(var(--v-theme-textPrimary));
+
+    &:first-child {
+      margin-top: 0 !important;
+    }
+  }
+
+  /*General Menu css*/
+  .v-list-group__items .v-list-item,
+  .v-list-item {
+    border-radius: $border-radius-root;
+    padding-inline-start: calc(14px + var(--indent-padding) / 10) !important;
+
+    margin: 0 0 2px;
+
+    &:hover {
+      color: rgb(var(--v-theme-secondary));
     }
 
-    .smallCap {
-        padding: 3px 12px 12px 0px !important;
-        font-size: 0.875rem;
-        font-weight: 500;
-        margin-top: 24px;
-        color: rgb(var(--v-theme-textPrimary));
-
-        &:first-child {
-            margin-top: 0 !important;
-        }
+    .v-list-item__prepend {
+      margin-inline-end: 13px;
     }
 
+    .v-list-item__append {
+      font-size: 0.875rem;
 
+      .v-icon {
+        margin-inline-start: 13px;
+      }
+    }
 
-    /*General Menu css*/
-    .v-list-group__items .v-list-item,
+    .v-list-item-title {
+      font-size: 0.875rem;
+    }
+  }
+
+  .v-list-group__items {
     .v-list-item {
-        border-radius: $border-radius-root;
-        padding-inline-start: calc(14px + var(--indent-padding) / 10) !important;
+      min-height: 35px !important;
+      padding-inline-start: calc(12px + var(--indent-padding) / 10) !important;
 
-        margin: 0 0 2px;
+      .v-list-item__prepend .dot {
+        height: 6px;
+        width: 6px;
+        background-color: rgb(var(--v-theme-textSecondary));
+        border-radius: 50%;
+        margin-inline-end: 8px !important;
+        opacity: 0;
+      }
 
+      .v-list-item-title {
+        font-size: 14px !important;
+      }
 
+      &:hover {
+        color: rgb(var(--v-theme-secondary));
 
-        &:hover {
-            color: rgb(var(--v-theme-secondary));
-
+        .v-list-item__prepend .dot {
+          background-color: rgb(var(--v-theme-secondary));
         }
+      }
 
-
-
-        .v-list-item__prepend {
-            margin-inline-end: 13px;
+      &.v-list-item--active {
+        .v-list-item__prepend .dot {
+          background-color: rgb(var(--v-theme-secondary));
         }
+      }
+    }
+  }
 
-        .v-list-item__append {
-            font-size: 0.875rem;
+  /*This is for the dropdown*/
+  .v-list {
+    color: rgb(var(--v-theme-textPrimary));
 
-            .v-icon {
-                margin-inline-start: 13px;
-            }
-        }
-
-        .v-list-item-title {
-            font-size: 0.875rem;
-        }
+    > .v-list-item.v-list-item--active,
+    .v-list-item--active > .v-list-item__overlay {
+      background: rgb(var(--v-theme-secondary));
+      color: white;
     }
 
-    .v-list-group__items {
-        .v-list-item {
-            min-height: 35px !important;
-            padding-inline-start: calc(12px + var(--indent-padding) / 10) !important;
+    > .v-list-group {
+      position: relative;
 
-            .v-list-item__prepend .dot {
-                height: 6px;
-                width: 6px;
-                background-color: rgb(var(--v-theme-textSecondary));
-                border-radius: 50%;
-                margin-inline-end: 8px !important;
-                opacity: 0;
-            }
+      > .v-list-item--active,
+      > .v-list-item--active:hover {
+        background: rgb(var(--v-theme-secondary));
+        color: white;
+      }
 
-            .v-list-item-title {
-                font-size: 14px !important;
-            }
-
-            &:hover {
-                color: rgb(var(--v-theme-secondary));
-
-                .v-list-item__prepend .dot {
-                    background-color: rgb(var(--v-theme-secondary));
-                }
-            }
-
-            &.v-list-item--active {
-                .v-list-item__prepend .dot {
-                    background-color: rgb(var(--v-theme-secondary));
-                }
-            }
-
-        }
-    }
-
-    /*This is for the dropdown*/
-    .v-list {
-        color: rgb(var(--v-theme-textPrimary));
-
-        >.v-list-item.v-list-item--active,
-        .v-list-item--active>.v-list-item__overlay {
-            background: rgb(var(--v-theme-secondary));
-            color: white;
-        }
-
-        >.v-list-group {
-            position: relative;
-
-            >.v-list-item--active,
-            >.v-list-item--active:hover {
-                background: rgb(var(--v-theme-secondary));
-                color: white;
-            }
-
-            .v-list-group__items .v-list-item.v-list-item--active,
-            .v-list-group__items .v-list-item.v-list-item--active>.v-list-item__overlay {
-                background: transparent;
-                color: rgb(var(--v-theme-secondary));
-            }
-        }
+      .v-list-group__items .v-list-item.v-list-item--active,
+      .v-list-group__items .v-list-item.v-list-item--active > .v-list-item__overlay {
+        background: transparent;
+        color: rgb(var(--v-theme-secondary));
+      }
     }
+  }
 }
 
 .v-navigation-drawer--rail {
+  .scrollnavbar .v-list .v-list-group__items,
+  .hide-menu {
+    opacity: 1;
+  }
 
-    .scrollnavbar .v-list .v-list-group__items,
-    .hide-menu {
-        opacity: 1;
-    }
-
-    .leftPadding {
-        margin-left: 0px;
-    }
+  .leftPadding {
+    margin-left: 0px;
+  }
 }
 
 @media only screen and (min-width: 1170px) {
-    .mini-sidebar {
-        .logo {
-            width: 40px;
-            overflow: hidden;
-            padding-left: 0;
-        }
-
-        .profile-logout {
-            opacity: 0;
-            width: 0;
-        }
-
-        .scrollnavbar {
-            .smallCap {
-                padding: 3px 12px 12px 12px !important;
-            }
-        }
-
-        .leftSidebar .v-list--density-default .v-list-subheader {
-            padding-inline-start: 15px !important;
-        }
-
-        .mini-icon {
-            display: block;
-        }
-
-        .sidebarchip.hide-menu {
-            opacity: 0;
-        }
-
-        .mini-text {
-            display: none;
-        }
-
-        .v-list {
-            padding: 14px !important;
-        }
-
-        .v-list-group__items {
-            .iconClass {
-                position: relative;
-                left: -2px;
-            }
-        }
-
-        .leftSidebar:hover {
-            box-shadow: $box-shadow !important;
-
-            .mini-icon {
-                display: none;
-            }
-
-            .sidebarchip.hide-menu {
-                opacity: 1;
-            }
-
-            .mini-text {
-                display: block;
-            }
-
-            .profile-logout {
-                opacity: 1;
-                width: auto;
-            }
-
-            .scrollnavbar {
-                .smallCap {
-                    padding: 3px 12px 12px 0px !important;
-                }
-            }
-
-            .v-list-group__items {
-                .iconClass {
-                    position: relative;
-                    left: 0px;
-                }
-            }
-
-            .v-list--density-default .v-list-subheader {
-                padding-inline-start: 0px !important;
-            }
-            .v-list-group__items {
-                .v-list-item {
-                    .v-list-item__prepend .dot {
-                        opacity:0;
-                    }
-                }
-            } 
-        }
-
-        .v-navigation-drawer--expand-on-hover:hover {
-            .logo {
-                width: 100%;
-            }
-
-            .v-list .v-list-group__items,
-            .hide-menu {
-                opacity: 1;
-            }
-        }
-
-        .profile-img {
-            margin-left: 0;
-
-            &::before {
-                left: 12px;
-            }
-        }
-
-        .menu-toggle {
-            margin-left: 24px;
-        }
-
-        .v-list-group__items {
-            .v-list-item {
-                .v-list-item__prepend .dot {
-                    opacity: 1;
-                }
-            }
-        }
-
+  .mini-sidebar {
+    .logo {
+      width: 40px;
+      overflow: hidden;
+      padding-left: 0;
     }
+
+    .profile-logout {
+      opacity: 0;
+      width: 0;
+    }
+
+    .scrollnavbar {
+      .smallCap {
+        padding: 3px 12px 12px 12px !important;
+      }
+    }
+
+    .leftSidebar .v-list--density-default .v-list-subheader {
+      padding-inline-start: 15px !important;
+    }
+
+    .mini-icon {
+      display: block;
+    }
+
+    .sidebarchip.hide-menu {
+      opacity: 0;
+    }
+
+    .mini-text {
+      display: none;
+    }
+
+    .v-list {
+      padding: 14px !important;
+    }
+
+    .v-list-group__items {
+      .iconClass {
+        position: relative;
+        left: -2px;
+      }
+    }
+
+    .leftSidebar:hover {
+      box-shadow: $box-shadow !important;
+
+      .mini-icon {
+        display: none;
+      }
+
+      .sidebarchip.hide-menu {
+        opacity: 1;
+      }
+
+      .mini-text {
+        display: block;
+      }
+
+      .profile-logout {
+        opacity: 1;
+        width: auto;
+      }
+
+      .scrollnavbar {
+        .smallCap {
+          padding: 3px 12px 12px 0px !important;
+        }
+      }
+
+      .v-list-group__items {
+        .iconClass {
+          position: relative;
+          left: 0px;
+        }
+      }
+
+      .v-list--density-default .v-list-subheader {
+        padding-inline-start: 0px !important;
+      }
+      .v-list-group__items {
+        .v-list-item {
+          .v-list-item__prepend .dot {
+            opacity: 0;
+          }
+        }
+      }
+    }
+
+    .v-navigation-drawer--expand-on-hover:hover {
+      .logo {
+        width: 100%;
+      }
+
+      .v-list .v-list-group__items,
+      .hide-menu {
+        opacity: 1;
+      }
+    }
+
+    .profile-img {
+      margin-left: 0;
+
+      &::before {
+        left: 12px;
+      }
+    }
+
+    .menu-toggle {
+      margin-left: 24px;
+    }
+
+    .v-list-group__items {
+      .v-list-item {
+        .v-list-item__prepend .dot {
+          opacity: 1;
+        }
+      }
+    }
+  }
 }
 
-// scrollbar 
+// scrollbar
 .ps__rail-y {
-    z-index: 9;
+  z-index: 9;
 }
 
 .profile-img {
-    margin-left: 14px;
+  margin-left: 14px;
 
-    &::before {
-        -webkit-animation: 2.5s blow 0s linear infinite;
-        animation: 2.5s blow 0s linear infinite;
-        position: absolute;
-        content: "";
-        width: 50px;
-        height: 50px;
-        top: 40px;
-        border-radius: 50%;
-        z-index: 0;
-        left: 26px;
+  &::before {
+    -webkit-animation: 2.5s blow 0s linear infinite;
+    animation: 2.5s blow 0s linear infinite;
+    position: absolute;
+    content: "";
+    width: 50px;
+    height: 50px;
+    top: 40px;
+    border-radius: 50%;
+    z-index: 0;
+    left: 26px;
+  }
+
+  @-webkit-keyframes blow {
+    0% {
+      box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
+      opacity: 1;
+      -webkit-transform: scale3d(1, 1, 0.5);
+      transform: scale3d(1, 1, 0.5);
     }
 
-    @-webkit-keyframes blow {
-        0% {
-            box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
-            opacity: 1;
-            -webkit-transform: scale3d(1, 1, 0.5);
-            transform: scale3d(1, 1, 0.5);
-        }
-
-        50% {
-            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
-            opacity: 1;
-            -webkit-transform: scale3d(1, 1, 0.5);
-            transform: scale3d(1, 1, 0.5);
-        }
-
-        100% {
-            box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
-            opacity: 0;
-            -webkit-transform: scale3d(1, 1, 0.5);
-            transform: scale3d(1, 1, 0.5);
-        }
+    50% {
+      box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
+      opacity: 1;
+      -webkit-transform: scale3d(1, 1, 0.5);
+      transform: scale3d(1, 1, 0.5);
     }
 
-    @keyframes blow {
-        0% {
-            box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
-            opacity: 1;
-            -webkit-transform: scale3d(1, 1, 0.5);
-            transform: scale3d(1, 1, 0.5);
-        }
-
-        50% {
-            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
-            opacity: 1;
-            -webkit-transform: scale3d(1, 1, 0.5);
-            transform: scale3d(1, 1, 0.5);
-        }
-
-        100% {
-            box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
-            opacity: 0;
-            -webkit-transform: scale3d(1, 1, 0.5);
-            transform: scale3d(1, 1, 0.5);
-        }
+    100% {
+      box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
+      opacity: 0;
+      -webkit-transform: scale3d(1, 1, 0.5);
+      transform: scale3d(1, 1, 0.5);
     }
-}
\ No newline at end of file
+  }
+
+  @keyframes blow {
+    0% {
+      box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
+      opacity: 1;
+      -webkit-transform: scale3d(1, 1, 0.5);
+      transform: scale3d(1, 1, 0.5);
+    }
+
+    50% {
+      box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
+      opacity: 1;
+      -webkit-transform: scale3d(1, 1, 0.5);
+      transform: scale3d(1, 1, 0.5);
+    }
+
+    100% {
+      box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
+      opacity: 0;
+      -webkit-transform: scale3d(1, 1, 0.5);
+      transform: scale3d(1, 1, 0.5);
+    }
+  }
+}
diff --git a/web/src/scss/pages/_apps.scss b/web/src/scss/pages/_apps.scss
index 7825ec5..fdf4b96 100644
--- a/web/src/scss/pages/_apps.scss
+++ b/web/src/scss/pages/_apps.scss
@@ -1,240 +1,240 @@
-// 
+//
 // common
-// 
+//
 
 .inside-left-sidebar {
-	.left-part {
-		width: 240px;
-	}
+  .left-part {
+    width: 240px;
+  }
 }
 
 //
 //Full Calendar
 .fc {
-	.fc-button-group {
-		>.fc-button {
-			display: flex;
-			align-items: center;
-			padding: 7px 10px;
-			border: 0;
-			font-size: 14px;
-			background-color: rgba(var(--v-theme-grey200));
-			color: rgba(var(--v-theme-textPrimary));
-			.fc-icon{
-				color: rgba(var(--v-theme-textPrimary));
-				font-size: 20px;
-			}
-			&:hover,&:focus{
-				background-color: rgba(var(--v-theme-textPrimary));
-				color: #fff;
-				.fc-icon{
-					color: #fff;	
-				}
-			}
-		}
-		.fc-button-primary:not(:disabled):active{
-			background-color: rgba(var(--v-theme-textPrimary));
-		}
-		.fc-button-primary:not(:disabled).fc-button-active {
-            background-color: rgb(var(--v-theme-textPrimary));
+  .fc-button-group {
+    > .fc-button {
+      display: flex;
+      align-items: center;
+      padding: 7px 10px;
+      border: 0;
+      font-size: 14px;
+      background-color: rgba(var(--v-theme-grey200));
+      color: rgba(var(--v-theme-textPrimary));
+      .fc-icon {
+        color: rgba(var(--v-theme-textPrimary));
+        font-size: 20px;
+      }
+      &:hover,
+      &:focus {
+        background-color: rgba(var(--v-theme-textPrimary));
+        color: #fff;
+        .fc-icon {
+          color: #fff;
         }
-	}
-	.fc-today-button{
-		padding: 7px 20px;
-		border: 0;
-		background-color: rgba(var(--v-theme-primary));
-	}
+      }
+    }
+    .fc-button-primary:not(:disabled):active {
+      background-color: rgba(var(--v-theme-textPrimary));
+    }
+    .fc-button-primary:not(:disabled).fc-button-active {
+      background-color: rgb(var(--v-theme-textPrimary));
+    }
+  }
+  .fc-today-button {
+    padding: 7px 20px;
+    border: 0;
+    background-color: rgba(var(--v-theme-primary));
+  }
 
-	.fc-prev-button{
-		border-radius: 30px 0 0 30px;
-	}
-	.fc-toolbar-title{
-		font-weight: 600;
-	}
-	.fc-event-title{
-		font-size: 14px;
-		padding: 3px 6px;
-	}
+  .fc-prev-button {
+    border-radius: 30px 0 0 30px;
+  }
+  .fc-toolbar-title {
+    font-weight: 600;
+  }
+  .fc-event-title {
+    font-size: 14px;
+    padding: 3px 6px;
+  }
 
-	.fc-button {
-		font-size: 14px;
-		font-weight: 500;
-		text-transform: capitalize;
+  .fc-button {
+    font-size: 14px;
+    font-weight: 500;
+    text-transform: capitalize;
 
-		.fc-icon {
-			font-size: 1.5em;
-			vertical-align: unset;
-		}
-	}
-	.fc-daygrid-day-number{
-		color: rgba(var(--v-theme-textSecondary));
-		font-size: 15px;
-	}
+    .fc-icon {
+      font-size: 1.5em;
+      vertical-align: unset;
+    }
+  }
+  .fc-daygrid-day-number {
+    color: rgba(var(--v-theme-textSecondary));
+    font-size: 15px;
+  }
 
-	.fc-button-primary {
-		background: rgb(var(--v-theme-primary));
-		border-color: rgb(var(--v-theme-primary));
+  .fc-button-primary {
+    background: rgb(var(--v-theme-primary));
+    border-color: rgb(var(--v-theme-primary));
 
-		color: #fff;
+    color: #fff;
 
-		&:hover {
-			background-color: rgb(var(--v-theme-primary));
-			border-color: rgb(var(--v-theme-primary));
-		}
+    &:hover {
+      background-color: rgb(var(--v-theme-primary));
+      border-color: rgb(var(--v-theme-primary));
+    }
 
-		&:not(:disabled).fc-button-active {
-			background-color: rgb(var(--v-theme-primary));
-			border-color: rgb(var(--v-theme-primary));
+    &:not(:disabled).fc-button-active {
+      background-color: rgb(var(--v-theme-primary));
+      border-color: rgb(var(--v-theme-primary));
 
-			&:focus {
-				box-shadow: none;
-			}
-		}
+      &:focus {
+        box-shadow: none;
+      }
+    }
 
-		&:not(:disabled) {
-			&:active {
-				background-color: rgb(var(--v-theme-primary));
-				border-color: rgb(var(--v-theme-primary));
+    &:not(:disabled) {
+      &:active {
+        background-color: rgb(var(--v-theme-primary));
+        border-color: rgb(var(--v-theme-primary));
 
-				&:focus {
-					box-shadow: none;
-				}
-			}
-		}
+        &:focus {
+          box-shadow: none;
+        }
+      }
+    }
 
-		&:disabled {
-			background-color: rgb(var(--v-theme-primary));
-			border-color: rgb(var(--v-theme-primary));
-			opacity: 1;
-		}
-	}
+    &:disabled {
+      background-color: rgb(var(--v-theme-primary));
+      border-color: rgb(var(--v-theme-primary));
+      opacity: 1;
+    }
+  }
 
-	.fc-col-header-cell-cushion {
-		display: inline-block;
-		padding: 10px 5px;
-		font-size: 14px;
-		font-weight: 600;
-	}
-	.fc-button-primary:not(:disabled).fc-button-active{
-		background-color: rgb(var(--v-theme-textPrimary));
-	}
+  .fc-col-header-cell-cushion {
+    display: inline-block;
+    padding: 10px 5px;
+    font-size: 14px;
+    font-weight: 600;
+  }
+  .fc-button-primary:not(:disabled).fc-button-active {
+    background-color: rgb(var(--v-theme-textPrimary));
+  }
 }
 
 .fc-theme-standard {
-	td {
-		border: 1px solid rgba(var(--v-border-color), 1) !important;
-	}
+  td {
+    border: 1px solid rgba(var(--v-border-color), 1) !important;
+  }
 
-	th {
-		border: 1px solid rgba(var(--v-border-color), 1) !important;
-		border-bottom: 0 !important;
-		background-color: rgba(var(--v-theme-grey200));
-		height: 56px;
-		vertical-align: middle;
-		color: rgba(var(--v-theme-textSecondary));
-	}
+  th {
+    border: 1px solid rgba(var(--v-border-color), 1) !important;
+    border-bottom: 0 !important;
+    background-color: rgba(var(--v-theme-grey200));
+    height: 56px;
+    vertical-align: middle;
+    color: rgba(var(--v-theme-textSecondary));
+  }
 
-	.fc-scrollgrid {
-		border: 0 !important;
-	}
+  .fc-scrollgrid {
+    border: 0 !important;
+  }
 }
 
 .fc-h-event {
-	background-color: rgb(var(--v-theme-primary));
-	border: 0;
-	display: block;
+  background-color: rgb(var(--v-theme-primary));
+  border: 0;
+  display: block;
 }
 
 .fc-direction-ltr {
-	.fc-button-group {
-		>.fc-button {
-			&:not(:last-child) {
-				border-bottom-left-radius: 30px;
-				border-top-left-radius: 30px;
-			}
+  .fc-button-group {
+    > .fc-button {
+      &:not(:last-child) {
+        border-bottom-left-radius: 30px;
+        border-top-left-radius: 30px;
+      }
 
-			&:not(:first-child) {
-				border-bottom-right-radius: 30px;
-				border-top-right-radius: 30px;
-				margin-left: -1px;
-			}
-		}
-	}
+      &:not(:first-child) {
+        border-bottom-right-radius: 30px;
+        border-top-right-radius: 30px;
+        margin-left: -1px;
+      }
+    }
+  }
 }
 
 .fc-button-group {
-	.fc-dayGridMonth-button {
-		border-bottom-right-radius: 0px !important;
-		border-top-right-radius: 0px !important;
-		padding: 7px 20px !important;
-	}
+  .fc-dayGridMonth-button {
+    border-bottom-right-radius: 0px !important;
+    border-top-right-radius: 0px !important;
+    padding: 7px 20px !important;
+  }
 
-	.fc-timeGridDay-button {
-		border-bottom-left-radius: 0px !important;
-		border-top-left-radius: 0px !important;
-		padding: 7px 20px !important;
-	}
+  .fc-timeGridDay-button {
+    border-bottom-left-radius: 0px !important;
+    border-top-left-radius: 0px !important;
+    padding: 7px 20px !important;
+  }
 
-	.fc-timeGridWeek-button {
-		border-radius: 0 !important;
-		padding: 7px 20px !important; 
-	}
+  .fc-timeGridWeek-button {
+    border-radius: 0 !important;
+    padding: 7px 20px !important;
+  }
 }
 
 .fc-today-button {
-	border-radius: 30px !important;
-	font-size: 14px;
+  border-radius: 30px !important;
+  font-size: 14px;
 }
 
-@media screen and (max-width:600px) {
-	.fc {
-		.fc-toolbar {
-			display: block;
-			text-align: center;
-		}
-	}
+@media screen and (max-width: 600px) {
+  .fc {
+    .fc-toolbar {
+      display: block;
+      text-align: center;
+    }
+  }
 
-	.fc-toolbar-chunk {
-		.fc-toolbar-title {
-			margin: 15px 0;
-		}
-	}
+  .fc-toolbar-chunk {
+    .fc-toolbar-title {
+      margin: 15px 0;
+    }
+  }
 }
 
 .customTab {
-	.v-btn {
-		&.v-tab-item--selected {
-			background-color: rgb(var(--v-theme-lightprimary)) !important;
+  .v-btn {
+    &.v-tab-item--selected {
+      background-color: rgb(var(--v-theme-lightprimary)) !important;
 
-			.icon {
-				background-color: rgb(var(--v-theme-primary)) !important;
-				color: #fff !important;
-			}
-		}
-	}
+      .icon {
+        background-color: rgb(var(--v-theme-primary)) !important;
+        color: #fff !important;
+      }
+    }
+  }
 }
 
 .email-items {
-	padding: 0px 24px 12px;
+  padding: 0px 24px 12px;
 
-	&.selected-email {
-		.email-title {
-			color: rgb(var(--v-theme-primary)) !important;
-		}
-	}
+  &.selected-email {
+    .email-title {
+      color: rgb(var(--v-theme-primary)) !important;
+    }
+  }
 
-	&:hover {
-		background-color: rgb(var(--v-theme-hoverColor));
+  &:hover {
+    background-color: rgb(var(--v-theme-hoverColor));
 
-		.email-title {
-			color: rgb(var(--v-theme-primary)) !important;
-		}
-
-	}
+    .email-title {
+      color: rgb(var(--v-theme-primary)) !important;
+    }
+  }
 }
 
 .email-content {
-	p {
-		margin: 10px 0;
-	}
-}
\ No newline at end of file
+  p {
+    margin: 10px 0;
+  }
+}
diff --git a/web/src/scss/theme/_themeColors.scss b/web/src/scss/theme/_themeColors.scss
index 6e3c2ae..4e202e6 100644
--- a/web/src/scss/theme/_themeColors.scss
+++ b/web/src/scss/theme/_themeColors.scss
@@ -1,59 +1,59 @@
 // Light Theme Colors
 .v-theme--AQUA_THEME {
-    --v-theme-primary: 0, 116, 186;
-    --v-theme-secondary: 71, 215, 188;
-    --v-theme-lightprimary: 229, 241, 248;
-    --v-theme-lightsecondary: 237, 251, 247;
+  --v-theme-primary: 0, 116, 186;
+  --v-theme-secondary: 71, 215, 188;
+  --v-theme-lightprimary: 229, 241, 248;
+  --v-theme-lightsecondary: 237, 251, 247;
 }
 
 .v-theme--PURPLE_THEME {
-    --v-theme-primary: 118, 62, 189;
-    --v-theme-secondary: 148, 208, 214;
-    --v-theme-lightprimary: 242, 236, 249;
-    --v-theme-lightsecondary: 237, 248, 250;
+  --v-theme-primary: 118, 62, 189;
+  --v-theme-secondary: 148, 208, 214;
+  --v-theme-lightprimary: 242, 236, 249;
+  --v-theme-lightsecondary: 237, 248, 250;
 }
 
 .v-theme--GREEN_THEME {
-    --v-theme-primary: 10, 126, 164;
-    --v-theme-secondary: 204, 218, 78;
-    --v-theme-lightprimary: 230, 242, 246;
-    --v-theme-lightsecondary: 250, 251, 239;
+  --v-theme-primary: 10, 126, 164;
+  --v-theme-secondary: 204, 218, 78;
+  --v-theme-lightprimary: 230, 242, 246;
+  --v-theme-lightsecondary: 250, 251, 239;
 }
 
 .v-theme--CYAN_THEME {
-    --v-theme-primary: 1, 192, 200;
-    --v-theme-secondary: 251, 150, 120;
-    --v-theme-lightprimary: 235, 249, 250;
-    --v-theme-lightsecondary: 255, 245, 242;
+  --v-theme-primary: 1, 192, 200;
+  --v-theme-secondary: 251, 150, 120;
+  --v-theme-lightprimary: 235, 249, 250;
+  --v-theme-lightsecondary: 255, 245, 242;
 }
 
 .v-theme--ORANGE_THEME {
-    --v-theme-primary: 250, 137, 107;
-    --v-theme-secondary: 0, 116, 186;
-    --v-theme-lightprimary: 251, 242, 239;
-    --v-theme-lightsecondary: 239, 249, 255;
+  --v-theme-primary: 250, 137, 107;
+  --v-theme-secondary: 0, 116, 186;
+  --v-theme-lightprimary: 251, 242, 239;
+  --v-theme-lightsecondary: 239, 249, 255;
 }
 
-.v-theme--DARK_AQUA_THEME{
-    --v-theme-primary: 0, 116, 186;
-    --v-theme-secondary: 71, 215, 188;
+.v-theme--DARK_AQUA_THEME {
+  --v-theme-primary: 0, 116, 186;
+  --v-theme-secondary: 71, 215, 188;
 }
 
 .v-theme--DARK_PURPLE_THEME {
-    --v-theme-primary: 118, 62, 189;
-    --v-theme-secondary: 148, 208, 214;
+  --v-theme-primary: 118, 62, 189;
+  --v-theme-secondary: 148, 208, 214;
 }
 
 .v-theme--DARK_GREEN_THEME {
-    --v-theme-primary: 10, 126, 164;
-    --v-theme-secondary: 204, 218, 78;
+  --v-theme-primary: 10, 126, 164;
+  --v-theme-secondary: 204, 218, 78;
 }
 
 .v-theme--DARK_CYAN_THEME {
-    --v-theme-primary: 1, 192, 200;
-    --v-theme-secondary: 251, 150, 120;
+  --v-theme-primary: 1, 192, 200;
+  --v-theme-secondary: 251, 150, 120;
 }
 .v-theme--DARK_ORANGE_THEME {
-    --v-theme-primary: 250, 137, 107;
-    --v-theme-secondary: 0, 116, 186;
-}
\ No newline at end of file
+  --v-theme-primary: 250, 137, 107;
+  --v-theme-secondary: 0, 116, 186;
+}