feat(apollo-react): add remark-breaks to sticky note markdown rendering

Single newlines in sticky notes now render as <br> instead of being
collapsed by the markdown parser, matching user expectations for
line breaks in a note-taking context.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: david-rios-uipath

packages/apollo-react/package.json

@@ -212,6 +212,7 @@
     "react-syntax-highlighter": "^16.1.0",
     "react-window": "^2.2.1",
     "rehype-katex": "^7.0.1",
+    "remark-breaks": "^4.0.0",
     "remark-gfm": "^4.0.1",
     "remark-math": "^6.0.0",
     "reselect": "^5.1.1",

packages/apollo-react/src/canvas/components/StickyNoteNode/StickyNoteNode.tsx

@@ -5,6 +5,7 @@ import { NodeResizeControl, useReactFlow } from '@uipath/apollo-react/canvas/xyf
 import { AnimatePresence } from 'motion/react';
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import ReactMarkdown from 'react-markdown';
+import remarkBreaks from 'remark-breaks';
 import remarkGfm from 'remark-gfm';
 import { GRID_SPACING } from '../../constants';
 import type { ToolbarAction } from '../Toolbar';
@@ -355,14 +356,14 @@ const StickyNoteNodeComponent = ({
           ) : (
             <StickyNoteMarkdown>
               {localContent ? (
-                <ReactMarkdown remarkPlugins={[remarkGfm]} components={markdownComponents}>
+                <ReactMarkdown remarkPlugins={[remarkGfm, remarkBreaks]} components={markdownComponents}>
                   {preserveNewlines(localContent)}
                 </ReactMarkdown>
               ) : (
                 // Render placeholder if renderPlaceholderOnSelect is enabled, node is selected, and the content is empty
                 renderPlaceholderOnSelect &&
                 selected && (
-                  <ReactMarkdown remarkPlugins={[remarkGfm]} components={markdownComponents}>
+                  <ReactMarkdown remarkPlugins={[remarkGfm, remarkBreaks]} components={markdownComponents}>
                     {placeholder}
                   </ReactMarkdown>
                 )