feat: add option to open sidebar menu items in new tab

Author: kastov

src/app/layouts/dashboard/sidebar/interfaces/menu-item.interface.ts

@@ -11,5 +11,6 @@ export interface MenuItem {
         href: string
         icon: ElementType
         name: string
+        newTab?: boolean
     }[]
 }

src/app/layouts/dashboard/sidebar/menu-sections.ts

@@ -72,7 +72,8 @@ export const useMenuSections = (): MenuItem[] => {
                 {
                     name: 'Queues',
                     href: '/api/queues',
-                    icon: PiAirTrafficControlDuotone
+                    icon: PiAirTrafficControlDuotone,
+                    newTab: true
                 }
             ]
         }

src/app/layouts/dashboard/sidebar/sidebar.layout.tsx

@@ -50,6 +50,9 @@ export function SidebarLayout() {
                                 leftSection={subItem.icon && <subItem.icon />}
                                 to={subItem.href}
                                 variant="subtle"
+                                {...(subItem.newTab
+                                    ? { target: '_blank', rel: 'noopener noreferrer' }
+                                    : {})}
                             />
                         )
                     )}