add menu title asidebar desktop

src/assets/css/style.css

@@ -2245,6 +2245,11 @@ select {
   color: rgb(59 130 246 / var(--tw-text-opacity));
 }
 
+.text-primary-800 {
+  --tw-text-opacity: 1;
+  color: rgb(1 36 45 / var(--tw-text-opacity));
+}
+
 .text-opacity-100 {
   --tw-text-opacity: 1;
 }

src/components/Aside/Aside.vue

@@ -99,8 +99,11 @@ const closeSideBar = () => menu.toggleSidebar()
                 <img class="w-auto h-11" :src="IconApp" alt="PLN" />
             </RouterLink>
         </div>
+        <span class="px-4 mt-4 text-sm font-semibold text-primary-800">
+            Menu
+        </span>
         <div :class="[menu.sidebarShowed ? 'flex flex-col flex-grow overflow-y-auto' : 'hidden', '']">
-            <div class="flex flex-col flex-grow mt-5">
+            <div class="flex flex-col flex-grow mt-3">
                 <nav class="flex-1 px-2 pb-4 space-y-1">
                     <template v-for="item in menu.navigation" :key="item.name">
                         <!-- Single-level item -->