Added misc url (Discord)

ui/dashboard/Sidenav.tsx

@@ -41,6 +41,18 @@ export default function Sidenav({ isOpen, toggle }: { isOpen: boolean; toggle: (
         </div>
         <div className="px-4 pt-4">
           <ul className="space-y-4">
+            <li>
+              <NavItem
+                item={{
+                  name: 'Discord',
+                  slug: 'https://discord.gg/72vuHcwUkE',
+                  icon: 'discord-fill',
+                  disabled: false
+                }}
+                isOpen={isOpen}
+                onClick={toggle}
+              />
+            </li>
             <li>
               <NavItem
                 item={{
@@ -70,10 +82,15 @@ function NavItem({
   onClick?: () => void;
 }) {
   const segment = useSelectedLayoutSegment();
-  const isActive = segment?.split('/').pop() === item.slug || (item.slug === '' && !segment);
+  const pathname = segment?.split('/').pop() || '';
+  const isHttp = item.slug.includes('http');
+  const isActive = pathname === item.slug || (item.slug === '' && !segment);
   return (
     <AppLink
-      href={item.disabled ? '/dashboard' : `/dashboard/${item.slug}`}
+      aria-disabled={item.disabled}
+      href={isHttp ? item.slug : `dashboard/${item.slug}`}
+      target={isHttp ? '_blank' : undefined}
+      rel={isHttp ? 'noopener noreferrer' : undefined}
       className={cn('flex justify-center rounded-md px-3 py-3 text-sm lg:justify-start', {
         'text-muted hover:text-secondary': !isActive,
         'bg-highlight-primary text-secondary': isActive,