fix(DHIS2-19677): open markdown links in new page

Author: kabaros

src/components/AppDetails/LatestUpdates.jsx

@@ -33,7 +33,21 @@ export const LatestUpdates = ({ changelog, installedVersion, versions }) => {
                                     {version.version}
                                 </h3>
                                 <div className={styles.changeSummary}>
-                                    <ReactMarkdown>
+                                    <ReactMarkdown
+                                        components={{
+                                            a(props) {
+                                                // eslint-disable-next-line react/prop-types, no-unused-vars
+                                                const { node, ...rest } = props
+                                                return (
+                                                    <a
+                                                        {...rest}
+                                                        rel="noopener noreferrer"
+                                                        target="_blank"
+                                                    />
+                                                )
+                                            },
+                                        }}
+                                    >
                                         {changelog[version.version]}
                                     </ReactMarkdown>
                                 </div>

src/components/AppDetails/Versions.jsx

@@ -148,7 +148,23 @@ const VersionsTable = ({
 
                         <div className={versionsStyles.changeSummary}>
                             {changes && (
-                                <ReactMarkdown>{changes}</ReactMarkdown>
+                                <ReactMarkdown
+                                    components={{
+                                        a(props) {
+                                            // eslint-disable-next-line react/prop-types, no-unused-vars
+                                            const { node, ...rest } = props
+                                            return (
+                                                <a
+                                                    {...rest}
+                                                    rel="noopener noreferrer"
+                                                    target="_blank"
+                                                />
+                                            )
+                                        },
+                                    }}
+                                >
+                                    {changes}
+                                </ReactMarkdown>
                             )}
                         </div>
                         <Divider className={versionsStyles.versionDivider} />