UI - Merge missed code added

Author: Bangarraju-Microsoft

frontend/src/pages/chat/Components/CitationPanel.tsx

@@ -15,6 +15,11 @@ interface CitationPanelProps {
 }
 
 export const CitationPanel: React.FC<CitationPanelProps> = ({ activeCitation, IsCitationPanelOpen, onViewSource }) => {
+
+    const renderLink = (props: any) => {
+        return <a {...props} target="_blank" rel="noopener noreferrer" />;
+      };
+
     return (
         <Stack.Item className={styles.citationPanel} tabIndex={0} role="tabpanel" aria-label="Citations Panel">
             <Stack
@@ -45,11 +50,13 @@ export const CitationPanel: React.FC<CitationPanelProps> = ({ activeCitation, Is
             </h5>
             <div tabIndex={0}>
                 <ReactMarkdown
-                    linkTarget="_blank"
                     className={styles.citationPanelContent}
                     children={DOMPurify.sanitize(activeCitation.content, { ALLOWED_TAGS: XSSAllowTags })}
                     remarkPlugins={[remarkGfm]}
                     rehypePlugins={[rehypeRaw]}
+                    components={{
+                        a: renderLink, 
+                    }}
                 />
             </div>
         </Stack.Item>