fix(plugins/plugin-client-common): Markdown links should have a tooltip

This PR also exports the Tooltip spi from plugin-client-common.

Fixes #6939

plugins/plugin-client-common/src/components/Content/Markdown.tsx

@@ -25,6 +25,7 @@ import { REPL, Tab as KuiTab, getPrimaryTabId } from '@kui-shell/core'
 // GitHub Flavored Markdown plugin; see https://github.com/IBM/kui/issues/6563
 import gfm from 'remark-gfm'
 
+import Tooltip from '../spi/Tooltip'
 import CodeSnippet from '../spi/CodeSnippet'
 const SimpleEditor = React.lazy(() => import('./Editor/SimpleEditor'))
 
@@ -176,7 +177,11 @@ export default class Markdown extends React.PureComponent<Props> {
             } else if (!isLocal && this.props.noExternalLinks) {
               return <span className={this.props.className}>{props.href}</span>
             } else {
-              return <a className="bx--link" {...props} target={target} onClick={onClick} />
+              return (
+                <Tooltip markdown={`### External Link\n#### ${props.href}\n\n\`Link will open in a separate window\``}>
+                  <a className="bx--link" {...props} target={target} onClick={onClick} />
+                </Tooltip>
+              )
             }
           },
           code: props => {

plugins/plugin-client-common/src/index.ts

@@ -58,6 +58,7 @@ export { default as Button } from './components/spi/Button'
 export { default as Card } from './components/spi/Card'
 export { default as Popover } from './components/spi/Popover'
 export { default as Tag } from './components/spi/Tag'
+export { default as Tooltip } from './components/spi/Tooltip'
 
 // Input components
 export {

plugins/plugin-client-common/web/scss/components/Tooltip/PatternFly.scss

@@ -48,6 +48,10 @@ $bgcolor: var(--color-base06);
       color: var(--color-base02);
       font-family: var(--font-sans-serif);
     }
+
+    a[href] {
+      color: var(--color-base0F);
+    }
   }
 
   & > div {