added settings

app/layouts/dashboard.vue

@@ -5,7 +5,6 @@ const nav : NavigationMenuItem[][] = [[
   {
   label: 'Home',
   icon: 'i-lucide-house',
-  active: true,
   to: "/dashboard"
 }, {
   label: 'Inbox',
@@ -16,6 +15,10 @@ const nav : NavigationMenuItem[][] = [[
   label: 'Contacts',
   icon: 'i-lucide-users',
   to: "/contacts"
+}, {
+  label: 'Settings',
+  icon: 'i-lucide-settings',
+  to: '/settings'
   }]];
 /*[
   {
@@ -28,6 +31,11 @@ const nav : NavigationMenuItem[][] = [[
     <DashboardSidebar collapsible resizable :items="nav"/>
     <UDashboardSidebarCollapse />
 
+    <UContainer class="overflow-auto">
+      <!-- in my case I want the button to be the same everywhere.
+      if you wanna customize it per page, place it per page inside UContainer -->
+      <!--<UDashboardSidebarToggle variant="subtle" class="absolute z-20 top-3 left-2.5"/>-->
       <slot />
+    </UContainer>
   </UDashboardGroup>
 </template>