feat: Link NEWM sidebar icon to newm.io

apps/studio/src/common/constants.ts

@@ -4,14 +4,14 @@
 export const NEWM_SUPPORT_EMAIL = "[email protected]";
 export const NEWM_CLICKUP_FORM_URL =
   "https://forms.clickup.com/24371401/f/q7r69-16220/410BQW62PPVQ51RI2B";
+export const NEWM_IO_URL = "https://newm.io/";
 export const NEWM_STUDIO_DISCORD_URL =
   "https://discord.com/channels/931903540056694856/1153293933468713041";
 export const NEWM_STUDIO_FAQ_URL = "https://newm.io/artist-faq";
 export const NEWM_STUDIO_TELEGRAM_URL = "https://t.me/NEWMartists";
 export const NEWM_STUDIO_TERMS_OF_SERVICE_URL = "https://newm.io/tos/";
 export const NEWM_STUDIO_OUTLETS_URL = "https://newm.io/faq/#outlets";
 export const NEWM_PRIVACY_POLICY_URL = "https://newm.io/privacy-policy/";
-
 /**
  * Character count constants for form validation
  */
@@ -33,5 +33,5 @@ export const NONE_OPTION = "-";
  */
 export const SKIP_FETCH_INVITE_PATH_LIST = [
   "/idenfy-success-session",
-  "/idenfy-fail-session"
+  "/idenfy-fail-session",
 ];

apps/studio/src/pages/home/SideBar.tsx

@@ -1,5 +1,5 @@
 import { FunctionComponent } from "react";
-import { Box, Drawer, IconButton, Stack, useTheme } from "@mui/material";
+import { Box, Drawer, IconButton, Link, Stack, useTheme } from "@mui/material";
 import { Typography } from "@newm-web/elements";
 import {
   SideBarHeader,
@@ -21,6 +21,7 @@ import {
 } from "@mui/icons-material";
 import {
   NEWM_CLICKUP_FORM_URL,
+  NEWM_IO_URL,
   NEWM_STUDIO_DISCORD_URL,
   NEWM_STUDIO_FAQ_URL,
 } from "../../common";
@@ -177,7 +178,9 @@ export const SideBar: FunctionComponent<SideBarProps> = (
         px={2.5}
         width="100%"
       >
-        <NEWMLogoSmInverse />
+        <Link href={NEWM_IO_URL} target="_blank" rel="noopener">
+          <NEWMLogoSmInverse />
+        </Link>
       </Box>
     </Box>
   );