added external lib for handling tooltips

Projects/Education/UI/Spaces/Docs-Space/DocumentPage.js

@@ -187,6 +187,10 @@ function newFoundationsDocsDocumentPage() {
             */
             let docsContentDiv = document.getElementById('docs-content-div')
             docsContentDiv.innerHTML = HTML + UI.projects.education.spaces.docsSpace.footer.addFooter()
+            // Create tooltip objects for all the elements
+            tippy('#tooltip-container', {
+                theme: "superalgos"
+            });
 
             hightlightEmbeddedCode()
             UI.projects.education.spaces.docsSpace.mainSearchPage.detectEnterOnSearchBox()

Projects/Education/UI/Spaces/Tutorial-Space/TutorialSpace.js

@@ -1543,7 +1543,10 @@ function newEducationTutorialSpace() {
 
             tutorialDiv.innerHTML = html
             _self.Prism.highlightAllUnder(tutorialDiv, true)
-
+            // Create tooltip objects for all the elements
+            tippy('#tooltip-container', {
+                theme: "superalgos"
+            });
         }
     }
 

Projects/Education/UI/Utilities/Docs.js

@@ -523,7 +523,7 @@ function newEducationUtilitiesDocs() {
 
     function addToolTips(text, excludedType) {
 
-        const TOOL_TIP_HTML = '<div onClick="UI.projects.education.spaces.docsSpace.navigateTo(\'PROJECT\', \'CATEGORY\', \'TYPE\')" class="docs-tooltip">TYPE_LABEL<span class="docs-tooltiptext">DEFINITION</span></div>'
+        const TOOL_TIP_HTML = '<div onClick="UI.projects.education.spaces.docsSpace.navigateTo(\'PROJECT\', \'CATEGORY\', \'TYPE\')" class="docs-tooltip" id="tooltip-container" data-tippy-content="DEFINITION">TYPE_LABEL</div>'
         const LINK_ONLY_HTML = '<div onClick="UI.projects.education.spaces.docsSpace.navigateTo(\'PROJECT\', \'CATEGORY\', \'TYPE\')" class="docs-link">TYPE_LABEL<span class="docs-tooltiptext"></span></div>'
 
         let resultingText = ''