follow cursor added in cm/cs

Author: shivani170

package.json

@@ -48,7 +48,8 @@
         "xterm-addon-search": "^0.9.0",
         "xterm-webfont": "^2.0.0",
         "yaml": "^1.7.2",
-        "yamljs": "^0.3.0"
+        "yamljs": "^0.3.0",
+        "tippy.js": "^6.3.7"
     },
     "scripts": {
         "lint": "eslint src/**/*.tsx",

src/components/ConfigMapSecret/ConfigMapSecret.components.tsx

@@ -31,6 +31,7 @@ import { getCMSecret, getConfigMapList, getSecretList } from './service'
 import { useHistory, useParams, useRouteMatch } from 'react-router-dom'
 import { toast } from 'react-toastify'
 import Tippy from '@tippyjs/react'
+import { followCursor } from 'tippy.js'
 
 const ConfigToolbar = importComponentFromFELibrary('ConfigToolbar')
 const ApproveRequestTippy = importComponentFromFELibrary('ApproveRequestTippy')
@@ -382,6 +383,7 @@ export function ConfigMapSecretContainer({
                     <Tippy
                         theme={TippyTheme.black}
                         followCursor={true}
+                        plugins= {[followCursor]}
                         arrow={true}
                         animation="shift-toward-subtle"
                         placement='top'