add text inside Welcome page

src/assets/css/style.css

@@ -1140,6 +1140,10 @@ select {
   margin-top: 1.5rem;
 }
 
+.mt-3\.5 {
+  margin-top: 0.875rem;
+}
+
 .line-clamp-1 {
   overflow: hidden;
   display: -webkit-box;

src/components/Navigation/Aside/Aside.vue

@@ -106,7 +106,7 @@ const closeSideBar = () => menu.toggleSidebar()
         <span v-if="menu.sidebarShowed" 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="[menu.sidebarShowed ? 'flex flex-col flex-grow overflow-y-auto' : 'hidden']">
             <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">

src/components/Pages/Welcome.vue

@@ -9,6 +9,12 @@
                 <span class="px-3 text-sm font-medium text-gray-500 text-md">Cari menu</span>
             </button>
 
+            <div class="flex mt-3.5" v-if="filteredMenus.length == 0">
+                <h1 class="text-sm text-center text-gray-800">
+                    Silahkan cari menu atau buka menu di samping kiri untuk memulai
+                </h1>
+            </div>
+
             <div v-if="query === '' || filteredMenus.length > 0" static class="w-full mt-6 md:mt-8 lg:mt-12">
                 <div class="flex flex-col items-start w-full p-2" v-if="filteredMenus.length > 0 || recent.length > 0">
                     <h2 v-if="query === '' && recent.length > 0" class="mb-2 text-xs font-semibold text-gray-900 ">