feat: Add Discord and GitHub Issues to the Navbar

https://harperdb.atlassian.net/browse/STUDIO-534
https://harperdb.atlassian.net/browse/STUDIO-590

Author: dawsontoth

src/components/DiscordLogo.tsx

@@ -0,0 +1,11 @@
+export function DiscordLogo() {
+	return <svg xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 126.644 96"
+		width={24} height={24}
+	>
+		<path
+			fill="currentColor"
+			d="M81.15,0c-1.2376,2.1973-2.3489,4.4704-3.3591,6.794-9.5975-1.4396-19.3718-1.4396-28.9945,0-.985-2.3236-2.1216-4.5967-3.3591-6.794-9.0166,1.5407-17.8059,4.2431-26.1405,8.0568C2.779,32.5304-1.6914,56.3725.5312,79.8863c9.6732,7.1476,20.5083,12.603,32.0505,16.0884,2.6014-3.4854,4.8998-7.1981,6.8698-11.0623-3.738-1.3891-7.3497-3.1318-10.8098-5.1523.9092-.6567,1.7932-1.3386,2.6519-1.9953,20.281,9.547,43.7696,9.547,64.0758,0,.8587.7072,1.7427,1.3891,2.6519,1.9953-3.4601,2.0457-7.0718,3.7632-10.835,5.1776,1.97,3.8642,4.2683,7.5769,6.8698,11.0623,11.5419-3.4854,22.3769-8.9156,32.0509-16.0631,2.626-27.2771-4.496-50.9172-18.817-71.8548C98.9811,4.2684,90.1918,1.5659,81.1752.0505l-.0252-.0505ZM42.2802,65.4144c-6.2383,0-11.4159-5.6575-11.4159-12.6535s4.9755-12.6788,11.3907-12.6788,11.5169,5.708,11.4159,12.6788c-.101,6.9708-5.026,12.6535-11.3907,12.6535ZM84.3576,65.4144c-6.2637,0-11.3907-5.6575-11.3907-12.6535s4.9755-12.6788,11.3907-12.6788,11.4917,5.708,11.3906,12.6788c-.101,6.9708-5.026,12.6535-11.3906,12.6535Z"
+		/>
+	</svg>;
+}

src/components/Navbar.tsx

@@ -1,3 +1,4 @@
+import { DiscordLogo } from '@/components/DiscordLogo';
 import { MainLogo } from '@/components/MainLogo';
 import { NavigationMenu } from '@/components/ui/navigation/NavigationMenu';
 import { NavigationMenuItem } from '@/components/ui/navigation/NavigationMenuItem';
@@ -13,6 +14,7 @@ import { getDefaultSignedInCloudRouteForUser } from '@/lib/urls/getDefaultSigned
 import { Link, useNavigate, useParams, useRouter } from '@tanstack/react-router';
 import {
 	BookOpenTextIcon,
+	BugIcon,
 	BuildingIcon,
 	HandshakeIcon,
 	LogInIcon,
@@ -98,6 +100,20 @@ export function Navbar() {
 				text: 'Docs',
 				textBreakpoint: isLocalStudio ? 'md' : 'xl',
 			},
+			{
+				to: 'https://github.com/HarperFast/studio/issues',
+				target: '_blank',
+				icon: <BugIcon />,
+				text: 'Report an Issue',
+				textBreakpoint: isLocalStudio ? 'lg' : 'xl',
+			},
+			{
+				to: 'https://discord.gg/VzZuaw3Xay',
+				target: '_blank',
+				icon: <DiscordLogo />,
+				text: 'Discord',
+				textBreakpoint: isLocalStudio ? 'lg' : 'xl',
+			},
 			{
 				onClick: handleSignOut,
 				icon: <LogOutIcon />,
@@ -129,6 +145,7 @@ interface MenuItem {
 	onClick?: () => void;
 	icon: ReactNode;
 	text: string;
+	target?: string;
 	textBreakpoint?: string;
 }
 
@@ -213,6 +230,7 @@ function DesktopNavItem({ menuItem }: { menuItem: MenuItem }) {
 					to={menuItem.to}
 					onClick={menuItem.onClick}
 					className="flex-row items-center"
+					target={menuItem.target}
 					activeProps={menuItem.to ? activeLinkProps : undefined}
 				>
 					{menuItem.icon}
@@ -278,6 +296,7 @@ function MobileNavItem({ menuItem, onClick }: { menuItem: MenuItem, onClick: ()
 		<Link
 			to={menuItem.to}
 			onClick={linkOnClick}
+			target={menuItem.target}
 			className="flex flex-row px-3 py-2 text-base font-medium rounded-md text-gray-400 hover:text-white"
 			activeProps={menuItem.to ? activeLinkProps : undefined}
 		>
@@ -288,4 +307,3 @@ function MobileNavItem({ menuItem, onClick }: { menuItem: MenuItem, onClick: ()
 		</Link>
 	);
 }
-