Merge branch 'master' into ci/support-node-22-drop-16

Author: vr-varad

CONTRIBUTING.md

@@ -145,8 +145,7 @@ This repository and site are available as open source under the terms of the [Ap
 
 **Community First**
 
-<p>The <a href="https://layer5.io">Layer5</a> community represents the largest collection of service mesh projects and their maintainers in the world.</p>
+<p>The <a href="https://layer5.io/community">Layer5 community</a> represents the largest collection of service mesh projects and their maintainers in the world.</p>
 
 **Open Source First**
-
-<p>Our projects establish industry standards and enable service developers, owners, and operators with repeatable patterns and best practices for managing all aspects of distributed services. Our shared commitment to the open source spirit push the Layer5 community and its projects forward.</p>
+<p>At Layer5, we champion developer-defined infrastructure, giving engineers the power to reshape application delivery. We empower operators in reimagining how they manage modern infrastructure: collaboratively.</p>

src/custom/Markdown/index.tsx

@@ -65,6 +65,15 @@ export const RenderMarkdown: React.FC<RenderMarkdownProps> = ({ content }) => {
 };
 
 export const RenderMarkdownTooltip: React.FC<RenderMarkdownProps> = ({ content }) => {
+  const processDescription = (desc: string | undefined): string | undefined => {
+    if (!desc) return desc;
+    try {
+      // -> json.parse will handle esacpe characters
+      return JSON.parse(`"${desc}"`);
+    } catch {
+      return desc;
+    }
+  };
   return (
     <ReactMarkdown
       remarkPlugins={[remarkGfm]}
@@ -96,7 +105,7 @@ export const RenderMarkdownTooltip: React.FC<RenderMarkdownProps> = ({ content }
         td: ({ ...props }) => <StyledMarkdownTd>{props.children}</StyledMarkdownTd>
       }}
     >
-      {content}
+      {processDescription(content) as string}
     </ReactMarkdown>
   );
 };

src/custom/NavigationNavbar/navigationNavbar.tsx

@@ -52,13 +52,17 @@ const NavigationNavbar: React.FC<NavigationNavbarProps> = ({
 
         return (
           <React.Fragment key={item.id}>
-            <MenuItem disabled={!permission} onClick={item.onClick}>
+            <MenuItem
+              disabled={!permission}
+              onClick={item.onClick}
+              data-testid={`nav-item-${item.id}`}
+            >
               <MenuItemList>
                 {item.icon && <IconWrapper>{item.icon}</IconWrapper>}
                 <ListItemText primary={item.title} {...ListItemTextProps} />
               </MenuItemList>
               {item.subItems && (
-                <ListItemText>
+                <ListItemText data-testid={`nav-toggle-${item.id}`}>
                   {isOpen ? (
                     <ExpandLessIcon onClick={(e) => toggleSectionOpen(item.id, e)} />
                   ) : (
@@ -74,6 +78,7 @@ const NavigationNavbar: React.FC<NavigationNavbarProps> = ({
                     key={subItem.id}
                     disabled={!subItem.permission}
                     onClick={subItem.onClick}
+                    data-testid={`nav-subitem-${subItem.id}`}
                   >
                     <MenuItemSubList>
                       {subItem.icon && <SubIconWrapper>{subItem.icon}</SubIconWrapper>}