Настроена работа чек боксов, добавлено popup окно активностей по клиенту, исправлены ошибки стилизации

src/components/TheSidebar.vue

@@ -24,6 +24,7 @@ export default {
 <style lang="sass" scoped>
 .sidebar
   max-width: 80px
+  min-width: 80px
   background-color: #FFFFFF
   border-top-right-radius: 4px
 </style>

src/components/base/BaseSelect.vue

@@ -1,7 +1,7 @@
 <template lang="pug">
-  .flex.gap-2.py-2.px-4.w-full.container(@click="selectOpen")
+  .flex.gap-2.py-2.px-4.w-full.container.cursor-pointer(@click="selectOpen")
     .relative.flex.flex-col
-      .not-italic.text-base.select(:style="{ minWidth : width}") {{optionData}}
+      .not-italic.text-base.select.cursor-pointer(:style="{ minWidth : width}") {{optionData}}
         .absolute.options(v-if="isOpen" :id="id" @click="(event)=>chooseOption(event)")
           .not-italic.text-base.option(v-for="(responsible, index) in listData" :key="index" :id="index") {{responsible}}
     .select-form-separator
@@ -26,7 +26,6 @@ export default {
 <style lang="sass" scoped>
 .container
   align-items: center
-  cursor: pointer
   border-radius: 4px
   width: fit-content
   background-color: var(--bg-ligth-blue-color)
@@ -34,7 +33,6 @@ export default {
   appearance: none
   border: none
   outline: none
-  cursor: pointer
   color: rgba(9, 10, 21, 0.5)
   background-color: rgba(9, 10, 21, 0)
   &::-webkit-calendar-picker-indicator

src/components/base/buttons/BaseAddEvent.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-  button.event-button.not-italic.leading-5.text-base.py-3.px-4 Создать событие
+  button.event-button.cursor-pointer.not-italic.leading-5.text-base.py-3.px-4 Создать событие
 </template>
 
 <script>
@@ -12,7 +12,6 @@ export default {
 .event-button
   outline: none
   border: none
-  cursor: pointer
   width: fit-content
   color: var(--bg-white-color)
   background-color: var(--btn-blue-color)

src/components/base/buttons/BaseButtonPlus.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-  button.icon-plus.button-plus.text-xs.pt-1
+  button..cursor-pointer.icon-plus.button-plus.text-xs.pt-1
 </template>
 
 <script>
@@ -12,11 +12,10 @@ export default {
 .button-plus
   outline: none
   border: none
-  cursor: pointer
   width: 24px
   height: 24px
   max-height: 24px
-  color: #4772F2
+  color: var(--btn-blue-color)
   background-color: rgba(65, 105, 225, 0.25)
   border-radius: 50%
 </style>

src/components/base/buttons/BaseSidebarButton.vue

@@ -1,6 +1,6 @@
 <template lang="pug">
   a(:href="path")
-    button.button.text-4xl.py-3.pr-4.pl-3(:id="id")
+    button.button.cursor-pointer.text-4xl.py-3.pr-4.pl-3(:id="id")
       slot
 </template>
 
@@ -23,7 +23,6 @@ export default {
 <style lang="sass" scoped>
 .button
   width: fit-content
-  cursor: pointer
   background-color: rgba(65, 105, 225, 0)
   border-radius: 0 4px 4px 0
   border-left-color: rgba(65, 105, 225, 0)
@@ -35,9 +34,9 @@ export default {
 .button:focus
   background-color: rgba(65, 105, 225, 0.3)
   border-left-color: rgba(65, 105, 225, 1)
-  color: #4169E1
+  color: var(--btn-blue-color)
 .button:hover
   background-color: rgba(65, 105, 225, 0.3)
   border-left-color: rgba(65, 105, 225, 1)
-  color: #4169E1
+  color: var(--btn-blue-color)
 </style>