chore: cleanup

src/components/DrawerComponent.vue

@@ -1,10 +1,8 @@
 <script setup lang="ts">
-import { ref, watch } from 'vue';
+import { ref } from 'vue';
 import { useRouter } from 'vue-router';
-import { useI18n } from 'vue-i18n';
 import { Icon } from '@iconify/vue';
 
-const { t, locale } = useI18n();
 const router = useRouter();
 
 const currentRoute = ref<string>('');
@@ -62,6 +60,7 @@ function navigateTo(label: string, destination: string) {
   <q-drawer
     :breakpoint="500"
     v-model="leftDrawerOpen"
+    behavior="mobile"
     side="left"
     show-if-above
   >
@@ -88,8 +87,6 @@ function navigateTo(label: string, destination: string) {
           <q-item-label class="q-pl-lg">
             <div class="box-border-left" />
             <Icon :icon="v.icon" width="24px" class="q-mr-md" />
-            <!-- <q-icon :name="v.icon" size="sm" class="q-mr-xs" /> -->
-
             {{ $t(v.label) }}
           </q-item-label>
         </q-item-section>
@@ -106,7 +103,7 @@ function navigateTo(label: string, destination: string) {
 }
 #drawer-menu :deep(.q-item.active) {
   --_drawer-item-background-color: var(--brand-1) !important;
-  background-color: var(--_drawer-item-background-color) !important;
+  background-color: var(--_drawer-item-background-color);
   color: white;
   border-left: 10px solid $secondary;